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.
2026-08-17 23:45:19 +02:00
parent 5ed1a852d1
commit 3cc8749437
17 changed files with 657 additions and 265 deletions
@@ -0,0 +1,58 @@
+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 { z } from "zod";
+import { incrementRpc } from "./increment.shared";
+
+const ExampleThemeSchema = z.object({
+  colors: z.object({
+    surface0: z.string(),
+    foreground: z.string(),
+    foregroundMuted: z.string(),
+    accent: z.string(),
+    accentForeground: z.string(),
+    statusDanger: z.string(),
+  }),
+});
+
+export function ExamplePanel({ theme, workspaceId }: PluginWorkspacePanelProps) {
+  const { colors } = ExampleThemeSchema.parse(theme);
+  const workspace = useWorkspace(workspaceId, ({ name }) => ({ name }));
+  const callIncrement = useRpc(incrementRpc);
+  const { data, error, isPending, mutate } = useMutation({ mutationFn: callIncrement });
+  const value = data?.value ?? 0;
+  const styles = useMemo(
+    () => ({
+      screen: { flex: 1, padding: 24, gap: 16, backgroundColor: colors.surface0 },
+      title: { color: colors.foreground, fontSize: 24 },
+      detail: { color: colors.foregroundMuted },
+      button: { padding: 14, borderRadius: 10, backgroundColor: colors.accent },
+      buttonText: { color: colors.accentForeground, textAlign: "center" as const },
+      error: { color: colors.statusDanger },
+    }),
+    [colors],
+  );
+  const handleIncrement = useCallback(() => {
+    mutate({ value });
+  }, [mutate, value]);
+
+  return (
+    <View style={styles.screen}>
+      <Text style={styles.title}>Workspace plugin panel</Text>
+      <Text style={styles.detail}>{workspace?.name}</Text>
+      <Text style={styles.detail}>{data?.handledBy ?? "The RPC has not run yet."}</Text>
+      <Pressable
+        accessibilityRole="button"
+        accessibilityLabel={`Increment plugin counter, currently ${value}`}
+        onPress={handleIncrement}
+        style={styles.button}
+      >
+        <Text style={styles.buttonText}>
+          {isPending ? "Calling daemon…" : `RPC counter: ${value}`}
+        </Text>
+      </Pressable>
+      {error ? <Text style={styles.error}>{error.message}</Text> : null}
+    </View>
+  );
+}