@hyperfixi/engine 7.5.0 → 7.6.0

package/dist/ext/tailwind.dev.js

@@ -0,0 +1,30 @@
+(() => {
+  // kit:kit
+  var kit = globalThis._hyperscript && globalThis._hyperscript.kit || {};
+  var read = (name) => kit[name];
+  var config = /* @__PURE__ */ read("config");
+
+  // src/ext/tailwind.ts
+  var byClass = (cls) => (op, elt) => {
+    if (op === "toggle") elt.classList.toggle(cls);
+    else elt.classList.toggle(cls, op === "hide");
+  };
+  var tailwind = () => {
+    Object.assign(config.hideShowStrategies, {
+      twDisplay: byClass("hidden"),
+      twVisibility: byClass("invisible"),
+      twOpacity: byClass("opacity-0")
+    });
+  };
+
+  // ext/tailwind.js
+  var hs = globalThis._hyperscript;
+  if (!hs || !hs.register)
+    console.warn("[hyperfixi] ext/tailwind.js needs @hyperfixi/engine (hyperfixi-hs.js), loaded before it");
+  else if (!hs.kit)
+    console.warn("[hyperfixi] ext/tailwind.js needs hyperfixi-hs.js; with the Vite plugin, list it: extensions: ['tailwind']");
+  else if (!hs.extensions.has("tailwind")) {
+    hs.extensions.add("tailwind");
+    hs.register(tailwind);
+  }
+})();

package/dist/ext/tailwind.esm.js

@@ -0,0 +1,16 @@
+// src/ext/tailwind.ts
+import { config } from "@hyperfixi/engine";
+var byClass = (cls) => (op, elt) => {
+  if (op === "toggle") elt.classList.toggle(cls);
+  else elt.classList.toggle(cls, op === "hide");
+};
+var tailwind = () => {
+  Object.assign(config.hideShowStrategies, {
+    twDisplay: byClass("hidden"),
+    twVisibility: byClass("invisible"),
+    twOpacity: byClass("opacity-0")
+  });
+};
+export {
+  tailwind
+};

package/dist/ext/tailwind.js

@@ -0,0 +1 @@
+(()=>{var a=globalThis._hyperscript&&globalThis._hyperscript.kit||{},l=i=>a[i];var n=l("config");var e=i=>(s,o)=>{s==="toggle"?o.classList.toggle(i):o.classList.toggle(i,s==="hide")},r=()=>{Object.assign(n.hideShowStrategies,{twDisplay:e("hidden"),twVisibility:e("invisible"),twOpacity:e("opacity-0")})};var t=globalThis._hyperscript;!t||!t.register?console.warn("[hyperfixi] ext/tailwind.js needs @hyperfixi/engine (hyperfixi-hs.js), loaded before it"):t.kit?t.extensions.has("tailwind")||(t.extensions.add("tailwind"),t.register(r)):console.warn("[hyperfixi] ext/tailwind.js needs hyperfixi-hs.js; with the Vite plugin, list it: extensions: ['tailwind']");})();

package/dist/full.js

@@ -1,5 +1,11 @@
 "use strict";
 (() => {
+  var __defProp = Object.defineProperty;
+  var __export = (target, all3) => {
+    for (var name in all3)
+      __defProp(target, name, { get: all3[name], enumerable: true });
+  };
+
   // src/util.ts
   var isP = (v) => typeof v === "object" && v !== null && "then" in v && typeof v.then === "function";
   var then1 = (v, f) => isP(v) ? v.then(f) : f(v);
@@ -1733,6 +1739,7 @@
   };
   var createGrammar = () => ({
     commands: /* @__PURE__ */ Object.create(null),
+    fallbacks: /* @__PURE__ */ Object.create(null),
     features: /* @__PURE__ */ Object.create(null),
     leaves: [],
     indirects: [],
@@ -1778,6 +1785,15 @@
     pos() {
       return this.cur().start;
     }
+    /** Where the parser is, for `reset`: a command's fallback reads again from here. */
+    mark() {
+      return { i: this.i, last: this.last, follows: this.follows.length };
+    }
+    reset(mark2) {
+      this.i = mark2.i;
+      this.last = mark2.last;
+      this.follows.length = mark2.follows;
+    }
     /** End offset of the last consumed token — a node's `end`. */
     endPos() {
       return this.last.end;
@@ -1912,6 +1928,28 @@
   }
 
   // src/statements.ts
+  function withFallbacks(p, rule, keyword, start) {
+    const fallbacks = p.g.fallbacks[keyword];
+    if (!fallbacks) return rule(p, keyword, start);
+    const mark2 = p.mark();
+    try {
+      return rule(p, keyword, start);
+    } catch (e) {
+      if (!(e instanceof ParseError)) throw e;
+      let error = e;
+      for (const fallback of fallbacks) {
+        p.reset(mark2);
+        try {
+          const cmd = fallback(p, keyword, start);
+          if (cmd && p.pos() >= e.token.start) return cmd;
+        } catch (f) {
+          if (!(f instanceof ParseError)) throw f;
+          if (f.token.start > error.token.start) error = f;
+        }
+      }
+      throw error;
+    }
+  }
   function command(p) {
     const start = p.pos();
     if (p.matchOp("(")) {
@@ -1922,7 +1960,7 @@
     const t = p.cur();
     const rule = p.g.commands[t.value];
     let cmd;
-    if (rule) cmd = p.match(t.value) && rule(p, t.value, start);
+    if (rule) cmd = p.match(t.value) && withFallbacks(p, rule, t.value, start);
     else if (t.type === "IDENTIFIER") cmd = p.g.pseudo?.(p, start);
     if (!cmd || !p.match("unless")) return cmd;
     const inner = cmd;
@@ -1997,8 +2035,21 @@
 
   // src/engine.ts
   var grammar = createGrammar();
+  var registered = /* @__PURE__ */ new Set();
+  var unread = /* @__PURE__ */ new Set();
   function register(...modules) {
-    for (const module of modules) module(grammar);
+    const added = modules.filter((module) => !registered.has(module));
+    for (const module of added) {
+      registered.add(module);
+      module(grammar);
+    }
+    if (!added.length) return;
+    for (const elt of [...unread]) {
+      unread.delete(elt);
+      if (!elt.isConnected) continue;
+      dropData(elt);
+      initElement(elt);
+    }
   }
   var parser = (src) => new Parser(grammar, tokenize(src), src);
   function parseProgram(src) {
@@ -2071,6 +2122,7 @@
       setTimeout(() => triggerEvent(target, "load", { hyperscript: true }), 1);
     } catch (e) {
       if (e instanceof ParseError) {
+        unread.add(elt);
         if (src !== written) e.written = written;
         triggerEvent(elt, "hyperscript:parse-error", { errors: [e] });
         const from = e.written ? `
@@ -2137,6 +2189,12 @@
     addAfterProcessHook: (hook) => void afterProcess.push(hook),
     /** Not in upstream: rewrite a script as it is read, leaving the attribute as written. */
     addSourceTransform: (transform) => void transforms.push(transform),
+    /** Not in upstream: add grammar modules, from a script tag (`dist/ext/<name>.js`) or a page. */
+    register,
+    // `kit` (what a module may call) is added by the script-tag bundle (`bundles/full.ts`) only,
+    // so a bundle of the user's own keeps only the parts of the engine it uses.
+    /** Not in upstream: the extension files (`dist/ext/<name>.js`) this page has loaded. */
+    extensions: /* @__PURE__ */ new Set(),
     evaluate,
     parse: hostParse,
     process: processNode,
@@ -2145,7 +2203,7 @@
     cleanup,
     /** The part of upstream's `internals` that pages and tests reach for. */
     internals: { runtime: { cleanup, processNode } },
-    version: false ? "dev" : "7.5.0"
+    version: false ? "dev" : "7.6.0"
   });
   function boot() {
     Object.assign(globalThis, { _hyperscript: api });
@@ -2215,7 +2273,10 @@
     else throw new Error("toggle needs a dialog, details, select or popover element");
   }
   function toggleElement(g) {
-    g.toggleElement = (p, target, start) => {
+    (g.fallbacks.toggle ??= []).push((p, _keyword, start) => {
+      p.matchAny("the", "my");
+      const target = p.withFollow(["between", "as"], () => unary(p));
+      if (p.peek("between")) return;
       const modal = p.match("as") ? !!p.req("modal") : !!p.match("modal");
       const text = p.text(target);
       const node = {
@@ -2230,7 +2291,7 @@
         })
       };
       return node;
-    };
+    });
   }
 
   // src/commands/animation.ts
@@ -2687,13 +2748,7 @@
           node.between = [attribute2, attributeRef(p) ?? p.err("Expected attributeRef")];
         }
       } else if (!(node.classRefs = classRefs(p)) && !(node.attributeRef = attributeRef(p))) {
-        const element = p.g.toggleElement;
-        if (!element) node.target = p.withFollow(["between"], () => assignable(p));
-        else {
-          const target2 = p.withFollow(["between", "as"], () => unary(p));
-          if (!p.peek("between")) return element(p, target2, start);
-          node.target = writable(p, target2);
-        }
+        node.target = p.withFollow(["between"], () => assignable(p));
       }
       if (!node.styleProp && !node.target) node.on = p.match("on") ? expr(p) : implicitMe(p);
       if (p.match("between")) {
@@ -5806,7 +5861,22 @@ return { ${functions.map((name) => `${name}:${name}`).join(",")} } `
     toggleElement
   ];
 
+  // src/kit.ts
+  var kit_exports = {};
+  __export(kit_exports, {
+    assignToNamespace: () => assignToNamespace,
+    commandList: () => commandList,
+    config: () => config,
+    dotOrColonPath: () => dotOrColonPath,
+    evalStatic: () => evalStatic,
+    expr: () => expr,
+    makeContext: () => makeContext,
+    runList: () => runList,
+    urlOrExpression: () => urlOrExpression
+  });
+
   // src/bundles/full.ts
   register(...everything);
+  Object.assign(api, { kit: kit_exports });
   boot();
 })();