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

package/dist/build.js

@@ -202149,7 +202149,6 @@ __export(exports_moduleServer, {
 });
 import { readFileSync as readFileSync9, statSync as statSync2 } from "fs";
 import { dirname as dirname7, extname as extname3, resolve as resolve16, relative as relative6 } from "path";
-var {build: bunBuild5 } = globalThis.Bun;
 var SRC_PREFIX = "/@src/", jsTranspiler2, TRANSPILABLE, REACT_EXTENSIONS, escapeRegex3 = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), buildImportRewriter = (vendorPaths) => {
   const entries = Object.entries(vendorPaths).sort(([a], [b]) => b.length - a.length);
   if (entries.length === 0)
@@ -202215,26 +202214,91 @@ var SRC_PREFIX = "/@src/", jsTranspiler2, TRANSPILABLE, REACT_EXTENSIONS, escape
     return `${prefix}${SRC_PREFIX}${srcPath.replace(/\\/g, "/")}${suffix}`;
   });
   return result;
-}, transformReactFile = async (filePath, projectRoot, vendorPaths, rewriter) => {
-  const buildConfig = {
-    entrypoints: [filePath],
-    external: Object.keys(vendorPaths),
-    format: "esm",
-    jsx: { development: true },
-    reactFastRefresh: true,
-    splitting: false,
-    target: "browser",
-    throw: false,
-    write: false
-  };
-  const result = await bunBuild5(buildConfig);
-  if (!result.success || result.outputs.length === 0)
-    return;
-  const output = result.outputs[0];
-  if (!output)
-    return;
-  const code = await output.text();
-  return rewriteImports2(code, filePath, projectRoot, rewriter);
+}, 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;
+  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 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(`
+`);
+  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 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");
   const ext = extname3(filePath);
@@ -202255,7 +202319,7 @@ var SRC_PREFIX = "/@src/", jsTranspiler2, TRANSPILABLE, REACT_EXTENSIONS, escape
 }, createModuleServer = (config) => {
   const { projectRoot, vendorPaths } = config;
   const rewriter = buildImportRewriter(vendorPaths);
-  return async (pathname) => {
+  return (pathname) => {
     if (!pathname.startsWith(SRC_PREFIX))
       return;
     const relPath = pathname.slice(SRC_PREFIX.length);
@@ -202284,9 +202348,8 @@ var SRC_PREFIX = "/@src/", jsTranspiler2, TRANSPILABLE, REACT_EXTENSIONS, escape
       const stat2 = statSync2(filePath);
       let content;
       if (REACT_EXTENSIONS.has(ext)) {
-        content = await transformReactFile(filePath, projectRoot, vendorPaths, rewriter);
-      }
-      if (!content) {
+        content = transformReactFile(filePath, projectRoot, rewriter);
+      } else {
         content = transformPlainFile(filePath, projectRoot, rewriter);
       }
       setTransformed(filePath, content, stat2.mtimeMs);
@@ -202310,6 +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"]);
+  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;
 });
@@ -202626,7 +202718,7 @@ var parseErrorLocationFromMessage = (msg) => {
   }
   state.manifest[toPascal(baseName)] = artifact.path;
 }, bundleAngularClient = async (state, clientPaths, buildDir) => {
-  const { build: bunBuild6 } = await Promise.resolve(globalThis.Bun);
+  const { build: bunBuild5 } = await Promise.resolve(globalThis.Bun);
   const { generateManifest: generateManifest2 } = await Promise.resolve().then(() => (init_generateManifest(), exports_generateManifest));
   const { getAngularVendorPaths: getAngularVendorPaths2 } = await Promise.resolve().then(() => exports_devVendorPaths);
   const clientRoot = await computeClientRoot(state.resolvedPaths);
@@ -202637,7 +202729,7 @@ var parseErrorLocationFromMessage = (msg) => {
     angVendorPaths = computeAngularVendorPaths2();
     setAngularVendorPaths2(angVendorPaths);
   }
-  const clientResult = await bunBuild6({
+  const clientResult = await bunBuild5({
     entrypoints: clientPaths,
     ...angVendorPaths ? { external: Object.keys(angVendorPaths) } : {},
     format: "esm",
@@ -202747,7 +202839,7 @@ var parseErrorLocationFromMessage = (msg) => {
   });
   return reactEntries;
 }, bundleReactClient = async (state, reactEntries, reactIndexesPath, buildDir) => {
-  const { build: bunBuild6 } = await Promise.resolve(globalThis.Bun);
+  const { build: bunBuild5 } = await Promise.resolve(globalThis.Bun);
   const { generateManifest: generateManifest2 } = await Promise.resolve().then(() => (init_generateManifest(), exports_generateManifest));
   const { getDevVendorPaths: getDevVendorPaths2 } = await Promise.resolve().then(() => exports_devVendorPaths);
   const { rewriteReactImports: rewriteReactImports2 } = await Promise.resolve().then(() => (init_rewriteReactImports(), exports_rewriteReactImports));
@@ -202768,7 +202860,7 @@ var parseErrorLocationFromMessage = (msg) => {
     force: true,
     recursive: true
   });
-  const clientResult = await bunBuild6({
+  const clientResult = await bunBuild5({
     entrypoints: reactEntries,
     format: "esm",
     jsx: { development: true },
@@ -202876,7 +202968,7 @@ var parseErrorLocationFromMessage = (msg) => {
   const svelteFiles = filesToRebuild.filter((file3) => file3.endsWith(".svelte") && resolve19(file3).startsWith(resolve19(svelteDir, "pages")));
   if (svelteFiles.length > 0) {
     const { compileSvelte: compileSvelte2 } = await Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte));
-    const { build: bunBuild6 } = await Promise.resolve(globalThis.Bun);
+    const { build: bunBuild5 } = await Promise.resolve(globalThis.Bun);
     const clientRoot = await computeClientRoot(state.resolvedPaths);
     const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true);
     const serverEntries = [...svelteServerPaths];
@@ -202884,7 +202976,7 @@ var parseErrorLocationFromMessage = (msg) => {
     const serverRoot = resolve19(svelteDir, "server");
     const serverOutDir = resolve19(buildDir, basename7(svelteDir));
     const [serverResult, clientResult] = await Promise.all([
-      serverEntries.length > 0 ? bunBuild6({
+      serverEntries.length > 0 ? bunBuild5({
         entrypoints: serverEntries,
         external: ["svelte", "svelte/*"],
         format: "esm",
@@ -202894,7 +202986,7 @@ var parseErrorLocationFromMessage = (msg) => {
         target: "bun",
         throw: false
       }) : undefined,
-      clientEntries.length > 0 ? bunBuild6({
+      clientEntries.length > 0 ? bunBuild5({
         entrypoints: clientEntries,
         format: "esm",
         naming: "[dir]/[name].[hash].[ext]",
@@ -202952,7 +203044,7 @@ var parseErrorLocationFromMessage = (msg) => {
   const vueFiles = filesToRebuild.filter((file3) => file3.endsWith(".vue") && resolve19(file3).startsWith(resolve19(vueDir, "pages")));
   if (vueFiles.length > 0) {
     const { compileVue: compileVue2 } = await Promise.resolve().then(() => (init_compileVue(), exports_compileVue));
-    const { build: bunBuild6 } = await Promise.resolve(globalThis.Bun);
+    const { build: bunBuild5 } = await Promise.resolve(globalThis.Bun);
     const clientRoot = await computeClientRoot(state.resolvedPaths);
     const { vueServerPaths, vueIndexPaths, vueClientPaths } = await compileVue2(vueFiles, vueDir, true);
     const serverEntries = [...vueServerPaths];
@@ -202965,7 +203057,7 @@ var parseErrorLocationFromMessage = (msg) => {
       __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "true"
     };
     const [serverResult, clientResult] = await Promise.all([
-      serverEntries.length > 0 ? bunBuild6({
+      serverEntries.length > 0 ? bunBuild5({
         entrypoints: serverEntries,
         external: ["vue", "vue/*"],
         format: "esm",
@@ -202975,7 +203067,7 @@ var parseErrorLocationFromMessage = (msg) => {
         target: "bun",
         throw: false
       }) : undefined,
-      clientEntries.length > 0 ? bunBuild6({
+      clientEntries.length > 0 ? bunBuild5({
         define: vueFeatureFlags2,
         entrypoints: clientEntries,
         format: "esm",
@@ -203900,5 +203992,5 @@ export {
   build
 };
 
-//# debugId=265BEB7B51A31F4E64756E2164756E21
+//# debugId=33AC0B71663B0C6B64756E2164756E21
 //# sourceMappingURL=build.js.map