@absolutejs/absolute 0.5.0 → 0.5.1

package/dist/index.js

@@ -1,4 +1,224 @@
 // @bun
-var it=60,C=1000,O=60000,et=60,_t=24,ct=86400000,x=2,b=3000;import{rm as T,mkdir as $,writeFile as J}from"fs/promises";import{join as _,basename as K}from"path";import{cwd as Q,exit as V}from"process";var{$:d,build:X,Glob:B}=globalThis.Bun;import{readFile as q,writeFile as z}from"fs/promises";var{Glob:G}=globalThis.Bun;var y=async(n,s)=>{let o=new G("*.html"),t=[];for await(let c of o.scan({cwd:s,absolute:!0}))t.push(c);for(let c of t){let N=await q(c,"utf8");for(let[I,i]of Object.entries(n)){let r=I.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),E=new RegExp(`(<script[^>]+src=["'])(/?(?:.*\\/)?${r})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`,"g");N=N.replace(E,(a,f,p,A,L)=>{return`${f}${i}${L}`})}await z(c,N,"utf8")}};var xt=async({buildDirectory:n="build",assetsDirectory:s,reactDirectory:o,html:t,htmxDirectory:c,tailwind:N})=>{let I=performance.now(),i=Q(),r=_(i,n),E=s&&_(i,s),a=o&&_(i,o,"indexes"),f=o&&_(i,o,"pages"),p=t?.directory?_(i,t.directory):void 0,A=c&&_(i,c);await T(r,{force:!0,recursive:!0}),await $(r),f&&a&&await Z(f,a);let U=[...(a&&await k(a,"*.tsx"))??[]];if(U.length===0)return console.warn("No entry points found, skipping build"),null;let{logs:h,outputs:v}=await X({entrypoints:U,format:"esm",naming:"[dir]/[name].[hash].[ext]",outdir:r,target:"bun"}).catch((e)=>{console.error("Build failed:",e),V(1)});if(h.forEach((e)=>{if(e.level==="error")console.error(e);else if(e.level==="warning")console.warn(e);else if(e.level==="info"||e.level==="debug")console.info(e)}),E&&await d`cp -R ${E} ${r}`,p)await $(_(r,"html")),await d`cp -R ${p} ${_(r)}`;if(A)await $(_(r,"htmx")),await d`cp -R ${A} ${_(r)}`;if(N)await d`tailwindcss -i ${N.input} -o ${_(r,N.output)}`;let R=v.reduce((e,g)=>{let u=g.path;if(u.startsWith(r))u=u.slice(r.length);u=u.replace(/^\/+/,"");let l=u.split("/").pop();if(!l)return e;let M=`.${g.hash}.`;if(!l.includes(M))throw new Error(`Expected hash delimiter ${M} in ${l}`);let[W]=l.split(M);return e[W]="/"+u,e},{});p&&await y(R,p);let m=performance.now()-I,S;if(m<C)S=`${m.toFixed(x)}ms`;else if(m<O)S=`${(m/C).toFixed(x)}s`;else S=`${(m/O).toFixed(x)}m`;return console.log(`Build completed in ${S}`),R},Z=async(n,s)=>{await T(s,{force:!0,recursive:!0}),await $(s);let o=new B("*.*"),t=[];for await(let N of o.scan({cwd:n}))t.push(N);let c=t.map(async(N)=>{let I=K(N),[i]=I.split("."),r=["import { hydrateRoot } from 'react-dom/client';",`import { ${i} } from '../pages/${i}';
-`,`hydrateRoot(document, <${i} />);`].join(`
-`);return J(_(s,`${i}Index.tsx`),r)});await Promise.all(c)},k=async(n,s)=>{let o=[],t=new B(s);for await(let c of t.scan({absolute:!0,cwd:n}))o.push(c);return o};import{createElement as F}from"react";import{renderToReadableStream as tt}from"react-dom/server.browser";var Mt=async(n,s)=>{let o=F(n),t=await tt(o,{bootstrapModules:[s]});return new Response(t,{headers:{"Content-Type":"text/html"}})},Ct=(n)=>Bun.file(n);import{argv as nt}from"process";var{env:j}=globalThis.Bun;import ot from"os";var H=()=>{let n=ot.networkInterfaces(),o=Object.values(n).flat().filter((t)=>t!==void 0).find((t)=>t.family==="IPv4"&&!t.internal);if(o)return o.address;return console.warn("No IP address found, falling back to localhost"),"localhost"};var D=j.HOST??"localhost",w=j.PORT??b,P,rt=nt,Y=rt.includes("--host");if(Y)P=H(),D="0.0.0.0";var Ht=(n)=>n.listen({hostname:D,port:w},()=>{if(Y)console.log(`Server started on http://localhost:${w}`),console.log(`Server started on network: http://${P}:${w}`);else console.log(`Server started on http://${D}:${w}`)});export{y as updateScriptTags,Ht as networkingPlugin,Mt as handleReactPageRequest,Ct as handleHTMLPageRequest,H as getLocalIPAddress,xt as build,x as TIME_PRECISION,it as SECONDS_IN_A_MINUTE,et as MINUTES_IN_AN_HOUR,C as MILLISECONDS_IN_A_SECOND,O as MILLISECONDS_IN_A_MINUTE,ct as MILLISECONDS_IN_A_DAY,_t as HOURS_IN_A_DAY,b as DEFAULT_PORT};
+// src/constants.ts
+var SECONDS_IN_A_MINUTE = 60;
+var MILLISECONDS_IN_A_SECOND = 1000;
+var MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+var MINUTES_IN_AN_HOUR = 60;
+var HOURS_IN_A_DAY = 24;
+var MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_A_DAY;
+var TIME_PRECISION = 2;
+var DEFAULT_PORT = 3000;
+// src/core/build.ts
+import { rm, mkdir, writeFile as writeFile2 } from "fs/promises";
+import { join, basename } from "path";
+import { cwd, exit } from "process";
+var {$, build: bunBuild, Glob: Glob2 } = globalThis.Bun;
+
+// src/utils/updateScriptTags.ts
+import { readFile, writeFile } from "fs/promises";
+var {Glob } = globalThis.Bun;
+var updateScriptTags = async (manifest, htmlDir) => {
+  const htmlGlob = new Glob("*.html");
+  const htmlFiles = [];
+  for await (const file of htmlGlob.scan({
+    cwd: htmlDir,
+    absolute: true
+  })) {
+    htmlFiles.push(file);
+  }
+  for (const filePath of htmlFiles) {
+    let content = await readFile(filePath, "utf8");
+    for (const [scriptName, newPath] of Object.entries(manifest)) {
+      const escapedScriptName = scriptName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const regex = new RegExp(`(<script[^>]+src=["'])(/?(?:.*\\/)?${escapedScriptName})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`, "g");
+      content = content.replace(regex, (_, prefix, _oldBase, _ext, suffix) => {
+        return `${prefix}${newPath}${suffix}`;
+      });
+    }
+    await writeFile(filePath, content, "utf8");
+  }
+};
+
+// src/core/build.ts
+var build = async ({
+  buildDirectory = "build",
+  assetsDirectory,
+  reactDirectory,
+  html,
+  htmxDirectory,
+  tailwind
+}) => {
+  const start = performance.now();
+  const projectRoot = cwd();
+  const buildDirAbsolute = join(projectRoot, buildDirectory);
+  const assetsDirAbsolute = assetsDirectory && join(projectRoot, assetsDirectory);
+  const reactIndexDirAbsolute = reactDirectory && join(projectRoot, reactDirectory, "indexes");
+  const reactPagesDirAbsolute = reactDirectory && join(projectRoot, reactDirectory, "pages");
+  const htmlDirAbsolute = html?.directory ? join(projectRoot, html.directory) : undefined;
+  const htmxDirAbsolute = htmxDirectory && join(projectRoot, htmxDirectory);
+  await rm(buildDirAbsolute, { force: true, recursive: true });
+  await mkdir(buildDirAbsolute);
+  reactPagesDirAbsolute && reactIndexDirAbsolute && await generateReactIndexFiles(reactPagesDirAbsolute, reactIndexDirAbsolute);
+  const reactEntryPaths = reactIndexDirAbsolute && await scanEntryPoints(reactIndexDirAbsolute, "*.tsx");
+  const entryPaths = [...reactEntryPaths ?? []];
+  if (entryPaths.length === 0) {
+    console.warn("No entry points found, skipping build");
+    return null;
+  }
+  const { logs, outputs } = await bunBuild({
+    entrypoints: entryPaths,
+    format: "esm",
+    naming: `[dir]/[name].[hash].[ext]`,
+    outdir: buildDirAbsolute,
+    target: "bun"
+  }).catch((error) => {
+    console.error("Build failed:", error);
+    exit(1);
+  });
+  logs.forEach((log) => {
+    if (log.level === "error")
+      console.error(log);
+    else if (log.level === "warning")
+      console.warn(log);
+    else if (log.level === "info" || log.level === "debug")
+      console.info(log);
+  });
+  assetsDirAbsolute && await $`cp -R ${assetsDirAbsolute} ${buildDirAbsolute}`;
+  if (htmlDirAbsolute) {
+    await mkdir(join(buildDirAbsolute, "html"));
+    await $`cp -R ${htmlDirAbsolute} ${join(buildDirAbsolute)}`;
+  }
+  if (htmxDirAbsolute) {
+    await mkdir(join(buildDirAbsolute, "htmx"));
+    await $`cp -R ${htmxDirAbsolute} ${join(buildDirAbsolute)}`;
+  }
+  if (tailwind) {
+    await $`tailwindcss -i ${tailwind.input} -o ${join(buildDirAbsolute, tailwind.output)}`;
+  }
+  const manifest = outputs.reduce((acc, artifact) => {
+    let relativePath = artifact.path;
+    if (relativePath.startsWith(buildDirAbsolute)) {
+      relativePath = relativePath.slice(buildDirAbsolute.length);
+    }
+    relativePath = relativePath.replace(/^\/+/, "");
+    const baseName = relativePath.split("/").pop();
+    if (!baseName)
+      return acc;
+    const hashDelimiter = `.${artifact.hash}.`;
+    if (!baseName.includes(hashDelimiter)) {
+      throw new Error(`Expected hash delimiter ${hashDelimiter} in ${baseName}`);
+    }
+    const [fileName] = baseName.split(hashDelimiter);
+    acc[fileName] = "/" + relativePath;
+    return acc;
+  }, {});
+  htmlDirAbsolute && await updateScriptTags(manifest, htmlDirAbsolute);
+  const end = performance.now();
+  const durationMs = end - start;
+  let duration;
+  if (durationMs < MILLISECONDS_IN_A_SECOND) {
+    duration = `${durationMs.toFixed(TIME_PRECISION)}ms`;
+  } else if (durationMs < MILLISECONDS_IN_A_MINUTE) {
+    duration = `${(durationMs / MILLISECONDS_IN_A_SECOND).toFixed(TIME_PRECISION)}s`;
+  } else {
+    duration = `${(durationMs / MILLISECONDS_IN_A_MINUTE).toFixed(TIME_PRECISION)}m`;
+  }
+  console.log(`Build completed in ${duration}`);
+  return manifest;
+};
+var generateReactIndexFiles = async (reactPagesDirAbsolute, reactIndexDirAbsolute) => {
+  await rm(reactIndexDirAbsolute, { force: true, recursive: true });
+  await mkdir(reactIndexDirAbsolute);
+  const pagesGlob = new Glob2("*.*");
+  const files = [];
+  for await (const file of pagesGlob.scan({ cwd: reactPagesDirAbsolute })) {
+    files.push(file);
+  }
+  const promises = files.map(async (file) => {
+    const fileName = basename(file);
+    const [componentName] = fileName.split(".");
+    const content = [
+      `import { hydrateRoot } from 'react-dom/client';`,
+      `import { ${componentName} } from '../pages/${componentName}';
+`,
+      `hydrateRoot(document, <${componentName} />);`
+    ].join(`
+`);
+    return writeFile2(join(reactIndexDirAbsolute, `${componentName}Index.tsx`), content);
+  });
+  await Promise.all(promises);
+};
+var scanEntryPoints = async (dir, pattern) => {
+  const entryPaths = [];
+  const glob = new Glob2(pattern);
+  for await (const file of glob.scan({ absolute: true, cwd: dir })) {
+    entryPaths.push(file);
+  }
+  return entryPaths;
+};
+// src/core/pageHandlers.ts
+import { createElement } from "react";
+import { renderToReadableStream } from "react-dom/server.browser";
+var handleReactPageRequest = async (pageComponent, index) => {
+  const page = createElement(pageComponent);
+  const stream = await renderToReadableStream(page, {
+    bootstrapModules: [index]
+  });
+  return new Response(stream, {
+    headers: { "Content-Type": "text/html" }
+  });
+};
+var handleHTMLPageRequest = (html) => Bun.file(html);
+// src/plugins/networkingPlugin.ts
+import { argv } from "process";
+var {env } = globalThis.Bun;
+
+// src/utils/networking.ts
+import os from "os";
+var getLocalIPAddress = () => {
+  const interfaces = os.networkInterfaces();
+  const addresses = Object.values(interfaces).flat().filter((iface) => iface !== undefined);
+  const ipAddress = addresses.find((iface) => iface.family === "IPv4" && !iface.internal);
+  if (ipAddress)
+    return ipAddress.address;
+  console.warn("No IP address found, falling back to localhost");
+  return "localhost";
+};
+
+// src/plugins/networkingPlugin.ts
+var host = env.HOST ?? "localhost";
+var port = env.PORT ?? DEFAULT_PORT;
+var localIP;
+var args = argv;
+var hostFlag = args.includes("--host");
+if (hostFlag) {
+  localIP = getLocalIPAddress();
+  host = "0.0.0.0";
+}
+var networkingPlugin = (app) => app.listen({
+  hostname: host,
+  port
+}, () => {
+  if (hostFlag) {
+    console.log(`Server started on http://localhost:${port}`);
+    console.log(`Server started on network: http://${localIP}:${port}`);
+  } else {
+    console.log(`Server started on http://${host}:${port}`);
+  }
+});
+export {
+  updateScriptTags,
+  networkingPlugin,
+  handleReactPageRequest,
+  handleHTMLPageRequest,
+  getLocalIPAddress,
+  build,
+  TIME_PRECISION,
+  SECONDS_IN_A_MINUTE,
+  MINUTES_IN_AN_HOUR,
+  MILLISECONDS_IN_A_SECOND,
+  MILLISECONDS_IN_A_MINUTE,
+  MILLISECONDS_IN_A_DAY,
+  HOURS_IN_A_DAY,
+  DEFAULT_PORT
+};

package/dist/src/core/build.d.ts

@@ -1,2 +1,2 @@
-import { BuildConfig } from "./types";
+import { BuildConfig } from "../types";
 export declare const build: ({ buildDirectory, assetsDirectory, reactDirectory, html, htmxDirectory, tailwind }: BuildConfig) => Promise<Record<string, string> | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/absolute",
-	"version": "0.5.0",
+	"version": "0.5.1",
 	"description": "A fullstack meta-framework for building web applications with TypeScript",
 	"repository": {
 		"type": "git",
@@ -11,7 +11,7 @@
 	"license": "CC BY-NC 4.0",
 	"author": "Alex Kahn",
 	"scripts": {
-		"build": "rm -rf dist && bun build src/index.ts --outdir dist --minify --splitting --target=bun --external react --external react-dom --external elysia && tsc --emitDeclarationOnly --project tsconfig.json",
+		"build": "rm -rf dist && bun build src/index.ts --outdir dist --target=bun --external react --external react-dom --external elysia && tsc --emitDeclarationOnly --project tsconfig.json",
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,json}\"",
 		"dev": "bun run --watch example/server.ts",

package/src/core/build.ts

@@ -8,7 +8,7 @@ import {
 	TIME_PRECISION
 } from "../constants";
 import { updateScriptTags } from "../utils/updateScriptTags";
-import { BuildConfig } from "./types";
+import { BuildConfig } from "../types";
 
 export const build = async ({
 	buildDirectory = "build",