feat: stabilize Pi Web plugin API

pi-web-plugins/info/package.json

@@ -2,7 +2,8 @@
   "name": "@pi-web/info-plugin",
   "private": true,
   "piWeb": {
-    "id": "info",
-    "plugin": "pi-web-plugin.js"
+    "plugins": [
+      { "id": "info", "module": "pi-web-plugin.js" }
+    ]
   }
 }

pi-web-plugins/info/pi-web-plugin.js

@@ -1,42 +1,42 @@
-const { html } = globalThis.piWebPluginApi;
-
 export default {
-  id: "info",
+  apiVersion: 1,
   name: "Info Plugin",
-  activate: () => ({
-    actions: [
-      {
-        id: "workspace.show-path",
-        title: "Show Current Workspace Path",
-        group: "Info",
-        enabled: (context) => context.state.selectedWorkspace !== undefined,
-        run: (context) => {
-          const path = context.state.selectedWorkspace?.path ?? "No workspace selected";
-          window.alert(path);
+  activate: ({ html }) => ({
+    contributions: {
+      actions: [
+        {
+          id: "workspace.show-path",
+          title: "Show Current Workspace Path",
+          group: "Info",
+          enabled: (context) => context.state.selectedWorkspace !== undefined,
+          run: (context) => {
+            const path = context.state.selectedWorkspace?.path ?? "No workspace selected";
+            window.alert(path);
+          },
         },
-      },
-    ],
-    workspaceLabelContributions: [
-      {
-        id: "workspace.path-label",
-        order: 100,
-        items: (context) => ({ type: "text", text: context.workspace.isGitRepo ? "git" : "folder", title: context.workspace.path }),
-      },
-    ],
-    workspacePanels: [
-      {
-        id: "workspace.info",
-        title: "Info",
-        order: 100,
-        render: (context) => html`
-          <section class="toolbar"><strong>Info</strong></section>
-          <section class="viewer">
-            <p><strong>Workspace</strong></p>
-            <p class="muted">${context.workspace.label}</p>
-            <p class="muted">${context.workspace.path}</p>
-          </section>
-        `,
-      },
-    ],
+      ],
+      workspaceLabels: [
+        {
+          id: "workspace.path-label",
+          order: 100,
+          items: (context) => [{ type: "text", text: context.workspace.isGitRepo ? "git" : "folder", title: context.workspace.path }],
+        },
+      ],
+      workspacePanels: [
+        {
+          id: "workspace.info",
+          title: "Info",
+          order: 100,
+          render: (context) => html`
+            <section class="toolbar"><strong>Info</strong></section>
+            <section class="viewer">
+              <p><strong>Workspace</strong></p>
+              <p class="muted">${context.workspace.label}</p>
+              <p class="muted">${context.workspace.path}</p>
+            </section>
+          `,
+        },
+      ],
+    },
   }),
 };