@absolutejs/absolute 0.19.0-beta.18 → 0.19.0-beta.19

package/dist/build.js

@@ -202214,29 +202214,90 @@ var SRC_PREFIX = "/@src/", jsTranspiler2, TRANSPILABLE, REACT_EXTENSIONS, escape
     return `${prefix}${SRC_PREFIX}${srcPath.replace(/\\/g, "/")}${suffix}`;
   });
   return result;
-}, COMPONENT_RE, injectRefreshRegistration = (code, filePath) => {
+}, HOOK_NAMES, findComponents = (code) => {
   const components = [];
+  const exportRe = /(?:export\s+(?:default\s+)?(?:function\s+|(?:const|let|var)\s+))([A-Z][a-zA-Z0-9]*)/g;
   let match;
-  COMPONENT_RE.lastIndex = 0;
-  while ((match = COMPONENT_RE.exec(code)) !== null) {
-    if (match[1])
-      components.push(match[1]);
-  }
+  while ((match = exportRe.exec(code)) !== null) {
+    const name = match[1];
+    if (!name)
+      continue;
+    const startIdx = match.index;
+    const bodySlice = code.slice(startIdx, startIdx + 2000);
+    const hasHooks = Array.from(HOOK_NAMES).some((hook) => bodySlice.includes(hook + "("));
+    components.push({ hasHooks, name });
+  }
+  return components;
+}, computeHookSignature = (code, componentName) => {
+  const startIdx = code.indexOf(componentName);
+  if (startIdx === -1)
+    return "";
+  const bodySlice = code.slice(startIdx, startIdx + 2000);
+  const hooks = [];
+  for (const hook of HOOK_NAMES) {
+    if (bodySlice.includes(hook + "("))
+      hooks.push(hook);
+  }
+  return Buffer.from(hooks.join(",")).toString("base64").slice(0, 12);
+}, REFRESH_PREAMBLE, injectRefreshRegistration = (code, filePath, projectRoot) => {
+  const components = findComponents(code);
   if (components.length === 0)
     return code;
-  const registrations = components.map((name) => `$RefreshReg$(${name}, ${JSON.stringify(name)});`).join(`
+  const hasAnyHooks = components.some((c) => c.hasHooks);
+  const sigSetup = hasAnyHooks ? `
+var _s = $RefreshSig$();` : "";
+  let result = `${REFRESH_PREAMBLE}${sigSetup}
+${code}`;
+  const exportedNames = [];
+  for (const comp of components) {
+    if (!comp.hasHooks)
+      continue;
+    const sig = computeHookSignature(result, comp.name);
+    result = result.replace(new RegExp(`export\\s+(?:const|let)\\s+(${comp.name}\\s*=)`), `var $1`);
+    exportedNames.push(comp.name);
+    result += `
+${comp.name} = _s(${comp.name}, ${JSON.stringify(sig)});`;
+  }
+  if (exportedNames.length > 0) {
+    result += `
+export { ${exportedNames.join(", ")} };`;
+  }
+  const relPath = relative6(projectRoot, filePath).replace(/\\/g, "/");
+  const registrations = components.map((c) => `$RefreshReg$(${c.name}, ${JSON.stringify(`${relPath}:${c.name}`)});`).join(`
 `);
-  const sigSetup = "var _s = $RefreshSig$();";
-  return `${sigSetup}
-${code}
+  return `${result}
 ${registrations}
 `;
+}, JSX_AUTO_RE, JSXS_AUTO_RE, JSX_PROD_RE, FRAGMENT_RE, addJsxImport = (code) => {
+  const imports = [];
+  const jsxDevMatch = JSX_AUTO_RE.exec(code);
+  if (jsxDevMatch) {
+    imports.push(`import { jsxDEV as ${jsxDevMatch[1]} } from "react/jsx-dev-runtime";`);
+  }
+  const jsxsMatch = JSXS_AUTO_RE.exec(code);
+  if (jsxsMatch && (!jsxDevMatch || jsxsMatch[1] !== jsxDevMatch[1])) {
+    imports.push(`import { jsxs as ${jsxsMatch[1]} } from "react/jsx-runtime";`);
+  }
+  const jsxProdMatch = JSX_PROD_RE.exec(code);
+  if (jsxProdMatch) {
+    imports.push(`import { jsx as ${jsxProdMatch[1]} } from "react/jsx-runtime";`);
+  }
+  const fragmentMatch = FRAGMENT_RE.exec(code);
+  if (fragmentMatch) {
+    imports.push(`import { Fragment as ${fragmentMatch[1]} } from "react";`);
+  }
+  if (imports.length === 0)
+    return code;
+  return imports.join(`
+`) + `
+` + code;
 }, transformReactFile = (filePath, projectRoot, rewriter) => {
   const raw = readFileSync9(filePath, "utf-8");
   const transpiled = new Bun.Transpiler({
     loader: extname3(filePath) === ".jsx" ? "jsx" : "tsx"
   }).transformSync(raw);
-  const withRefresh = injectRefreshRegistration(transpiled, filePath);
+  const withJsx = addJsxImport(transpiled);
+  const withRefresh = injectRefreshRegistration(withJsx, filePath, projectRoot);
   return rewriteImports2(withRefresh, filePath, projectRoot, rewriter);
 }, transformPlainFile = (filePath, projectRoot, rewriter) => {
   const raw = readFileSync9(filePath, "utf-8");
@@ -202312,7 +202373,35 @@ var init_moduleServer = __esm(() => {
   jsTranspiler2 = new Bun.Transpiler({ loader: "js" });
   TRANSPILABLE = new Set([".ts", ".tsx", ".js", ".jsx", ".mjs"]);
   REACT_EXTENSIONS = new Set([".tsx", ".jsx"]);
-  COMPONENT_RE = /(?:export\s+(?:default\s+)?(?:function|const|let|var)\s+)([A-Z][a-zA-Z0-9]*)/g;
+  HOOK_NAMES = new Set([
+    "useState",
+    "useReducer",
+    "useEffect",
+    "useLayoutEffect",
+    "useMemo",
+    "useCallback",
+    "useRef",
+    "useContext",
+    "useImperativeHandle",
+    "useDebugValue",
+    "useDeferredValue",
+    "useTransition",
+    "useId",
+    "useSyncExternalStore",
+    "useInsertionEffect",
+    "useOptimistic",
+    "useFormStatus",
+    "useActionState"
+  ]);
+  REFRESH_PREAMBLE = [
+    "var $RefreshReg$ = window.$RefreshReg$ || function(){};",
+    "var $RefreshSig$ = window.$RefreshSig$ || function(){ return function(t){ return t; }; };"
+  ].join(`
+`);
+  JSX_AUTO_RE = /\b(jsxDEV_[a-z0-9]+)\b/;
+  JSXS_AUTO_RE = /\b(jsxs_[a-z0-9]+)\b/;
+  JSX_PROD_RE = /\b(jsx_[a-z0-9]+)\b/;
+  FRAGMENT_RE = /\b(Fragment_[a-z0-9]+)\b/;
   invalidateModule = invalidate;
   SRC_URL_PREFIX = SRC_PREFIX;
 });
@@ -203903,5 +203992,5 @@ export {
   build
 };
 
-//# debugId=C9A1342CB6A6BB8964756E2164756E21
+//# debugId=33AC0B71663B0C6B64756E2164756E21
 //# sourceMappingURL=build.js.map