wdwh 1.12.4 → 1.12.9

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/index.css` (must contain `@import "tailwindcss";`)
+- `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/hooks.d.ts

@@ -4,3 +4,4 @@ export declare function useHover(): (boolean | {
     onMouseEnter: () => void;
     onMouseLeave: () => void;
 })[];
+export declare function useSearchParam(key: string, defaultValue: string): [string, import("react").Dispatch<import("react").SetStateAction<string>>];

package/hooks.js

@@ -1,2 +1,2 @@
 // @bun
-import{useState as j}from"react";function x(){let b=j(!1)[1];return()=>b((h)=>!h)}function z(b){return j(b)[0]}function A(){let[b,h]=j(!1);return[b,{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)}]}export{x as useRefresh,A as useHover,z as useConst};
+import{useState as n}from"react";function c(){let r=n(!1)[1];return()=>r((t)=>!t)}function u(r){return n(r)[0]}function i(){let[r,t]=n(!1);return[r,{onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1)}]}function f(r,t){let e=n(s(r,t));return a(r,e[0]),e}function s(r,t){let e=new URLSearchParams(location.search);return e.has(r)?decodeURI(e.get(r)):t}function a(r,t){let e=new URLSearchParams(location.search);e.set(r,t),history.pushState(null,"",`?${e.toString()}`)}export{f as useSearchParam,c as useRefresh,i as useHover,u as useConst};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "wdwh",
-  "version": "1.12.4",
+  "version": "1.12.9",
   "author": "kubashh",
-  "description": "The Bun framework. Easyer web dev without html for static sites",
+  "description": "The Bun Frontend Framework.",
   "license": "MIT",
-  "repository": "kubashh/wdwh",
+  "repository": "https://github.com/kubashh/wdwh",
   "keywords": [
     "react",
     "framework",
@@ -17,15 +17,13 @@
   "files": [
     "LICENSE",
     "README.md",
-    "dist",
-    "config.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"
@@ -37,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",
@@ -45,7 +43,6 @@
     "react-dom": "^19.2.4"
   },
   "prettier": {
-    "semi": false,
     "printWidth": 108
   }
 }

package/signal.d.ts

@@ -1,9 +1,9 @@
-type Void = () => void;
+type Listener = () => void;
 export type Signal<T> = {
-    refresh: Void;
-    bind: (fn?: Void) => void;
-    value: T;
+    get(): T;
+    set(value: T): 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 s}from"react";function u(t){let r=t,n=new Set;return{get(){return r},set(e){if(Object.is(r,e))return;r=e,n.forEach((i)=>i())},subscribe(e){return n.add(e),()=>n.delete(e)}}}function c(t){return s(t.subscribe,t.get)}export{c as useSignal,u as createSignal};

package/wdwh.js

@@ -1,26 +1,27 @@
 #!/usr/bin/env bun
 // @bun
-import{cpSync as T,readdirSync as X,rmSync as I}from"fs";var m=`
-[serve.static]
-plugins = ["bun-plugin-tailwind"]
-env = "BUN_PUBLIC_*"`;var P=`import { createRoot } from "react-dom/client"
-import "../../../src/app/index.css"
-import App from "APP_PATH"
+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 A=`import index from "./index.html"
+createRoot(document.getElementsByTagName("body")[0]).render(<App />);
+`;var O=`import index from "./index.html";
 
 const { url } = Bun.serve({
   routes: { "/*": index },
   development: { hmr: true },
-})
+});
 
-process.send?.(\`> Server running at \${url}\`)
-`;var B="../../../src/app/App.tsx",s="./node_modules/.cache/wdwh",h={[`${s}/frontend.tsx`]:P.replace("APP_PATH",B),[`${s}/server.ts`]:A};async function w(){let r=await Bun.file("./src/app/index.tsx").text(),e=v(r,"export const config"),t=v(r,"export const metadata");if(t.iconPath&&t.iconPath[0]===".")t.iconPath=`../../../src/app${t.iconPath.slice(1)}`;return{config:e,metadata:t}}function v(r,e){let t=r.indexOf("{",r.indexOf(e)),o=r.indexOf("}",t)+1;return C(r.slice(t,o))}function C(r){let e=r.trim();return e=e.replace(/\/\/.*$/gm,""),e=e.replace(/\/\*[\s\S]*?\*\//g,""),e=e.replace(/,\s*([}\]])/g,"$1"),e=e.replace(/([{,]\s*)([A-Za-z0-9_$]+)\s*:/g,'$1"$2":'),e=e.replace(/'|`/g,'"'),JSON.parse(e)}async function i(){let{metadata:r}=await w();for(let n in h)await Bun.write(n,h[n]);let{headContent:e,body:t}=await D(),{title:o,iconPath:p,...a}=r,$=["<!DOCTYPE html>",'<html lang="en">',"<head>",'<meta charset="UTF-8" />','<meta name="viewport" content="width=device-width, initial-scale=1.0" />',e,Object.keys(a).map((n)=>`<meta name="${n}" content="${a[n]}" />`),`<link rel="icon" href="${p}" />`,`<title>${o}</title>`,'<script src="./frontend.tsx"></script>',"</head>",t,"</html>"];await Bun.write(`${s}/index.html`,$.join(`
-`))}async function D(){let r=await Bun.file("./src/app/index.tsx").text(),e=_(r,"head").slice(6,-7),t=_(r,"body").replaceAll("className","class"),o=t.indexOf(">")+1,p=t.lastIndexOf("<");return t=t.replace(t.slice(o,p),""),{headContent:e,body:t}}function _(r,e){for(let t,o=r.indexOf("export default");;o++){if(!t&&r.startsWith(`<${e}`,o))t=o;if(t&&r.startsWith(`</${e}>`,o))return r.slice(t,o+e.length+3).replaceAll(`
-`," ").replaceAll(/\s{2,}/g," ").trim()}}async function j(){await i();let r=Bun.file("./bunfig.toml");if(await r.exists()){let t=await r.text();if(!t.includes("bun-plugin-tailwind")){t+=`${t===""?"":`
-`}${m}`,await r.write(t);try{await Bun.$`bunx wdwh dev`}catch{}process.exit()}}else{await r.write(m);async function t(){let o=Bun.file("bunfig.toml");try{if(await o.exists())await o.delete()}catch{}}process.on("SIGINT",t),setTimeout(t,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:(t)=>{console.log(t)}}).exited}import S from"bun-plugin-tailwind";import l from"fs";async function N(){let r=performance.now(),{config:e}=await w();await i();let t={entrypoints:[`${s}/index.html`],outdir:e.outdir,plugins:[S],minify:!0,target:"browser",sourcemap:"none",define:{"process.env.NODE_ENV":'"production"'},external:e.external,naming:!e.hashFiles?{chunk:"[name].[ext]",asset:"[name].[ext]"}:void 0};if(e.cleanPrev&&l.existsSync(e.outdir))l.rmSync(e.outdir,{recursive:!0});let o=await Bun.build(t),p=Bun.file(`${e.outdir}/index.html`),a=y(await p.text());if(e.bundleCss){let n=o.outputs.find((d)=>d.path.endsWith(".css"));if(n?.path){let d=Bun.file(n.path),O=a.indexOf('<link rel="stylesheet"'),c=O;for(;c<a.length;c++)if(["/>",'">'].includes(a.slice(c,c+2))){c+=2;break}let J=a.slice(O,c),R=`<style>${y(await d.text())}</style>`;a=a.replace(J,R),await d.delete(),o.outputs.splice(o.outputs.indexOf(n),1)}}await p.write(a);let $=performance.now();if(process.argv.includes("--dir"))console.log(`See "${e.outdir}"`);if(process.argv.includes("--time"))console.log(`Build in ${$-r}ms`)}function y(r){return r.replaceAll(`
-`," ").replaceAll(/\s{2,}/g," ").replaceAll(/ > | >|> /g,">").replaceAll(/ < | <|< /g,"<").replaceAll(/ ; | ;|; /g,";").replaceAll(/ { | {|{ /g,"{").replaceAll(/ } | }|} /g,"}").replaceAll(/ " | "|" /g,'"').replaceAll(/ , | ,|, /g,",")}var x="./tmp.zip",Y="https://raw.githubusercontent.com/kubashh/wdwh/main/template/template.zip";switch(process.argv[2]){case"dev":await j();break;case"build":await N();break;case"init":{if(X(".").length===0){let t=await(await fetch(Y)).bytes();await Bun.write(x,t);let o=process.platform==="win32"?["powershell","-Command","Expand-Archiv","-Path",x,"-DestinationPath",".","-Force"]:["unzip","-o",x,"-d","."];Bun.spawnSync(o),T("./template/template",".",{recursive:!0}),I(x),I("./template",{recursive:!0}),console.log('Run "bun i && bun dev" and start development!')}else console.log("Cannot initialize wdwh project: folder is not empty. Use an empty directory."),process.exit(1);break}default:console.log(`Usage:
+process.send?.(\`> Server running at \${url}\`);
+`;var L=`
+[serve.static]
+plugins = ["bun-plugin-tailwind"]
+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()){let _=await U.text();if(!_.includes("bun-plugin-tailwind"))_+=`${_===""?"":`
+`}${L}`,await U.write(_),H()}else{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),H()}await Bun.spawn({cmd:["bun","node_modules/.cache/wdwh/server.ts"],stdio:["ignore","ignore","inherit"],ipc:(_)=>{console.log(_)}}).exited}function H(){Bun.spawnSync({cmd:["bunx","wdwh","dev"],stdio:["ignore","ignore","ignore"]}),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 E=j.slice(I,q),S=`<style>${C(await K.text())}</style>`;j=j.replace(E,S),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/config.d.ts

@@ -1,17 +0,0 @@
-type WdwhConfig = {
-  outdir: string
-  bundleCss?: boolean
-  hashFiles?: boolean
-  cleanPrev?: boolean
-  external?: string[]
-}
-
-type Metadata = {
-  iconPath: string
-  title: string
-  description?: string
-  author?: string
-  keywords?: string
-  themeColor?: string
-  [name: string]: string | undefined
-}