feat(plugins): split plugin code by runtime

Keep the entry point focused on contribution wiring so client UI and daemon handlers can use their own runtime APIs safely. Surface compilation failures and lifecycle transitions in the retained plugin log tail.

plugin-examples/local-plugin/increment.server.ts

@@ -0,0 +1,9 @@
+import type { output as ZodOutput } from "zod";
+import { incrementRpc } from "./increment.shared";
+
+export function increment(input: ZodOutput<typeof incrementRpc.input>) {
+  return {
+    value: input.value + 1,
+    handledBy: "plugin subprocess",
+  };
+}

plugin-examples/local-plugin/increment.shared.ts

@@ -0,0 +1,8 @@
+import { defineRpc } from "@paseo/plugin";
+import { z } from "zod";
+
+export const incrementRpc = defineRpc({
+  name: "increment",
+  input: z.object({ value: z.number() }),
+  output: z.object({ value: z.number(), handledBy: z.string() }),
+});

plugin-examples/local-plugin/index.ts

@@ -0,0 +1,25 @@
+import type { PluginContext } from "@paseo/plugin";
+import { ExamplePanel } from "./main.client";
+import { increment } from "./increment.server";
+import { incrementRpc } from "./increment.shared";
+
+export default function contribute(plugin: PluginContext) {
+  plugin.handle(incrementRpc, increment);
+  plugin.addWorkspacePanel({
+    id: "counter",
+    title: "Plugin counter",
+    icon: "Blocks",
+    context: "workspace",
+    Component: ExamplePanel,
+  });
+  plugin.addCommandCenterItem({
+    id: "open-counter",
+    title: "Open plugin counter",
+    icon: "Blocks",
+    context: "workspace",
+    onSelect({ openPanel }) {
+      openPanel("counter");
+    },
+  });
+  return () => {};
+}

plugin-examples/local-plugin/main.client.tsx

@@ -1,20 +1,9 @@
+import { useMutation } from "@tanstack/react-query";
+import { type PluginWorkspacePanelProps, useRpc, useWorkspace } from "@paseo/plugin";
 import React, { useCallback, useMemo } from "react";
 import { Pressable, Text, View } from "react-native";
-import { useMutation } from "@tanstack/react-query";
 import { z } from "zod";
-import {
-  defineRpc,
-  type PluginContext,
-  type PluginWorkspacePanelProps,
-  useWorkspace,
-  useRpc,
-} from "@paseo/plugin";
-
-const incrementRpc = defineRpc({
-  name: "increment",
-  input: z.object({ value: z.number() }),
-  output: z.object({ value: z.number(), handledBy: z.string() }),
-});
+import { incrementRpc } from "./increment.shared";
 
 const ExampleThemeSchema = z.object({
   colors: z.object({
@@ -27,7 +16,7 @@ const ExampleThemeSchema = z.object({
   }),
 });
 
-function ExamplePanel({ theme, workspaceId }: PluginWorkspacePanelProps) {
+export function ExamplePanel({ theme, workspaceId }: PluginWorkspacePanelProps) {
   const { colors } = ExampleThemeSchema.parse(theme);
   const workspace = useWorkspace(workspaceId, ({ name }) => ({ name }));
   const callIncrement = useRpc(incrementRpc);
@@ -67,27 +56,3 @@ function ExamplePanel({ theme, workspaceId }: PluginWorkspacePanelProps) {
     </View>
   );
 }
-
-export default function contribute(plugin: PluginContext) {
-  plugin.handle(incrementRpc, async (input) => ({
-    value: input.value + 1,
-    handledBy: "plugin subprocess",
-  }));
-  plugin.addWorkspacePanel({
-    id: "counter",
-    title: "Plugin counter",
-    icon: "Blocks",
-    context: "workspace",
-    Component: ExamplePanel,
-  });
-  plugin.addCommandCenterItem({
-    id: "open-counter",
-    title: "Open plugin counter",
-    icon: "Blocks",
-    context: "workspace",
-    onSelect({ openPanel }) {
-      openPanel("counter");
-    },
-  });
-  return () => {};
-}