@allior/wmake-cli 0.0.2 → 0.0.4

package/dist/base64.d.ts

@@ -0,0 +1,11 @@
+export interface FileInfo {
+    filename: string;
+    base64: string;
+    mimeType: string;
+    size: number;
+}
+export declare function isSupportedFile(filePath: string): boolean;
+export declare function fileToBase64(filePath: string): Promise<FileInfo>;
+export declare function getOutputPath(output: string, originalFilename: string): string;
+export declare function processPath(inputPath: string, output: string | null, full: boolean): Promise<void>;
+//# sourceMappingURL=base64.d.ts.map

package/dist/base64.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64.d.ts","sourceRoot":"","sources":["../src/base64.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAMD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAGzD;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkChE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAM9E;AAED,wBAAsB,WAAW,CAC/B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,IAAI,EAAE,OAAO,GACZ,OAAO,CAAC,IAAI,CAAC,CA4Bf"}

package/dist/bin.d.ts

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

package/dist/bin.d.ts.map

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

package/dist/bin.js

@@ -0,0 +1,76 @@
+#!/usr/bin/env node
+import path from "node:path";
+import fs from "node:fs";
+import { Command } from "commander";
+import { processPath } from "./base64.js";
+import { buildWidget } from "./widget.js";
+import { runGenerateFields } from "./generate-fields.js";
+import { runExtractTestData } from "./extract-test-data.js";
+const program = new Command();
+program.name("wmake").description("CLI for streamiby / wmake").version("1.0.0");
+program
+    .command("widget")
+    .description("Build chat-demo into widget files and zip in examples/chat-demo/dist")
+    .option("--full", "Full bundle (no CDN external), like the old build")
+    .action(async (opts) => {
+    try {
+        await buildWidget({ full: opts.full });
+    }
+    catch (e) {
+        console.error(e.message);
+        process.exit(1);
+    }
+});
+program
+    .command("generate-fields")
+    .description("Generate fields.json from fields.base.json and test data objects (WMAKE_FIELDS_DIR)")
+    .action(async () => {
+    try {
+        const fieldsDir = process.env.WMAKE_FIELDS_DIR;
+        if (!fieldsDir?.trim()) {
+            throw new Error("WMAKE_FIELDS_DIR must be set.");
+        }
+        const mod = (await import("@allior/wmake-streamelements-events"));
+        runGenerateFields({
+            fieldsDir: path.resolve(fieldsDir),
+            testMessages: mod.testMessages,
+            testAlerts: mod.testAlerts,
+        });
+    }
+    catch (e) {
+        console.error(e.message);
+        process.exit(1);
+    }
+});
+program
+    .command("extract-test-data")
+    .description("No-op: test data lives in streamelements/src/assets as TS objects")
+    .action(async () => {
+    try {
+        await runExtractTestData();
+    }
+    catch (e) {
+        console.error(e.message);
+        process.exit(1);
+    }
+});
+program
+    .command("base64")
+    .description("Convert images, videos, SVG to base64 for browsers")
+    .argument("<path>", "File or directory path")
+    .option("-o, --output <path>", "Output file or directory")
+    .option("-f, --full", "Output with additional info")
+    .action(async (inputPath, options) => {
+    if (!fs.existsSync(inputPath)) {
+        console.error("Error: Path does not exist");
+        process.exit(1);
+    }
+    try {
+        await processPath(inputPath, options.output ?? null, options.full ?? false);
+    }
+    catch (e) {
+        console.error("Error:", e.message);
+        process.exit(1);
+    }
+});
+program.parse();

package/dist/extract-test-data.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Раньше создавал test-messages.json и test-alerts.json в streamelements/src/assets.
+ * Теперь тестовые данные — объекты в скриптах: streamelements/src/assets/test-messages.ts и test-alerts.ts.
+ * Команда оставлена для совместимости (no-op).
+ */
+export declare function runExtractTestData(): Promise<void>;
+//# sourceMappingURL=extract-test-data.d.ts.map

package/dist/extract-test-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-test-data.d.ts","sourceRoot":"","sources":["../src/extract-test-data.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC,CAIxD"}

package/dist/generate-fields-from-module-runner.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-fields-from-module-runner.d.ts.map

package/dist/generate-fields-from-module-runner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-fields-from-module-runner.d.ts","sourceRoot":"","sources":["../src/generate-fields-from-module-runner.ts"],"names":[],"mappings":""}

package/dist/generate-fields.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Генерирует fields.json из fields.base.json и ключей из объектов testMessages / testAlerts.
+ * Путь к каталогу с fields.base.json задаётся WMAKE_FIELDS_DIR.
+ * Данные сообщений и алертов передаются объектами (из скриптов streamelements).
+ */
+export type MessagesRecord = Record<string, unknown>;
+export type AlertsRecord = Record<string, unknown>;
+export declare function runGenerateFields(options: {
+    fieldsDir: string;
+    testMessages: MessagesRecord;
+    testAlerts: AlertsRecord;
+}): void;
+/**
+ * Генерирует fields.json из TS/JS модуля, экспортирующего default AdvancedField[].
+ * Использует tsx для загрузки .ts файлов.
+ */
+export declare function runGenerateFieldsFromModule(fieldsModulePath: string): void;
+//# sourceMappingURL=generate-fields.d.ts.map

package/dist/generate-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-fields.d.ts","sourceRoot":"","sources":["../src/generate-fields.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAgCH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,cAAc,CAAC;IAC7B,UAAU,EAAE,YAAY,CAAC;CAC1B,GAAG,IAAI,CAkDP;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAiB1E"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Библиотека экспортов для использования в других пакетах (например, в Vite конфигах).
+ * ВАЖНО: Не запускает CLI автоматически при импорте.
+ */
+export * from "./vite-config.js";
+export { buildWidget } from "./widget.js";
+export { runGenerateFields } from "./generate-fields.js";
+export { runExtractTestData } from "./extract-test-data.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -1,76 +1,8 @@
-#!/usr/bin/env node
-import path from "node:path";
-import { Command } from "commander";
-import * as fs from "fs";
-import { processPath } from "./base64.js";
-import { buildWidget } from "./widget.js";
-import { runGenerateFields } from "./generate-fields.js";
-import { runExtractTestData } from "./extract-test-data.js";
-const program = new Command();
-program.name("wmake").description("CLI for streamiby / wmake").version("1.0.0");
-program
-    .command("widget")
-    .description("Build chat-demo into widget files and zip in examples/chat-demo/dist")
-    .option("--full", "Full bundle (no CDN external), like the old build")
-    .action(async (opts) => {
-    try {
-        await buildWidget({ full: opts.full });
-    }
-    catch (e) {
-        console.error(e.message);
-        process.exit(1);
-    }
-});
-program
-    .command("generate-fields")
-    .description("Generate fields.json from fields.base.json and test data objects (WMAKE_FIELDS_DIR)")
-    .action(async () => {
-    try {
-        const fieldsDir = process.env.WMAKE_FIELDS_DIR;
-        if (!fieldsDir?.trim()) {
-            throw new Error("WMAKE_FIELDS_DIR must be set.");
-        }
-        const mod = (await import("@allior/wmake-streamelements-events"));
-        runGenerateFields({
-            fieldsDir: path.resolve(fieldsDir),
-            testMessages: mod.testMessages,
-            testAlerts: mod.testAlerts,
-        });
-    }
-    catch (e) {
-        console.error(e.message);
-        process.exit(1);
-    }
-});
-program
-    .command("extract-test-data")
-    .description("No-op: test data lives in streamelements/src/assets as TS objects")
-    .action(async () => {
-    try {
-        await runExtractTestData();
-    }
-    catch (e) {
-        console.error(e.message);
-        process.exit(1);
-    }
-});
-program
-    .command("base64")
-    .description("Convert images, videos, SVG to base64 for browsers")
-    .argument("<path>", "File or directory path")
-    .option("-o, --output <path>", "Output file or directory")
-    .option("-f, --full", "Output with additional info")
-    .action(async (inputPath, options) => {
-    if (!fs.existsSync(inputPath)) {
-        console.error("Error: Path does not exist");
-        process.exit(1);
-    }
-    try {
-        await processPath(inputPath, options.output ?? null, options.full ?? false);
-    }
-    catch (e) {
-        console.error("Error:", e.message);
-        process.exit(1);
-    }
-});
-program.parse();
+/**
+ * Библиотека экспортов для использования в других пакетах (например, в Vite конфигах).
+ * ВАЖНО: Не запускает CLI автоматически при импорте.
+ */
+export * from "./vite-config.js";
+export { buildWidget } from "./widget.js";
+export { runGenerateFields } from "./generate-fields.js";
+export { runExtractTestData } from "./extract-test-data.js";

package/dist/vite-config.d.ts

@@ -0,0 +1,22 @@
+import { PluginOption } from "vite";
+export declare const CDN_BASE = "https://cdn.jsdelivr.net/npm";
+export declare const REACT_VER = "19.0.0";
+export declare const WMAKE_VER = "1.0.0";
+export declare const EXTERNAL_FOR_CDN: Set<string>;
+export declare function wmakeImportMapPlugin(): PluginOption;
+export declare function getWmakeAliases(root: string): {
+    "@allior/wmake-streamelements-events/react": string;
+    "@allior/wmake-streamelements-events": string;
+    "@allior/wmake-utils/react": string;
+    "@allior/wmake-utils": string;
+    "@allior/wmake-emotes/react": string;
+    "@allior/wmake-emotes/7tv": string;
+    "@allior/wmake-emotes": string;
+    "@allior/wmake-streamelements/react": string;
+    "@allior/wmake-streamelements/fields": string;
+    "@allior/wmake-streamelements": string;
+};
+export declare function getWmakeOptimizeDeps(): {
+    include: string[];
+};
+//# sourceMappingURL=vite-config.d.ts.map

package/dist/vite-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-config.d.ts","sourceRoot":"","sources":["../src/vite-config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,eAAO,MAAM,QAAQ,iCAAiC,CAAC;AACvD,eAAO,MAAM,SAAS,WAAW,CAAC;AAClC,eAAO,MAAM,SAAS,UAAU,CAAC;AAEjC,eAAO,MAAM,gBAAgB,aAW3B,CAAC;AA4CH,wBAAgB,oBAAoB,IAAI,YAAY,CAmDnD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM;;;;;;;;;;;EAa3C;AAED,wBAAgB,oBAAoB;;EASnC"}

package/dist/vite-config.js

@@ -0,0 +1,127 @@
+import path from "node:path";
+import fs from "node:fs";
+export const CDN_BASE = "https://cdn.jsdelivr.net/npm";
+export const REACT_VER = "19.0.0";
+export const WMAKE_VER = "1.0.0";
+export const EXTERNAL_FOR_CDN = new Set([
+    "react",
+    "react/jsx-runtime",
+    "react-dom",
+    "react-dom/client",
+    "@allior/wmake-utils",
+    "@allior/wmake-utils/react",
+    "@allior/wmake-streamelements-events",
+    "@allior/wmake-streamelements-events/react",
+    "@allior/wmake-emotes/7tv",
+    "@allior/wmake-streamelements",
+]);
+const BOOTSTRAP_PLACEHOLDER_SRC = "__MAIN_SCRIPT_SRC__";
+const BOOTSTRAP_PLACEHOLDER_VER = "__DEFAULT_WMAKE_VER__";
+const bootstrapScript = `
+(function(){
+  var CDN_BASE='${CDN_BASE}';
+  var REACT_VER='${REACT_VER}';
+  var defaultVer='${BOOTSTRAP_PLACEHOLDER_VER}';
+  var mainScriptSrc='${BOOTSTRAP_PLACEHOLDER_SRC}';
+  function run(ver){
+    var v=ver||defaultVer;
+    var map={imports:{
+      'react':CDN_BASE+'/react@'+REACT_VER+'/+esm',
+      'react/jsx-runtime':CDN_BASE+'/react@'+REACT_VER+'/jsx-runtime.js',
+      'react-dom':CDN_BASE+'/react-dom@'+REACT_VER+'/+esm',
+      'react-dom/client':CDN_BASE+'/react-dom@'+REACT_VER+'/client.js',
+      '@allior/wmake-utils':CDN_BASE+'/@allior/wmake-utils@'+v+'/dist/root/index.js',
+      '@allior/wmake-utils/react':CDN_BASE+'/@allior/wmake-utils@'+v+'/dist/react/index.js',
+      '@allior/wmake-streamelements-events':CDN_BASE+'/@allior/wmake-streamelements-events@'+v+'/dist/root/index.js',
+      '@allior/wmake-streamelements-events/react':CDN_BASE+'/@allior/wmake-streamelements-events@'+v+'/dist/react/index.js',
+      '@allior/wmake-emotes/7tv':CDN_BASE+'/@allior/wmake-emotes@'+v+'/dist/7tv/index.js',
+      '@allior/wmake-streamelements':CDN_BASE+'/@allior/wmake-streamelements@'+v+'/dist/root/index.js'
+    }};
+    var s=document.createElement('script');
+    s.type='importmap';
+    s.textContent=JSON.stringify(map);
+    document.head.appendChild(s);
+    var m=document.createElement('script');
+    m.type='module';
+    m.src=mainScriptSrc;
+    document.body.appendChild(m);
+  }
+  if(typeof window.addEventListener==='function'){
+    window.addEventListener('onWidgetLoad',function(obj){
+      var fd=obj.detail&&obj.detail.fieldData;
+      run(fd&&fd.wmakeVersion);
+    });
+    setTimeout(function(){if(!document.querySelector('script[type="importmap"]'))run(defaultVer);},100);
+  }else{run(defaultVer);}
+})();
+`;
+export function wmakeImportMapPlugin() {
+    const imports = {
+        react: `${CDN_BASE}/react@${REACT_VER}/+esm`,
+        "react/jsx-runtime": `${CDN_BASE}/react@${REACT_VER}/jsx-runtime.js`,
+        "react-dom": `${CDN_BASE}/react-dom@${REACT_VER}/+esm`,
+        "react-dom/client": `${CDN_BASE}/react-dom@${REACT_VER}/client.js`,
+        "@allior/wmake-utils": `${CDN_BASE}/@allior/wmake-utils@${WMAKE_VER}/dist/root/index.js`,
+        "@allior/wmake-utils/react": `${CDN_BASE}/@allior/wmake-utils@${WMAKE_VER}/dist/react/index.js`,
+        "@allior/wmake-streamelements-events": `${CDN_BASE}/@allior/wmake-streamelements-events@${WMAKE_VER}/dist/root/index.js`,
+        "@allior/wmake-streamelements-events/react": `${CDN_BASE}/@allior/wmake-streamelements-events@${WMAKE_VER}/dist/react/index.js`,
+        "@allior/wmake-emotes/7tv": `${CDN_BASE}/@allior/wmake-emotes@${WMAKE_VER}/dist/7tv/index.js`,
+        "@allior/wmake-streamelements": `${CDN_BASE}/@allior/wmake-streamelements@${WMAKE_VER}/dist/root/index.js`,
+    };
+    const importMap = { imports };
+    const staticImportMapScript = `<script type="importmap">${JSON.stringify(importMap)}</script>`;
+    return {
+        name: "importmap-cdn",
+        transformIndexHtml: {
+            order: "post",
+            handler(html, ctx) {
+                const isBuild = !ctx.server;
+                if (isBuild) {
+                    const script = "<script>\n" + bootstrapScript.trim() + "\n</script>";
+                    return html.replace(/(<head[^>]*>)/i, "$1\n" + script);
+                }
+                return staticImportMapScript + "\n" + html;
+            },
+        },
+        writeBundle(options) {
+            const outDir = options.dir ?? "dist";
+            const htmlPath = path.join(outDir, "index.html");
+            if (!fs.existsSync(htmlPath))
+                return;
+            let html = fs.readFileSync(htmlPath, "utf-8");
+            const scriptTagMatch = html.match(/<script(?=[^>]*type=["']module["'])(?=[^>]*src=)[^>]*src=["']([^"']+)["'][^>]*>\s*<\/script>/);
+            if (!scriptTagMatch)
+                return;
+            const mainScriptSrc = scriptTagMatch[1];
+            html = html
+                .replace(BOOTSTRAP_PLACEHOLDER_VER, WMAKE_VER)
+                .replace(BOOTSTRAP_PLACEHOLDER_SRC, mainScriptSrc)
+                .replace(scriptTagMatch[0], "");
+            fs.writeFileSync(htmlPath, html);
+        },
+    };
+}
+export function getWmakeAliases(root) {
+    return {
+        "@allior/wmake-streamelements-events/react": path.join(root, "streamelements-events/dist/react/index.js"),
+        "@allior/wmake-streamelements-events": path.join(root, "streamelements-events/dist/root/index.js"),
+        "@allior/wmake-utils/react": path.join(root, "utils/dist/react/index.js"),
+        "@allior/wmake-utils": path.join(root, "utils/dist/root/index.js"),
+        "@allior/wmake-emotes/react": path.join(root, "emotes/dist/react/index.js"),
+        "@allior/wmake-emotes/7tv": path.join(root, "emotes/dist/7tv/index.js"),
+        "@allior/wmake-emotes": path.join(root, "emotes/dist/root/index.js"),
+        "@allior/wmake-streamelements/react": path.join(root, "streamelements/dist/react/index.js"),
+        "@allior/wmake-streamelements/fields": path.join(root, "streamelements/dist/fields/index.js"),
+        "@allior/wmake-streamelements": path.join(root, "streamelements/dist/root/index.js"),
+    };
+}
+export function getWmakeOptimizeDeps() {
+    return {
+        include: [
+            "@allior/wmake-streamelements-events",
+            "@allior/wmake-utils",
+            "@allior/wmake-emotes/7tv",
+            "@allior/wmake-streamelements",
+        ],
+    };
+}

package/dist/widget.d.ts

@@ -0,0 +1,4 @@
+export declare function buildWidget(options: {
+    full?: boolean;
+}): Promise<void>;
+//# sourceMappingURL=widget.d.ts.map

package/dist/widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../src/widget.ts"],"names":[],"mappings":"AAwCA,wBAAsB,WAAW,CAAC,OAAO,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA0I5E"}

package/dist/widget.js

@@ -19,6 +19,16 @@ function run(cmd, args, cwd, env) {
     });
     return r.status === 0;
 }
+function getPackageManager() {
+    const userAgent = process.env.npm_config_user_agent || "";
+    if (userAgent.includes("bun"))
+        return "bun";
+    if (userAgent.includes("pnpm"))
+        return "pnpm";
+    if (userAgent.includes("yarn"))
+        return "yarn";
+    return "npm";
+}
 export async function buildWidget(options) {
     const projectDir = getProjectDir();
     const distDir = path.join(projectDir, "dist");
@@ -43,7 +53,7 @@ export async function buildWidget(options) {
     }
     console.log("Building...");
     const buildEnv = options.full ? { BUILD_FULL: "1" } : {};
-    if (!run("pnpm", ["run", "build"], projectDir, buildEnv)) {
+    if (!run(getPackageManager(), ["run", "build"], projectDir, buildEnv)) {
         throw new Error("Build failed.");
     }
     if (!fs.existsSync(distDir)) {

package/package.json

@@ -1,27 +1,31 @@
 {
   "name": "@allior/wmake-cli",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Streamiby/wmake CLI: build widgets, base64 encode assets, generate fields",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
-    "wmake-cli": "dist/index.js",
-    "@allior/wmake-cli": "dist/index.js"
+    "wmake-cli": "dist/bin.js",
+    "@allior/wmake-cli": "dist/bin.js"
+  },
+  "scripts": {
+    "pub": "npm publish --access public",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "dev": "tsx src/index.ts"
   },
   "dependencies": {
+    "@allior/wmake-streamelements-events": "^0.0.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "adm-zip": "^0.5.16",
     "commander": "^11.1.0",
     "mime-types": "^2.1.35",
-    "adm-zip": "^0.5.16",
-    "@allior/wmake-streamelements-events": "^0.0.3"
+    "vite": "^6.4.1"
   },
   "devDependencies": {
+    "@types/adm-zip": "^0.5.8",
     "@types/mime-types": "^2.1.4",
     "ts-node": "^10.9.0",
     "tsx": "^4.20.6"
-  },
-  "scripts": {
-    "build": "tsc",
-    "start": "node dist/index.js",
-    "dev": "tsx src/index.ts"
   }
-}
+}

package/src/bin.ts

@@ -0,0 +1,82 @@
+#!/usr/bin/env node
+import path from "node:path";
+import fs from "node:fs";
+import { Command } from "commander";
+import { processPath } from "./base64.js";
+import { buildWidget } from "./widget.js";
+import { runGenerateFields } from "./generate-fields.js";
+import { runExtractTestData } from "./extract-test-data.js";
+
+const program = new Command();
+
+program.name("wmake").description("CLI for streamiby / wmake").version("1.0.0");
+
+program
+  .command("widget")
+  .description("Build chat-demo into widget files and zip in examples/chat-demo/dist")
+  .option("--full", "Full bundle (no CDN external), like the old build")
+  .action(async (opts: { full?: boolean }) => {
+    try {
+      await buildWidget({ full: opts.full });
+    } catch (e) {
+      console.error((e as Error).message);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("generate-fields")
+  .description("Generate fields.json from fields.base.json and test data objects (WMAKE_FIELDS_DIR)")
+  .action(async () => {
+    try {
+      const fieldsDir = process.env.WMAKE_FIELDS_DIR;
+      if (!fieldsDir?.trim()) {
+        throw new Error("WMAKE_FIELDS_DIR must be set.");
+      }
+      const mod = (await import("@allior/wmake-streamelements-events")) as unknown as {
+        testMessages: Record<string, unknown>;
+        testAlerts: Record<string, unknown>;
+      };
+      runGenerateFields({
+        fieldsDir: path.resolve(fieldsDir),
+        testMessages: mod.testMessages,
+        testAlerts: mod.testAlerts,
+      });
+    } catch (e) {
+      console.error((e as Error).message);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("extract-test-data")
+  .description("No-op: test data lives in streamelements/src/assets as TS objects")
+  .action(async () => {
+    try {
+      await runExtractTestData();
+    } catch (e) {
+      console.error((e as Error).message);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("base64")
+  .description("Convert images, videos, SVG to base64 for browsers")
+  .argument("<path>", "File or directory path")
+  .option("-o, --output <path>", "Output file or directory")
+  .option("-f, --full", "Output with additional info")
+  .action(async (inputPath: string, options: { output?: string; full?: boolean }) => {
+    if (!fs.existsSync(inputPath)) {
+      console.error("Error: Path does not exist");
+      process.exit(1);
+    }
+    try {
+      await processPath(inputPath, options.output ?? null, options.full ?? false);
+    } catch (e) {
+      console.error("Error:", (e as Error).message);
+      process.exit(1);
+    }
+  });
+
+program.parse();

package/src/index.ts

@@ -1,96 +1,4 @@
-#!/usr/bin/env node
-
-import path from "node:path";
-import { Command } from "commander";
-import * as fs from "fs";
-import { processPath } from "./base64.js";
-import { buildWidget } from "./widget.js";
-import { runGenerateFields } from "./generate-fields.js";
-import { runExtractTestData } from "./extract-test-data.js";
-
-const program = new Command();
-
-program.name("wmake").description("CLI for streamiby / wmake").version("1.0.0");
-
-program
-  .command("widget")
-  .description(
-    "Build chat-demo into widget files and zip in examples/chat-demo/dist",
-  )
-  .option("--full", "Full bundle (no CDN external), like the old build")
-  .action(async (opts: { full?: boolean }) => {
-    try {
-      await buildWidget({ full: opts.full });
-    } catch (e) {
-      console.error((e as Error).message);
-      process.exit(1);
-    }
-  });
-
-program
-  .command("generate-fields")
-  .description(
-    "Generate fields.json from fields.base.json and test data objects (WMAKE_FIELDS_DIR)",
-  )
-  .action(async () => {
-    try {
-      const fieldsDir = process.env.WMAKE_FIELDS_DIR;
-      if (!fieldsDir?.trim()) {
-        throw new Error("WMAKE_FIELDS_DIR must be set.");
-      }
-      const mod =
-        (await import("@allior/wmake-streamelements-events")) as unknown as {
-          testMessages: Record<string, unknown>;
-          testAlerts: Record<string, unknown>;
-        };
-      runGenerateFields({
-        fieldsDir: path.resolve(fieldsDir),
-        testMessages: mod.testMessages,
-        testAlerts: mod.testAlerts,
-      });
-    } catch (e) {
-      console.error((e as Error).message);
-      process.exit(1);
-    }
-  });
-
-program
-  .command("extract-test-data")
-  .description(
-    "No-op: test data lives in streamelements/src/assets as TS objects",
-  )
-  .action(async () => {
-    try {
-      await runExtractTestData();
-    } catch (e) {
-      console.error((e as Error).message);
-      process.exit(1);
-    }
-  });
-
-program
-  .command("base64")
-  .description("Convert images, videos, SVG to base64 for browsers")
-  .argument("<path>", "File or directory path")
-  .option("-o, --output <path>", "Output file or directory")
-  .option("-f, --full", "Output with additional info")
-  .action(
-    async (inputPath: string, options: { output?: string; full?: boolean }) => {
-      if (!fs.existsSync(inputPath)) {
-        console.error("Error: Path does not exist");
-        process.exit(1);
-      }
-      try {
-        await processPath(
-          inputPath,
-          options.output ?? null,
-          options.full ?? false,
-        );
-      } catch (e) {
-        console.error("Error:", (e as Error).message);
-        process.exit(1);
-      }
-    },
-  );
-
-program.parse();
+export * from "./vite-config.js";
+export { buildWidget } from "./widget.js";
+export { runGenerateFields } from "./generate-fields.js";
+export { runExtractTestData } from "./extract-test-data.js";

package/src/vite-config.ts

@@ -0,0 +1,141 @@
+import path from "node:path";
+import fs from "node:fs";
+import { PluginOption } from "vite";
+
+export const CDN_BASE = "https://cdn.jsdelivr.net/npm";
+export const REACT_VER = "19.0.0";
+export const WMAKE_VER = "1.0.0";
+
+export const EXTERNAL_FOR_CDN = new Set([
+  "react",
+  "react/jsx-runtime",
+  "react-dom",
+  "react-dom/client",
+  "@allior/wmake-utils",
+  "@allior/wmake-utils/react",
+  "@allior/wmake-streamelements-events",
+  "@allior/wmake-streamelements-events/react",
+  "@allior/wmake-emotes/7tv",
+  "@allior/wmake-streamelements",
+]);
+
+const BOOTSTRAP_PLACEHOLDER_SRC = "__MAIN_SCRIPT_SRC__";
+const BOOTSTRAP_PLACEHOLDER_VER = "__DEFAULT_WMAKE_VER__";
+
+const bootstrapScript = `
+(function(){
+  var CDN_BASE='${CDN_BASE}';
+  var REACT_VER='${REACT_VER}';
+  var defaultVer='${BOOTSTRAP_PLACEHOLDER_VER}';
+  var mainScriptSrc='${BOOTSTRAP_PLACEHOLDER_SRC}';
+  function run(ver){
+    var v=ver||defaultVer;
+    var map={imports:{
+      'react':CDN_BASE+'/react@'+REACT_VER+'/+esm',
+      'react/jsx-runtime':CDN_BASE+'/react@'+REACT_VER+'/jsx-runtime.js',
+      'react-dom':CDN_BASE+'/react-dom@'+REACT_VER+'/+esm',
+      'react-dom/client':CDN_BASE+'/react-dom@'+REACT_VER+'/client.js',
+      '@allior/wmake-utils':CDN_BASE+'/@allior/wmake-utils@'+v+'/dist/root/index.js',
+      '@allior/wmake-utils/react':CDN_BASE+'/@allior/wmake-utils@'+v+'/dist/react/index.js',
+      '@allior/wmake-streamelements-events':CDN_BASE+'/@allior/wmake-streamelements-events@'+v+'/dist/root/index.js',
+      '@allior/wmake-streamelements-events/react':CDN_BASE+'/@allior/wmake-streamelements-events@'+v+'/dist/react/index.js',
+      '@allior/wmake-emotes/7tv':CDN_BASE+'/@allior/wmake-emotes@'+v+'/dist/7tv/index.js',
+      '@allior/wmake-streamelements':CDN_BASE+'/@allior/wmake-streamelements@'+v+'/dist/root/index.js'
+    }};
+    var s=document.createElement('script');
+    s.type='importmap';
+    s.textContent=JSON.stringify(map);
+    document.head.appendChild(s);
+    var m=document.createElement('script');
+    m.type='module';
+    m.src=mainScriptSrc;
+    document.body.appendChild(m);
+  }
+  if(typeof window.addEventListener==='function'){
+    window.addEventListener('onWidgetLoad',function(obj){
+      var fd=obj.detail&&obj.detail.fieldData;
+      run(fd&&fd.wmakeVersion);
+    });
+    setTimeout(function(){if(!document.querySelector('script[type="importmap"]'))run(defaultVer);},100);
+  }else{run(defaultVer);}
+})();
+`;
+
+export function wmakeImportMapPlugin(): PluginOption {
+  const imports: Record<string, string> = {
+    react: `${CDN_BASE}/react@${REACT_VER}/+esm`,
+    "react/jsx-runtime": `${CDN_BASE}/react@${REACT_VER}/jsx-runtime.js`,
+    "react-dom": `${CDN_BASE}/react-dom@${REACT_VER}/+esm`,
+    "react-dom/client": `${CDN_BASE}/react-dom@${REACT_VER}/client.js`,
+    "@allior/wmake-utils": `${CDN_BASE}/@allior/wmake-utils@${WMAKE_VER}/dist/root/index.js`,
+    "@allior/wmake-utils/react": `${CDN_BASE}/@allior/wmake-utils@${WMAKE_VER}/dist/react/index.js`,
+    "@allior/wmake-streamelements-events": `${CDN_BASE}/@allior/wmake-streamelements-events@${WMAKE_VER}/dist/root/index.js`,
+    "@allior/wmake-streamelements-events/react": `${CDN_BASE}/@allior/wmake-streamelements-events@${WMAKE_VER}/dist/react/index.js`,
+    "@allior/wmake-emotes/7tv": `${CDN_BASE}/@allior/wmake-emotes@${WMAKE_VER}/dist/7tv/index.js`,
+    "@allior/wmake-streamelements": `${CDN_BASE}/@allior/wmake-streamelements@${WMAKE_VER}/dist/root/index.js`,
+  };
+
+  const importMap = { imports };
+  const staticImportMapScript = `<script type="importmap">${JSON.stringify(importMap)}</script>`;
+
+  return {
+    name: "importmap-cdn",
+    transformIndexHtml: {
+      order: "post" as const,
+      handler(html: string, ctx: { server?: unknown }) {
+        const isBuild = !ctx.server;
+        if (isBuild) {
+          const script = "<script>\n" + bootstrapScript.trim() + "\n</script>";
+          return html.replace(/(<head[^>]*>)/i, "$1\n" + script);
+        }
+        return staticImportMapScript + "\n" + html;
+      },
+    },
+    writeBundle(options: { dir?: string }) {
+      const outDir = options.dir ?? "dist";
+      const htmlPath = path.join(outDir, "index.html");
+      if (!fs.existsSync(htmlPath)) return;
+
+      let html = fs.readFileSync(htmlPath, "utf-8");
+      const scriptTagMatch = html.match(
+        /<script(?=[^>]*type=["']module["'])(?=[^>]*src=)[^>]*src=["']([^"']+)["'][^>]*>\s*<\/script>/,
+      );
+
+      if (!scriptTagMatch) return;
+      const mainScriptSrc = scriptTagMatch[1];
+
+      html = html
+        .replace(BOOTSTRAP_PLACEHOLDER_VER, WMAKE_VER)
+        .replace(BOOTSTRAP_PLACEHOLDER_SRC, mainScriptSrc)
+        .replace(scriptTagMatch[0], "");
+
+      fs.writeFileSync(htmlPath, html);
+    },
+  };
+}
+
+export function getWmakeAliases(root: string) {
+  return {
+    "@allior/wmake-streamelements-events/react": path.join(root, "streamelements-events/dist/react/index.js"),
+    "@allior/wmake-streamelements-events": path.join(root, "streamelements-events/dist/root/index.js"),
+    "@allior/wmake-utils/react": path.join(root, "utils/dist/react/index.js"),
+    "@allior/wmake-utils": path.join(root, "utils/dist/root/index.js"),
+    "@allior/wmake-emotes/react": path.join(root, "emotes/dist/react/index.js"),
+    "@allior/wmake-emotes/7tv": path.join(root, "emotes/dist/7tv/index.js"),
+    "@allior/wmake-emotes": path.join(root, "emotes/dist/root/index.js"),
+    "@allior/wmake-streamelements/react": path.join(root, "streamelements/dist/react/index.js"),
+    "@allior/wmake-streamelements/fields": path.join(root, "streamelements/dist/fields/index.js"),
+    "@allior/wmake-streamelements": path.join(root, "streamelements/dist/root/index.js"),
+  };
+}
+
+export function getWmakeOptimizeDeps() {
+  return {
+    include: [
+      "@allior/wmake-streamelements-events",
+      "@allior/wmake-utils",
+      "@allior/wmake-emotes/7tv",
+      "@allior/wmake-streamelements",
+    ],
+  };
+}

package/src/widget.ts

@@ -30,6 +30,14 @@ function run(
   return r.status === 0;
 }
 
+function getPackageManager(): string {
+  const userAgent = process.env.npm_config_user_agent || "";
+  if (userAgent.includes("bun")) return "bun";
+  if (userAgent.includes("pnpm")) return "pnpm";
+  if (userAgent.includes("yarn")) return "yarn";
+  return "npm";
+}
+
 export async function buildWidget(options: { full?: boolean }): Promise<void> {
   const projectDir = getProjectDir();
   const distDir = path.join(projectDir, "dist");
@@ -59,7 +67,7 @@ export async function buildWidget(options: { full?: boolean }): Promise<void> {
   }
   console.log("Building...");
   const buildEnv = options.full ? { BUILD_FULL: "1" } : {};
-  if (!run("pnpm", ["run", "build"], projectDir, buildEnv)) {
+  if (!run(getPackageManager(), ["run", "build"], projectDir, buildEnv)) {
     throw new Error("Build failed.");
   }
 

package/tsconfig.json

@@ -10,6 +10,8 @@
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
+    "declaration": true,
+    "declarationMap": true,
     "baseUrl": ".",
     "paths": {
       "@/*": [