@aixnn/aixautots 0.0.0-stage → 0.5.3

package/package.json

@@ -1,6 +1,77 @@
 {
   "name": "@aixnn/aixautots",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.5.3",
+  "type": "module",
+  "license": "UNLICENSED",
+  "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 "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('aixautots/tailwind-preset')]
+ * 即可获得 aixautots UI 组件依赖的全部语义 token（颜色/字号/间距/圆角），无需手抄。
+ *
+ * 颜色走 `hsl(var(--token))` 约定，token 的实际值由 `aixautots/styles.css` 提供
+ * （浅色 :root + 深色 .dark）。接入方覆盖 token 值即可换肤。
+ *
+ * 注意：接入方仍需在 content 里加入 aixautots（否则其类名不会被生成）：
+ *   content: [..., './node_modules/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)',
+      },
+    },
+  },
+}