@allior/wmake-cli 0.0.5 → 0.0.7

package/dist/bin.d.ts

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

package/dist/bin.js

@@ -1,76 +1,38 @@
-#!/usr/bin/env node
-import path from "node:path";
-import fs from "node:fs";
+#!/usr/bin/env bun
 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";
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const pkg = JSON.parse(readFileSync(path.join(__dirname, "../package.json"), "utf8"));
 const program = new Command();
-program.name("wmake").description("CLI for streamiby / wmake").version("1.0.0");
+program
+    .name("wmake")
+    .description("Build tool for @allior/wmake components")
+    .version(pkg.version);
 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);
-    }
+    .description("Build a StreamElements widget")
+    .option("-f, --full", "Build a full bundle without CDN deps")
+    .option("-s, --se-dir <dir>", "Directory containing StreamElements files (fields.json, data.json)")
+    .option("--no-wmake-versions", "Do not include wmake versions in fields")
+    .option("--no-test-alerts", "Do not include test alerts in fields")
+    .option("--no-test-messages", "Do not include test messages in fields")
+    .action(async (options) => {
+    await buildWidget({
+        full: options.full,
+        seDir: options.seDir,
+        skipWmakeVersions: !options.wmakeVersions,
+        skipTestAlerts: !options.testAlerts,
+        skipTestMessages: !options.testMessages
+    });
 });
 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);
-    }
+    .description("Generate fields.json from fields.base.json (manual source update)")
+    .action(() => {
+    runGenerateFields(process.cwd());
 });
 program.parse();

package/dist/generate-fields.d.ts

@@ -1,18 +1,10 @@
-/**
- * Генерирует 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;
+export interface GenerateFieldsOptions {
+    skipWmakeVersions?: boolean;
+    skipTestAlerts?: boolean;
+    skipTestMessages?: boolean;
+}
+/** Merges base fields with dynamic WMake version fields and testing tools. */
+export declare function generateMergedFields(cwd?: string, seDir?: string, options?: GenerateFieldsOptions): any;
+/** Standalone command entry point */
+export declare function runGenerateFields(cwd?: string): void;
 //# sourceMappingURL=generate-fields.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"generate-fields.d.ts","sourceRoot":"","sources":["../src/generate-fields.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,8EAA8E;AAC9E,wBAAgB,oBAAoB,CAClC,GAAG,GAAE,MAAsB,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,GAAE,qBAA0B,GAClC,GAAG,CA4EL;AAED,qCAAqC;AACrC,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,MAAsB,QAK5D"}

package/dist/generate-fields.js

@@ -1,88 +1,81 @@
-/**
- * Генерирует fields.json из fields.base.json и ключей из объектов testMessages / testAlerts.
- * Путь к каталогу с fields.base.json задаётся WMAKE_FIELDS_DIR.
- * Данные сообщений и алертов передаются объектами (из скриптов streamelements).
- */
 import fs from "node:fs";
 import path from "node:path";
-import { spawnSync } from "node:child_process";
-const TEST_GROUP = "Tests / Тесты";
-function pascalCase(s) {
-    return s.charAt(0).toUpperCase() + s.slice(1);
-}
-/** camelCase → sentence case (e.g. veryShort → "Very short", selfSub → "Self sub") */
-function keyToTitle(key) {
-    const words = key
-        .replace(/([A-Z])/g, " $1")
-        .toLowerCase()
-        .trim();
-    return words.charAt(0).toUpperCase() + words.slice(1);
-}
-function messageLabel(key) {
-    return `${keyToTitle(key)} message`;
-}
-function alertLabel(key) {
-    return `${keyToTitle(key)} alert`;
-}
-export function runGenerateFields(options) {
-    const { fieldsDir, testMessages: messages, testAlerts: alerts } = options;
-    const basePath = path.join(fieldsDir, "fields.base.json");
-    const outPath = path.join(fieldsDir, "fields.json");
-    const base = JSON.parse(fs.readFileSync(basePath, "utf-8"));
-    const messageKeys = Object.keys(messages);
-    const alertKeys = Object.keys(alerts);
-    const testMessageFields = {};
-    for (const key of messageKeys) {
-        const fieldId = "testMessage" + pascalCase(key);
-        testMessageFields[fieldId] = {
+import { getWmakeDepsWithVersions } from "./vite-config.js";
+/** Merges base fields with dynamic WMake version fields and testing tools. */
+export function generateMergedFields(cwd = process.cwd(), seDir, options = {}) {
+    const baseFieldsPath = seDir
+        ? path.join(cwd, seDir, "fields.json")
+        : path.join(cwd, "fields.json");
+    const legacyPath = path.join(cwd, "fields.base.json");
+    let finalBaseFieldsPath = baseFieldsPath;
+    if (!fs.existsSync(baseFieldsPath) && fs.existsSync(legacyPath)) {
+        finalBaseFieldsPath = legacyPath;
+    }
+    if (!fs.existsSync(finalBaseFieldsPath)) {
+        console.error(`Fields file not found at ${finalBaseFieldsPath}`);
+        return {};
+    }
+    const baseFields = JSON.parse(fs.readFileSync(finalBaseFieldsPath, "utf-8"));
+    const finalFields = { ...baseFields };
+    const mergedFields = {};
+    // 1. Prepare WMake versions
+    const wmakeFields = {};
+    if (!options.skipWmakeVersions) {
+        const wmakeVersions = getWmakeDepsWithVersions(cwd);
+        Object.keys(wmakeVersions).forEach(pkg => {
+            const name = pkg.replace("@allior/wmake-", "");
+            const pascalName = pascalCase(name);
+            const fieldKey = `wmake${pascalName}Version`;
+            wmakeFields[fieldKey] = {
+                type: "text",
+                label: `${pascalName} version`,
+                value: wmakeVersions[pkg],
+                group: "WMake"
+            };
+        });
+    }
+    // 2. Prepare Testing fields
+    const testFields = {};
+    if (!options.skipTestAlerts) {
+        testFields["testAlert"] = {
             type: "button",
-            label: messageLabel(key),
-            group: TEST_GROUP,
+            label: "Test Alert",
+            value: "testAlert",
+            group: "Testing"
         };
     }
-    const testAlertFields = {};
-    for (const key of alertKeys) {
-        const fieldId = "testAlert" + pascalCase(key);
-        testAlertFields[fieldId] = {
+    if (!options.skipTestMessages) {
+        testFields["testMessage"] = {
             type: "button",
-            label: alertLabel(key),
-            group: TEST_GROUP,
+            label: "Test Message",
+            value: "testMessage",
+            group: "Testing"
         };
     }
-    const insertAfterKey = "blueFlowerAnimationDuration";
-    const result = {};
-    let inserted = false;
-    for (const k of Object.keys(base)) {
-        if (k.startsWith("_"))
-            continue;
-        result[k] = base[k];
-        if (k === insertAfterKey) {
-            Object.assign(result, testMessageFields, testAlertFields);
-            inserted = true;
+    const dynamicFields = { ...wmakeFields, ...testFields };
+    const dynamicKeys = Object.keys(dynamicFields).sort();
+    const sortedDynamic = {};
+    dynamicKeys.forEach(k => sortedDynamic[k] = dynamicFields[k]);
+    let dynamicInserted = false;
+    for (const key in finalFields) {
+        if (key.startsWith("testMessage") && !dynamicInserted) {
+            Object.assign(mergedFields, sortedDynamic);
+            dynamicInserted = true;
         }
+        mergedFields[key] = finalFields[key];
     }
-    if (!inserted) {
-        Object.assign(result, testMessageFields, testAlertFields);
+    if (!dynamicInserted) {
+        Object.assign(mergedFields, sortedDynamic);
     }
-    fs.writeFileSync(outPath, JSON.stringify(result, null, 2), "utf-8");
-    console.log("Wrote", outPath);
-    console.log("Test message buttons:", messageKeys.length);
-    console.log("Test alert buttons:", alertKeys.length);
+    return mergedFields;
 }
-/**
- * Генерирует fields.json из TS/JS модуля, экспортирующего default AdvancedField[].
- * Использует tsx для загрузки .ts файлов.
- */
-export function runGenerateFieldsFromModule(fieldsModulePath) {
-    const absPath = path.resolve(fieldsModulePath);
-    const outPath = path.join(path.dirname(absPath), "fields.json");
-    const runnerPath = path.join(__dirname, "..", "src", "generate-fields-from-module-runner.ts");
-    const r = spawnSync("npx", ["tsx", runnerPath, absPath, outPath], {
-        stdio: "inherit",
-        shell: true,
-        cwd: path.dirname(absPath),
-    });
-    if (r.status !== 0) {
-        throw new Error(`Failed to generate fields from ${fieldsModulePath}`);
-    }
+/** Standalone command entry point */
+export function runGenerateFields(cwd = process.cwd()) {
+    const fields = generateMergedFields(cwd);
+    const fieldsPath = path.join(cwd, "fields.json");
+    fs.writeFileSync(fieldsPath, JSON.stringify(fields, null, 2), "utf-8");
+    console.log(`Wrote ${fieldsPath}`);
+}
+function pascalCase(str) {
+    return str.split("-").map(w => w.charAt(0).toUpperCase() + w.slice(1)).join("");
 }

package/dist/vite-config.d.ts

@@ -1,22 +1,25 @@
-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[];
-};
+import type { AliasOptions, PluginOption } from "vite";
+export declare const BASE_GLOBALS: Record<string, string>;
+/** Translates package name to global window variable name */
+export declare function getWmakeGlobals(cwd?: string): Record<string, string>;
+/** Translates package name to global window variable name (without React/ReactDOM) */
+export declare function getRawWmakeGlobals(cwd?: string): Record<string, string>;
+/** Generates Vite aliases for workspace development */
+export declare function getWmakeAliases(root: string): AliasOptions;
+/** Detects @allior/wmake-* dependencies in package.json and sorts them by hierarchy */
+export declare function getWmakeDeps(cwd?: string): string[];
+/** Detects dependencies and their current versions from package.json */
+export declare function getWmakeDepsWithVersions(cwd?: string): Record<string, string>;
+/** Checks if a dependency should be external in CDN mode */
+export declare function isExternalForCdn(id: string, cwd?: string): boolean;
+/** Legacy helper for external dependencies */
+export declare function getExternalForCdn(cwd?: string): string[];
+/** Provides list of dependencies for pre-optimization */
+export declare function getWmakeOptimizeDeps(cwd?: string): string[];
+/** Vite plugin to inject global window shims for widget development */
+export declare function wmakeScriptCdnPlugin(options?: {
+    useCdn?: boolean;
+}): PluginOption;
+/** Sorts dependencies in correct loading order based on internals */
+export declare function sortWmakeDeps(deps: string[]): string[];
 //# sourceMappingURL=vite-config.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"vite-config.d.ts","sourceRoot":"","sources":["../src/vite-config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK/C,CAAC;AAEF,6DAA6D;AAC7D,wBAAgB,eAAe,CAAC,GAAG,GAAE,MAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAanF;AAED,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,GAAG,GAAE,MAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAatF;AAED,uDAAuD;AACvD,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAgB1D;AAED,uFAAuF;AACvF,wBAAgB,YAAY,CAAC,GAAG,GAAE,MAAsB,GAAG,MAAM,EAAE,CAOlE;AAED,wEAAwE;AACxE,wBAAgB,wBAAwB,CAAC,GAAG,GAAE,MAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAY5F;AAED,4DAA4D;AAC5D,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,GAAE,MAAsB,GAAG,OAAO,CAcjF;AAED,8CAA8C;AAC9C,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,MAAsB,GAAG,MAAM,EAAE,CAQvE;AAED,yDAAyD;AACzD,wBAAgB,oBAAoB,CAAC,GAAG,GAAE,MAAsB,GAAG,MAAM,EAAE,CAG1E;AAED,uEAAuE;AACvE,wBAAgB,oBAAoB,CAAC,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,YAAY,CAerF;AAED,qEAAqE;AACrE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAWtD"}

package/dist/vite-config.js

@@ -1,127 +1,142 @@
 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 const BASE_GLOBALS = {
+    react: "React",
+    "react-dom": "ReactDOM",
+    "react-dom/client": "ReactDOM",
+    "react/jsx-runtime": "React",
+};
+/** Translates package name to global window variable name */
+export function getWmakeGlobals(cwd = process.cwd()) {
+    const deps = getWmakeDeps(cwd);
+    const res = { ...BASE_GLOBALS };
+    for (const pkg of deps) {
+        const name = pkg.replace("@allior/wmake-", "");
+        const pascalName = name
+            .split("-")
+            .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+            .join("");
+        res[pkg] = `Wmake${pascalName}`;
+        res[`${pkg}/react`] = `Wmake${pascalName}React`;
+    }
+    return res;
+}
+/** Translates package name to global window variable name (without React/ReactDOM) */
+export function getRawWmakeGlobals(cwd = process.cwd()) {
+    const deps = getWmakeDeps(cwd);
+    const res = {};
+    for (const pkg of deps) {
+        const name = pkg.replace("@allior/wmake-", "");
+        const pascalName = name
+            .split("-")
+            .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+            .join("");
+        res[pkg] = `Wmake${pascalName}`;
+        res[`${pkg}/react`] = `Wmake${pascalName}React`;
+    }
+    return res;
 }
+/** Generates Vite aliases for workspace development */
 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"),
-    };
+    const dirs = fs.readdirSync(root, { withFileTypes: true });
+    const aliases = {};
+    for (const dir of dirs) {
+        if (dir.isDirectory()) {
+            const pkgPath = path.join(root, dir.name, "package.json");
+            if (fs.existsSync(pkgPath)) {
+                const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+                if (pkg.name && pkg.name.startsWith("@allior/wmake-")) {
+                    aliases[pkg.name] = path.resolve(root, dir.name, "dist/root/index.js");
+                    aliases[`${pkg.name}/react`] = path.resolve(root, dir.name, "dist/react/index.js");
+                }
+            }
+        }
+    }
+    return aliases;
+}
+/** Detects @allior/wmake-* dependencies in package.json and sorts them by hierarchy */
+export function getWmakeDeps(cwd = process.cwd()) {
+    const pkgPath = path.join(cwd, "package.json");
+    if (!fs.existsSync(pkgPath))
+        return [];
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    const deps = Object.keys(pkg.dependencies || {}).filter((d) => d.startsWith("@allior/wmake-"));
+    return sortWmakeDeps(deps);
+}
+/** Detects dependencies and their current versions from package.json */
+export function getWmakeDepsWithVersions(cwd = process.cwd()) {
+    const pkgPath = path.join(cwd, "package.json");
+    if (!fs.existsSync(pkgPath))
+        return {};
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    const res = {};
+    const deps = pkg.dependencies || {};
+    for (const d in deps) {
+        if (d.startsWith("@allior/wmake-")) {
+            res[d] = deps[d].replace(/[\^~]/, "");
+        }
+    }
+    return res;
+}
+/** Checks if a dependency should be external in CDN mode */
+export function isExternalForCdn(id, cwd = process.cwd()) {
+    const normId = id.replace(/\\/g, "/");
+    if (Object.keys(BASE_GLOBALS).some(base => id === base || id.startsWith(base + "/")))
+        return true;
+    if (id.startsWith("@allior/wmake-") && id !== "@allior/wmake-cli")
+        return true;
+    const WMAKE_LIBS = ["utils", "streamelements", "streamelements-events", "emotes"];
+    for (const lib of WMAKE_LIBS) {
+        if (normId.includes(`/${lib}/dist/`))
+            return true;
+    }
+    if (normId.includes("/@allior/wmake-") || normId.includes("/wmake-")) {
+        if (!normId.includes("/wmake-cli/"))
+            return true;
+    }
+    return false;
+}
+/** Legacy helper for external dependencies */
+export function getExternalForCdn(cwd = process.cwd()) {
+    const deps = getWmakeDeps(cwd);
+    const res = [...Object.keys(BASE_GLOBALS)];
+    for (const pkg of deps) {
+        res.push(pkg);
+        res.push(`${pkg}/react`);
+    }
+    return res;
 }
-export function getWmakeOptimizeDeps() {
+/** Provides list of dependencies for pre-optimization */
+export function getWmakeOptimizeDeps(cwd = process.cwd()) {
+    const deps = getWmakeDeps(cwd);
+    return [...deps, ...deps.map((d) => `${d}/react`)];
+}
+/** Vite plugin to inject global window shims for widget development */
+export function wmakeScriptCdnPlugin(options = {}) {
+    const { useCdn = true } = options;
+    if (!useCdn)
+        return { name: "wmake-script-cdn-plugin" };
     return {
-        include: [
-            "@allior/wmake-streamelements-events",
-            "@allior/wmake-utils",
-            "@allior/wmake-emotes/7tv",
-            "@allior/wmake-streamelements",
-        ],
+        name: "wmake-script-cdn-plugin",
+        transformIndexHtml(html) {
+            return html.replace("</head>", `<script src="https://cdn.jsdelivr.net/bundle/npm/react@18.2.0/umd/react.production.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/bundle/npm/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
+        </head>`);
+        },
     };
 }
+/** Sorts dependencies in correct loading order based on internals */
+export function sortWmakeDeps(deps) {
+    const order = ["utils", "streamelements-events", "emotes", "streamelements"];
+    return [...deps].sort((a, b) => {
+        const aName = a.replace("@allior/wmake-", "");
+        const bName = b.replace("@allior/wmake-", "");
+        let aIdx = order.indexOf(aName);
+        let bIdx = order.indexOf(bName);
+        if (aIdx === -1)
+            aIdx = 999;
+        if (bIdx === -1)
+            bIdx = 999;
+        return aIdx - bIdx;
+    });
+}

package/dist/widget.d.ts

@@ -1,4 +1,8 @@
-export declare function buildWidget(options: {
+import { GenerateFieldsOptions } from "./generate-fields.js";
+export interface BuildWidgetOptions extends GenerateFieldsOptions {
     full?: boolean;
-}): Promise<void>;
+    seDir?: string;
+}
+/** Builds project for StreamElements widget using CDN mode */
+export declare function buildWidget(options?: BuildWidgetOptions): Promise<void>;
 //# sourceMappingURL=widget.d.ts.map