diff --git a/extensions/example-extension/README.md b/extensions/example-extension/README.md index eb8d01ac38..86e1a5d08d 100644 --- a/extensions/example-extension/README.md +++ b/extensions/example-extension/README.md @@ -1,3 +1,7 @@ # Lens Example Extension -*TODO*: add more info \ No newline at end of file +*TODO*: add more info + +## Build + +`npm run build` diff --git a/extensions/example-extension/index.tsx b/extensions/example-extension/index.tsx index 6bd4323dde..eb5a5853e8 100644 --- a/extensions/example-extension/index.tsx +++ b/extensions/example-extension/index.tsx @@ -1,12 +1,10 @@ import { Button, DynamicPageType, Icon, IconProps, LensExtension, React } from "@lens/extensions"; +import { CoffeeDoodle } from "react-open-doodles"; import path from "path"; import _ from "lodash" -import stripAnsi from "strip-ansi" export default class ExampleExtension extends LensExtension { onActivate() { - _.has({a: 1}, "a") - stripAnsi("asdasdasd") console.log('EXAMPLE EXTENSION: ACTIVATED', this.getMeta()); this.registerPage({ type: DynamicPageType.CLUSTER, @@ -25,7 +23,7 @@ export default class ExampleExtension extends LensExtension { } export function ExtensionIcon(props: IconProps) { - return + return } export class ExtensionPage extends React.Component<{ extension: ExampleExtension }> { @@ -37,10 +35,14 @@ export class ExtensionPage extends React.Component<{ extension: ExampleExtension render() { const { TabLayout } = this.props.extension.runtime.components; + const doodleStyle = { + width: "200px" + } return (
-

{stripAnsi("Hello from extensions-api!!!!!!!")}

+
+

Hello from Example extension!

File: {__filename}

diff --git a/extensions/example-extension/package-lock.json b/extensions/example-extension/package-lock.json index d281acd7eb..4457a5035e 100644 --- a/extensions/example-extension/package-lock.json +++ b/extensions/example-extension/package-lock.json @@ -4,23 +4,10 @@ "lockfileVersion": 1, "requires": true, "dependencies": { - "ansi-regex": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", - "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==" - }, - "lodash": { - "version": "4.17.20", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", - "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==" - }, - "strip-ansi": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", - "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", - "requires": { - "ansi-regex": "^5.0.0" - } + "react-open-doodles": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/react-open-doodles/-/react-open-doodles-1.0.5.tgz", + "integrity": "sha512-TGYuRDL2XX2PG/9ZH2MXfYi/vbQLRnvqPxfzNRc4X3Nxmsiz93kIRmT5OWbItadvqEwZTD4IncwHMSLOTUvSZQ==" }, "typescript": { "version": "4.0.3", diff --git a/extensions/example-extension/package.json b/extensions/example-extension/package.json index 54932ce576..c519d18795 100644 --- a/extensions/example-extension/package.json +++ b/extensions/example-extension/package.json @@ -8,10 +8,12 @@ "styles": [] }, "scripts": { - "build": "tsc" + "build": "tsc", + "dev": "tsc --watch" }, "dependencies": { "lodash": "^4.17.20", + "react-open-doodles": "^1.0.5", "strip-ansi": "^6.0.0" }, "devDependencies": {