penpot-plugins/docs/create-plugin.md

npx nx g @nx/web:application example-plugin --directory=apps/example-plugin

Create a manifes.json in /public

{
  "name": "Example plugin",
  "code": "http://localhost:4201/plugin.js"
}

Add to the example vite.config.ts

build: {
  rollupOptions: {
    input: {
      plugin: 'src/plugin.ts',
      index: './index.html',
    },
    output: {
      entryFileNames: '[name].js',
    },
  },
}

Add to tsconfig.app.json

  "include": ["src/**/*.ts", "../../libs/plugins-runtime/src/lib/index.d.ts"]

Run static server npx nx run example-plugin:serve-static --port 4201

Go to penpot and load the plugin.

ɵloadPlugin({ manifest: 'http://localhost:4201/manifest.json' });