npm - tutuca - Versions diffs - 0.9.102 → 0.9.104 - Mend

tutuca 0.9.102 → 0.9.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/tutuca-cli.js +65 -24
package/dist/tutuca-dev.ext.js +0 -3
package/dist/tutuca-dev.js +0 -3
package/dist/tutuca-dev.min.js +1 -1
package/dist/tutuca-extra.ext.js +0 -3
package/dist/tutuca-extra.js +0 -3
package/dist/tutuca-extra.min.js +1 -1
package/dist/tutuca-storybook.js +42 -20
package/dist/tutuca.ext.js +0 -3
package/dist/tutuca.js +0 -3
package/dist/tutuca.min.js +1 -1
package/package.json +1 -1
package/skill/margaui/SKILL.md +6 -2
package/skill/margaui/components/aura.md +97 -0
package/skill/margaui/components/megamenu.md +131 -0
package/skill/margaui/components/menu.md +1 -0
package/skill/margaui/components/otp.md +171 -0
package/skill/margaui/components/range.md +1 -1
package/skill/margaui/components/stack.md +1 -1
package/skill/margaui/components/tooltip.md +1 -1
package/skill/tutuca/core.md +18 -41
package/skill/tutuca/storybook.md +30 -6
package/skill/tutuca-source/tutuca.ext.js +0 -3

package/dist/tutuca-cli.js CHANGED Viewed

@@ -16170,7 +16170,24 @@ function tutucaSource(base) {
     return "node_modules";
   return "local dist";
 }
-function buildImports(base, { margaui }) {
+function resolveMargaui(projectDir, { forCdn, override }) {
+  if (override) {
+    const jsUrl = override.startsWith("http") ? override : `/${relative2(projectDir, resolve5(projectDir, override)).split(sep).join("/")}`;
+    return { jsUrl, themeUrl: MARGAUI_THEME, source: "override" };
+  }
+  if (!forCdn) {
+    const localJs = resolve5(projectDir, "node_modules", "margaui", "dist", "margaui.min.js");
+    if (existsSync4(localJs)) {
+      return {
+        jsUrl: "/node_modules/margaui/dist/margaui.min.js",
+        themeUrl: "/node_modules/margaui/dist/themes/theme.css",
+        source: "node_modules"
+      };
+    }
+  }
+  return { jsUrl: MARGAUI_CDN, themeUrl: MARGAUI_THEME, source: "CDN" };
+}
+function buildImports(base, { margauiEnabled, margauiJsUrl }) {
   const dev = `${base}/tutuca-dev.js`;
   const imports = {
     tutuca: dev,
@@ -16179,13 +16196,13 @@ function buildImports(base, { margaui }) {
     "tutuca/storybook": `${base}/tutuca-storybook.js`,
     "tutuca/components": `${base}/tutuca-components.js`
   };
-  if (margaui)
-    imports.margaui = MARGAUI_CDN;
+  if (margauiEnabled)
+    imports.margaui = margauiJsUrl;
   return imports;
 }
-function renderIndexHtml(imports, { margaui, bootstrapUrl }) {
-  const theme = margaui ? `
-    <link rel="stylesheet" href="${MARGAUI_THEME}" />` : "";
+function renderIndexHtml(imports, { margauiEnabled, margauiThemeUrl, bootstrapUrl }) {
+  const theme = margauiEnabled ? `
+    <link rel="stylesheet" href="${margauiThemeUrl}" />` : "";
   return `<!doctype html>
 <html lang="en">
   <head>
@@ -16203,9 +16220,9 @@ ${JSON.stringify({ imports }, null, 6)}
 </html>
 `;
 }
-function renderBootstrap(devModuleUrls, { margaui, check, inspect: inspect3, noCache }) {
+function renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspect3, noCache }) {
   const lines = ['import { mountStorybook } from "tutuca/storybook";'];
-  if (margaui) {
+  if (margauiEnabled) {
     lines.push('import { compileClassesToStyleText } from "tutuca/extra";');
     lines.push('import { compile } from "margaui";');
   }
@@ -16219,7 +16236,7 @@ function renderBootstrap(devModuleUrls, { margaui, check, inspect: inspect3, noC
   });
   const modules = devModuleUrls.map((_, i) => `m${i}`).join(", ");
   const optParts = [];
-  if (margaui)
+  if (margauiEnabled)
     optParts.push("compileCss: (app) => compileClassesToStyleText(app, compile)");
   if (inspect3)
     optParts.push("dev: { shadowCheckComponent, runTests, expect }");
@@ -16354,6 +16371,8 @@ async function run4(argv, opts = {}) {
     options: {
       port: { type: "string" },
       out: { type: "string" },
+      margaui: { type: "string" },
+      "margaui-cdn": { type: "boolean", default: false },
       "no-margaui": { type: "boolean", default: false },
       "no-check": { type: "boolean", default: false },
       "no-inspect": { type: "boolean", default: false },
@@ -16366,20 +16385,27 @@ async function run4(argv, opts = {}) {
   });
   if (parsed.values.help) {
     process.stdout.write(`tutuca storybook [dir] [--port <n>] [--out <dir>] [--dry-run]
-                 [--no-margaui] [--no-check] [--no-inspect] [--no-tests]
-                 [--no-cache]
+                 [--margaui <url|path>] [--margaui-cdn] [--no-margaui]
+                 [--no-check] [--no-inspect] [--no-tests] [--no-cache]
   Auto-discovers co-located *.dev.js modules (recursively, skipping
   node_modules/dotdirs) and serves a live storybook that mounts them via
   the tutuca/storybook library. Zero setup.
+  margaui styling loads local-first: it's used from node_modules/margaui
+  when installed (offline-capable), else from the CDN.
   [dir]          project root to scan and serve (default: cwd)
   --port <n>     preferred port (default 4321; falls back to a free port)
-  --out <dir>    write a static index.html + bootstrap (CDN import map)
-                 instead of serving; host it from the project root
+  --out <dir>    write a static index.html + bootstrap (CDN import map for
+                 both tutuca and margaui) instead of serving; host it from
+                 the project root
   --dry-run      do all the prep (discover, import and normalize modules,
                  resolve the runtime, run tests) and print what would be
                  shown instead of serving; pass --json for structured output
+  --margaui <url|path>  use a specific margaui build (URL, or path inside
+                 the project) instead of auto-detecting / the CDN
+  --margaui-cdn  force the margaui CDN even if node_modules/margaui exists
   --no-margaui   skip margaui styling (renders functional but unstyled)
   --no-check     skip the in-browser check(app) dev validation
   --no-inspect   skip the per-example Component/Instance/Data/Lint/Test tabs
@@ -16404,7 +16430,9 @@ async function run4(argv, opts = {}) {
       hint: "Create a co-located <name>.dev.js exporting getComponents() and getExamples()."
     });
   }
-  const margaui = !parsed.values["no-margaui"];
+  const margauiEnabled = !parsed.values["no-margaui"];
+  const margauiOverride = parsed.values.margaui;
+  const forceMargauiCdn = parsed.values["margaui-cdn"];
   const check = !parsed.values["no-check"];
   const inspect3 = !parsed.values["no-inspect"];
   const noCache = parsed.values["no-cache"];
@@ -16413,10 +16441,15 @@ async function run4(argv, opts = {}) {
     const outDir = resolve5(parsed.values.out);
     mkdirSync3(outDir, { recursive: true });
     const { base: base2 } = resolveTutucaBase(projectDir, self, true);
-    const imports2 = buildImports(base2, { margaui });
+    const mg2 = resolveMargaui(projectDir, { forCdn: true, override: margauiOverride });
+    const imports2 = buildImports(base2, { margauiEnabled, margauiJsUrl: mg2.jsUrl });
     const bootstrapName = "tutuca-storybook.bootstrap.js";
-    writeFileSync(resolve5(outDir, "index.html"), renderIndexHtml(imports2, { margaui, bootstrapUrl: `./${bootstrapName}` }));
-    writeFileSync(resolve5(outDir, bootstrapName), renderBootstrap(devModuleUrls, { margaui, check, inspect: inspect3, noCache }));
+    writeFileSync(resolve5(outDir, "index.html"), renderIndexHtml(imports2, {
+      margauiEnabled,
+      margauiThemeUrl: mg2.themeUrl,
+      bootstrapUrl: `./${bootstrapName}`
+    }));
+    writeFileSync(resolve5(outDir, bootstrapName), renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspect3, noCache }));
     process.stdout.write(`wrote static storybook → ${relative2(process.cwd(), outDir) || "."}/
   index.html + ${bootstrapName} (${devModuleUrls.length} dev modules, CDN import map)
   Host it from the project root so /*.dev.js paths resolve.
@@ -16425,7 +16458,8 @@ async function run4(argv, opts = {}) {
   }
   if (parsed.values["dry-run"]) {
     const { base: base2 } = resolveTutucaBase(projectDir, self, false);
-    const imports2 = buildImports(base2, { margaui });
+    const mg2 = resolveMargaui(projectDir, { forCdn: forceMargauiCdn, override: margauiOverride });
+    const imports2 = buildImports(base2, { margauiEnabled, margauiJsUrl: mg2.jsUrl });
     const modules = await discoverModules(projectDir, devModuleUrls);
     const tests = parsed.values["no-tests"] ? null : await runDevTests(projectDir, devModuleUrls);
     const componentNameConflicts = await checkComponentNameConflicts(projectDir, devModuleUrls);
@@ -16433,7 +16467,8 @@ async function run4(argv, opts = {}) {
     const result = {
       projectDir,
       tutuca: { source, base: base2, version: self.version },
-      options: { margaui, check, noCache, runTests: !parsed.values["no-tests"] },
+      margaui: margauiEnabled ? { source: mg2.source, jsUrl: mg2.jsUrl, themeUrl: mg2.themeUrl } : null,
+      options: { margaui: margauiEnabled, check, noCache, runTests: !parsed.values["no-tests"] },
       imports: imports2,
       modules,
       tests,
@@ -16447,7 +16482,7 @@ async function run4(argv, opts = {}) {
     process.stdout.write(`tutuca storybook dry run (no server started)
   project: ${projectDir}
   tutuca runtime: ${source} (${base2}, version ${self.version})
-  margaui: ${margaui ? "on" : "off"}, in-browser check: ${check ? "on" : "off"}, cache: ${noCache ? "off" : "on"}
+  margaui: ${margauiEnabled ? `on (${mg2.source})` : "off"}, in-browser check: ${check ? "on" : "off"}, cache: ${noCache ? "off" : "on"}
   ${modules.length} dev module(s):
 `);
     for (const m of modules) {
@@ -16507,9 +16542,14 @@ async function run4(argv, opts = {}) {
     process.stdout.write(formatComponentNameConflict(c));
   }
   const { base, serveDist } = resolveTutucaBase(projectDir, self, false);
-  const imports = buildImports(base, { margaui });
-  const indexHtml = renderIndexHtml(imports, { margaui, bootstrapUrl: BOOTSTRAP_URL });
-  const bootstrapJs = renderBootstrap(devModuleUrls, { margaui, check, inspect: inspect3, noCache });
+  const mg = resolveMargaui(projectDir, { forCdn: forceMargauiCdn, override: margauiOverride });
+  const imports = buildImports(base, { margauiEnabled, margauiJsUrl: mg.jsUrl });
+  const indexHtml = renderIndexHtml(imports, {
+    margauiEnabled,
+    margauiThemeUrl: mg.themeUrl,
+    bootstrapUrl: BOOTSTRAP_URL
+  });
+  const bootstrapJs = renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspect3, noCache });
   const server = createServer((req, res) => {
     const path = req.url.split("?")[0];
     if (path === "/" || path === "/index.html") {
@@ -16539,7 +16579,8 @@ async function run4(argv, opts = {}) {
   server.on("listening", () => {
     const actual = server.address().port;
     const where = tutucaSource(base);
-    process.stdout.write(`tutuca storybook: http://localhost:${actual}/  (${devModuleUrls.length} dev modules, tutuca from ${where})
+    const margauiFrom = margauiEnabled ? `, margaui from ${mg.source}` : "";
+    process.stdout.write(`tutuca storybook: http://localhost:${actual}/  (${devModuleUrls.length} dev modules, tutuca from ${where}${margauiFrom})
 `);
   });
   server.listen(preferred);

package/dist/tutuca-dev.ext.js CHANGED Viewed

@@ -6015,9 +6015,6 @@ class Component {
       if (!KNOWN_SPEC_KEYS.has(key))
         this.extra[key] = o[key];
   }
-  clone() {
-    return Component.fromSpec(this.spec);
-  }
   compile(ParseContext2) {
     for (const name in this.views)
       this.views[name].compile(new ParseContext2, this.scope, this.id);

package/dist/tutuca-dev.js CHANGED Viewed

@@ -13666,9 +13666,6 @@ class Component {
       if (!KNOWN_SPEC_KEYS.has(key))
         this.extra[key] = o[key];
   }
-  clone() {
-    return Component.fromSpec(this.spec);
-  }
   compile(ParseContext2) {
     for (const name in this.views)
       this.views[name].compile(new ParseContext2, this.scope, this.id);