paseo-plugin-zcode-provider 0.0.0-stage → 0.2.0

package/client/settings.tsx

@@ -0,0 +1,84 @@
+import { useState } from "react";
+import { Pressable, Text, View } from "react-native";
+import type { PluginSurfaceProps } from "@getpaseo/plugin/client";
+import { AccountTab } from "./account";
+import { RuntimeTab } from "./runtime";
+
+const TABS = [
+  { id: "runtime", label: "Runtime" },
+  { id: "account", label: "Account" },
+] as const;
+type Tab = (typeof TABS)[number]["id"];
+
+// Plugin settings screens have no host tab control; this follows the look of
+// the host's small segmented control.
+function Tabs({
+  value,
+  onChange,
+  theme,
+}: {
+  value: Tab;
+  onChange: (tab: Tab) => void;
+  theme: PluginSurfaceProps["theme"];
+}) {
+  return (
+    <View
+      accessibilityRole="tablist"
+      style={{
+        flexDirection: "row",
+        alignSelf: "flex-start",
+        gap: 4,
+        padding: 2,
+        borderRadius: 12,
+        borderWidth: 1,
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.surface1,
+      }}
+    >
+      {TABS.map((tab) => {
+        const selected = tab.id === value;
+        return (
+          <Pressable
+            key={tab.id}
+            accessibilityRole="tab"
+            accessibilityState={{ selected }}
+            onPress={() => onChange(tab.id)}
+            style={({ pressed }) => ({
+              minHeight: 28,
+              justifyContent: "center",
+              paddingHorizontal: 12,
+              borderRadius: 10,
+              backgroundColor:
+                selected || pressed ? theme.colors.surface2 : "transparent",
+            })}
+          >
+            <Text
+              style={{
+                color: selected
+                  ? theme.colors.foreground
+                  : theme.colors.foregroundMuted,
+                fontSize: 14,
+              }}
+            >
+              {tab.label}
+            </Text>
+          </Pressable>
+        );
+      })}
+    </View>
+  );
+}
+
+export function SettingsScreen(props: PluginSurfaceProps) {
+  const [tab, setTab] = useState<Tab>("runtime");
+  return (
+    <View style={{ gap: props.layout.compact ? 16 : 24 }}>
+      <Tabs value={tab} onChange={setTab} theme={props.theme} />
+      {tab === "runtime" ? (
+        <RuntimeTab {...props} />
+      ) : (
+        <AccountTab {...props} onOpenRuntime={() => setTab("runtime")} />
+      )}
+    </View>
+  );
+}

package/client/value.tsx

@@ -0,0 +1,20 @@
+import { Text } from "react-native";
+
+export function Value({
+  children,
+  color,
+  compact,
+}: {
+  children: string;
+  color: string;
+  compact: boolean;
+}) {
+  return (
+    <Text
+      selectable
+      style={{ color, fontSize: compact ? 13 : 14, lineHeight: 20 }}
+    >
+      {children}
+    </Text>
+  );
+}

package/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" fill-rule="evenodd"><title>Z.ai</title><path d="M8.07 1.333L6.618 3.302H.435L1.887 1.333h6.184zM15.503 12.699L14.052 14.667h-6.161l1.449-1.968h6.163zM16 1.333L6.176 14.667H0L9.824 1.333H16z"/></svg>

package/index.client.tsx

@@ -0,0 +1,22 @@
+import type { PluginClientContext } from "@getpaseo/plugin/client";
+import { DiagnosticsScreen } from "./client/diagnostics";
+import { SettingsScreen } from "./client/settings";
+
+export default function contribute(client: PluginClientContext): () => void {
+  const removeSettings = client.addSettingsScreen({
+    id: "settings",
+    title: "Settings",
+    icon: "Settings",
+    Component: SettingsScreen,
+  });
+  const removeDiagnostics = client.addSettingsScreen({
+    id: "diagnostics",
+    title: "Diagnostics",
+    icon: "Activity",
+    Component: DiagnosticsScreen,
+  });
+  return () => {
+    removeSettings();
+    removeDiagnostics();
+  };
+}

package/index.server.ts

@@ -0,0 +1,39 @@
+import { homedir } from "node:os";
+import type { PluginServerContext } from "@getpaseo/plugin/server";
+import { AccountService } from "./server/account.js";
+import { createHost, createZCodeProvider } from "./server/provider.js";
+import { ManagedRuntimeInstaller } from "./server/runtime/managed.js";
+import { createRuntimeSetupHandlers } from "./server/runtime-setup.js";
+import { createDiagnosticsHandler } from "./server/status.js";
+import { createUsageSource } from "./server/usage.js";
+import { zcodeAccountChange, zcodeAccountView } from "./shared/account.js";
+import { zcodeDiagnostics } from "./shared/diagnostics.js";
+import {
+  zcodeRuntimeInstall,
+  zcodeRuntimeRemove,
+  zcodeRuntimeStatus,
+} from "./shared/runtime-setup.js";
+
+export default function contribute(server: PluginServerContext): () => void {
+  server.registerProvider(createZCodeProvider());
+  server.handle(zcodeDiagnostics, createDiagnosticsHandler());
+  const setup = createRuntimeSetupHandlers(new ManagedRuntimeInstaller());
+  server.handle(zcodeRuntimeStatus, setup.status);
+  server.handle(zcodeRuntimeInstall, setup.install);
+  server.handle(zcodeRuntimeRemove, setup.remove);
+  const abort = new AbortController();
+  const account = new AccountService(() =>
+    createHost({}, abort.signal, homedir()),
+  );
+  server.handle(zcodeAccountView, () => account.view());
+  server.handle(zcodeAccountChange, (input) => account.change(input));
+  // Usage sources arrived in Paseo 0.11; older daemons do not offer them.
+  const usage = createUsageSource(account);
+  if (typeof server.registerUsageSource === "function")
+    server.registerUsageSource(usage.source);
+  return () => {
+    usage.dispose();
+    abort.abort();
+    void account.close();
+  };
+}

package/package.json

@@ -1,6 +1,79 @@
 {
   "name": "paseo-plugin-zcode-provider",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "Unofficial Paseo provider plugin for ZCode, using the official stdio Services Server of the integrated ZCode CLI.",
+  "keywords": [
+    "paseo",
+    "paseo-plugin",
+    "zcode",
+    "z.ai",
+    "glm"
+  ],
+  "homepage": "https://github.com/supermomonga/paseo-plugin-zcode-provider#readme",
+  "bugs": "https://github.com/supermomonga/paseo-plugin-zcode-provider/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/supermomonga/paseo-plugin-zcode-provider.git"
+  },
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "paseo-plugin.json",
+    "index.client.tsx",
+    "index.server.ts",
+    "icon.svg",
+    "client/",
+    "server/",
+    "shared/",
+    "NOTICE.md",
+    "vendor/",
+    "!**/*.test.ts"
+  ],
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.client.json",
+    "test": "vitest run",
+    "test:upstream": "node scripts/check-upstream.mjs",
+    "test:runtime": "node scripts/check-runtime.mjs",
+    "test:usage-runtime": "node scripts/check-usage-runtime.mjs",
+    "test:steering-runtime": "node scripts/check-steering-runtime.mjs",
+    "build": "node scripts/build.mjs",
+    "format": "prettier --write index.client.tsx index.server.ts client server shared scripts test docs README.md NOTICE.md package.json tsconfig.json tsconfig.client.json vitest.config.ts paseo-plugin.json .github/workflows",
+    "format:check": "prettier --check index.client.tsx index.server.ts client server shared scripts test docs README.md NOTICE.md package.json tsconfig.json tsconfig.client.json vitest.config.ts paseo-plugin.json .github/workflows",
+    "check:zcode-releases": "node scripts/check-zcode-releases.mjs",
+    "check:paseo-releases": "node scripts/check-paseo-releases.mjs",
+    "prepare": "node scripts/generate-build-info.mjs",
+    "prebuild": "node scripts/generate-build-info.mjs",
+    "test:model-plan-runtime": "node scripts/check-model-plan-runtime.mjs",
+    "test:e2e": "node scripts/check-e2e.mjs",
+    "check:zcode-source": "node scripts/sync-zcode-source.mjs",
+    "test:stdio-runtime": "node scripts/check-stdio-runtime.mjs",
+    "test:native-restore": "node scripts/check-stdio-runtime.mjs --check-native-restore",
+    "setup:managed-runtime": "node scripts/install-managed-runtime.mjs",
+    "prepack": "node scripts/pack-manifest.mjs prepack",
+    "postpack": "node scripts/pack-manifest.mjs postpack"
+  },
+  "dependencies": {
+    "semver": "7.8.5"
+  },
+  "devDependencies": {
+    "@getpaseo/client": "0.11.0-beta.5",
+    "@getpaseo/plugin": "0.11.0-beta.5",
+    "@getpaseo/protocol": "0.11.0-beta.5",
+    "@types/node": "22.18.3",
+    "@types/react": "~19.2.0",
+    "@types/semver": "7.8.0",
+    "cheerio": "1.2.0",
+    "esbuild": "0.25.12",
+    "prettier": "3.6.2",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "turndown": "7.2.4",
+    "typescript": "5.9.2",
+    "vitest": "3.2.7",
+    "which": "5.0.0",
+    "zod": "4.4.3"
+  }
+}

package/paseo-plugin.json

@@ -0,0 +1,6 @@
+{
+  "id": "zcode-provider",
+  "requirements": {
+    "paseo": ">=0.8.0"
+  }
+}