@seed-app-studio/cli 0.1.1-canary.0

package/examples/react-spa-stories/src/styles.css

@@ -0,0 +1,342 @@
+:root {
+  color: #202328;
+  background: #f4f6f8;
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+main {
+  min-height: 100vh;
+  padding: 28px;
+}
+
+.hero {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 24px;
+  border-bottom: 1px solid #d9dee6;
+  padding-bottom: 22px;
+}
+
+.eyebrow,
+.capability,
+.identity span {
+  margin: 0;
+  color: #667085;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+h1,
+h2,
+p {
+  margin: 0;
+}
+
+h1 {
+  margin-top: 8px;
+  font-size: 32px;
+}
+
+h2 {
+  margin-top: 4px;
+  font-size: 18px;
+}
+
+.intro {
+  max-width: 760px;
+  margin-top: 10px;
+  color: #48505c;
+  line-height: 1.6;
+}
+
+.zh {
+  color: #344054;
+}
+
+.intro.zh {
+  margin-top: 6px;
+}
+
+.identity {
+  min-width: 240px;
+  border: 1px solid #d9dee6;
+  border-radius: 8px;
+  background: white;
+  padding: 14px;
+}
+
+.identity strong {
+  display: block;
+  margin-top: 6px;
+}
+
+.layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 360px;
+  gap: 18px;
+  margin-top: 22px;
+}
+
+.stories,
+aside {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.story,
+.panel {
+  border: 1px solid #d9dee6;
+  border-radius: 8px;
+  background: white;
+  padding: 16px;
+}
+
+.story {
+  border-left-width: 5px;
+}
+
+.story.running {
+  border-left-color: #4f6bed;
+}
+
+.story.success {
+  border-left-color: #248a3d;
+}
+
+.story.blocked {
+  border-left-color: #d9822b;
+}
+
+.story.failed {
+  border-left-color: #c4314b;
+}
+
+.storyHeader,
+.meta {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.storyActions {
+  display: flex;
+  flex: 0 0 auto;
+  gap: 8px;
+}
+
+.story p {
+  margin-top: 10px;
+  color: #48505c;
+  line-height: 1.5;
+}
+
+.story p.zh,
+.muted.zh {
+  margin-top: 6px;
+  color: #344054;
+}
+
+.meta {
+  margin-top: 12px;
+  color: #667085;
+  font-size: 13px;
+}
+
+.runtimeLine {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 10px;
+  color: #667085;
+  font-size: 13px;
+}
+
+.runtimeLine small {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.runtimeBadge {
+  flex: 0 0 auto;
+  border-radius: 6px;
+  background: #eef2f7;
+  color: #344054;
+  font-size: 12px;
+  font-weight: 800;
+  padding: 4px 7px;
+}
+
+.runtimeBadge.live {
+  background: #e9f7ee;
+  color: #248a3d;
+}
+
+.runtimeBadge.mock {
+  background: #fff3db;
+  color: #b65f00;
+}
+
+.runtimeBadge.policy-block,
+.runtimeBadge.runtime-error {
+  background: #fde8ee;
+  color: #a61b34;
+}
+
+button {
+  min-width: 76px;
+  border: 0;
+  border-radius: 6px;
+  background: #202328;
+  color: white;
+  cursor: pointer;
+  font: inherit;
+  padding: 8px 12px;
+}
+
+button:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.secondaryButton {
+  border: 1px solid #d9dee6;
+  background: white;
+  color: #202328;
+}
+
+.fixtureActions {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 10px;
+  align-items: center;
+  margin-top: 12px;
+}
+
+.fixtureActions span {
+  color: #667085;
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.fixtureActions span.zh {
+  color: #344054;
+}
+
+pre {
+  overflow: auto;
+  max-height: 260px;
+  margin: 12px 0 0;
+  border-radius: 6px;
+  background: #111318;
+  color: #e5e7eb;
+  font-size: 12px;
+  padding: 12px;
+}
+
+.codeExample {
+  max-height: 360px;
+  border: 1px solid #d9dee6;
+}
+
+.error {
+  color: #a61b34;
+}
+
+.muted {
+  color: #667085;
+  line-height: 1.5;
+}
+
+.grantList {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.grant {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  gap: 8px;
+  align-items: center;
+  border-radius: 6px;
+  background: #f4f6f8;
+  padding: 10px;
+}
+
+.grant span {
+  overflow-wrap: anywhere;
+}
+
+.grant.enabled strong {
+  color: #248a3d;
+}
+
+.grant.ask strong {
+  color: #b65f00;
+}
+
+.grant.disabled strong {
+  color: #a61b34;
+}
+
+.agentTimeline {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.agentEvent {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 4px;
+  border-left: 3px solid #4f6bed;
+  border-radius: 6px;
+  background: #f4f6f8;
+  padding: 10px;
+}
+
+.agentEvent strong,
+.agentEvent span {
+  overflow-wrap: anywhere;
+}
+
+.agentEvent span {
+  color: #667085;
+  font-size: 12px;
+}
+
+@media (max-width: 980px) {
+  .hero,
+  .layout {
+    grid-template-columns: 1fr;
+  }
+
+  .hero {
+    display: grid;
+  }
+
+  .identity {
+    min-width: 0;
+  }
+}

package/examples/react-spa-stories/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "baseUrl": ".",
+    "customConditions": ["seed-source"],
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}

package/examples/react-spa-stories/vite.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { fileURLToPath } from "node:url";
+
+const cacheDir = fileURLToPath(new URL("./node_modules/.vite/react-spa-stories", import.meta.url));
+
+const seedSourceBrowserConditions = [
+  "seed-source",
+  "module",
+  "browser",
+  "development|production",
+] as const;
+
+export default defineConfig({
+  cacheDir,
+  plugins: [react()],
+  resolve: {
+    conditions: [...seedSourceBrowserConditions],
+  },
+  server: {
+    host: "127.0.0.1",
+    port: 5173,
+  },
+});

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@seed-app-studio/cli",
+  "version": "0.1.1-canary.0",
+  "description": "Developer CLI for validating and packaging SEED App Studio bundles.",
+  "license": "Apache-2.0",
+  "bin": {
+    "seed-app": "dist/cli.mjs"
+  },
+  "files": [
+    "dist",
+    "examples",
+    "package.json"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
+    "build": "bun run clean && tsdown src/index.ts src/cli.ts --format esm --dts --out-dir dist --platform node --tsconfig tsconfig.build.json",
+    "prepack": "bun run build",
+    "test": "vitest run --config vitest.config.ts",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "topo": "node -e \"\"",
+    "check-types": "tsc --noEmit -p tsconfig.json",
+    "test:coverage": "vitest run --coverage --config vitest.config.ts"
+  },
+  "dependencies": {
+    "@seed-app-studio/protocol": "0.1.1-canary.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.1",
+    "tsdown": "^0.22.3",
+    "typescript": "^5.8.3",
+    "vitest": "^4.1.0"
+  }
+}