Move in-tree extensions to top-level folder (#993)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen authored and GitHub committed 2020-09-29 16:45:42 +03:00
1 parent 5ec6751ab4
commit 82c4177cb9
6 files changed
+10 -10

No files matched your search

+3
View File
@@ -0,0 +1,3 @@
# Lens Example Extension
*TODO*: add more info
@@ -0,0 +1,47 @@
import { Button, DynamicPageType, Icon, IconProps, LensExtension } from "@lens/extensions";
import React from "react";
import path from "path";
export default class ExampleExtension extends LensExtension {
onActivate() {
console.log('EXAMPLE EXTENSION: ACTIVATED', this.getMeta());
this.registerPage({
type: DynamicPageType.CLUSTER,
path: "/extension-example",
menuTitle: "Example Extension",
components: {
Page: () => <ExtensionPage extension={this}/>,
MenuIcon: ExtensionIcon,
}
})
}
onDeactivate() {
console.log('EXAMPLE EXTENSION: DEACTIVATED', this.getMeta());
}
}
export function ExtensionIcon(props: IconProps) {
return <Icon {...props} material="camera" tooltip={path.basename(__filename)}/>
}
export class ExtensionPage extends React.Component<{ extension: ExampleExtension }> {
deactivate = () => {
const { extension } = this.props;
extension.runtime.navigate("/")
extension.disable();
}
render() {
const { TabLayout } = this.props.extension.runtime.components;
return (
<TabLayout className="ExampleExtension">
<div className="flex column gaps align-flex-start">
<p>Hello from extensions-api!</p>
<p>File: <i>{__filename}</i></p>
<Button accent label="Deactivate" onClick={this.deactivate}/>
</div>
</TabLayout>
)
}
}
+12
View File
@@ -0,0 +1,12 @@
{
"name": "extension-example",
"version": "1.0.0",
"description": "Example extension",
"main": "example-extension.js",
"lens": {
"metadata": {},
"styles": []
},
"dependencies": {
}
}
@@ -0,0 +1,13 @@
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"outDir": ".",
"module": "CommonJS",
"sourceMap": false,
"declaration": false
},
"include": [
"../../types",
"./example-extension.tsx"
]
}