@aixnn/aixautots 0.0.0-stage → 0.5.2

package/dist/use-script-run-Diay7ibY.d.ts

@@ -0,0 +1,50 @@
+/** Run lifecycle status (mirrors the frontend runner store). */
+type ScriptRunStatus = 'idle' | 'running' | 'paused' | 'completed' | 'failed';
+/** Severity of a console line — drives the Logcat-style colour + level filter. */
+type LogLevel = 'system' | 'error' | 'warn' | 'info' | 'debug';
+/** One structured console line (colour by level, tag the device, filter/search). */
+interface LogEntry {
+    /** ISO timestamp. */
+    ts: string;
+    level: LogLevel;
+    /** Originating device (per-device transitions), if any. */
+    device?: string;
+    msg: string;
+}
+/** A step/timeline event (kept for API parity with the frontend runner; the
+ *  fleet backend has no step stream, so this stays empty in practice). */
+interface StepEvent {
+    step_index: number;
+    step_type: string;
+    status: 'pending' | 'running' | 'success' | 'failed';
+    description?: string;
+    error?: string;
+    screenshot?: string;
+    timestamp: string;
+}
+interface UseScriptRun {
+    runId: string | null;
+    status: ScriptRunStatus;
+    progress: number;
+    steps: StepEvent[];
+    logs: LogEntry[];
+    error: string | null;
+    /** Submit a persisted script (fetched by id) to the selected devices. */
+    startRun(scriptId: string, deviceIds: string[]): Promise<void>;
+    /** Submit an inline script body (full file or a selected segment). */
+    runCode(code: string, language: string, variables: Record<string, unknown>, deviceIds: string[], platform?: string): Promise<void>;
+    stopRun(): Promise<void>;
+    pauseRun(): Promise<void>;
+    resumeRun(): Promise<void>;
+    clearLogs(): void;
+    reset(): void;
+}
+/** Single-device (or small fleet) script run with a Logcat-style console.
+ *
+ *  Ports the frontend `useRunnerStore` engine into the SDK: it submits a script
+ *  body via `fleet.start`, polls `fleet.get`, and turns every per-device status
+ *  TRANSITION (and captured `output`) into a console `LogEntry`. Behaviourally
+ *  identical to the store's `startWithBody`/`runCode`/`stop`/`pause`/`resume`. */
+declare function useScriptRun(pollMs?: number): UseScriptRun;
+
+export { type LogEntry as L, type ScriptRunStatus as S, type UseScriptRun as U, type StepEvent as a, type LogLevel as b, useScriptRun as u };

package/package.json

@@ -1,6 +1,78 @@
 {
   "name": "@aixnn/aixautots",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.5.2",
+  "type": "module",
+  "license": "UNLICENSED",
+  "publishConfig": { "access": "public", "registry": "https://registry.npmjs.org/" },
+  "sideEffects": false,
+  "exports": {
+    "./core": { "types": "./dist/core/index.d.ts", "import": "./dist/core/index.js" },
+    "./react": { "types": "./dist/react/index.d.ts", "import": "./dist/react/index.js" },
+    "./ui": { "types": "./dist/ui/index.d.ts", "import": "./dist/ui/index.js" },
+    "./ui/mirror": { "types": "./dist/ui/mirror.d.ts", "import": "./dist/ui/mirror.js" },
+    "./ui/device-mirror": { "types": "./dist/ui/device-mirror.d.ts", "import": "./dist/ui/device-mirror.js" },
+    "./ui/device-create": { "types": "./dist/ui/device-create.d.ts", "import": "./dist/ui/device-create.js" },
+    "./ui/devices": { "types": "./dist/ui/devices.d.ts", "import": "./dist/ui/devices.js" },
+    "./ui/tasks": { "types": "./dist/ui/tasks.d.ts", "import": "./dist/ui/tasks.js" },
+    "./ui/billing": { "types": "./dist/ui/billing.d.ts", "import": "./dist/ui/billing.js" },
+    "./ui/market": { "types": "./dist/ui/market.d.ts", "import": "./dist/ui/market.js" },
+    "./ui/scripts": { "types": "./dist/ui/scripts.d.ts", "import": "./dist/ui/scripts.js" },
+    "./ui/editor": { "types": "./dist/ui/editor.d.ts", "import": "./dist/ui/editor.js" },
+    "./ui/inspector": { "types": "./dist/ui/inspector.d.ts", "import": "./dist/ui/inspector.js" },
+    "./ui/script-studio": { "types": "./dist/ui/script-studio.d.ts", "import": "./dist/ui/script-studio.js" },
+    "./ui/primitives": { "types": "./dist/ui/primitives/index.d.ts", "import": "./dist/ui/primitives/index.js" },
+    "./nav": { "types": "./dist/nav/index.d.ts", "import": "./dist/nav/index.js" },
+    "./i18n": { "types": "./dist/i18n/index.d.ts", "import": "./dist/i18n/index.js" },
+    "./tailwind-preset": "./tailwind-preset.cjs",
+    "./styles.css": "./styles.css"
+  },
+  "files": ["dist", "tailwind-preset.cjs", "styles.css"],
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.0",
+    "class-variance-authority": "^0.7.0",
+    "@radix-ui/react-dialog": "^1.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.3.0",
+    "lucide-react": "^0.441.0",
+    "@uiw/react-codemirror": "^4.23.0",
+    "@codemirror/lang-javascript": "^6.2.0",
+    "@xterm/xterm": "^5.5.0",
+    "@xterm/addon-fit": "^0.10.0"
+  },
+  "peerDependenciesMeta": {
+    "react": { "optional": true },
+    "lucide-react": { "optional": true },
+    "@uiw/react-codemirror": { "optional": true },
+    "@codemirror/lang-javascript": { "optional": true },
+    "@xterm/xterm": { "optional": true },
+    "@xterm/addon-fit": { "optional": true }
+  },
+  "devDependencies": {
+    "lucide-react": "^0.441.0",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.0",
+    "class-variance-authority": "^0.7.0",
+    "@uiw/react-codemirror": "^4.23.0",
+    "@codemirror/lang-javascript": "^6.2.0",
+    "@xterm/xterm": "^5.5.0",
+    "@xterm/addon-fit": "^0.10.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^26.2.0",
+    "@types/react": "^18.3.5",
+    "jsdom": "^25.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.0",
+    "typescript": "^5.5.4",
+    "vitest": "^2.1.0"
+  }
+}

package/styles.css

@@ -0,0 +1,97 @@
+/**
+ * aixautots 默认主题 token。接入方在自己的入口 CSS 里：
+ *   @import "@aixnn/aixautots/styles.css";
+ * 即可获得一套可用的浅色(:root) / 深色(.dark) 主题；覆盖任意 --token 即可换肤。
+ * 颜色值为 HSL 通道（与 tailwind-preset 的 `hsl(var(--token))` 配套）。
+ *
+ * 纯 CSS 变量，不含 @tailwind / @apply，可被任意构建直接 @import。
+ */
+
+/* ===== Light theme (默认 :root) ===== */
+:root {
+  --background: 210 20% 98%;
+  --foreground: 222 47% 11%;
+  --surface: 0 0% 100%;
+  --card: 0 0% 100%;
+  --card-foreground: 222 47% 11%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222 47% 11%;
+  --primary: 217 91% 60%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 220 14% 96%;
+  --secondary-foreground: 222 47% 11%;
+  --muted: 220 14% 96%;
+  --muted-foreground: 220 9% 46%;
+  --accent: 220 14% 96%;
+  --accent-foreground: 222 47% 11%;
+  --destructive: 0 72% 51%;
+  --destructive-foreground: 0 0% 100%;
+  --success: 142 71% 45%;
+  --success-foreground: 0 0% 100%;
+  --warning: 38 92% 50%;
+  --warning-foreground: 0 0% 100%;
+  --border: 220 13% 91%;
+  --input: 220 13% 91%;
+  --ring: 217 91% 60%;
+  --radius: 0.5rem;
+
+  /* aixautots 既有组件(script-studio/CodeMirror 等)用的 --aix-* 变量：由语义 token 推导，
+     使其与整体主题一致。代码编辑器固定深色(常见做法)。 */
+  --aix-bg: hsl(var(--background));
+  --aix-fg: hsl(var(--foreground));
+  --aix-muted: hsl(var(--muted-foreground));
+  --aix-accent: hsl(var(--primary));
+  --aix-danger: hsl(var(--destructive));
+  --aix-border: hsl(var(--border));
+  --aix-radius: var(--radius);
+  --aix-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
+  --aix-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+  --aix-editor-bg: #1e1e1e;
+  --aix-editor-fg: #d4d4d4;
+}
+
+/* ===== Dark theme (.dark) ===== */
+.dark {
+  --background: 0 0% 7%;
+  --foreground: 0 0% 93%;
+  --surface: 0 0% 9%;
+  --card: 0 0% 10%;
+  --card-foreground: 0 0% 93%;
+  --popover: 0 0% 10%;
+  --popover-foreground: 0 0% 93%;
+  --primary: 217 91% 60%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 0 0% 14%;
+  --secondary-foreground: 0 0% 80%;
+  --muted: 0 0% 14%;
+  --muted-foreground: 0 0% 55%;
+  --accent: 0 0% 14%;
+  --accent-foreground: 0 0% 93%;
+  --destructive: 0 84% 60%;
+  --destructive-foreground: 0 0% 100%;
+  --success: 142 69% 45%;
+  --success-foreground: 0 0% 100%;
+  --warning: 38 92% 50%;
+  --warning-foreground: 0 0% 0%;
+  --border: 0 0% 18%;
+  --input: 0 0% 18%;
+  --ring: 217 91% 60%;
+  --radius: 0.5rem;
+}
+
+/* 细滚动条（可选，跟随 muted-foreground） */
+.aix-scroll::-webkit-scrollbar,
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: hsl(var(--muted-foreground) / 0.3);
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: hsl(var(--muted-foreground) / 0.5);
+}

package/tailwind-preset.cjs

@@ -0,0 +1,84 @@
+/**
+ * aixautots 的 Tailwind 预设。接入方在自己的 tailwind.config 里：
+ *   presets: [require('@aixnn/aixautots/tailwind-preset')]
+ * 即可获得 aixautots UI 组件依赖的全部语义 token（颜色/字号/间距/圆角），无需手抄。
+ *
+ * 颜色走 `hsl(var(--token))` 约定，token 的实际值由 `@aixnn/aixautots/styles.css` 提供
+ * （浅色 :root + 深色 .dark）。接入方覆盖 token 值即可换肤。
+ *
+ * 注意：接入方仍需在 content 里加入 aixautots（否则其类名不会被生成）：
+ *   content: [..., './node_modules/@aixnn/aixautots/dist/** /*.js']  // 或源码路径
+ */
+module.exports = {
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        surface: 'hsl(var(--surface))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        success: {
+          DEFAULT: 'hsl(var(--success))',
+          foreground: 'hsl(var(--success-foreground))',
+        },
+        warning: {
+          DEFAULT: 'hsl(var(--warning))',
+          foreground: 'hsl(var(--warning-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      fontFamily: {
+        sans: ['"Inter"', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'],
+        mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace'],
+      },
+      fontSize: {
+        'headline-lg': ['24px', { lineHeight: '32px', letterSpacing: '-0.02em', fontWeight: '600' }],
+        'headline-md': ['18px', { lineHeight: '24px', letterSpacing: '-0.01em', fontWeight: '600' }],
+        'body-md': ['14px', { lineHeight: '20px' }],
+        'body-sm': ['13px', { lineHeight: '18px' }],
+        'code-md': ['13px', { lineHeight: '20px' }],
+        'code-sm': ['12px', { lineHeight: '18px' }],
+        'label-caps': ['11px', { lineHeight: '16px', letterSpacing: '0.05em', fontWeight: '700' }],
+      },
+      spacing: {
+        sidebar: '240px',
+        header: '56px',
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+    },
+  },
+}