@absolutejs/absolute 0.5.2 → 0.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/absolute",
-	"version": "0.5.2",
+	"version": "0.5.3",
 	"description": "A fullstack meta-framework for building web applications with TypeScript",
 	"repository": {
 		"type": "git",

package/.prettierignore

@@ -1,4 +0,0 @@
-node_modules
-dist
-build
-*.min.js

package/.prettierrc.json

@@ -1,8 +0,0 @@
-{
-	"semi": true,
-	"trailingComma": "none",
-	"printWidth": 80,
-	"tabWidth": 4,
-	"endOfLine": "auto",
-	"useTabs": true
-}

package/src/constants.ts

@@ -1,13 +0,0 @@
-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

@@ -1,170 +0,0 @@
-import { rm, mkdir, writeFile } from "node:fs/promises";
-import { join, basename } from "node:path";
-import { cwd, 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";
-import { BuildConfig } from "../types";
-
-export const build = async ({
-	buildDirectory = "build",
-	assetsDirectory,
-	reactDirectory,
-	html,
-	htmxDirectory,
-	tailwind
-}: BuildConfig) => {
-	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<Record<string, string>>((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;
-};
-
-const generateReactIndexFiles = async (
-	reactPagesDirAbsolute: string,
-	reactIndexDirAbsolute: string
-) => {
-	await rm(reactIndexDirAbsolute, { force: true, recursive: true });
-	await mkdir(reactIndexDirAbsolute);
-
-	const pagesGlob = new Glob("*.*");
-	const files: string[] = [];
-	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}';\n`,
-			`hydrateRoot(document, <${componentName} />);`
-		].join("\n");
-
-		return writeFile(
-			join(reactIndexDirAbsolute, `${componentName}Index.tsx`),
-			content
-		);
-	});
-	await Promise.all(promises);
-};
-
-const scanEntryPoints = async (dir: string, pattern: string) => {
-	const entryPaths: string[] = [];
-	const glob = new Glob(pattern);
-	for await (const file of glob.scan({ absolute: true, cwd: dir })) {
-		entryPaths.push(file);
-	}
-	return entryPaths;
-};

package/src/core/index.ts

@@ -1,2 +0,0 @@
-export * from "./build";
-export * from "./pageHandlers";

package/src/core/pageHandlers.ts

@@ -1,19 +0,0 @@
-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/index.ts

@@ -1,4 +0,0 @@
-export * from "./constants";
-export * from "./core/index";
-export * from "./plugins/index";
-export * from "./utils/index";

package/src/plugins/index.ts

@@ -1,2 +0,0 @@
-export * from "./networkingPlugin";
-export * from "./pageRouterPlugin";

package/src/plugins/networkingPlugin.ts

@@ -1,36 +0,0 @@
-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
-		},
-		() => {
-			//TODO: I dont think this works properly
-			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

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

package/src/types.ts

@@ -1,20 +0,0 @@
-export type HTMLScriptOption = "ts" | "js" | "ts+ssr" | "js+ssr" | undefined;
-
-export type BuildConfig = {
-	buildDirectory?: string;
-	assetsDirectory?: string;
-	reactDirectory?: string;
-	vueDirectory?: string;
-	angularDirectory?: string;
-	astroDirectory?: string;
-	svelteDirectory?: string;
-	html?: {
-		directory?: string;
-		scriptingOption: HTMLScriptOption;
-	};
-	htmxDirectory?: string;
-	tailwind?: {
-		input: string;
-		output: string;
-	};
-};

package/src/utils/index.ts

@@ -1,2 +0,0 @@
-export * from "./networking";
-export * from "./updateScriptTags";

package/src/utils/networking.ts

@@ -1,19 +0,0 @@
-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

@@ -1,60 +0,0 @@
-// 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

@@ -1,17 +0,0 @@
-{
-	"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"]
-}