@absolutejs/absolute 0.2.4 → 0.3.0

package/dist/index.js

@@ -1,4 +1,4 @@
 // @bun
-var It=60,h=1000,y=60000,Nt=60,ft=24,mt=86400000,d=2,B=3000;import{rm as k,mkdir as w,writeFile as ot}from"fs/promises";import{join as n,basename as rt}from"path";import{cwd as nt,exit as st}from"process";var{$:C,build:et,Glob:A}=globalThis.Bun;import{readFile as X,writeFile as Z}from"fs/promises";var{Glob:tt}=globalThis.Bun;var H=async(r,s)=>{let e=new tt("*.html"),o=[];for await(let a of e.scan({cwd:s,absolute:!0}))o.push(a);for(let a of o){let i=await X(a,"utf8");for(let[u,l]of Object.entries(r)){let I=u.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),p=new RegExp(`(<script[^>]+src=["'])(/?(?:.*\\/)?${I})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`,"g");i=i.replace(p,(c,f,m,M,x)=>{return`${f}${l}${x}`})}await Z(a,i,"utf8")}};var yt=async({buildDir:r="build",assetsDir:s,reactIndexDir:e,javascriptDir:o,typeScriptDir:a,reactPagesDir:i,htmlDir:u,htmxDir:l})=>{let I=performance.now();console.log("Build Config",{buildDir:r,assetsDir:s,reactIndexDir:e,javascriptDir:o,typeScriptDir:a,reactPagesDir:i,htmlDir:u,htmxDir:l});let p=nt(),c=n(p,r),f=s&&n(p,s),m=e&&n(p,e),M=o&&n(p,o),x=a&&n(p,a),D=i&&n(p,i),E=u&&n(p,u),b=l&&n(p,l);await k(c,{force:!0,recursive:!0}),await w(c),D&&m&&await it(D,m);let q=new A("*.{tsx,jsx}"),T=[];for await(let t of q.scan({absolute:!0,cwd:m}))T.push(t);let z=new A("*.js"),R=[];for await(let t of z.scan({absolute:!0,cwd:M}))R.push(t);let J=new A("*.ts"),U=[];for await(let t of J.scan({absolute:!0,cwd:x}))U.push(t);let v=T.concat(R).concat(U);if(v.length===0)return console.warn("No entry points found, skipping build"),null;let{logs:K,outputs:Q}=await et({entrypoints:v,format:"esm",naming:"[dir]/[name].[hash].[ext]",outdir:c,target:"bun"}).catch((t)=>{console.error("Build failed:",t),st(1)});if(K.forEach((t)=>{if(t.level==="error")console.error(t);else if(t.level==="warning")console.warn(t);else if(t.level==="info"||t.level==="debug")console.info(t)}),f&&await C`cp -R ${f} ${c}`,E)await w(n(c,"html")),await C`cp -R ${E} ${n(c)}`;if(b)await w(n(c,"htmx")),await C`cp -R ${b} ${n(c)}`;let P=Q.reduce((t,j)=>{let _=j.path;if(_.startsWith(c))_=_.slice(c.length);_=_.replace(/^\/+/,"");let g=_.split("/").pop();if(!g)return t;let O=`.${j.hash}.`;if(!g.includes(O))throw new Error(`Expected hash delimiter ${O} in ${g}`);let[V]=g.split(O);return t[V]="/"+_,t},{});E&&await H(P,E);let N=performance.now()-I,S;if(N<h)S=`${N.toFixed(d)}ms`;else if(N<y)S=`${(N/h).toFixed(d)}s`;else S=`${(N/y).toFixed(d)}m`;return console.log(`Build completed in ${S}`),P},it=async(r,s)=>{await k(s,{force:!0,recursive:!0}),await w(s);let e=new A("*.*"),o=[];for await(let i of e.scan({cwd:r}))o.push(i);let a=o.map(async(i)=>{let u=rt(i),[l]=u.split("."),I=["import { hydrateRoot } from 'react-dom/client';",`import { ${l} } from '../pages/${l}';
-`,`hydrateRoot(document, <${l} />);`].join(`
-`);return ot(n(s,`${l}Index.tsx`),I)});await Promise.all(a)};import{createElement as ct}from"react";import{renderToReadableStream as at}from"react-dom/server.browser";var bt=async(r,s)=>{let e=ct(r),o=await at(e,{bootstrapModules:[s]});return new Response(o,{headers:{"Content-Type":"text/html"}})},Tt=(r)=>Bun.file(r);import{argv as pt}from"process";var{env:G}=globalThis.Bun;import lt from"os";var F=()=>{let r=lt.networkInterfaces(),e=Object.values(r).flat().filter((o)=>o!==void 0).find((o)=>o.family==="IPv4"&&!o.internal);if(e)return e.address;return console.warn("No IP address found, falling back to localhost"),"localhost"};var L=G.HOST??"localhost",$=G.PORT??B,Y,ut=pt,W=ut.includes("--host");if(W)Y=F(),L="0.0.0.0";var Yt=(r)=>r.listen({hostname:L,port:$},()=>{if(W)console.log(`Server started on http://localhost:${$}`),console.log(`Server started on network: http://${Y}:${$}`);else console.log(`Server started on http://${L}:${$}`)});export{H as updateScriptTags,Yt as networkingPlugin,bt as handleReactPageRequest,Tt as handleHTMLPageRequest,F as getLocalIPAddress,yt as build,d as TIME_PRECISION,It as SECONDS_IN_A_MINUTE,Nt as MINUTES_IN_AN_HOUR,h as MILLISECONDS_IN_A_SECOND,y as MILLISECONDS_IN_A_MINUTE,mt as MILLISECONDS_IN_A_DAY,ft as HOURS_IN_A_DAY,B as DEFAULT_PORT};
+var pt=60,C=1000,O=60000,It=60,mt=24,Et=86400000,x=2,h=3000;import{rm as P,mkdir as A,writeFile as tt}from"fs/promises";import{join as n,basename as ot}from"path";import{cwd as rt,exit as nt}from"process";var{$:D,build:st,Glob:v}=globalThis.Bun;import{readFile as Z,writeFile as k}from"fs/promises";var{Glob:F}=globalThis.Bun;var H=async(o,s)=>{let r=new F("*.html"),t=[];for await(let c of r.scan({cwd:s,absolute:!0}))t.push(c);for(let c of t){let a=await Z(c,"utf8");for(let[I,_]of Object.entries(o)){let N=I.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),d=new RegExp(`(<script[^>]+src=["'])(/?(?:.*\\/)?${N})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`,"g");a=a.replace(d,(u,i,g,m,S)=>{return`${i}${_}${S}`})}await k(c,a,"utf8")}};var Mt=async({buildDir:o="build",assetsDir:s,reactIndexDir:r,javascriptDir:t,typeScriptDir:c,reactPagesDir:a,htmlDir:I,htmxDir:_,tailwind:N})=>{let d=performance.now(),u=rt(),i=n(u,o),g=s&&n(u,s),m=r&&n(u,r),S=t&&n(u,t),b=c&&n(u,c),U=a&&n(u,a),l=I&&n(u,I),R=_&&n(u,_);await P(i,{force:!0,recursive:!0}),await A(i),U&&m&&await it(U,m);let G=m&&await y(m,"*.tsx"),J=S&&await y(S,"*.js"),K=b&&await y(b,"*.ts"),T=[...G??[],...J??[],...K??[]];if(T.length===0)return console.warn("No entry points found, skipping build"),null;let{logs:Q,outputs:V}=await st({entrypoints:T,format:"esm",naming:"[dir]/[name].[hash].[ext]",outdir:i,target:"bun"}).catch((e)=>{console.error("Build failed:",e),nt(1)});if(Q.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)}),g&&await D`cp -R ${g} ${i}`,l)await A(n(i,"html")),await D`cp -R ${l} ${n(i)}`;if(R)await A(n(i,"htmx")),await D`cp -R ${R} ${n(i)}`;if(N)await D`tailwindcss -i ${N.input} -o ${n(i,N.output)}`;let j=V.reduce((e,B)=>{let p=B.path;if(p.startsWith(i))p=p.slice(i.length);p=p.replace(/^\/+/,"");let w=p.split("/").pop();if(!w)return e;let M=`.${B.hash}.`;if(!w.includes(M))throw new Error(`Expected hash delimiter ${M} in ${w}`);let[X]=w.split(M);return e[X]="/"+p,e},{});l&&await H(j,l);let E=performance.now()-d,f;if(E<C)f=`${E.toFixed(x)}ms`;else if(E<O)f=`${(E/C).toFixed(x)}s`;else f=`${(E/O).toFixed(x)}m`;return console.log(`Build completed in ${f}`),j},it=async(o,s)=>{await P(s,{force:!0,recursive:!0}),await A(s);let r=new v("*.*"),t=[];for await(let a of r.scan({cwd:o}))t.push(a);let c=t.map(async(a)=>{let I=ot(a),[_]=I.split("."),N=["import { hydrateRoot } from 'react-dom/client';",`import { ${_} } from '../pages/${_}';
+`,`hydrateRoot(document, <${_} />);`].join(`
+`);return tt(n(s,`${_}Index.tsx`),N)});await Promise.all(c)},y=async(o,s)=>{let r=[],t=new v(s);for await(let c of t.scan({absolute:!0,cwd:o}))r.push(c);return r};import{createElement as et}from"react";import{renderToReadableStream as ct}from"react-dom/server.browser";var bt=async(o,s)=>{let r=et(o),t=await ct(r,{bootstrapModules:[s]});return new Response(t,{headers:{"Content-Type":"text/html"}})},Ut=(o)=>Bun.file(o);import{argv as _t}from"process";var{env:W}=globalThis.Bun;import at from"os";var Y=()=>{let o=at.networkInterfaces(),r=Object.values(o).flat().filter((t)=>t!==void 0).find((t)=>t.family==="IPv4"&&!t.internal);if(r)return r.address;return console.warn("No IP address found, falling back to localhost"),"localhost"};var L=W.HOST??"localhost",$=W.PORT??h,q,ut=_t,z=ut.includes("--host");if(z)q=Y(),L="0.0.0.0";var qt=(o)=>o.listen({hostname:L,port:$},()=>{if(z)console.log(`Server started on http://localhost:${$}`),console.log(`Server started on network: http://${q}:${$}`);else console.log(`Server started on http://${L}:${$}`)});export{H as updateScriptTags,qt as networkingPlugin,bt as handleReactPageRequest,Ut as handleHTMLPageRequest,Y as getLocalIPAddress,Mt as build,x as TIME_PRECISION,pt as SECONDS_IN_A_MINUTE,It as MINUTES_IN_AN_HOUR,C as MILLISECONDS_IN_A_SECOND,O as MILLISECONDS_IN_A_MINUTE,Et as MILLISECONDS_IN_A_DAY,mt as HOURS_IN_A_DAY,h as DEFAULT_PORT};

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

@@ -7,6 +7,10 @@ type BuildConfig = {
     reactPagesDir?: string;
     htmlDir?: string;
     htmxDir?: string;
+    tailwind?: {
+        input: string;
+        output: string;
+    };
 };
-export declare const build: ({ buildDir, assetsDir, reactIndexDir, javascriptDir, typeScriptDir, reactPagesDir, htmlDir, htmxDir }: BuildConfig) => Promise<Record<string, string> | null>;
+export declare const build: ({ buildDir, assetsDir, reactIndexDir, javascriptDir, typeScriptDir, reactPagesDir, htmlDir, htmxDir, tailwind }: BuildConfig) => Promise<Record<string, string> | null>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/absolute",
-	"version": "0.2.4",
+	"version": "0.3.0",
 	"description": "A fullstack meta-framework for building web applications with TypeScript",
 	"repository": {
 		"type": "git",
@@ -31,6 +31,9 @@
 		"typescript": "5.7.2",
 		"react": "19.1.0",
 		"svelte": "4.2.15",
-		"vue": "3.4.26"
+		"vue": "3.4.26",
+		"postcss": "8.4.49",
+		"autoprefixer": "10.4.20",
+		"tailwindcss": "3.4.17"
 	}
 }

package/postcss.config.ts

@@ -0,0 +1,8 @@
+import tailwindcss from "tailwindcss";
+import autoprefixer from "autoprefixer";
+
+const config = {
+	plugins: [tailwindcss, autoprefixer]
+};
+
+export default config;

package/src/core/build.ts

@@ -18,6 +18,10 @@ type BuildConfig = {
 	reactPagesDir?: string;
 	htmlDir?: string;
 	htmxDir?: string;
+	tailwind?: {
+		input: string;
+		output: string;
+	};
 };
 
 export const build = async ({
@@ -28,21 +32,11 @@ export const build = async ({
 	typeScriptDir,
 	reactPagesDir,
 	htmlDir,
-	htmxDir
+	htmxDir,
+	tailwind
 }: BuildConfig) => {
 	const start = performance.now();
 
-	console.log("Build Config", {
-		buildDir,
-		assetsDir,
-		reactIndexDir,
-		javascriptDir,
-		typeScriptDir,
-		reactPagesDir,
-		htmlDir,
-		htmxDir
-	});
-
 	const projectRoot = cwd();
 	const buildDirAbsolute = join(projectRoot, buildDir);
 	const assetsDirAbsolute = assetsDir && join(projectRoot, assetsDir);
@@ -67,35 +61,21 @@ export const build = async ({
 			reactIndexDirAbsolute
 		));
 
-	const reactEntryGlob = new Glob("*.{tsx,jsx}");
-	const reactEntryPaths: string[] = [];
-	for await (const file of reactEntryGlob.scan({
-		absolute: true,
-		cwd: reactIndexDirAbsolute
-	})) {
-		reactEntryPaths.push(file);
-	}
-
-	const javascriptEntryGlob = new Glob("*.js");
-	const javascriptEntryPaths: string[] = [];
-	for await (const file of javascriptEntryGlob.scan({
-		absolute: true,
-		cwd: javascriptDirAbsolute
-	})) {
-		javascriptEntryPaths.push(file);
-	}
-
-	const typeScriptEntryGlob = new Glob("*.ts");
-	const typeScriptEntryPaths: string[] = [];
-	for await (const file of typeScriptEntryGlob.scan({
-		absolute: true,
-		cwd: typeScriptDirAbsolute
-	})) {
-		typeScriptEntryPaths.push(file);
-	}
-	const entryPaths = reactEntryPaths
-		.concat(javascriptEntryPaths)
-		.concat(typeScriptEntryPaths);
+	const reactEntryPaths =
+		reactIndexDirAbsolute &&
+		(await scanEntryPoints(reactIndexDirAbsolute, "*.tsx"));
+	const javascriptEntryPaths =
+		javascriptDirAbsolute &&
+		(await scanEntryPoints(javascriptDirAbsolute, "*.js"));
+	const typeScriptEntryPaths =
+		typeScriptDirAbsolute &&
+		(await scanEntryPoints(typeScriptDirAbsolute, "*.ts"));
+
+	const entryPaths = [
+		...(reactEntryPaths ?? []),
+		...(javascriptEntryPaths ?? []),
+		...(typeScriptEntryPaths ?? [])
+	];
 
 	if (entryPaths.length === 0) {
 		console.warn("No entry points found, skipping build");
@@ -133,6 +113,10 @@ export const build = async ({
 		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;
 
@@ -202,3 +186,12 @@ const generateReactIndexFiles = async (
 	});
 	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/plugins/networkingPlugin.ts

@@ -23,6 +23,7 @@ export const networkingPlugin = (app: Elysia) =>
 			port: port
 		},
 		() => {
+			//TODO: I dont think this works properly
 			if (hostFlag) {
 				console.log(`Server started on http://localhost:${port}`);
 				console.log(

package/tailwind.config.ts

@@ -0,0 +1,7 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+	content: ["./src/frontend/**/*.{js,ts,jsx,tsx,mdx}"]
+};
+
+export default config;