@absolutejs/absolute 0.1.0

package/dist/plugins/networkingPlugin.d.js

@@ -0,0 +1 @@
+// @bun

package/dist/plugins/networkingPlugin.js

@@ -0,0 +1,2 @@
+// @bun
+import{e as r}from"../build-241dg605.js";import{f as e}from"../utils/networking.js";import"../build-azzc5a4m.js";import{argv as a}from"node:process";var{env:s}=globalThis.Bun;var t=s.HOST??"localhost",o=s.PORT??r,l,c=a,n=c.includes("--host");if(n)l=e(),t="0.0.0.0";var d=(i)=>i.listen({hostname:t,port:o},()=>{if(n)console.log(`Server started on http://localhost:${o}`),console.log(`Server started on network: http://${l}:${o}`);else console.log(`Server started on http://${t}:${o}`)});export{d as networkingPlugin};

package/dist/plugins/pageRouterPlugin.d.js

@@ -0,0 +1 @@
+// @bun

package/dist/plugins/pageRouterPlugin.js

@@ -0,0 +1,2 @@
+// @bun
+import{a as i}from"../core/build.js";import"../build-241dg605.js";import"../utils/updateScriptTags.js";import"../build-azzc5a4m.js";var a=await i();

package/dist/src/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const SECONDS_IN_A_MINUTE = 60;
+export declare const MILLISECONDS_IN_A_SECOND = 1000;
+export declare const MILLISECONDS_IN_A_MINUTE: number;
+export declare const MINUTES_IN_AN_HOUR = 60;
+export declare const HOURS_IN_A_DAY = 24;
+export declare const MILLISECONDS_IN_A_DAY: number;
+export declare const TIME_PRECISION = 2;
+export declare const DEFAULT_PORT = 3000;

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

@@ -0,0 +1 @@
+export declare const build: () => Promise<Record<string, string>>;

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

@@ -0,0 +1,3 @@
+import { ComponentType } from "react";
+export declare const handleReactPageRequest: (pageComponent: ComponentType, index: string) => Promise<Response>;
+export declare const handleHTMLPageRequest: (html: string) => import("bun").BunFile;

package/dist/src/plugins/networkingPlugin.d.ts

@@ -0,0 +1,21 @@
+import { Elysia } from "elysia";
+export declare const networkingPlugin: (app: Elysia) => Elysia<"", false, {
+    decorator: {};
+    store: {};
+    derive: {};
+    resolve: {};
+}, {
+    type: {};
+    error: {};
+}, {
+    schema: {};
+    macro: {};
+}, {}, {
+    derive: {};
+    resolve: {};
+    schema: {};
+}, {
+    derive: {};
+    resolve: {};
+    schema: {};
+}>;

package/dist/src/plugins/pageRouterPlugin.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/networking.d.ts

@@ -0,0 +1 @@
+export declare const getLocalIPAddress: () => string;

package/dist/src/utils/updateScriptTags.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Updates <script> tags in all HTML files within htmlDir.
+ * For each script tag whose src file base (with or without a hash) is a key in the manifest,
+ * the src attribute is replaced with the new hashed file path.
+ *
+ * @param manifest - An object mapping script base names to the new file path.
+ * @param htmlDir - The directory that contains the HTML files.
+ */
+export declare const updateScriptTags: (manifest: Record<string, string>, htmlDir: string) => Promise<void>;

package/dist/utils/networking.js

@@ -0,0 +1,3 @@
+// @bun
+import"../build-azzc5a4m.js";import q from"node:os";var x=()=>{let m=q.networkInterfaces(),j=Object.values(m).flat().filter((g)=>g!==void 0).find((g)=>g.family==="IPv4"&&!g.internal);if(j)return j.address;return console.warn("No IP address found, falling back to localhost"),"localhost"};export{x as getLocalIPAddress};
+export{x as f};

package/dist/utils/updateScriptTags.js

@@ -0,0 +1,3 @@
+// @bun
+import"../build-azzc5a4m.js";import{readFile as K,writeFile as L}from"node:fs/promises";var{Glob:M}=globalThis.Bun;var W=async(y,z)=>{let A=new M("*.html"),q=[];for await(let j of A.scan({cwd:z,absolute:!0}))q.push(j);for(let j of q){let k=await K(j,"utf8");for(let[B,C]of Object.entries(y)){let E=B.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),H=new RegExp(`(<script[^>]+src=["'])(/?(?:.*\\/)?${E})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`,"g");k=k.replace(H,(O,I,Q,T,J)=>{return`${I}${C}${J}`})}await L(j,k,"utf8")}};export{W as updateScriptTags};
+export{W as g};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@absolutejs/absolute",
+  "version": "0.1.0",
+  "description": "A fullstack meta-framework for building web applications with TypeScript",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alexkahndev/absolutejs.git"
+  },
+  "main": "dist/index.js",
+  "license": "CC BY-NC 4.0",
+  "author": "Alex Kahn",
+  "scripts": {
+    "build": "bun build src/**/* --outdir dist --minify --splitting --target=bun && tsc --emitDeclarationOnly --project tsconfig.json",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css}\"",
+    "dev": "bun run --watch example/server.ts"
+  },
+  "dependencies": {
+    "@elysiajs/static": "1.0.2",
+    "elysia": "1.0.13",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "svelte": "4.2.15",
+    "vue": "3.4.26"
+  },
+  "devDependencies": {
+    "@types/bun": "1.1.1",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.2",
+    "@types/vue": "2.0.0",
+    "typescript": "5.7.2"
+  }
+}

package/rollup.config.ts

@@ -0,0 +1,22 @@
+import svelte from "rollup-plugin-svelte";
+import css from "rollup-plugin-css-only";
+import { terser } from "rollup-plugin-terser";
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+
+export default {
+	input: "src/svelte/pages/SvelteHome.svelte",
+	output: {
+		dir: "build/svelte/indexes",
+		format: "es" as const
+	},
+	plugins: [
+		nodeResolve(),
+		svelte({
+			compilerOptions: {
+				generate: "ssr"
+			}
+		}),
+		css({ output: "SvelteHome.css" }),
+		terser()
+	]
+};

package/src/constants.ts

@@ -0,0 +1,13 @@
+export const SECONDS_IN_A_MINUTE = 60;
+export const MILLISECONDS_IN_A_SECOND = 1000;
+export const MILLISECONDS_IN_A_MINUTE =
+	MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+export const MINUTES_IN_AN_HOUR = 60;
+export const HOURS_IN_A_DAY = 24;
+export const MILLISECONDS_IN_A_DAY =
+	MILLISECONDS_IN_A_SECOND *
+	SECONDS_IN_A_MINUTE *
+	MINUTES_IN_AN_HOUR *
+	HOURS_IN_A_DAY;
+export const TIME_PRECISION = 2;
+export const DEFAULT_PORT = 3000;

package/src/core/build.ts

@@ -0,0 +1,154 @@
+import { rm, mkdir, writeFile } from "node:fs/promises";
+import { join, basename } from "node:path";
+import { exit } from "node:process";
+import { $, build as bunBuild, Glob } from "bun";
+import {
+	MILLISECONDS_IN_A_MINUTE,
+	MILLISECONDS_IN_A_SECOND,
+	TIME_PRECISION
+} from "../constants";
+import {  updateScriptTags } from "../utils/updateScriptTags";
+
+const projectRoot = join(import.meta.dir, "..", "..");
+const buildDir = join(projectRoot, "example/build");
+const assetsDir = join(projectRoot, "example/assets");
+const reactIndexDir = join(projectRoot, "example/react/indexes");
+const javascriptDir = join(projectRoot, "example/javascript");
+const typeScriptDir = join(projectRoot, "example/typescript");
+const reactPagesDir = join(projectRoot, "example/react/pages");
+const htmlDir = join(projectRoot, "example/html");
+
+export const build = async () => {
+	const start = performance.now();
+
+	await rm(buildDir, { force: true, recursive: true });
+	await generateReactIndexFiles();
+
+	const reactEntryGlob = new Glob("*.{tsx,jsx}");
+	const reactEntryPaths: string[] = [];
+	for await (const file of reactEntryGlob.scan({
+		absolute: true,
+		cwd: reactIndexDir
+	})) {
+		reactEntryPaths.push(file);
+	}
+
+	const javascriptEntryGlob = new Glob("*.js");
+	const javascriptEntryPaths: string[] = [];
+	for await (const file of javascriptEntryGlob.scan({
+		absolute: true,
+		cwd: javascriptDir
+	})) {
+		javascriptEntryPaths.push(file);
+	}
+
+	const typeScriptEntryGlob = new Glob("*.ts");
+	const typeScriptEntryPaths: string[] = [];
+	for await (const file of typeScriptEntryGlob.scan({
+		absolute: true,
+		cwd: typeScriptDir
+	})) {
+		typeScriptEntryPaths.push(file);
+	}
+	const entryPaths = reactEntryPaths
+		.concat(javascriptEntryPaths)
+		.concat(typeScriptEntryPaths);
+
+	const { logs, outputs } = await bunBuild({
+		entrypoints: entryPaths,
+		format: "esm",
+		naming: `[dir]/[name].[hash].[ext]`,
+		outdir: buildDir
+	}).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);
+	});
+
+	await copyAssetsToBuildDir();
+
+	// TODO: Find a way to make this type-safe instead of string as the key it should be enumerated with the names of the files
+	const manifest = outputs.reduce<Record<string, string>>((acc, artifact) => {
+		let relativePath = artifact.path;
+
+		if (relativePath.startsWith(buildDir)) {
+			relativePath = relativePath.slice(buildDir.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;
+	}, {});
+
+	await updateScriptTags(manifest, htmlDir);
+
+	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}`);
+
+	console.log("Outputs:", outputs);
+	console.log("Manifest:", manifest);
+
+	return manifest;
+};
+
+const copyAssetsToBuildDir = async () => {
+	await $`cp -R ${assetsDir} ${buildDir}`;
+	await mkdir(join(buildDir, "html"));
+	await mkdir(join(buildDir, "htmx"));
+
+	await $`cp -R ${join(projectRoot, "example/html")} ${join(buildDir)}`;
+	await $`cp -R ${join(projectRoot, "example/htmx")} ${join(buildDir)}`;
+};
+
+const generateReactIndexFiles = async () => {
+	await rm(reactIndexDir, { force: true, recursive: true });
+	await mkdir(reactIndexDir);
+
+	const pagesGlob = new Glob("*.*");
+	const files: string[] = [];
+	for await (const file of pagesGlob.scan({ cwd: reactPagesDir })) {
+		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}';\n`,
+			`hydrateRoot(document, <${componentName} />);`
+		].join("\n");
+
+		return writeFile(
+			join(reactIndexDir, `${componentName}Index.tsx`),
+			content
+		);
+	});
+	await Promise.all(promises);
+};

package/src/core/pageHandlers.ts

@@ -0,0 +1,19 @@
+import { ComponentType, createElement } from "react";
+//@ts-expect-error - TODO: Remove this when we upgrade to React 19
+import { renderToReadableStream } from "react-dom/server.browser";
+
+export const handleReactPageRequest = async (
+	pageComponent: ComponentType,
+	index: string
+) => {
+	const page = createElement(pageComponent);
+	const stream = await renderToReadableStream(page, {
+		bootstrapModules: [index]
+	});
+
+	return new Response(stream, {
+		headers: { "Content-Type": "text/html" }
+	});
+};
+
+export const handleHTMLPageRequest = (html: string) => Bun.file(html);

package/src/plugins/networkingPlugin.ts

@@ -0,0 +1,35 @@
+import { argv } from "node:process";
+import { env } from "bun";
+import { Elysia } from "elysia";
+import { getLocalIPAddress } from "../utils/networking";
+import { DEFAULT_PORT } from "../constants";
+
+let host = env.HOST ?? "localhost";
+const port = env.PORT ?? DEFAULT_PORT;
+let localIP: string | undefined;
+
+const args = argv;
+const hostFlag = args.includes("--host");
+
+if (hostFlag) {
+	localIP = getLocalIPAddress();
+	host = "0.0.0.0";
+}
+
+export const networkingPlugin = (app: Elysia) =>
+	app.listen(
+		{
+			hostname: host,
+			port: 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}`);
+			}
+		}
+	);

package/src/plugins/pageRouterPlugin.ts

@@ -0,0 +1,3 @@
+import { build } from "../core/build";
+
+const manifest = await build();

package/src/utils/networking.ts

@@ -0,0 +1,19 @@
+import os from "os";
+
+export const getLocalIPAddress = () => {
+	const interfaces = os.networkInterfaces();
+	const addresses = Object.values(interfaces)
+		.flat()
+		.filter(
+			(iface): iface is os.NetworkInterfaceInfo => iface !== undefined
+		);
+	const ipAddress = addresses.find(
+		(iface) => iface.family === "IPv4" && !iface.internal
+	);
+
+	if (ipAddress) return ipAddress.address; // Return the first non-internal IPv4 address
+
+	console.warn("No IP address found, falling back to localhost");
+
+	return "localhost"; // Fallback to localhost if no IP found
+};

package/src/utils/updateScriptTags.ts

@@ -0,0 +1,51 @@
+// TODO : this script seems to only work after building twice maybe due to the async nature of it 
+
+import { readFile, writeFile } from "node:fs/promises";
+import { Glob } from "bun";
+
+/**
+ * Updates <script> tags in all HTML files within htmlDir.
+ * For each script tag whose src file base (with or without a hash) is a key in the manifest,
+ * the src attribute is replaced with the new hashed file path.
+ *
+ * @param manifest - An object mapping script base names to the new file path.
+ * @param htmlDir - The directory that contains the HTML files.
+ */
+export const updateScriptTags = async (manifest: Record<string, string>, htmlDir: string) => {
+  // Use Glob to find all HTML files in the specified directory
+  const htmlGlob = new Glob("*.html");
+  const htmlFiles: string[] = [];
+  for await (const file of htmlGlob.scan({
+    cwd: htmlDir,
+    absolute: true,
+  })) {
+    htmlFiles.push(file);
+  }
+
+  // Process each HTML file
+  for (const filePath of htmlFiles) {
+    let content = await readFile(filePath, "utf8");
+
+    // For each script in the manifest, update matching <script> tags
+    for (const [scriptName, newPath] of Object.entries(manifest)) {
+      // Escape special regex characters in the scriptName
+      const escapedScriptName = scriptName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      // The regex explanation:
+      // (1) (<script[^>]+src=["'])  — capture the opening of the script tag up to the src attribute value
+      // (2) (\/?(?:.*\\/)?${escapedScriptName}) — capture any preceding path and the base script name
+      // (3) (?:\.[^."'/]+)? — optionally capture a dot and hash (if already hashed)
+      // (4) (\.js) — then capture the js extension
+      // (5) (["'][^>]*>) — capture the closing quote and remainder of the script tag
+      const regex = new RegExp(
+        `(<script[^>]+src=["'])(\/?(?:.*\\/)?${escapedScriptName})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`,
+        "g"
+      );
+      // Replace the matched src attribute with the new value from the manifest
+      content = content.replace(regex, (_, prefix, _oldBase, _ext, suffix) => {
+        return `${prefix}${newPath}${suffix}`;
+      });
+    }
+
+    await writeFile(filePath, content, "utf8");
+  }
+};

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+   "target": "ESNext",
+		"module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "dist",
+    "strict": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+  },
+  "include": ["src/**/*", "example/**/*"], 
+  "exclude": ["node_modules"] 
+}