@zhin.js/console 1.0.6 → 1.0.8

package/client/src/theme/index.ts

@@ -0,0 +1,92 @@
+// Theme configuration
+export const themes = {
+  light: {
+    background: '0 0% 100%',
+    foreground: '222.2 84% 4.9%',
+    card: '0 0% 100%',
+    'card-foreground': '222.2 84% 4.9%',
+    popover: '0 0% 100%',
+    'popover-foreground': '222.2 84% 4.9%',
+    primary: '221.2 83.2% 53.3%',
+    'primary-foreground': '210 40% 98%',
+    secondary: '210 40% 96.1%',
+    'secondary-foreground': '222.2 47.4% 11.2%',
+    muted: '210 40% 96.1%',
+    'muted-foreground': '215.4 16.3% 46.9%',
+    accent: '210 40% 96.1%',
+    'accent-foreground': '222.2 47.4% 11.2%',
+    destructive: '0 84.2% 60.2%',
+    'destructive-foreground': '210 40% 98%',
+    border: '214.3 31.8% 91.4%',
+    input: '214.3 31.8% 91.4%',
+    ring: '221.2 83.2% 53.3%',
+    radius: '0.5rem',
+  },
+  dark: {
+    background: '222.2 84% 4.9%',
+    foreground: '210 40% 98%',
+    card: '222.2 84% 4.9%',
+    'card-foreground': '210 40% 98%',
+    popover: '222.2 84% 4.9%',
+    'popover-foreground': '210 40% 98%',
+    primary: '217.2 91.2% 59.8%',
+    'primary-foreground': '222.2 47.4% 11.2%',
+    secondary: '217.2 32.6% 17.5%',
+    'secondary-foreground': '210 40% 98%',
+    muted: '217.2 32.6% 17.5%',
+    'muted-foreground': '215 20.2% 65.1%',
+    accent: '217.2 32.6% 17.5%',
+    'accent-foreground': '210 40% 98%',
+    destructive: '0 62.8% 30.6%',
+    'destructive-foreground': '210 40% 98%',
+    border: '217.2 32.6% 17.5%',
+    input: '217.2 32.6% 17.5%',
+    ring: '224.3 76.3% 48%',
+    radius: '0.5rem',
+  },
+} as const
+
+export type Theme = keyof typeof themes
+export type ThemeColors = typeof themes.light
+
+// Apply theme to document
+export function applyTheme(theme: Theme) {
+  const root = document.documentElement
+  const colors = themes[theme]
+
+  // Remove old theme class
+  root.classList.remove('light', 'dark')
+  // Add new theme class
+  root.classList.add(theme)
+
+  // Apply CSS variables
+  Object.entries(colors).forEach(([key, value]) => {
+    root.style.setProperty(`--${key}`, value)
+  })
+
+  // Save to localStorage
+  localStorage.setItem('theme', theme)
+}
+
+// Get current theme from localStorage or system preference
+export function getInitialTheme(): Theme {
+  const stored = localStorage.getItem('theme') as Theme | null
+  if (stored && (stored === 'light' || stored === 'dark')) {
+    return stored
+  }
+
+  // Check system preference
+  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    return 'dark'
+  }
+
+  return 'light'
+}
+
+// Initialize theme on app load
+export function initializeTheme() {
+  const theme = getInitialTheme()
+  applyTheme(theme)
+  return theme
+}
+

package/client/tailwind.config.js

@@ -0,0 +1,85 @@
+/** @type {import('tailwindcss').Config} */
+import path from 'path';
+const cwd = process.cwd();
+
+// 安全的路径构建函数，避免扫描特殊文件
+const safePath = (...parts) => {
+  try {
+    return path.resolve(...parts);
+  } catch (error) {
+    console.warn(`Tailwind 路径构建失败: ${parts.join('/')}`, error.message);
+    return '';
+  }
+};
+
+export default {
+    content: [
+        "./index.html",
+        './src/**/*.{js,ts,jsx,tsx,mdx}',
+        './node_modules/@radix-ui/**/*.{js,ts,jsx,tsx}',
+        `${cwd}/node_modules/@zhin.js/*/client/**/*.{js,ts,jsx,tsx}`,
+        `${cwd}/node_modules/@zhin.js/*/dist/**/*.{js,ts,jsx,tsx}`,
+        `${cwd}/plugins/*/client/**/*.{js,ts,jsx,tsx}`,
+        `${cwd}/client/**/*.{js,ts,jsx,tsx}`,
+    ].filter(Boolean), // 过滤掉空字符串
+    theme: {
+        extend: {
+            colors: {
+                border: 'hsl(var(--border))',
+                input: 'hsl(var(--input))',
+                ring: 'hsl(var(--ring))',
+                background: 'hsl(var(--background))',
+                foreground: 'hsl(var(--foreground))',
+                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))',
+                },
+                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))',
+                },
+            },
+            borderRadius: {
+                lg: 'var(--radius)',
+                md: 'calc(var(--radius) - 2px)',
+                sm: 'calc(var(--radius) - 4px)',
+            },
+            keyframes: {
+                "accordion-down": {
+                    from: { height: "0" },
+                    to: { height: "var(--radix-accordion-content-height)" },
+                },
+                "accordion-up": {
+                    from: { height: "var(--radix-accordion-content-height)" },
+                    to: { height: "0" },
+                },
+            },
+            animation: {
+                "accordion-down": "accordion-down 0.2s ease-out",
+                "accordion-up": "accordion-up 0.2s ease-out",
+            },
+        },
+    },
+    darkMode: "class",
+    plugins: [],
+}

package/client/tsconfig.json

@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "target": "ES2020",
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "moduleResolution": "bundler",
+        "module": "ESNext",
+        "jsx": "react-jsx",
+        "paths": {
+            "@/*": ["src/*"],
+            "lucide-react": ["../node_modules/lucide-react"],
+            "react": ["../node_modules/@types/react"],
+            "react-dom": ["../node_modules/@types/react-dom"]
+        }
+    }
+}
+

package/lib/bin.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=bin.d.ts.map

package/lib/bin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin.d.ts","sourceRoot":"","sources":["../app/bin.ts"],"names":[],"mappings":""}

package/lib/bin.js

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+import { buildCurrentPlugin, buildConsoleClient } from "./build.js";
+import path from "path";
+import { fileURLToPath } from "url";
+const args = process.argv.slice(2);
+const command = args[0];
+async function main() {
+    try {
+        switch (command) {
+            case "build":
+                // 构建当前目录的插件客户端代码
+                console.log("🔨 Building plugin client...");
+                await buildCurrentPlugin();
+                break;
+            case "build:console":
+                // 构建 console 插件的客户端代码
+                console.log("🔨 Building console client...");
+                const consoleRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+                await buildConsoleClient({ consoleRoot });
+                break;
+            default:
+                console.log(`
+Zhin.js Client Builder
+
+Usage:
+  zhin-client build          Build current plugin's client code
+  zhin-client build:console  Build console plugin's client code (SPA mode)
+
+Examples:
+  # Build a plugin (single file mode)
+  cd my-plugin && zhin-client build
+
+  # Build console (SPA mode)
+  zhin-client build:console
+        `);
+                process.exit(1);
+        }
+    }
+    catch (error) {
+        console.error("❌ Build failed:", error);
+        process.exit(1);
+    }
+}
+main();
+//# sourceMappingURL=bin.js.map

package/lib/bin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin.js","sourceRoot":"","sources":["../app/bin.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEpC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AAExB,KAAK,UAAU,IAAI;IACjB,IAAI,CAAC;QACH,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,iBAAiB;gBACjB,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;gBAC5C,MAAM,kBAAkB,EAAE,CAAC;gBAC3B,MAAM;YAER,KAAK,eAAe;gBAClB,sBAAsB;gBACtB,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;gBAC7C,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAC5C,IAAI,CACL,CAAC;gBACF,MAAM,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;gBAC1C,MAAM;YAER;gBACE,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;SAaX,CAAC,CAAC;gBACH,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QACxC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC;AAED,IAAI,EAAE,CAAC"}

package/lib/build.d.ts

@@ -0,0 +1,33 @@
+export interface BuildOptions {
+    /** 插件根目录 */
+    pluginRoot: string;
+    /** 输出目录，默认为 pluginRoot/dist */
+    outDir?: string;
+    /** 是否启用 tailwindcss，默认 true */
+    enableTailwind?: boolean;
+}
+export interface ConsoleBuildOptions {
+    /** Console 插件根目录 */
+    consoleRoot: string;
+    /** 输出目录，默认为 consoleRoot/dist */
+    outDir?: string;
+}
+/**
+ * 构建插件的客户端代码（单文件模式）
+ * 用于构建普通插件的 client/index.tsx 文件
+ *
+ * 策略：将公共依赖配置为 external，运行时从 console 加载的 vendor chunks 中复用
+ * @param options 构建选项
+ */
+export declare function buildPluginClient(options: BuildOptions): Promise<void>;
+/**
+ * 构建 Console 插件的客户端代码（SPA 应用模式）
+ * Console 有完整的 index.html 和 src 目录结构
+ * @param options Console 构建选项
+ */
+export declare function buildConsoleClient(options: ConsoleBuildOptions): Promise<void>;
+/**
+ * 构建当前目录的插件客户端代码
+ */
+export declare function buildCurrentPlugin(): Promise<void>;
+//# sourceMappingURL=build.d.ts.map

package/lib/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../app/build.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,YAAY;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,oBAAoB;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA0CD;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CA8D5E;AAED;;;;GAIG;AACH,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,IAAI,CAAC,CA4Df;AAED;;GAEG;AACH,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC,CAKxD"}

package/lib/build.js

@@ -0,0 +1,168 @@
+import { build, searchForWorkspaceRoot } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";
+import fs from "fs";
+/**
+ * 查找插件的客户端入口文件
+ * @param pluginRoot 插件根目录
+ * @returns 入口文件路径，如果不存在则返回 null
+ */
+function findClientEntry(pluginRoot) {
+    const possibleEntries = [
+        path.join(pluginRoot, "client/index.tsx"),
+        path.join(pluginRoot, "client/index.ts"),
+        path.join(pluginRoot, "src/main.tsx"),
+        path.join(pluginRoot, "src/main.ts"),
+    ];
+    for (const entry of possibleEntries) {
+        if (fs.existsSync(entry)) {
+            return entry;
+        }
+    }
+    return null;
+}
+/**
+ * 验证构建环境
+ * @param pluginRoot 插件根目录
+ * @throws 如果环境不满足构建要求
+ */
+function validateBuildEnvironment(pluginRoot) {
+    if (!fs.existsSync(pluginRoot)) {
+        throw new Error(`Plugin root directory does not exist: ${pluginRoot}`);
+    }
+    const entry = findClientEntry(pluginRoot);
+    if (!entry) {
+        throw new Error(`No client entry file found in ${pluginRoot}. Looking for: client/index.tsx, client/index.ts, src/main.tsx, or src/main.ts`);
+    }
+}
+/**
+ * 构建插件的客户端代码（单文件模式）
+ * 用于构建普通插件的 client/index.tsx 文件
+ *
+ * 策略：将公共依赖配置为 external，运行时从 console 加载的 vendor chunks 中复用
+ * @param options 构建选项
+ */
+export async function buildPluginClient(options) {
+    const { pluginRoot, outDir = path.join(pluginRoot, "dist"), enableTailwind = true, } = options;
+    // 验证构建环境
+    validateBuildEnvironment(pluginRoot);
+    const entry = findClientEntry(pluginRoot);
+    if (!entry) {
+        throw new Error(`No client entry file found in ${pluginRoot}`);
+    }
+    const plugins = [react()];
+    if (enableTailwind) {
+        plugins.push(tailwindcss());
+    }
+    // 构建配置 - 库模式
+    const clientRoot = path.dirname(entry);
+    await build({
+        root: clientRoot,
+        plugins,
+        build: {
+            outDir,
+            emptyOutDir: true,
+            lib: {
+                entry,
+                formats: ["es"],
+                fileName: "index",
+            },
+            rollupOptions: {
+                makeAbsoluteExternalsRelative: true,
+                external: [
+                    'react',
+                    'react-dom',
+                    'react/jsx-runtime',
+                    'clsx',
+                    'tailwind-merge',
+                    'lucide-react',
+                    '@radix-ui/themes'
+                ],
+            },
+        },
+        resolve: {
+            dedupe: [
+                "react",
+                "react-dom",
+                "clsx",
+                "tailwind-merge",
+            ],
+            alias: {
+                "@": path.resolve(pluginRoot, "client/src"),
+            },
+        }
+    });
+    console.log(`✅ Plugin client code built successfully: ${outDir}`);
+    console.log(`📦 External dependencies will be loaded from console vendor chunks`);
+}
+/**
+ * 构建 Console 插件的客户端代码（SPA 应用模式）
+ * Console 有完整的 index.html 和 src 目录结构
+ * @param options Console 构建选项
+ */
+export async function buildConsoleClient(options) {
+    const { consoleRoot, outDir = path.join(consoleRoot, "dist") } = options;
+    const clientRoot = path.join(consoleRoot, "client");
+    // 检查 client 目录是否存在
+    if (!fs.existsSync(clientRoot)) {
+        throw new Error(`Console client directory does not exist: ${clientRoot}`);
+    }
+    // 检查 index.html 是否存在
+    const indexHtml = path.join(clientRoot, "index.html");
+    if (!fs.existsSync(indexHtml)) {
+        throw new Error(`index.html not found in: ${clientRoot}`);
+    }
+    const workspaceRoot = searchForWorkspaceRoot(consoleRoot);
+    const consoleClientRoot = path.resolve(workspaceRoot, "plugins/client/client");
+    const plugins = [react(), tailwindcss()];
+    await build({
+        root: clientRoot,
+        plugins,
+        build: {
+            outDir,
+            emptyOutDir: true,
+            // 设置最小 chunk 大小，避免过度分割
+            chunkSizeWarningLimit: 1000,
+            // SPA 应用模式，不是库模式
+            rollupOptions: {
+                input: indexHtml,
+                // 保留导出签名
+                preserveEntrySignatures: 'strict',
+                output: {
+                    // 确保文件名稳定，不使用哈希，方便插件引用
+                    chunkFileNames: '[name].js',
+                    entryFileNames: '[name].js',
+                    assetFileNames: '[name].[ext]',
+                },
+            },
+        },
+        resolve: {
+            dedupe: [
+                "react",
+                "react-dom",
+                "clsx",
+                "tailwind-merge",
+                "@reduxjs/toolkit",
+                "react-router",
+                "react-redux",
+                "redux-persist",
+            ],
+            alias: {
+                "@zhin.js/client": consoleClientRoot,
+                "@": path.resolve(clientRoot, "src"),
+            },
+        },
+    });
+    console.log(`✅ Console client built successfully: ${outDir}`);
+}
+/**
+ * 构建当前目录的插件客户端代码
+ */
+export async function buildCurrentPlugin() {
+    const currentDir = process.cwd();
+    await buildPluginClient({
+        pluginRoot: currentDir,
+    });
+}
+//# sourceMappingURL=build.js.map

package/lib/build.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.js","sourceRoot":"","sources":["../app/build.ts"],"names":[],"mappings":"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"}

package/lib/dev.d.ts

@@ -0,0 +1,16 @@
+import { ViteDevServer } from "vite";
+export interface DevServerOptions {
+    /** 客户端代码根目录 */
+    root: string;
+    /** 基础路径，默认 /vite/ */
+    base?: string;
+    /** 是否启用 tailwindcss，默认 true */
+    enableTailwind?: boolean;
+}
+/**
+ * 创建 Vite 开发服务器
+ * @param options 开发服务器选项
+ * @returns Vite 开发服务器实例
+ */
+export declare function createViteDevServer(options: DevServerOptions): Promise<ViteDevServer>;
+//# sourceMappingURL=dev.d.ts.map

package/lib/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../app/dev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,MAAM,CAAC;AAK3E,MAAM,WAAW,gBAAgB;IAC/B,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,aAAa,CAAC,CA6DxB"}

package/lib/dev.js

@@ -0,0 +1,70 @@
+import { createServer, searchForWorkspaceRoot } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";
+/**
+ * 创建 Vite 开发服务器
+ * @param options 开发服务器选项
+ * @returns Vite 开发服务器实例
+ */
+export async function createViteDevServer(options) {
+    const { root, base = "/vite/", enableTailwind = true } = options;
+    const plugins = [react()];
+    if (enableTailwind) {
+        plugins.push(tailwindcss());
+    }
+    return await await createServer({
+        root,
+        base,
+        plugins: [react(), tailwindcss()],
+        server: {
+            middlewareMode: true,
+            fs: {
+                strict: false,
+                // 添加文件访问过滤，避免访问特殊文件
+                allow: [
+                    // 允许访问的目录
+                    root,
+                    searchForWorkspaceRoot(root),
+                    path.resolve(process.cwd(), 'node_modules'),
+                    path.resolve(process.cwd(), 'client'),
+                    path.resolve(process.cwd(), 'src'),
+                ],
+                // 拒绝访问某些文件模式
+                deny: [
+                    '**/.git/**',
+                    '**/node_modules/.cache/**',
+                    '**/*.socket',
+                    '**/*.pipe',
+                    '**/Dockerfile*',
+                    '**/.env*',
+                ],
+            },
+        },
+        resolve: {
+            dedupe: [
+                "react",
+                "react-dom",
+                "clsx",
+                "tailwind-merge",
+                "@reduxjs/toolkit",
+                "react-router",
+                "react-redux",
+                "redux-persist",
+            ],
+            alias: {
+                "@zhin.js/client": path.resolve(root, "../../client/client"),
+                "@": path.resolve(root, "../client/src"),
+            },
+        },
+        optimizeDeps: {
+            include: ["react", "react-dom"],
+        },
+        build: {
+            rollupOptions: {
+                input: root + "/index.html",
+            },
+        },
+    });
+}
+//# sourceMappingURL=dev.js.map

package/lib/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../app/dev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,sBAAsB,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAC;AAWxB;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,mBAAmB,CACvC,OAAyB;IAEzB,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAEjE,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1B,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,MAAM,MAAM,YAAY,CAAC;QAC9B,IAAI;QACJ,IAAI;QACJ,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC;QACjC,MAAM,EAAE;YACN,cAAc,EAAE,IAAI;YACpB,EAAE,EAAE;gBACF,MAAM,EAAE,KAAK;gBACb,oBAAoB;gBACpB,KAAK,EAAE;oBACL,UAAU;oBACV,IAAI;oBACJ,sBAAsB,CAAC,IAAI,CAAC;oBAC5B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,cAAc,CAAC;oBAC3C,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC;oBACrC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,CAAC;iBACnC;gBACD,aAAa;gBACb,IAAI,EAAE;oBACJ,YAAY;oBACZ,2BAA2B;oBAC3B,aAAa;oBACb,WAAW;oBACX,gBAAgB;oBAChB,UAAU;iBACX;aACF;SACF;QACD,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,OAAO;gBACP,WAAW;gBACX,MAAM;gBACN,gBAAgB;gBAChB,kBAAkB;gBAClB,cAAc;gBACd,aAAa;gBACb,eAAe;aAChB;YACD,KAAK,EAAE;gBACL,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,qBAAqB,CAAC;gBAC5D,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,eAAe,CAAC;aACzC;SACF;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC;SAChC;QACD,KAAK,EAAE;YACL,aAAa,EAAE;gBACb,KAAK,EAAE,IAAI,GAAG,aAAa;aAC5B;SACF;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/index.d.ts

@@ -1,6 +1,6 @@
-import { WebSocketServer } from 'ws';
-import { ViteDevServer } from 'vite';
-declare module '@zhin.js/types' {
+import { WebSocketServer } from "ws";
+import { ViteDevServer } from "vite";
+declare module "@zhin.js/types" {
     interface GlobalContext {
         web: WebServer;
     }
@@ -10,7 +10,7 @@ export type WebEntry = string | {
     development: string;
 };
 export type WebServer = {
-    vite: ViteDevServer;
+    vite?: ViteDevServer;
     addEntry(entry: WebEntry): () => void;
     entries: Record<string, string>;
     ws: WebSocketServer;

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAiB,EAAC,eAAe,EAAC,MAAM,IAAI,CAAC;AAC7C,OAAO,EAAc,aAAa,EAAwB,MAAM,MAAM,CAAC;AAOvE,OAAO,QAAQ,gBAAgB,CAAC;IAC5B,UAAU,aAAa;QACnB,GAAG,EAAE,SAAS,CAAC;KAClB;CACJ;AACD,MAAM,MAAM,QAAQ,GAAC,MAAM,GAAC;IACxB,UAAU,EAAC,MAAM,CAAA;IACjB,WAAW,EAAC,MAAM,CAAA;CACrB,CAAA;AACD,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAC,aAAa,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,EAAE,EAAC,eAAe,CAAA;CACrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../app/index.ts"],"names":[],"mappings":"AACA,OAAQ,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAQrC,OAAO,QAAQ,gBAAgB,CAAC;IAC9B,UAAU,aAAa;QACrB,GAAG,EAAE,SAAS,CAAC;KAChB;CACF;AACD,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN;IACE,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACN,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,EAAE,EAAE,eAAe,CAAC;CACrB,CAAC"}