Merge branch 'extensions-api' into enable-extensions-on-main

extensions/example-extension/index.tsx

@@ -0,0 +1,24 @@
+import { DynamicPageType, LensRendererExtension, PageStore } from "@lens/ui-extensions";
+import { examplePage, ExtensionIcon } from "./page"
+
+export default class ExampleExtension extends LensRendererExtension {
+  onActivate() {
+    console.log('EXAMPLE EXTENSION RENDERER: ACTIVATED', this.getMeta());
+  }
+
+  registerPages(pageStore: PageStore) {
+    this.registerPage(pageStore, {
+      type: DynamicPageType.CLUSTER,
+      path: "/extension-example",
+      title: "Example Extension",
+      components: {
+        Page: examplePage(this),
+        MenuIcon: ExtensionIcon,
+      }
+    })
+  }
+
+  onDeactivate() {
+    console.log('EXAMPLE EXTENSION RENDERER: DEACTIVATED', this.getMeta());
+  }
+}

extensions/example-extension/main.ts

@@ -1,10 +1,14 @@
-import { LensExtension } from "@lens/extensions";
+import { LensMainExtension } from "@lens/extensions";
 
-export default class ExampleExtensionMain extends LensExtension {
+export default class ExampleExtensionMain extends LensMainExtension {
   onActivate() {
     console.log('EXAMPLE EXTENSION MAIN: ACTIVATED', this.getMeta());
   }
 
+  onEvent(evt: any) {
+    //
+  }
+
   onDeactivate() {
     console.log('EXAMPLE EXTENSION MAIN: DEACTIVATED', this.getMeta());
   }

extensions/example-extension/renderer.ts

@@ -10,7 +10,7 @@ export default class ExampleExtension extends LensRendererExtension {
     this.registerPage(pageStore, {
       type: DynamicPageType.CLUSTER,
       path: "/extension-example",
-      menuTitle: "Example Extension",
+      title: "Example Extension",
       components: {
         Page: examplePage(this),
         MenuIcon: ExtensionIcon,