@jsenv/plugin-preact 0.0.7 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-preact",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -18,16 +18,24 @@
     },
     "./*": "./*"
   },
+  "scripts": {
+    "test": "node ./script/test/test.mjs"
+  },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "7.17.3",
-    "@jsenv/utils": "1.4.1",
+    "@jsenv/utils": "1.5.0",
     "@jsenv/url-meta": "6.2.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-jsx-development": "7.16.7",
+    "@jsenv/assert": "2.5.4",
+    "@jsenv/core": "../../",
+    "@jsenv/filesystem": "3.1.0",
     "@prefresh/babel-plugin": "0.4.3",
     "@prefresh/core": "1.3.4",
     "@prefresh/utils": "1.1.3",
-    "babel-plugin-transform-hook-names": "1.0.2"
+    "babel-plugin-transform-hook-names": "1.0.2",
+    "playwright": "1.20.2",
+    "preact": "10.7.1"
   }
 }

package/script/test/test.mjs

@@ -0,0 +1,14 @@
+import { executeTestPlan, nodeProcess } from "@jsenv/core"
+
+await executeTestPlan({
+  rootDirectoryUrl: new URL("../../", import.meta.url),
+  testPlan: {
+    "test/**/*.test.mjs": {
+      node: {
+        runtime: nodeProcess,
+      },
+    },
+  },
+  completedExecutionLogMerging: true,
+  coverage: process.argv.includes("--coverage"),
+})

package/src/client/{prefresh.js → preact_refresh.js}

@@ -3,7 +3,7 @@
 import "@prefresh/core"
 import { flush } from "@prefresh/utils"
 
-export const installPrefresh = (url) => {
+export const installPreactRefresh = (url) => {
   let prevRefreshReg = self.$RefreshReg$ || (() => {})
   let prevRefreshSig = self.$RefreshSig$ || (() => (type) => type)
   self.$RefreshReg$ = (type, id) => {

package/src/jsenv_plugin_preact.js

@@ -16,7 +16,12 @@ import {
 } from "@jsenv/utils/html_ast/html_ast.js"
 
 export const jsenvPluginPreact = ({
-  hotRefreshPatterns = {
+  jsxPatterns = {
+    "./**/*.jsx": true,
+    "./**/*.tsx": true,
+    "./**/node_modules/": false,
+  },
+  refreshPatterns = {
     "./**/*.jsx": true,
     "./**/*.tsx": true,
     "./**/node_modules/": false,
@@ -25,13 +30,15 @@ export const jsenvPluginPreact = ({
 } = {}) => {
   const structuredMetaMap = normalizeStructuredMetaMap(
     {
-      hot: hotRefreshPatterns,
+      jsx: jsxPatterns,
+      refresh: refreshPatterns,
+      hookNames: {
+        "./**/*": true,
+        "./**/node_modules": false,
+      },
     },
     "file://",
   )
-  const shouldEnablePrefresh = (url) => {
-    return urlToMeta({ url, structuredMetaMap }).hot
-  }
 
   return {
     name: "jsenv:preact",
@@ -77,91 +84,94 @@ import ${preactDevtoolsReference.generatedSpecifier}
         return { content: htmlModified }
       },
       js_module: async (urlInfo, { scenario, referenceUtils }) => {
-        //   case "Fragment":
-        //   return `${source}/${development ? "jsx-dev-runtime" : "jsx-runtime"}`;
-        // case "jsxDEV":
-        //   return `${source}/jsx-dev-runtime`;
-        // case "jsx":
-        // case "jsxs":
-        //   return `${source}/jsx-runtime`;
-        // case "createElement":
-        //   return source;
-        const prefreshEnabled =
-          scenario === "dev" ? shouldEnablePrefresh(urlInfo.url) : false
-        const hookNamesEnabled = scenario === "dev"
+        const urlMeta = urlToMeta({ url: urlInfo.url, structuredMetaMap })
+        const jsxEnabled = urlMeta.jsx
+        const refreshEnabled = scenario === "dev" ? urlMeta.refresh : false
+        const hookNamesEnabled =
+          scenario === "dev" &&
+          urlMeta.hookNames &&
+          (urlInfo.content.includes("useState") ||
+            urlInfo.content.includes("useReducer") ||
+            urlInfo.content.includes("useRef") ||
+            urlInfo.content.includes("useMemo"))
+
         const { code, map } = await applyBabelPlugins({
           babelPlugins: [
-            [
-              scenario === "dev"
-                ? "@babel/plugin-transform-react-jsx-development"
-                : "@babel/plugin-transform-react-jsx",
-              {
-                runtime: "automatic",
-                importSource: "preact",
-              },
-            ],
+            ...(jsxEnabled
+              ? [
+                  [
+                    scenario === "dev"
+                      ? "@babel/plugin-transform-react-jsx-development"
+                      : "@babel/plugin-transform-react-jsx",
+                    {
+                      runtime: "automatic",
+                      importSource: "preact",
+                    },
+                  ],
+                ]
+              : []),
             ...(hookNamesEnabled ? ["babel-plugin-transform-hook-names"] : []),
-            ...(prefreshEnabled ? ["@prefresh/babel-plugin"] : []),
+            ...(refreshEnabled ? ["@prefresh/babel-plugin"] : []),
           ],
           urlInfo,
         })
         const magicSource = createMagicSource(code)
-        // When a plugin wants to inject import, it must use "generatedSpecifier" returned by "addReference":
-        // const preactJsxRuntimeReference = addReference({
-        //   type: "js_import_export",
-        //   specifier: "preact/jsx-runtime"
-        // })
-        // console.log(preactJsxRuntimeReference.generatedSpecifier)
-        // -> "/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js"
-        // Here "@babel/plugin-transform-react-jsx" is injecting some of these 3 imports into the code:
-        // 1. import { jsx } from "preact/jsx-runtime"
-        // 2. import { jsxDev } from "preact/jsx-dev-runtime"
-        // 3. import { createElement } from "preact"
-        // see https://github.com/babel/babel/blob/410c9acf1b9212cac69d50b5bb2015b9f372acc4/packages/babel-plugin-transform-react-jsx/src/create-plugin.ts#L743-L755
-        // "@babel/plugin-transform-react-jsx" cannot be configured to inject
-        // "/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js" instead of "preact/jsx-runtime"
-        // But that's fine we can still replace these imports afterwards as done below
-        const injectedSpecifiers = [
-          `"preact"`,
-          `"preact/jsx-dev-runtime"`,
-          `"preact/jsx-runtime"`,
-        ]
-        for (const importSpecifier of injectedSpecifiers) {
-          const index = code.indexOf(importSpecifier)
-          if (index > -1) {
-            magicSource.replace({
-              start: index,
-              end: index + importSpecifier.length,
-              replacement: referenceUtils.inject({
+        if (jsxEnabled) {
+          // "@babel/plugin-transform-react-jsx" is injecting some of these 3 imports into the code:
+          // 1. import { jsx } from "preact/jsx-runtime"
+          // 2. import { jsxDev } from "preact/jsx-dev-runtime"
+          // 3. import { createElement } from "preact"
+          // see https://github.com/babel/babel/blob/410c9acf1b9212cac69d50b5bb2015b9f372acc4/packages/babel-plugin-transform-react-jsx/src/create-plugin.ts#L743-L755
+          // "@babel/plugin-transform-react-jsx" cannot be configured to inject what we want
+          // ("/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js" instead of "preact/jsx-runtime")
+          // but that's fine we can still replace these imports afterwards as done below.
+          const injectedSpecifiers = [
+            `"preact"`,
+            `"preact/jsx-dev-runtime"`,
+            `"preact/jsx-runtime"`,
+          ]
+          for (const importSpecifier of injectedSpecifiers) {
+            let index = code.indexOf(importSpecifier)
+            while (index > -1) {
+              const specifier = importSpecifier.slice(1, -1)
+              const [injectedReference] = referenceUtils.inject({
                 type: "js_import_export",
                 expectedType: "js_module",
-                specifier: importSpecifier.slice(1, -1),
-              }).generatedSpecifier,
-            })
+                specifier,
+              })
+              magicSource.replace({
+                start: index,
+                end: index + importSpecifier.length,
+                replacement: injectedReference.generatedSpecifier,
+              })
+              index = code.indexOf(importSpecifier, index + 1)
+            }
           }
         }
-        if (prefreshEnabled) {
+        if (refreshEnabled) {
           const hasReg = /\$RefreshReg\$\(/.test(code)
           const hasSig = /\$RefreshSig\$\(/.test(code)
           if (hasReg || hasSig) {
-            const prefreshClientFileReference = referenceUtils.inject({
+            const [preactRefreshClientReference] = referenceUtils.inject({
               type: "js_import_export",
               expectedType: "js_module",
-              specifier: "@jsenv/plugin-preact/src/client/prefresh.js",
+              specifier: "@jsenv/plugin-preact/src/client/preact_refresh.js",
             })
-            magicSource.prepend(`import { installPrefresh } from ${
-              prefreshClientFileReference.generatedSpecifier
+            magicSource.prepend(`import { installPreactRefresh } from ${
+              preactRefreshClientReference.generatedSpecifier
             }
-            const __prefresh__ = installPrefresh(${JSON.stringify(urlInfo.url)})
-            `)
+const __preact_refresh__ = installPreactRefresh(${JSON.stringify(urlInfo.url)})
+`)
             if (hasReg) {
               magicSource.append(`
-            __prefresh__.end()
-            import.meta.hot.accept(__prefresh__.acceptCallback)`)
+__preact_refresh__.end()
+import.meta.hot.accept(__preact_refresh__.acceptCallback)`)
             }
           }
         }
-        const result = magicSource.toContentAndSourcemap()
+        const result = magicSource.toContentAndSourcemap({
+          source: "jsenv:plugin_preact",
+        })
         return {
           content: result.content,
           sourcemap: await composeTwoSourcemaps(map, result.sourcemap),

package/test/preact_build/client/.jsenv/build/@fs/Users/d.maillard/dev/jsenv/jsenv-core/node_modules/preact/dist/preact.module.js

@@ -0,0 +1,365 @@
+var n,
+    l,
+    u,
+    i,
+    t,
+    o,
+    r,
+    f,
+    e = {},
+    c = [],
+    s = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+
+function a(n, l) {
+  for (var u in l) n[u] = l[u];
+
+  return n;
+}
+
+function h(n) {
+  var l = n.parentNode;
+  l && l.removeChild(n);
+}
+
+function v(l, u, i) {
+  var t,
+      o,
+      r,
+      f = {};
+
+  for (r in u) "key" == r ? t = u[r] : "ref" == r ? o = u[r] : f[r] = u[r];
+
+  if (arguments.length > 2 && (f.children = arguments.length > 3 ? n.call(arguments, 2) : i), "function" == typeof l && null != l.defaultProps) for (r in l.defaultProps) void 0 === f[r] && (f[r] = l.defaultProps[r]);
+  return y(l, f, t, o, null);
+}
+
+function y(n, i, t, o, r) {
+  var f = {
+    type: n,
+    props: i,
+    key: t,
+    ref: o,
+    __k: null,
+    __: null,
+    __b: 0,
+    __e: null,
+    __d: void 0,
+    __c: null,
+    __h: null,
+    constructor: void 0,
+    __v: null == r ? ++u : r
+  };
+  return null == r && null != l.vnode && l.vnode(f), f;
+}
+
+function p() {
+  return {
+    current: null
+  };
+}
+
+function d(n) {
+  return n.children;
+}
+
+function _(n, l) {
+  this.props = n, this.context = l;
+}
+
+function k(n, l) {
+  if (null == l) return n.__ ? k(n.__, n.__.__k.indexOf(n) + 1) : null;
+
+  for (var u; l < n.__k.length; l++) if (null != (u = n.__k[l]) && null != u.__e) return u.__e;
+
+  return "function" == typeof n.type ? k(n) : null;
+}
+
+function b(n) {
+  var l, u;
+
+  if (null != (n = n.__) && null != n.__c) {
+    for (n.__e = n.__c.base = null, l = 0; l < n.__k.length; l++) if (null != (u = n.__k[l]) && null != u.__e) {
+      n.__e = n.__c.base = u.__e;
+      break;
+    }
+
+    return b(n);
+  }
+}
+
+function m(n) {
+  (!n.__d && (n.__d = !0) && t.push(n) && !g.__r++ || r !== l.debounceRendering) && ((r = l.debounceRendering) || o)(g);
+}
+
+function g() {
+  for (var n; g.__r = t.length;) n = t.sort(function (n, l) {
+    return n.__v.__b - l.__v.__b;
+  }), t = [], n.some(function (n) {
+    var l, u, i, t, o, r;
+    n.__d && (o = (t = (l = n).__v).__e, (r = l.__P) && (u = [], (i = a({}, t)).__v = t.__v + 1, j(r, t, i, l.__n, void 0 !== r.ownerSVGElement, null != t.__h ? [o] : null, u, null == o ? k(t) : o, t.__h), z(u, t), t.__e != o && b(t)));
+  });
+}
+
+function w(n, l, u, i, t, o, r, f, s, a) {
+  var h,
+      v,
+      p,
+      _,
+      b,
+      m,
+      g,
+      w = i && i.__k || c,
+      A = w.length;
+
+  for (u.__k = [], h = 0; h < l.length; h++) if (null != (_ = u.__k[h] = null == (_ = l[h]) || "boolean" == typeof _ ? null : "string" == typeof _ || "number" == typeof _ || "bigint" == typeof _ ? y(null, _, null, null, _) : Array.isArray(_) ? y(d, {
+    children: _
+  }, null, null, null) : _.__b > 0 ? y(_.type, _.props, _.key, null, _.__v) : _)) {
+    if (_.__ = u, _.__b = u.__b + 1, null === (p = w[h]) || p && _.key == p.key && _.type === p.type) w[h] = void 0;else for (v = 0; v < A; v++) {
+      if ((p = w[v]) && _.key == p.key && _.type === p.type) {
+        w[v] = void 0;
+        break;
+      }
+
+      p = null;
+    }
+    j(n, _, p = p || e, t, o, r, f, s, a), b = _.__e, (v = _.ref) && p.ref != v && (g || (g = []), p.ref && g.push(p.ref, null, _), g.push(v, _.__c || b, _)), null != b ? (null == m && (m = b), "function" == typeof _.type && _.__k === p.__k ? _.__d = s = x(_, s, n) : s = P(n, _, p, w, b, s), "function" == typeof u.type && (u.__d = s)) : s && p.__e == s && s.parentNode != n && (s = k(p));
+  }
+
+  for (u.__e = m, h = A; h--;) null != w[h] && ("function" == typeof u.type && null != w[h].__e && w[h].__e == u.__d && (u.__d = k(i, h + 1)), N(w[h], w[h]));
+
+  if (g) for (h = 0; h < g.length; h++) M(g[h], g[++h], g[++h]);
+}
+
+function x(n, l, u) {
+  for (var i, t = n.__k, o = 0; t && o < t.length; o++) (i = t[o]) && (i.__ = n, l = "function" == typeof i.type ? x(i, l, u) : P(u, i, i, t, i.__e, l));
+
+  return l;
+}
+
+function A(n, l) {
+  return l = l || [], null == n || "boolean" == typeof n || (Array.isArray(n) ? n.some(function (n) {
+    A(n, l);
+  }) : l.push(n)), l;
+}
+
+function P(n, l, u, i, t, o) {
+  var r, f, e;
+  if (void 0 !== l.__d) r = l.__d, l.__d = void 0;else if (null == u || t != o || null == t.parentNode) n: if (null == o || o.parentNode !== n) n.appendChild(t), r = null;else {
+    for (f = o, e = 0; (f = f.nextSibling) && e < i.length; e += 2) if (f == t) break n;
+
+    n.insertBefore(t, o), r = o;
+  }
+  return void 0 !== r ? r : t.nextSibling;
+}
+
+function C(n, l, u, i, t) {
+  var o;
+
+  for (o in u) "children" === o || "key" === o || o in l || H(n, o, null, u[o], i);
+
+  for (o in l) t && "function" != typeof l[o] || "children" === o || "key" === o || "value" === o || "checked" === o || u[o] === l[o] || H(n, o, l[o], u[o], i);
+}
+
+function $(n, l, u) {
+  "-" === l[0] ? n.setProperty(l, u) : n[l] = null == u ? "" : "number" != typeof u || s.test(l) ? u : u + "px";
+}
+
+function H(n, l, u, i, t) {
+  var o;
+
+  n: if ("style" === l) {
+    if ("string" == typeof u) n.style.cssText = u;else {
+      if ("string" == typeof i && (n.style.cssText = i = ""), i) for (l in i) u && l in u || $(n.style, l, "");
+      if (u) for (l in u) i && u[l] === i[l] || $(n.style, l, u[l]);
+    }
+  } else if ("o" === l[0] && "n" === l[1]) o = l !== (l = l.replace(/Capture$/, "")), l = l.toLowerCase() in n ? l.toLowerCase().slice(2) : l.slice(2), n.l || (n.l = {}), n.l[l + o] = u, u ? i || n.addEventListener(l, o ? T : I, o) : n.removeEventListener(l, o ? T : I, o);else if ("dangerouslySetInnerHTML" !== l) {
+    if (t) l = l.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");else if ("href" !== l && "list" !== l && "form" !== l && "tabIndex" !== l && "download" !== l && l in n) try {
+      n[l] = null == u ? "" : u;
+      break n;
+    } catch (n) {}
+    "function" == typeof u || (null != u && (!1 !== u || "a" === l[0] && "r" === l[1]) ? n.setAttribute(l, u) : n.removeAttribute(l));
+  }
+}
+
+function I(n) {
+  this.l[n.type + !1](l.event ? l.event(n) : n);
+}
+
+function T(n) {
+  this.l[n.type + !0](l.event ? l.event(n) : n);
+}
+
+function j(n, u, i, t, o, r, f, e, c) {
+  var s,
+      h,
+      v,
+      y,
+      p,
+      k,
+      b,
+      m,
+      g,
+      x,
+      A,
+      P = u.type;
+  if (void 0 !== u.constructor) return null;
+  null != i.__h && (c = i.__h, e = u.__e = i.__e, u.__h = null, r = [e]), (s = l.__b) && s(u);
+
+  try {
+    n: if ("function" == typeof P) {
+      if (m = u.props, g = (s = P.contextType) && t[s.__c], x = s ? g ? g.props.value : s.__ : t, i.__c ? b = (h = u.__c = i.__c).__ = h.__E : ("prototype" in P && P.prototype.render ? u.__c = h = new P(m, x) : (u.__c = h = new _(m, x), h.constructor = P, h.render = O), g && g.sub(h), h.props = m, h.state || (h.state = {}), h.context = x, h.__n = t, v = h.__d = !0, h.__h = []), null == h.__s && (h.__s = h.state), null != P.getDerivedStateFromProps && (h.__s == h.state && (h.__s = a({}, h.__s)), a(h.__s, P.getDerivedStateFromProps(m, h.__s))), y = h.props, p = h.state, v) null == P.getDerivedStateFromProps && null != h.componentWillMount && h.componentWillMount(), null != h.componentDidMount && h.__h.push(h.componentDidMount);else {
+        if (null == P.getDerivedStateFromProps && m !== y && null != h.componentWillReceiveProps && h.componentWillReceiveProps(m, x), !h.__e && null != h.shouldComponentUpdate && !1 === h.shouldComponentUpdate(m, h.__s, x) || u.__v === i.__v) {
+          h.props = m, h.state = h.__s, u.__v !== i.__v && (h.__d = !1), h.__v = u, u.__e = i.__e, u.__k = i.__k, u.__k.forEach(function (n) {
+            n && (n.__ = u);
+          }), h.__h.length && f.push(h);
+          break n;
+        }
+
+        null != h.componentWillUpdate && h.componentWillUpdate(m, h.__s, x), null != h.componentDidUpdate && h.__h.push(function () {
+          h.componentDidUpdate(y, p, k);
+        });
+      }
+      h.context = x, h.props = m, h.state = h.__s, (s = l.__r) && s(u), h.__d = !1, h.__v = u, h.__P = n, s = h.render(h.props, h.state, h.context), h.state = h.__s, null != h.getChildContext && (t = a(a({}, t), h.getChildContext())), v || null == h.getSnapshotBeforeUpdate || (k = h.getSnapshotBeforeUpdate(y, p)), A = null != s && s.type === d && null == s.key ? s.props.children : s, w(n, Array.isArray(A) ? A : [A], u, i, t, o, r, f, e, c), h.base = u.__e, u.__h = null, h.__h.length && f.push(h), b && (h.__E = h.__ = null), h.__e = !1;
+    } else null == r && u.__v === i.__v ? (u.__k = i.__k, u.__e = i.__e) : u.__e = L(i.__e, u, i, t, o, r, f, c);
+
+    (s = l.diffed) && s(u);
+  } catch (n) {
+    u.__v = null, (c || null != r) && (u.__e = e, u.__h = !!c, r[r.indexOf(e)] = null), l.__e(n, u, i);
+  }
+}
+
+function z(n, u) {
+  l.__c && l.__c(u, n), n.some(function (u) {
+    try {
+      n = u.__h, u.__h = [], n.some(function (n) {
+        n.call(u);
+      });
+    } catch (n) {
+      l.__e(n, u.__v);
+    }
+  });
+}
+
+function L(l, u, i, t, o, r, f, c) {
+  var s,
+      a,
+      v,
+      y = i.props,
+      p = u.props,
+      d = u.type,
+      _ = 0;
+  if ("svg" === d && (o = !0), null != r) for (; _ < r.length; _++) if ((s = r[_]) && "setAttribute" in s == !!d && (d ? s.localName === d : 3 === s.nodeType)) {
+    l = s, r[_] = null;
+    break;
+  }
+
+  if (null == l) {
+    if (null === d) return document.createTextNode(p);
+    l = o ? document.createElementNS("http://www.w3.org/2000/svg", d) : document.createElement(d, p.is && p), r = null, c = !1;
+  }
+
+  if (null === d) y === p || c && l.data === p || (l.data = p);else {
+    if (r = r && n.call(l.childNodes), a = (y = i.props || e).dangerouslySetInnerHTML, v = p.dangerouslySetInnerHTML, !c) {
+      if (null != r) for (y = {}, _ = 0; _ < l.attributes.length; _++) y[l.attributes[_].name] = l.attributes[_].value;
+      (v || a) && (v && (a && v.__html == a.__html || v.__html === l.innerHTML) || (l.innerHTML = v && v.__html || ""));
+    }
+
+    if (C(l, p, y, o, c), v) u.__k = [];else if (_ = u.props.children, w(l, Array.isArray(_) ? _ : [_], u, i, t, o && "foreignObject" !== d, r, f, r ? r[0] : i.__k && k(i, 0), c), null != r) for (_ = r.length; _--;) null != r[_] && h(r[_]);
+    c || ("value" in p && void 0 !== (_ = p.value) && (_ !== l.value || "progress" === d && !_ || "option" === d && _ !== y.value) && H(l, "value", _, y.value, !1), "checked" in p && void 0 !== (_ = p.checked) && _ !== l.checked && H(l, "checked", _, y.checked, !1));
+  }
+  return l;
+}
+
+function M(n, u, i) {
+  try {
+    "function" == typeof n ? n(u) : n.current = u;
+  } catch (n) {
+    l.__e(n, i);
+  }
+}
+
+function N(n, u, i) {
+  var t, o;
+
+  if (l.unmount && l.unmount(n), (t = n.ref) && (t.current && t.current !== n.__e || M(t, null, u)), null != (t = n.__c)) {
+    if (t.componentWillUnmount) try {
+      t.componentWillUnmount();
+    } catch (n) {
+      l.__e(n, u);
+    }
+    t.base = t.__P = null;
+  }
+
+  if (t = n.__k) for (o = 0; o < t.length; o++) t[o] && N(t[o], u, "function" != typeof n.type);
+  i || null == n.__e || h(n.__e), n.__e = n.__d = void 0;
+}
+
+function O(n, l, u) {
+  return this.constructor(n, u);
+}
+
+function S(u, i, t) {
+  var o, r, f;
+  l.__ && l.__(u, i), r = (o = "function" == typeof t) ? null : t && t.__k || i.__k, f = [], j(i, u = (!o && t || i).__k = v(d, null, [u]), r || e, e, void 0 !== i.ownerSVGElement, !o && t ? [t] : r ? null : i.firstChild ? n.call(i.childNodes) : null, f, !o && t ? t : r ? r.__e : i.firstChild, o), z(f, u);
+}
+
+function q(n, l) {
+  S(n, l, q);
+}
+
+function B(l, u, i) {
+  var t,
+      o,
+      r,
+      f = a({}, l.props);
+
+  for (r in u) "key" == r ? t = u[r] : "ref" == r ? o = u[r] : f[r] = u[r];
+
+  return arguments.length > 2 && (f.children = arguments.length > 3 ? n.call(arguments, 2) : i), y(l.type, f, t || l.key, o || l.ref, null);
+}
+
+function D(n, l) {
+  var u = {
+    __c: l = "__cC" + f++,
+    __: n,
+    Consumer: function Consumer(n, l) {
+      return n.children(l);
+    },
+    Provider: function Provider(n) {
+      var u, i;
+      return this.getChildContext || (u = [], (i = {})[l] = this, this.getChildContext = function () {
+        return i;
+      }, this.shouldComponentUpdate = function (n) {
+        this.props.value !== n.value && u.some(m);
+      }, this.sub = function (n) {
+        u.push(n);
+        var l = n.componentWillUnmount;
+
+        n.componentWillUnmount = function () {
+          u.splice(u.indexOf(n), 1), l && l.call(n);
+        };
+      }), n.children;
+    }
+  };
+  return u.Provider.__ = u.Consumer.contextType = u;
+}
+
+n = c.slice, l = {
+  __e: function __e(n, l, u, i) {
+    for (var t, o, r; l = l.__;) if ((t = l.__c) && !t.__) try {
+      if ((o = t.constructor) && null != o.getDerivedStateFromError && (t.setState(o.getDerivedStateFromError(n)), r = t.__d), null != t.componentDidCatch && (t.componentDidCatch(n, i || {}), r = t.__d), r) return t.__E = t;
+    } catch (l) {
+      n = l;
+    }
+
+    throw n;
+  }
+}, u = 0, i = function i(n) {
+  return null != n && void 0 === n.constructor;
+}, _.prototype.setState = function (n, l) {
+  var u;
+  u = null != this.__s && this.__s !== this.state ? this.__s : this.__s = a({}, this.state), "function" == typeof n && (n = n(a({}, u), this.props)), n && a(u, n), null != n && this.__v && (l && this.__h.push(l), m(this));
+}, _.prototype.forceUpdate = function (n) {
+  this.__v && (this.__e = !0, n && this.__h.push(n), m(this));
+}, _.prototype.render = d, t = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, g.__r = 0, f = 0;
+export { S as render, q as hydrate, v as createElement, v as h, d as Fragment, p as createRef, i as isValidElement, _ as Component, B as cloneElement, D as createContext, A as toChildArray, l as options };

package/test/preact_build/client/.jsenv/build/@fs/Users/d.maillard/dev/jsenv/jsenv-core/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js

@@ -0,0 +1,33 @@
+import { options as r, Fragment as _ } from "file:///Users/d.maillard/dev/jsenv/jsenv-core/node_modules/preact/dist/preact.module.js";
+export { Fragment } from "file:///Users/d.maillard/dev/jsenv/jsenv-core/node_modules/preact/dist/preact.module.js";
+var o = 0;
+
+function e(_, e, n, t, f) {
+  var l,
+      s,
+      u = {};
+
+  for (s in e) "ref" == s ? l = e[s] : u[s] = e[s];
+
+  var a = {
+    type: _,
+    props: u,
+    key: n,
+    ref: l,
+    __k: null,
+    __: null,
+    __b: 0,
+    __e: null,
+    __d: void 0,
+    __c: null,
+    __h: null,
+    constructor: void 0,
+    __v: --o,
+    __source: f,
+    __self: t
+  };
+  if ("function" == typeof _ && (l = _.defaultProps)) for (s in l) void 0 === u[s] && (u[s] = l[s]);
+  return r.vnode && r.vnode(a), a;
+}
+
+export { e as jsx, e as jsxs, e as jsxDEV };

package/test/preact_build/client/.jsenv/build/app.jsx

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "file:///Users/d.maillard/dev/jsenv/jsenv-core/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+export const App = () => {
+  return _jsx("span", {
+    children: "Hello world"
+  });
+};

package/test/preact_build/client/.jsenv/build/main.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html><html original-position-stored=""><head>
+    <title>Title</title>
+    <meta charset="utf-8">
+    <link rel="icon" href="data:," original-href-position="4:22;4:35">
+  </head>
+
+  <body>
+    <script original-position="8:5;12:14" generated-by="jsenv:html_inline_content">window.resultPromise = new Promise(resolve => {
+  window.resolveResultPromise = resolve;
+});</script>
+    <div id="app"></div>
+    <script type="module" original-position="14:5;16:14" generated-by="jsenv:html_inline_content">import("file:///Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-preact/test/preact_build/client/main.jsx");</script>
+  
+
+</body></html>