wdwh 1.12.12-dev.0 → 1.12.13-dev.1

package/README.md

@@ -14,6 +14,25 @@ For development you need the Bun runtime.
 bunx wdwh@latest init
 ```
 
+## Usage
+
+```tsx
+import { createSignal } from "wdwh";
+
+const countSignal = createSignal(0);
+
+function Counter() {
+  const count = countSignal.use();
+
+  return (
+    <>
+      <h2>{count}</h2>
+      <button onClick={() => countSignal.set((prev) => prev + 1)}>Increment</button>
+    </>
+  );
+}
+```
+
 ## Adding to project
 
 ### 1. Install `wdwh`

package/hooks.d.ts

@@ -1,3 +1,4 @@
+import type { Signal } from ".";
 export declare function useRefresh(): () => void;
 export declare function useConst<T>(value: T): T;
 export declare function useHover(): (boolean | {
@@ -5,3 +6,4 @@ export declare function useHover(): (boolean | {
     onMouseLeave: () => void;
 })[];
 export declare function useSearchParam(key: string, defaultValue: string): [string, import("react").Dispatch<import("react").SetStateAction<string>>];
+export declare function useSignal<T>(signal: Signal<T>): T;

package/hooks.js

@@ -1,2 +1,2 @@
 // @bun
-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};
+import{useState as n,useSyncExternalStore as s}from"react";function c(){let r=n(!1)[1];return()=>r((e)=>!e)}function i(r){return n(r)[0]}function f(){let[r,e]=n(!1);return[r,{onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1)}]}function g(r,e){let t=n(o(r,e));return a(r,t[0]),t}function o(r,e){let t=new URLSearchParams(location.search);return t.has(r)?decodeURI(t.get(r)):e}function a(r,e){let t=new URLSearchParams(location.search);t.set(r,e),history.pushState(null,"",`?${t.toString()}`)}function S(r){return s(r.subscribe,r.get)}export{S as useSignal,g as useSearchParam,c as useRefresh,f as useHover,i as useConst};

package/{signal.d.ts → index.d.ts}

@@ -6,5 +6,7 @@ export type Signal<T> = {
     use(): T;
 };
 export declare function createSignal<T>(initial: T): Signal<T>;
-export declare function useSignal<T>(signal: Signal<T>): T;
+export type ClassValue = ClassArray | string | number | null | boolean | undefined;
+export type ClassArray = ClassValue[];
+export declare function clsx(...inputs: ClassValue[]): string;
 export {};

package/index.js

@@ -0,0 +1,2 @@
+// @bun
+import{useSyncExternalStore as l}from"react";function c(n){let e=n,t=new Set;function s(){return e}function i(r){return t.add(r),()=>t.delete(r)}return{get:s,set(r){let o=typeof r==="function"?r(e):r;if(Object.is(e,o))return;e=o,t.forEach((u)=>u())},subscribe:i,use(){return l(i,s)}}}function f(...n){let e="";for(let t of n.flat()){if(!t)continue;if(typeof t==="string")e&&(e+=" "),e+=t}return e}export{c as createSignal,f as clsx};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wdwh",
-  "version": "1.12.12-dev.0",
+  "version": "1.12.13-dev.1",
   "author": "kubashh",
   "description": "The Bun Frontend Framework.",
   "license": "MIT",
@@ -17,10 +17,11 @@
   "files": [
     "LICENSE",
     "README.md",
+    "index.js",
+    "index.d.ts",
     "hooks.js",
     "hooks.d.ts",
-    "signal.js",
-    "signal.d.ts"
+    "wdwh.js"
   ],
   "scripts": {
     "dev": "clear && bun dev/dev.ts",
@@ -35,9 +36,9 @@
     "bun-plugin-tailwind": "latest"
   },
   "devDependencies": {
-    "@types/bun": "^1.3.10",
+    "@types/bun": "^1.3.11",
     "@types/react": "^19.2.14",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"

package/signal.js

@@ -1,2 +0,0 @@
-// @bun
-import{useSyncExternalStore as o}from"react";function a(t){let r=t,n=new Set;function i(){return r}function s(e){return n.add(e),()=>n.delete(e)}return{get:i,set(e){let u=typeof e==="function"?e(r):e;if(Object.is(r,u))return;r=u,n.forEach((c)=>c())},subscribe:s,use(){return o(s,i)}}}function f(t){return o(t.subscribe,t.get)}export{f as useSignal,a as createSignal};