@bouko/react 2.6.6 → 2.6.8

package/dist/format/index.js

@@ -1,33 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const delimiterConfig = [
-    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
-    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
-    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
-];
-const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
-const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
-const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
-export const cap = (x) => x.charAt(0).toUpperCase() + x.slice(1, x.length);
-export const formatText = (text) => {
-    const parts = text
-        .split(WRAPPED_TEXT_REGEX)
-        .filter(Boolean);
-    const formatted = parts.map((x, i) => {
-        if (isWrapped(x, "**")) {
-            // Remove only the first and last occurrence of the delimiter
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-bold", children: content }, i);
-        }
-        else if (isWrapped(x, "~~")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-semibold", children: content }, i);
-        }
-        else if (isWrapped(x, "^^")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "text-accent", children: content }, i);
-        }
-        return x;
-    });
-    return _jsx("span", { children: formatted }, void 0);
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+const delimiterConfig = [
+    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
+    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
+    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
+];
+const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
+const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
+const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
+export const cap = (x) => x.charAt(0).toUpperCase() + x.slice(1, x.length);
+export const formatText = (text) => {
+    const parts = text
+        .split(WRAPPED_TEXT_REGEX)
+        .filter(Boolean);
+    const formatted = parts.map((x, i) => {
+        if (isWrapped(x, "**")) {
+            // Remove only the first and last occurrence of the delimiter
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-bold", children: content }, i);
+        }
+        else if (isWrapped(x, "~~")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-semibold", children: content }, i);
+        }
+        else if (isWrapped(x, "^^")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "text-accent", children: content }, i);
+        }
+        return x;
+    });
+    return _jsx("span", { children: formatted });
+};

package/dist/hooks/audio/sound.d.ts

@@ -1 +1 @@
-export default function useSound(filename?: string): import("use-sound/dist/types").PlayFunction | undefined;
+export default function useSound(filename?: string): import("use-sound/dist/types").PlayFunction | undefined;

package/dist/hooks/audio/sound.js

@@ -1,6 +1,6 @@
-import { default as base } from "use-sound";
-export default function useSound(filename) {
-    if (!filename)
-        return;
-    return base(filename)[0];
-}
+import { default as base } from "use-sound";
+export default function useSound(filename) {
+    if (!filename)
+        return;
+    return base(filename)[0];
+}

package/dist/hooks/clock/interval.d.ts

@@ -1,8 +1,8 @@
-declare type Props = {
-    action: () => Promise<boolean | void>;
-    duration: number;
-    deps: unknown[];
-    oops?: (x: string) => void;
-};
-export default function useInterval({ action, duration, deps, oops }: Props): void;
-export {};
+type Props = {
+    action: () => Promise<boolean | void>;
+    duration: number;
+    deps: unknown[];
+    oops?: (x: string) => void;
+};
+export default function useInterval({ action, duration, deps, oops }: Props): void;
+export {};

package/dist/hooks/clock/interval.js

@@ -1,25 +1,25 @@
-"use client";
-import { useEffect, useRef } from "react";
-export default function useInterval({ action, duration, deps = [], oops }) {
-    const ref = useRef(async () => false);
-    useEffect(() => {
-        ref.current = action;
-    }, [action]);
-    useEffect(() => {
-        if (deps.some(v => v === undefined || v === null))
-            return;
-        const tick = async () => {
-            try {
-                const stop = await ref.current();
-                if (stop && id)
-                    clearInterval(id);
-            }
-            catch (err) {
-                oops?.(err.message);
-            }
-        };
-        const id = setInterval(tick, duration);
-        tick();
-        return () => clearInterval(id);
-    }, [duration, ...deps]);
-}
+"use client";
+import { useEffect, useRef } from "react";
+export default function useInterval({ action, duration, deps = [], oops }) {
+    const ref = useRef(async () => false);
+    useEffect(() => {
+        ref.current = action;
+    }, [action]);
+    useEffect(() => {
+        if (deps.some(v => v === undefined || v === null))
+            return;
+        const tick = async () => {
+            try {
+                const stop = await ref.current();
+                if (stop && id)
+                    clearInterval(id);
+            }
+            catch (err) {
+                oops?.(err.message);
+            }
+        };
+        const id = setInterval(tick, duration);
+        tick();
+        return () => clearInterval(id);
+    }, [duration, ...deps]);
+}

package/dist/hooks/element/container.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export default function useContainer(): {
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    container: HTMLElement | null | undefined;
-};
+export default function useContainer(): {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+    container: HTMLElement | null | undefined;
+};

package/dist/hooks/element/container.js

@@ -1,7 +1,7 @@
-"use client";
-import { useRef } from "react";
-export default function useContainer() {
-    const ref = useRef(null);
-    const container = ref.current?.parentElement;
-    return { ref, container };
-}
+"use client";
+import { useRef } from "react";
+export default function useContainer() {
+    const ref = useRef(null);
+    const container = ref.current?.parentElement;
+    return { ref, container };
+}

package/dist/hooks/element/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export default function useElement(): {
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    width: number;
-};
+export default function useElement(): {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+    width: number;
+};

package/dist/hooks/element/index.js

@@ -1,9 +1,9 @@
-"use client";
-import { useRef } from "react";
-export default function useElement() {
-    const ref = useRef(null);
-    return {
-        ref,
-        width: ref.current?.clientWidth || 0
-    };
-}
+"use client";
+import { useRef } from "react";
+export default function useElement() {
+    const ref = useRef(null);
+    return {
+        ref,
+        width: ref.current?.clientWidth || 0
+    };
+}

package/dist/hooks/element/resize.d.ts

@@ -1 +1 @@
-export default function useResizeObserver(element: HTMLElement | null | undefined, action: () => void): void;
+export default function useResizeObserver(element: HTMLElement | null | undefined, action: () => void): void;

package/dist/hooks/element/resize.js

@@ -1,12 +1,12 @@
-"use client";
-import { useEffect } from "react";
-export default function useResizeObserver(element, action) {
-    useEffect(() => {
-        if (!element)
-            return;
-        const observer = new ResizeObserver(action);
-        observer.observe(element);
-        action();
-        return () => observer.disconnect();
-    }, [element, action]);
-}
+"use client";
+import { useEffect } from "react";
+export default function useResizeObserver(element, action) {
+    useEffect(() => {
+        if (!element)
+            return;
+        const observer = new ResizeObserver(action);
+        observer.observe(element);
+        action();
+        return () => observer.disconnect();
+    }, [element, action]);
+}

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { default as useElement } from "./element";
-export { default as useContainer } from "./element/container";
-export { default as useResize } from "./element/resize";
-export { default as useInterval } from "./clock/interval";
-export { default as useSound } from "./audio/sound";
+export { default as useElement } from "./element";
+export { default as useContainer } from "./element/container";
+export { default as useResize } from "./element/resize";
+export { default as useInterval } from "./clock/interval";
+export { default as useSound } from "./audio/sound";

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
-export { default as useElement } from "./element";
-export { default as useContainer } from "./element/container";
-export { default as useResize } from "./element/resize";
-export { default as useInterval } from "./clock/interval";
-export { default as useSound } from "./audio/sound";
+export { default as useElement } from "./element";
+export { default as useContainer } from "./element/container";
+export { default as useResize } from "./element/resize";
+export { default as useInterval } from "./clock/interval";
+export { default as useSound } from "./audio/sound";

package/dist/index.d.ts

@@ -1,14 +1,14 @@
-export { default as Input } from "./components/input";
-export { default as TextArea } from "./components/textarea";
-export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/multiple-choice";
-export { default as Attachment } from "./components/attachment";
-export { default as CheckBox } from "./components/checkbox";
-export { default as FadeCarousel } from "./components/fade-carousel";
-export * from "./components";
-export * from "./components/search-bar";
-export * from "./core/types";
-export * from "./core/functions";
-export * from "./core/format";
-export * from "./components/form/functions";
-export * from "./hooks";
+export { default as Input } from "./components/input";
+export { default as TextArea } from "./components/textarea";
+export { default as Select } from "./components/select";
+export { default as MultipleChoice } from "./components/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./components/form/functions";
+export * from "./hooks";

package/dist/index.js

@@ -1,14 +1,14 @@
-export { default as Input } from "./components/input";
-export { default as TextArea } from "./components/textarea";
-export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/multiple-choice";
-export { default as Attachment } from "./components/attachment";
-export { default as CheckBox } from "./components/checkbox";
-export { default as FadeCarousel } from "./components/fade-carousel";
-export * from "./components";
-export * from "./components/search-bar";
-export * from "./core/types";
-export * from "./core/functions";
-export * from "./core/format";
-export * from "./components/form/functions";
-export * from "./hooks";
+export { default as Input } from "./components/input";
+export { default as TextArea } from "./components/textarea";
+export { default as Select } from "./components/select";
+export { default as MultipleChoice } from "./components/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./components/form/functions";
+export * from "./hooks";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.6.6",
+  "version": "2.6.8",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -23,6 +23,7 @@
     "@bouko/audio": "^0.1.0",
     "@bouko/form": "^0.5.7",
     "@bouko/style": "^0.1.7",
+    "@bouko/ts": "^0.3.5",
     "@wavesurfer/react": "^1.0.11",
     "clsx": "^2.1.1",
     "file-type": "^21.0.0",
@@ -36,9 +37,11 @@
   },
 
   "devDependencies": {
+    "@types/node": "^24.3.1",
     "@types/react": "^19.1.10",
     "dependency-cruiser": "^17.0.1",
-    "react": "^19.1.1"
+    "react": "^19.1.1",
+    "typescript": "^5.9.2"
   }
 
 }