wdwh 1.12.7 → 1.12.10

package/README.md

@@ -1,6 +1,12 @@
-# WDWH (Easyer web dev without html)
+# WDWH (Easier web dev without html)
 
-Works only with Bun runtime
+The Bun frontend framework.
+Designed to simplify static-site web development using TypeScript and Bun runtime.
+The framework automatically converts `src/app/**/index.tsx` pages into HTML
+during build, supports multi‑page projects, and bundles client-side code with
+tailwind CSS.  
+For development you need the Bun runtime.  
+[Install bun](https://bun.com/docs/installation)
 
 ## Init project
 
@@ -29,9 +35,18 @@ bun i wdwh@latest
 
 ### 3. [Add files](https://github.com/kubashh/wdwh/tree/main/template/template)
 
-- `src/app/index.tsx` (contains only `html` `head` `body` tags and `metadata`)
-- `src/app/App.tsx` (app entry point)
+- `src/app/index.tsx` and additional `src/app/` subfolders – **all**
+  `index.tsx` files are treated as separate pages and will produce
+  `/dist/index.html`, `/dist/foo/index.html`, etc.
+- `src/app/App.tsx`
 - `src/app/react.svg` (favicon, can be any other image, bun path must be specify in `src/app/index.tsx`)
 - `src/app/global.css` (must contain `@import "tailwindcss";`)
 - `package.json` (with scripts `dev` `build`)
-- `tsconfig.json` (for `typescript`)
+- `tsconfig.json` (for `typescript`). The framework ships with strict
+  settings and checks every page file during build.
+
+### Optional helper utilities
+
+- You can use built‑in helpers such as `useUrl()` (client side hook that
+  returns the current path) and other future `comptime` helpers for compiling
+  data at build time. Extend them by editing `src/lib/*` or adding plugins.

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "wdwh",
-  "version": "1.12.7",
+  "version": "1.12.10",
   "author": "kubashh",
-  "description": "The Bun framework. Easyer web dev without html for static sites",
+  "description": "The Bun Frontend Framework.",
   "license": "MIT",
   "repository": "https://github.com/kubashh/wdwh",
   "keywords": [
@@ -17,14 +17,13 @@
   "files": [
     "LICENSE",
     "README.md",
-    "index.d.ts",
     "hooks.js",
     "hooks.d.ts",
     "signal.js",
     "signal.d.ts"
   ],
   "scripts": {
-    "dev": "bun dev/dev.ts",
+    "dev": "clear && bun dev/dev.ts",
     "build": "bun dev/scripts.ts",
     "pub": "bun dev/scripts.ts pub",
     "zip": "zip -r template/template.zip template/template"
@@ -36,7 +35,7 @@
     "bun-plugin-tailwind": "latest"
   },
   "devDependencies": {
-    "@types/bun": "^1.3.9",
+    "@types/bun": "^1.3.10",
     "@types/react": "^19.2.14",
     "tailwindcss": "^4.2.1",
     "typescript": "^5.9.3",

package/signal.d.ts

@@ -1,9 +1,10 @@
-type Void = () => void;
+type Listener = () => void;
 export type Signal<T> = {
-    refresh: Void;
-    bind: (fn?: Void) => void;
-    value: T;
+    get(): T;
+    set(value: T): void;
+    forceRefresh(): void;
+    subscribe(listener: Listener): () => void;
 };
-export declare function signal<T>(v: T): Signal<T>;
-export declare function useSignal<T>(v: T, f?: Void): Signal<T>;
+export declare function createSignal<T>(initial: T): Signal<T>;
+export declare function useSignal<T>(signal: Signal<T>): T;
 export {};

package/signal.js

@@ -1,2 +1,2 @@
 // @bun
-import{useState as s}from"react";function o(e){return s(e)[0]}function n(){let e=s(!1)[1];return()=>e((r)=>!r)}class t{v;refresh=()=>{throw Error("Refresh not bind!")};constructor(e){this.v=e}bind(e){if(e){let r=n();this.refresh=()=>{e(),r()}}else this.refresh=n()}get value(){return this.v}set value(e){this.v=e,this.refresh?.()}}function f(e){return new t(e)}function T(e,r){let i=o(new t(e));return i.bind(r),i}export{T as useSignal,f as signal};
+import{useSyncExternalStore as o}from"react";function u(t){let r=t,i=new Set;return{get(){return r},set(e){let n=typeof e==="function"?e(r):e;if(Object.is(r,n))return;r=n,i.forEach((s)=>s())},forceRefresh(){i.forEach((e)=>e())},subscribe(e){return i.add(e),()=>i.delete(e)}}}function T(t){return o(t.subscribe,t.get)}export{T as useSignal,u as createSignal};

package/wdwh.js

@@ -1,11 +1,11 @@
 #!/usr/bin/env bun
 // @bun
-import{cpSync as D,existsSync as g,rmSync as P}from"fs";import f from"path";var q=`import { createRoot } from "react-dom/client";
+import{cpSync as F,existsSync as o,rmSync as P}from"fs";import d from"path";var X=`import { createRoot } from "react-dom/client";
 import "../../../src/app/global.css";
 import App from "APP_PATH";
 
 createRoot(document.getElementsByTagName("body")[0]).render(<App />);
-`;var B=`import index from "./index.html";
+`;var O=`import index from "./index.html";
 
 const { url } = Bun.serve({
   routes: { "/*": index },
@@ -13,15 +13,15 @@ const { url } = Bun.serve({
 });
 
 process.send?.(\`> Server running at \${url}\`);
-`;var V=`
+`;var L=`
 [serve.static]
 plugins = ["bun-plugin-tailwind"]
-env = "BUN_PUBLIC_*"`;var F="../../../src/app/App.tsx",L="./src/app/index.tsx",U="./node_modules/.cache/wdwh",X={[`${U}/frontend.tsx`]:q.replace("APP_PATH",F),[`${U}/server.ts`]:B};import K from"path";async function W(_){_=_;let v=await S();for(let N in X)await Bun.write(N,X[N]);let{headContent:$,body:p}=await r(),{title:A,iconPath:G,...I}=v,w=["<!DOCTYPE html>",'<html lang="en">',"<head>",'<meta charset="UTF-8" />','<meta name="viewport" content="width=device-width, initial-scale=1.0" />',$,...Object.keys(I).map((N)=>`<meta name="${N}" content="${I[N]}" />`),`<link rel="icon" href="${G}" />`,`<title>${A}</title>`,'<script src="./frontend.tsx"></script>',"</head>",p,"</html>"];await Bun.write(`${U}/index.html`,w.join(`
-`))}async function S(){let _=await Bun.file(L).text(),v=E(_,"export const metadata");if(v.iconPath&&v.iconPath[0]===".")v.iconPath=K.join("../../../src/app",v.iconPath);return v}function E(_,v){let $=_.indexOf("{",_.indexOf(v)),p=_.indexOf("}",$)+1,A=_.slice($,p).trim();return A=A.replace(/\/\/.*$/gm,""),A=A.replace(/\/\*[\s\S]*?\*\//g,""),A=A.replace(/,\s*([}\]])/g,"$1"),A=A.replace(/([{,]\s*)([A-Za-z0-9_$]+)\s*:/g,'$1"$2":'),A=A.replace(/'|`/g,'"'),JSON.parse(A)}async function r(){let _=await Bun.file(L).text(),v=M(_,"head").slice(6,-7),$=M(_,"body").replaceAll("className","class"),p=$.indexOf(">")+1,A=$.lastIndexOf("<");return $=$.replace($.slice(p,A),""),{headContent:v,body:$}}function M(_,v){for(let $,p=_.indexOf("export default");;p++){if(!$&&_.startsWith(`<${v}`,p))$=p;if($&&_.startsWith(`</${v}>`,p))return _.slice($,p+v.length+3).replaceAll(`
-`," ").replaceAll(/\s{2,}/g," ").trim()}}function Y(){let _=new Bun.Glob("**/index.tsx"),v=[];for(let $ of _.scanSync("src/app"))v.push({filePath:K.join("src/app",$),tmpPath:K.join(),htmlPath:K.join(),iconPath:K.join(),urlPath:""});return v}async function H(){let _=Y();await W(_);let v=Bun.file("./bunfig.toml");if(await v.exists()){let p=await v.text();if(!p.includes("bun-plugin-tailwind")){p+=`${p===""?"":`
-`}${V}`,await v.write(p);try{await Bun.$`bunx wdwh dev`}catch{}process.exit()}}else{await v.write(V);async function p(){let A=Bun.file("bunfig.toml");try{if(await A.exists())await A.delete()}catch{}}process.on("SIGINT",p),setTimeout(p,250);try{await Bun.$`bunx wdwh dev`}catch{}process.exit()}await Bun.spawn({cmd:["bun","node_modules/.cache/wdwh/server.ts"],stdout:"ignore",stderr:"inherit",ipc:(p)=>{console.log(p)}}).exited}import y from"bun-plugin-tailwind";import b from"fs";async function z(){let _=performance.now(),v=Y(),p=(await Bun.file("package.json").json()).wdwh||{};if(!p.outdir)p.outdir="dist";await W(v);let A={entrypoints:[`${U}/index.html`],outdir:p.outdir,plugins:[y],minify:!0,target:"browser",sourcemap:"none",external:p.external,naming:p.hashFiles===!1?{chunk:"[name].[ext]",asset:"[name].[ext]"}:void 0,define:{"process.env.NODE_ENV":'"production"'}};if(p.cleanPrev)b.rmSync(p.outdir,{recursive:!0,force:!0});let G=await Bun.build(A),I=Bun.file(`${p.outdir}/index.html`),w=k(await I.text());if(v.length===1){let J=G.outputs.find((Q)=>Q.path.endsWith(".css"));if(J?.path){let Q=Bun.file(J.path),j=w.indexOf('<link rel="stylesheet"'),R=j;for(;R<w.length;R++)if(["/>",'">'].includes(w.slice(R,R+2))){R+=2;break}let C=w.slice(j,R),T=`<style>${k(await Q.text())}</style>`;w=w.replace(C,T),await Q.delete(),G.outputs.splice(G.outputs.indexOf(J),1)}}await I.write(w);let N=performance.now();if(process.argv.includes("--dir"))console.log(`See "${p.outdir}"`);if(process.argv.includes("--time"))console.log(`Build in ${N-_}ms`)}function k(_){return _.replaceAll(`
-`," ").replaceAll(/\s{2,}/g," ").replaceAll(/ > | >|> /g,">").replaceAll(/ < | <|< /g,"<").replaceAll(/ ; | ;|; /g,";").replaceAll(/ { | {|{ /g,"{").replaceAll(/ } | }|} /g,"}").replaceAll(/ " | "|" /g,'"').replaceAll(/ , | ,|, /g,",")}var Z="./tmp.zip",m="https://raw.githubusercontent.com/kubashh/wdwh/main/template/template.zip";switch(process.argv[2]){case"dev":await H();break;case"build":await z();break;case"init":{let _=await fetch(m);if(!_.ok)console.log(`feach error: ${_.status}`),process.exit(1);let v=await _.bytes();await Bun.write(Z,v);let $=process.platform==="win32"?["powershell","-Command","Expand-Archiv","-Path",Z,"-DestinationPath",".","-Force"]:["unzip","-o",Z,"-d","."];Bun.spawnSync($);let p=new Bun.Glob("**/*");for(let A of p.scanSync("template/template"))if(!g(A))D(f.join("template/template",A),A),console.log(`+ ${A}`);D("./template/template",".",{recursive:!0}),P(Z),P("./template",{recursive:!0}),console.log(`
-Run "bun i && bun dev" and start development!`);break}default:console.log(`Usage:
+env = "BUN_PUBLIC_*"`;var b="../../../src/app/App.tsx",B="./node_modules/.cache/wdwh",k={[`${B}/frontend.tsx`]:X.replace("APP_PATH",b),[`${B}/server.ts`]:O};import D from"path";async function M(R){for(let U of R){for(let N in k)await Bun.write(N,k[N]);let{headContent:A,body:_}=await x(U),v=D.join(B,U.urlPath,"index.html"),G=["<!DOCTYPE html>",'<html lang="en">',"<head>",'<meta charset="UTF-8" />','<meta name="viewport" content="width=device-width, initial-scale=1.0" />',A,'<script src="./frontend.tsx"></script>',"</head>",_,"</html>"];await Bun.write(v,G.join(`
+`))}}async function x(R){let U=await Bun.file(R.tsxPath).text(),A=$(U,"head").slice(6,-7),_=A.match(/<link\s+rel=["']icon["']\s+href=["']([^"']+)["']\s*\/?>/)?.at(1);if(_){let W=D.join("../".repeat(R.urlPath.split("/").length+2),"src/app",R.urlPath,_);A=A.replace(/<link\s+rel=["']icon["']\s+href=["'][^"']+["']\s*\/?>/,`<link rel="icon" href="${W}" />`)}let v=$(U,"body").replaceAll("className","class"),G=v.indexOf(">")+1,N=v.lastIndexOf("<");return v=v.replace(v.slice(G,N),""),{headContent:A,body:v}}function $(R,U){for(let A,_=R.indexOf("export default");;_++){if(!A&&R.startsWith(`<${U}`,_))A=_;if(A&&R.startsWith(`</${U}>`,_))return R.slice(A,_+U.length+3).replaceAll(`
+`," ").replaceAll(/\s{2,}/g," ").trim()}}function Q(){let R=new Bun.Glob("**/index.tsx"),U=[];for(let A of R.scanSync("src/app")){let _=D.join("src/app",A),v=A.replace(/index\.tsx$/,"").replace(/\\/g,"/");U.push({tsxPath:_,urlPath:v})}return U}async function w(){let R=Q();await M(R);let U=Bun.file("./bunfig.toml");if(await U.exists()){console.log("Creating bunfig...");let _=await U.text();if(!_.includes("bun-plugin-tailwind"))_+=`${_===""?"":`
+`}${L}`,await U.write(_),await H()}else{console.log("Deleting bunfig..."),await U.write(L);async function _(){let v=Bun.file("bunfig.toml");try{if(await v.exists())await v.delete()}catch{}}process.on("SIGINT",_),setTimeout(_,250),await H()}console.log("Exists of bunfig...");function A(){console.log("Exit")}process.on("SIGINT",A);try{await Bun.spawn({cmd:["bun","node_modules/.cache/wdwh/server.ts"],stdio:["ignore","ignore","pipe"],ipc:(v)=>{console.log(v)}}).exited}catch(_){console.error(_)}}async function H(){try{await Bun.$`bunx wdwh dev`}catch{}process.exit()}import u from"fs";import z from"path";import g from"bun-plugin-tailwind";async function T(){let R=Q(),U=performance.now(),_=(await Bun.file("package.json").json()).wdwh||{};if(!_.outdir)_.outdir="dist";await M(R);let G={entrypoints:R.map((Y)=>z.join(B,Y.urlPath,"index.html")),outdir:_.outdir,plugins:[g],minify:!0,target:"browser",sourcemap:"none",external:_.external,naming:_.hashFiles===!1?{chunk:"[name].[ext]",asset:"[name].[ext]"}:void 0,define:{"process.env.NODE_ENV":'"production"'}};if(_.cleanPrev)u.rmSync(_.outdir,{recursive:!0,force:!0});let N=await Bun.build(G);for(let Y of R){let J=Bun.file(z.join(_.outdir,Y.urlPath,"index.html")),j=C(await J.text());if(R.length===1){let Z=N.outputs.find((K)=>K.path.endsWith(".css"));if(Z?.path){let K=Bun.file(Z.path),I=j.indexOf('<link rel="stylesheet"'),q=I;for(;q<j.length;q++)if(["/>",'">'].includes(j.slice(q,q+2))){q+=2;break}let S=j.slice(I,q),E=`<style>${C(await K.text())}</style>`;j=j.replace(S,E),await K.delete(),N.outputs.splice(N.outputs.indexOf(Z),1)}}await J.write(j)}let W=performance.now();if(process.argv.includes("--dir"))console.log(`See "${_.outdir}"`);if(process.argv.includes("--time"))console.log(`Build in ${W-U}ms`)}function C(R){return R.replaceAll(`
+`," ").replaceAll(/\s{2,}/g," ").replaceAll(/ > | >|> /g,">").replaceAll(/ < | <|< /g,"<").replaceAll(/ ; | ;|; /g,";").replaceAll(/ { | {|{ /g,"{").replaceAll(/ } | }|} /g,"}").replaceAll(/ " | "|" /g,'"').replaceAll(/ , | ,|, /g,",")}var V="./tmp.zip",f="https://raw.githubusercontent.com/kubashh/wdwh/main/template/template.zip";switch(process.argv[2]){case"dev":await w();break;case"build":await T();break;case"init":{let R=await fetch(f);if(!R.ok)console.log(`feach error: ${R.status}`),process.exit(1);let U=await R.bytes();await Bun.write(V,U);let A=process.platform==="win32"?["powershell","-Command","Expand-Archiv","-Path",V,"-DestinationPath",".","-Force"]:["unzip","-o",V,"-d","."];Bun.spawnSync(A);let _=new Bun.Glob("**/*");for(let v of _.scanSync("template/template"))if(!o(v))F(d.join("template/template",v),v),console.log(`+ ${v}`);F("./template/template",".",{recursive:!0}),P(V),P("./template",{recursive:!0}),console.log("Installing dependencies..."),await Bun.$`bun update`,console.log(`
+Run "bun dev" and start development!`);break}default:console.log(`Usage:
 wdwh dev
 wdwh build
       --dir             # Print out dir

package/index.d.ts

@@ -1,9 +0,0 @@
-export type Metadata = {
-  iconPath: string;
-  title: string;
-  description?: string;
-  author?: string;
-  keywords?: string;
-  themeColor?: string;
-  [name: string]: string | undefined;
-};