lens/extensions/example-extension/renderer.ts

import { DynamicPageType, LensRendererExtension, PageRegistry } 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(registry: PageRegistry) {
    this.disposers.push(
      registry.add({
        type: DynamicPageType.CLUSTER,
        path: "/extension-example",
        title: "Example Extension",
        components: {
          Page: examplePage(this),
          MenuIcon: ExtensionIcon,
        }
      })
    )
  }

  onDeactivate() {
    console.log('EXAMPLE EXTENSION RENDERER: DEACTIVATED', this.getMeta());
  }
}