sibujs 4.7.0 → 4.8.0

package/dist/build.d.cts

@@ -48,9 +48,11 @@ interface SibuVitePluginOptions {
      */
     staticOptimize?: boolean;
     /**
-     * Compile `html` tagged templates (imported from sibujs) to direct DOM
-     * construction. Default: true in production builds. A template the compiler
-     * cannot reproduce exactly is left to the runtime parser.
+     * Compile `html` tagged templates (imported from sibujs) at build time.
+     * Default: true in production builds. Most templates become direct DOM
+     * construction; the rest are parsed at build time and rendered by the
+     * runtime's own executor, so no template is parsed in the browser (the sole
+     * exception is a template consisting of one invalid escape sequence).
      */
     compileTemplates?: boolean;
 }
@@ -97,12 +99,24 @@ declare function createViteConfig(options?: {
  */
 interface SibuWebpackPluginOptions {
     /**
-     * Accepted for API compatibility; the plugin itself no longer injects a
-     * loader. Webpack loaders must be resolvable modules, and the rule this
-     * plugin used to push named a loader that does not exist
+     * NOT applied by the plugin — pure annotations under webpack need a loader
+     * rule, and webpack loaders must be resolvable module files. Setting this to
+     * `true` logs how to add the one-line loader instead of silently doing
+     * nothing:
+     *
+     * ```js
+     * // sibu-pure-loader.cjs
+     * module.exports = require("sibujs/build").createPureAnnotationsLoader();
+     *
+     * // webpack.config.js
+     * module: {
+     *   rules: [{ test: /\.[cm]?[jt]sx?$/, exclude: /node_modules/, use: "./sibu-pure-loader.cjs" }],
+     * }
+     * ```
+     *
+     * The rule this plugin used to push named a loader that does not exist
      * (`__sibu_inline_loader__`), which failed every build with the default
-     * options. To get pure annotations, reference a loader file that returns
-     * `createPureAnnotationsLoader()(source)`.
+     * options; the option is kept so existing configs keep compiling.
      */
     pureAnnotations?: boolean;
     /**

package/dist/build.d.ts

@@ -48,9 +48,11 @@ interface SibuVitePluginOptions {
      */
     staticOptimize?: boolean;
     /**
-     * Compile `html` tagged templates (imported from sibujs) to direct DOM
-     * construction. Default: true in production builds. A template the compiler
-     * cannot reproduce exactly is left to the runtime parser.
+     * Compile `html` tagged templates (imported from sibujs) at build time.
+     * Default: true in production builds. Most templates become direct DOM
+     * construction; the rest are parsed at build time and rendered by the
+     * runtime's own executor, so no template is parsed in the browser (the sole
+     * exception is a template consisting of one invalid escape sequence).
      */
     compileTemplates?: boolean;
 }
@@ -97,12 +99,24 @@ declare function createViteConfig(options?: {
  */
 interface SibuWebpackPluginOptions {
     /**
-     * Accepted for API compatibility; the plugin itself no longer injects a
-     * loader. Webpack loaders must be resolvable modules, and the rule this
-     * plugin used to push named a loader that does not exist
+     * NOT applied by the plugin — pure annotations under webpack need a loader
+     * rule, and webpack loaders must be resolvable module files. Setting this to
+     * `true` logs how to add the one-line loader instead of silently doing
+     * nothing:
+     *
+     * ```js
+     * // sibu-pure-loader.cjs
+     * module.exports = require("sibujs/build").createPureAnnotationsLoader();
+     *
+     * // webpack.config.js
+     * module: {
+     *   rules: [{ test: /\.[cm]?[jt]sx?$/, exclude: /node_modules/, use: "./sibu-pure-loader.cjs" }],
+     * }
+     * ```
+     *
+     * The rule this plugin used to push named a loader that does not exist
      * (`__sibu_inline_loader__`), which failed every build with the default
-     * options. To get pure annotations, reference a loader file that returns
-     * `createPureAnnotationsLoader()(source)`.
+     * options; the option is kept so existing configs keep compiling.
      */
     pureAnnotations?: boolean;
     /**

package/dist/build.js

@@ -1,24 +1,26 @@
 import {
   index_exports
-} from "./chunk-XYV3EDB7.js";
-import "./chunk-7LUJQAOJ.js";
-import "./chunk-HURREPU2.js";
-import "./chunk-SLM3IA34.js";
-import "./chunk-BC2SECJD.js";
-import "./chunk-UOL2ECCS.js";
-import "./chunk-FNJXNGYZ.js";
-import "./chunk-RUSSKG6G.js";
+} from "./chunk-J3YQ457H.js";
+import "./chunk-Q5J2LVKH.js";
+import "./chunk-FC6KCJSA.js";
+import "./chunk-CZPRSWSS.js";
+import "./chunk-C7AA2CZX.js";
+import "./chunk-62BDYGAG.js";
+import "./chunk-VWT3VXPL.js";
+import "./chunk-O6TRVMJI.js";
+import "./chunk-3ACAAQIN.js";
+import "./chunk-KJ3UKABJ.js";
+import "./chunk-7ZHH77QA.js";
+import "./chunk-V3LHZSU5.js";
 import {
   isEventHandlerAttr,
   isHtmlContentAttribute,
   isUrlAttribute
-} from "./chunk-2INLLLMZ.js";
-import "./chunk-7ZHH77QA.js";
-import "./chunk-WEQ3DMVL.js";
+} from "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
 import "./chunk-5HZXGZ6T.js";
-import "./chunk-FQRUXCEE.js";
-import "./chunk-JWKYU5GV.js";
+import "./chunk-DSID757X.js";
+import "./chunk-TQQUN4WR.js";
 import "./chunk-NYNYSPK7.js";
 
 // src/build/sourceEdit.ts
@@ -1174,6 +1176,11 @@ function generateBody(roots, h) {
   const q = jsStringLiteral;
   const P = h.prefix;
   function genElement(el) {
+    const tag = el.tag.toLowerCase();
+    if (tag === "meta" || tag === "link") return null;
+    for (const attr of el.attrs) {
+      if ((attr.t === 0 || attr.t === 4) && attr.name.toLowerCase() === "srcdoc") return null;
+    }
     const v = `e${n++}`;
     h.tags.add(el.tag);
     if (el.svg) h.svg = true;
@@ -1265,6 +1272,9 @@ function helperSource(h) {
     out.push(
       `function ${P}on(el, name, handler) {
   if (typeof handler === "function") el.addEventListener(name, handler);
+  else if (typeof __SIBU_DEV__ !== "undefined" && __SIBU_DEV__) {
+    console.warn(\`[SibuJS] html: on:\${name} handler is not a function (got \${typeof handler}). Event listener was not attached.\`);
+  }
 }`
     );
   }
@@ -1272,7 +1282,10 @@ function helperSource(h) {
     out.push(
       `function ${P}child(el, value) {
   if (typeof value === "function") {
-    el.appendChild(${P}Fragment([value]));
+    const frag = ${P}Fragment([value]);
+    const ph = frag.firstChild;
+    el.appendChild(frag);
+    ${P}registerDisposer(el, () => ${P}dispose(ph));
   } else if (value instanceof Node) {
     el.appendChild(value);
   } else if (Array.isArray(value)) {
@@ -1292,13 +1305,22 @@ function helperSource(h) {
 function importSource(h) {
   const P = h.prefix;
   const core = [];
-  if (h.used.has("child")) core.push(`Fragment as ${P}Fragment`);
-  if (h.used.has("attr")) core.push(`registerDisposer as ${P}registerDisposer`);
+  if (h.used.has("child")) core.push(`Fragment as ${P}Fragment`, `dispose as ${P}dispose`);
+  if (h.used.has("attr") || h.used.has("child")) core.push(`registerDisposer as ${P}registerDisposer`);
+  if (h.used.has("run")) core.push(`__renderParsedTemplate as ${P}run`);
   const lines = [];
   if (core.length > 0) lines.push(`import { ${core.join(", ")} } from "sibujs";`);
   if (h.used.has("attr")) lines.push(`import { bindAttrs as ${P}bindAttrs } from "sibujs/ui";`);
   return lines.join("\n");
 }
+function collectTags(children, h) {
+  for (const child of children) {
+    if (child.t !== 0) continue;
+    h.tags.add(child.el.tag);
+    if (child.el.svg) h.svg = true;
+    collectTags(child.el.children, h);
+  }
+}
 function planHtmlTemplates(code) {
   const plan = {
     edits: [],
@@ -1326,24 +1348,44 @@ function planHtmlTemplates(code) {
     const strings = [];
     for (const qs of tmpl.quasis) {
       const cooked = cookEscapes(code.slice(qs.start, qs.end));
-      if (cooked === null) return null;
+      if (cooked === null) {
+        if (tmpl.quasis.length === 1) return null;
+        strings.push("undefined");
+        continue;
+      }
       strings.push(cooked);
     }
+    const name = `${h.prefix}t${functions.length}`;
+    const params = tmpl.exprs.map((_, i) => `v${i}`).join(", ");
     let roots;
     try {
       roots = parseTemplate(strings);
     } catch (err) {
-      if (err instanceof RuntimeParseError) return null;
+      if (err instanceof RuntimeParseError) {
+        const message = `html: dynamic \${...} expressions are not allowed inside <${err.message}> (raw-text context). Build the content separately and append it as a Node.`;
+        functions.push(`function ${name}(${params}) {
+  throw new Error(${jsStringLiteral(message)});
+}`);
+        return name;
+      }
       throw err;
     }
     const scratch = { prefix: h.prefix, used: /* @__PURE__ */ new Set(), tags: /* @__PURE__ */ new Set(), svg: false };
     const body = generateBody(roots, scratch);
-    if (body === null) return null;
+    if (body === null) {
+      const tree = JSON.stringify(roots).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+      h.used.add("run");
+      collectTags(roots, h);
+      functions.push(
+        `function ${name}(${params}) {
+  return ${h.prefix}run(${name}.tree || (${name}.tree = ${tree}), [${params}]);
+}`
+      );
+      return name;
+    }
     for (const u of scratch.used) h.used.add(u);
     for (const t of scratch.tags) h.tags.add(t);
     if (scratch.svg) h.svg = true;
-    const name = `${h.prefix}t${functions.length}`;
-    const params = tmpl.exprs.map((_, i) => `v${i}`).join(", ");
     functions.push(`function ${name}(${params}) {
   ${body}
 }`);
@@ -1621,6 +1663,11 @@ function sibuWebpackPlugin(options = {}) {
   return {
     name: "SibuWebpackPlugin",
     apply(compiler) {
+      if (options.pureAnnotations === true) {
+        console.warn(
+          '[SibuWebpackPlugin] `pureAnnotations` is not applied by the plugin: webpack needs a loader file. Create sibu-pure-loader.cjs containing `module.exports = require("sibujs/build").createPureAnnotationsLoader();` and add a module rule `{ test: /\\.[cm]?[jt]sx?$/, exclude: /node_modules/, use: "./sibu-pure-loader.cjs" }`.'
+        );
+      }
       compiler.hooks?.compilation?.tap("SibuWebpackPlugin", (compilation) => {
         const comp = compilation;
         if (comp.hooks?.optimizeModules) {