npm - tutuca - Versions diffs - 0.9.111 → 0.9.113 - Mend

tutuca 0.9.111 → 0.9.113

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 (16) hide show

package/dist/tutuca-cli.js +55 -11
package/dist/tutuca-dev.ext.js +9 -4
package/dist/tutuca-dev.js +9 -4
package/dist/tutuca-dev.min.js +2 -2
package/dist/tutuca-extra.ext.js +9 -4
package/dist/tutuca-extra.js +9 -4
package/dist/tutuca-extra.min.js +2 -2
package/dist/tutuca-storybook.js +106 -7
package/dist/tutuca.ext.js +9 -4
package/dist/tutuca.js +9 -4
package/dist/tutuca.min.js +2 -2
package/package.json +2 -2
package/skill/tutuca/margaui.md +39 -0
package/skill/tutuca/storybook.md +26 -0
package/skill/tutuca/testing.md +8 -2
package/skill/tutuca-source/tutuca.ext.js +9 -4

package/dist/tutuca-cli.js CHANGED Viewed

@@ -4727,7 +4727,6 @@ function sizeOf(v) {
 class ValParser {
   constructor() {
-    this.bindValIt = new BindVal("it");
     this.nullConstVal = new ConstVal(null);
   }
   const(v) {
@@ -6108,7 +6107,7 @@ function parseXOp(attrs, childs, opIdx, px) {
       node = px.addNodeIf(RenderNode, parseXOpVal(name, value, px, vp.parseComponent), as);
       break;
     case "render-it":
-      node = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+      node = px.addNode(RenderItNode, as);
       break;
     case "render-each":
       node = parseRenderEach(px, value, as, attrs);
@@ -6201,7 +6200,7 @@ function parseRenderEach(px, value, as, attrs) {
   const seqVal = parseXOpVal("render-each", value, px, vp.parseSequence);
   if (seqVal === null)
     return null;
-  const renderIt = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+  const renderIt = px.addNode(RenderItNode, as);
   const attrParser = getAttrParser(px);
   const eachAttr = attrParser.eachAttr = attrParser.pushWrapper("each", value, seqVal);
   const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
@@ -6288,6 +6287,12 @@ class ParseContext {
     }
     return null;
   }
+  addNode(Class, extra) {
+    const nodeId = this.nodes.length;
+    const node = new Class(nodeId, null, extra);
+    this.nodes.push(node);
+    return node;
+  }
   registerEvents() {
     const id = this.events.length;
     const events = new NodeEvents(id);
@@ -15219,7 +15224,7 @@ class Stack2 {
     return new Stack2(comps, it, binds, newDynBinds, views, viewsId, ctx);
   }
   static root(comps, it, ctx) {
-    const binds = [new BindFrame(it, { it }, true), null];
+    const binds = [new BindFrame(it, {}, true), null];
     const dynBinds = [new ObjectFrame({}), null];
     const views = ["main", null];
     return new Stack2(comps, it, binds, dynBinds, views, "", ctx)._pushProvides();
@@ -17363,9 +17368,33 @@ function buildImports(base, { margauiEnabled, margauiJsUrl }) {
     imports.margaui = margauiJsUrl;
   return imports;
 }
+function themesBaseUrl(themeUrl) {
+  return themeUrl.slice(0, themeUrl.lastIndexOf("/") + 1);
+}
+function renderNoFlashScript(themesUrl) {
+  return `
+    <script>
+      (() => {
+        const want = new URLSearchParams(location.search).get("theme");
+        const name = /^[a-z]+$/.test(want ?? "")
+          ? want
+          : matchMedia("(prefers-color-scheme: dark)").matches
+            ? "dark"
+            : "light";
+        document.documentElement.dataset.theme = name;
+        if (name !== "light" && name !== "dark") {
+          const link = document.createElement("link");
+          link.rel = "stylesheet";
+          link.id = "tutuca-theme-" + name;
+          link.href = ${JSON.stringify(themesUrl)} + name + ".css";
+          document.head.append(link);
+        }
+      })();
+    </script>`;
+}
 function renderIndexHtml(imports, { margauiEnabled, margauiThemeUrl, bootstrapUrl }) {
   const theme = margauiEnabled ? `
-    <link rel="stylesheet" href="${margauiThemeUrl}" />` : "";
+    <link rel="stylesheet" href="${margauiThemeUrl}" />${renderNoFlashScript(themesBaseUrl(margauiThemeUrl))}` : "";
   return `<!doctype html>
 <html lang="en">
   <head>
@@ -17383,7 +17412,7 @@ ${JSON.stringify({ imports }, null, 6)}
 </html>
 `;
 }
-function renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspect3, noCache }) {
+function renderBootstrap(devModuleUrls, { margauiEnabled, margauiThemeUrl, check, inspect: inspect3, noCache }) {
   const lines = ['import { mountStorybook } from "tutuca/storybook";'];
   if (margauiEnabled) {
     lines.push('import { compileClassesToStyleText } from "tutuca/extra";');
@@ -17399,8 +17428,10 @@ function renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspec
   });
   const modules = devModuleUrls.map((_, i) => `m${i}`).join(", ");
   const optParts = [];
-  if (margauiEnabled)
+  if (margauiEnabled) {
     optParts.push("compileCss: (app) => compileClassesToStyleText(app, compile)");
+    optParts.push(`themes: { baseUrl: ${JSON.stringify(themesBaseUrl(margauiThemeUrl))} }`);
+  }
   if (inspect3)
     optParts.push("dev: { shadowCheckComponent, runTests, expect }");
   if (noCache)
@@ -17612,7 +17643,13 @@ async function run5(argv, opts = {}) {
       margauiThemeUrl: mg2.themeUrl,
       bootstrapUrl: `./${bootstrapName}`
     }));
-    writeFileSync(resolve5(outDir, bootstrapName), renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspect3, noCache }));
+    writeFileSync(resolve5(outDir, bootstrapName), renderBootstrap(devModuleUrls, {
+      margauiEnabled,
+      margauiThemeUrl: mg2.themeUrl,
+      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.
@@ -17712,7 +17749,13 @@ async function run5(argv, opts = {}) {
     margauiThemeUrl: mg.themeUrl,
     bootstrapUrl: BOOTSTRAP_URL
   });
-  const bootstrapJs = renderBootstrap(devModuleUrls, { margauiEnabled, check, inspect: inspect3, noCache });
+  const bootstrapJs = renderBootstrap(devModuleUrls, {
+    margauiEnabled,
+    margauiThemeUrl: mg.themeUrl,
+    check,
+    inspect: inspect3,
+    noCache
+  });
   const server = createServer((req, res) => {
     const path = req.url.split("?")[0];
     if (path === "/" || path === "/index.html") {
@@ -18084,6 +18127,7 @@ function extractGlobals(argv) {
 function dispatchKnownCommands() {
   return [...Object.keys(COMMANDS), ...Object.keys(NO_MODULE_COMMANDS)];
 }
+var DEV_BUILD_COMMANDS = new Set(["test", "storybook"]);
 async function main() {
   const { opts, rest } = extractGlobals(process.argv.slice(2));
   if (rest.length === 0) {
@@ -18091,6 +18135,8 @@ async function main() {
     return;
   }
   const command = rest[0];
+  if (DEV_BUILD_COMMANDS.has(command))
+    installDevBuildResolveHook();
   if (NO_MODULE_COMMANDS[command]) {
     const commandArgs2 = rest.slice(1);
     const args = opts.help ? [...commandArgs2, "--help"] : commandArgs2;
@@ -18124,8 +18170,6 @@ async function main() {
     opts.module = rest[1];
     commandArgs = rest.slice(2);
   }
-  if (command === "test")
-    installDevBuildResolveHook();
   try {
     await runCommand(cmd, commandArgs, opts);
   } catch (e) {

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

@@ -637,7 +637,6 @@ var PREDICATES = {
 class ValParser {
   constructor() {
-    this.bindValIt = new BindVal("it");
     this.nullConstVal = new ConstVal(null);
   }
   const(v) {
@@ -2183,7 +2182,7 @@ function parseXOp(attrs, childs, opIdx, px) {
       node = px.addNodeIf(RenderNode, parseXOpVal(name, value, px, vp.parseComponent), as);
       break;
     case "render-it":
-      node = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+      node = px.addNode(RenderItNode, as);
       break;
     case "render-each":
       node = parseRenderEach(px, value, as, attrs);
@@ -2366,7 +2365,7 @@ function parseRenderEach(px, value, as, attrs) {
   const seqVal = parseXOpVal("render-each", value, px, vp.parseSequence);
   if (seqVal === null)
     return null;
-  const renderIt = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+  const renderIt = px.addNode(RenderItNode, as);
   const attrParser = getAttrParser(px);
   const eachAttr = attrParser.eachAttr = attrParser.pushWrapper("each", value, seqVal);
   const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
@@ -2566,6 +2565,12 @@ class ParseContext {
     }
     return null;
   }
+  addNode(Class, extra) {
+    const nodeId = this.nodes.length;
+    const node = new Class(nodeId, null, extra);
+    this.nodes.push(node);
+    return node;
+  }
   registerEvents() {
     const id = this.events.length;
     const events = new NodeEvents(id);
@@ -6297,7 +6302,7 @@ class Stack {
     return new Stack(comps, it, binds, newDynBinds, views, viewsId, ctx);
   }
   static root(comps, it, ctx) {
-    const binds = [new BindFrame(it, { it }, true), null];
+    const binds = [new BindFrame(it, {}, true), null];
     const dynBinds = [new ObjectFrame({}), null];
     const views = ["main", null];
     return new Stack(comps, it, binds, dynBinds, views, "", ctx)._pushProvides();

package/dist/tutuca-dev.js CHANGED Viewed

@@ -8289,7 +8289,6 @@ var PREDICATES = {
 class ValParser {
   constructor() {
-    this.bindValIt = new BindVal("it");
     this.nullConstVal = new ConstVal(null);
   }
   const(v) {
@@ -9832,7 +9831,7 @@ function parseXOp(attrs, childs, opIdx, px) {
       node = px.addNodeIf(RenderNode, parseXOpVal(name, value, px, vp.parseComponent), as);
       break;
     case "render-it":
-      node = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+      node = px.addNode(RenderItNode, as);
       break;
     case "render-each":
       node = parseRenderEach(px, value, as, attrs);
@@ -10015,7 +10014,7 @@ function parseRenderEach(px, value, as, attrs) {
   const seqVal = parseXOpVal("render-each", value, px, vp.parseSequence);
   if (seqVal === null)
     return null;
-  const renderIt = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+  const renderIt = px.addNode(RenderItNode, as);
   const attrParser = getAttrParser(px);
   const eachAttr = attrParser.eachAttr = attrParser.pushWrapper("each", value, seqVal);
   const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
@@ -10215,6 +10214,12 @@ class ParseContext {
     }
     return null;
   }
+  addNode(Class, extra) {
+    const nodeId = this.nodes.length;
+    const node = new Class(nodeId, null, extra);
+    this.nodes.push(node);
+    return node;
+  }
   registerEvents() {
     const id = this.events.length;
     const events2 = new NodeEvents(id);
@@ -13946,7 +13951,7 @@ class Stack2 {
     return new Stack2(comps, it, binds, newDynBinds, views, viewsId, ctx);
   }
   static root(comps, it, ctx) {
-    const binds = [new BindFrame(it, { it }, true), null];
+    const binds = [new BindFrame(it, {}, true), null];
     const dynBinds = [new ObjectFrame({}), null];
     const views = ["main", null];
     return new Stack2(comps, it, binds, dynBinds, views, "", ctx)._pushProvides();