@gohanfromgoku/ui-kit 0.0.2 → 0.0.4

package/dist/api/index.js

@@ -1 +1,82 @@
-export const METHODS={GET:"GET",POST:"POST",PUT:"PUT",DELETE:"DELETE"};const appendParams=(t,e)=>{if(!e)return t;const s=new URLSearchParams({...e}).toString();return s?`${t}?${s}`:t},parseResponse=async t=>{const e=t.headers.get("content-type")||"";return e.includes("application/json")?await t.json().catch(()=>null):e.includes("text/")?await t.text():await t.blob().catch(()=>null)},baseHeaders={"Content-Type":"application/json"};export class API{baseURL;constructor(t){this.baseURL=t.replace(/\/+$/,"")}createURL(t){return t.startsWith("http")?t:"/"===t||""===t?this.baseURL:t.startsWith("/")?`${this.baseURL}${t}`:`${this.baseURL}/${t}`}async request(t,e,s={}){const{params:a,headers:r,body:n,signal:i}=s,o=appendParams(this.createURL(e),a),c=n instanceof FormData||t===METHODS.GET?{...r}:{...baseHeaders,...r},T=await fetch(o,{method:t,body:n?n instanceof FormData||"string"==typeof n?n:JSON.stringify(n):void 0,headers:c,signal:i}),E=await parseResponse(T);if(!T.ok)throw E;return E}GET=(t,e)=>this.request(METHODS.GET,t,e);POST=(t,e)=>this.request(METHODS.POST,t,e);PUT=(t,e)=>this.request(METHODS.PUT,t,e);DELETE=(t,e)=>this.request(METHODS.DELETE,t,e)}
+export const METHODS = {
+    GET: "GET",
+    POST: "POST",
+    PUT: "PUT",
+    DELETE: "DELETE"
+};
+const appendParams = (url, params) => {
+    if (!params)
+        return url;
+    const urlParams = new URLSearchParams({ ...params }).toString();
+    return urlParams ? `${url}?${urlParams}` : url;
+};
+const parseResponse = async (res) => {
+    const contentType = res.headers.get("content-type") || "";
+    if (contentType.includes("application/json")) {
+        return await res.json().catch(() => null);
+    }
+    if (contentType.includes("text/")) {
+        return await res.text();
+    }
+    return await res.blob().catch(() => null);
+};
+export class API {
+    baseURL;
+    defaultHeaders = {};
+    timeout = 0;
+    constructor(baseURL, headers = {}, timeout = 0) {
+        this.baseURL = baseURL.replace(/\/+$/, "");
+        this.defaultHeaders = { "Content-Type": "application/json", ...headers };
+        this.timeout = timeout;
+    }
+    createURL(endpoint) {
+        if (endpoint.startsWith("http"))
+            return endpoint;
+        if (endpoint === "/" || endpoint === "")
+            return this.baseURL;
+        if (endpoint.startsWith("/"))
+            return `${this.baseURL}${endpoint}`;
+        return `${this.baseURL}/${endpoint}`;
+    }
+    async request(method, endpoint, opts = {}) {
+        const { params, headers, body, signal } = opts;
+        const url = appendParams(this.createURL(endpoint), params);
+        const headersWithDefaults = body instanceof FormData || method === METHODS.GET ? { ...headers } : { ...this.defaultHeaders, ...headers };
+        const fetchBody = body ? body instanceof FormData || typeof body === "string" ? body : JSON.stringify(body) : undefined;
+        const fetchAbortController = new AbortController();
+        const onAbort = () => fetchAbortController.abort();
+        let timeoutId = null;
+        try {
+            if (this.timeout > 0) {
+                timeoutId = setTimeout(onAbort, this.timeout);
+            }
+            if (signal) {
+                signal.addEventListener("abort", onAbort);
+            }
+            const res = await fetch(url, {
+                method,
+                body: fetchBody,
+                headers: headersWithDefaults,
+                signal: fetchAbortController.signal,
+            });
+            const data = await parseResponse(res);
+            if (!res.ok)
+                throw data || new Error(res.statusText);
+            return data;
+        }
+        catch (error) {
+            console.error(`${method}: ${endpoint} :: `, error);
+            throw error;
+        }
+        finally {
+            if (timeoutId)
+                clearTimeout(timeoutId);
+            if (signal)
+                signal.removeEventListener("abort", onAbort);
+        }
+    }
+    GET = (endpoint, opts) => this.request(METHODS.GET, endpoint, opts);
+    POST = (endpoint, opts) => this.request(METHODS.POST, endpoint, opts);
+    PUT = (endpoint, opts) => this.request(METHODS.PUT, endpoint, opts);
+    DELETE = (endpoint, opts) => this.request(METHODS.DELETE, endpoint, opts);
+}

package/dist/components/Button/index.js

@@ -1 +1,21 @@
-import{jsx as _jsx}from"preact/jsx-runtime";import{memo,forwardRef}from"preact/compat";import checkProps from"../../helpers/checkProps";const defaultProps={onClick:()=>{},disabled:!1,className:"",type:"button"},Button=forwardRef((e,t)=>{const{children:o,className:r,onClick:s,disabled:c,type:a,...p}={...defaultProps,...e};return _jsx("button",{ref:t,className:r,onClick:e=>{"button"!==a&&a||e.preventDefault(),!c&&s&&s(e)},...p,children:o})});export default memo(Button,checkProps);
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { memo, forwardRef } from "preact/compat";
+import checkProps from "../../helpers/checkProps";
+const defaultProps = {
+    onClick: () => { },
+    disabled: false,
+    className: "",
+    type: "button",
+};
+const Button = forwardRef((props, ref) => {
+    const { children, className, onClick, disabled, type, ...rest } = { ...defaultProps, ...props };
+    return (_jsx("button", { ref: ref, className: className, onClick: (event) => {
+            if (type === "button" || !type) {
+                event.preventDefault();
+            }
+            if (!disabled && onClick) {
+                onClick(event);
+            }
+        }, ...rest, children: children }));
+});
+export default memo(Button, checkProps);

package/dist/components/Image/index.js

@@ -1 +1,19 @@
-import{jsx as _jsx}from"preact/jsx-runtime";import{forwardRef,memo}from"preact/compat";import checkProps from"../../helpers/checkProps";const defaultProps={altImage:null,className:"",alt:"",priority:!0,onClick:()=>{}},Image=forwardRef((r,e)=>{const{altImage:a,className:t,src:o,priority:c,onClick:s,alt:l,...m}={...defaultProps,...r};return _jsx("img",{src:o,ref:e,width:"100%",height:"100%",onClick:r=>{r.preventDefault(),s(r)},draggable:!1,onError:async()=>{e&&"current"in e&&e.current&&(e.current.src=a||"")},alt:l,className:t,fetchPriority:c?"high":"auto",loading:c?"eager":"lazy",...m})});export default memo(Image,checkProps);
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { forwardRef, memo } from "preact/compat";
+import checkProps from "../../helpers/checkProps";
+const defaultProps = {
+    altImage: null,
+    className: "",
+    alt: "",
+    priority: true,
+    onClick: () => { }
+};
+const Image = forwardRef((props, ref) => {
+    const { altImage, className, src, priority, onClick, alt, ...rest } = { ...defaultProps, ...props };
+    return (_jsx("img", { src: src, ref: ref, width: "100%", height: "100%", onClick: (event) => { event.preventDefault(); onClick(event); }, draggable: false, onError: async () => {
+            if (ref && 'current' in ref && ref.current) {
+                ref.current.src = altImage || "";
+            }
+        }, alt: alt, className: className, fetchPriority: priority ? "high" : "auto", loading: priority ? "eager" : "lazy", ...rest }));
+});
+export default memo(Image, checkProps);

package/dist/components/Input/index.js

@@ -1 +1,16 @@
-import{jsx as _jsx}from"preact/jsx-runtime";import{memo}from"preact/compat";import checkProps from"../../helpers/checkProps";import{translate}from"../../translations/index";const defaultProps={onChange:()=>{},className:"",placeholder:"",type:"text",name:""},Input=e=>{const{onChange:t,className:a,placeholder:r,type:o,name:p,...s}={...defaultProps,...e};return _jsx("input",{className:a,placeholder:translate(r),type:o,name:p,onChange:e=>t(e.currentTarget.value,e),...s})};export default memo(Input,checkProps);
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { memo } from "preact/compat";
+import checkProps from "../../helpers/checkProps";
+import { translate } from "../../translations/index";
+const defaultProps = {
+    onChange: () => { },
+    className: "",
+    placeholder: "",
+    type: "text",
+    name: ""
+};
+const Input = (props) => {
+    const { onChange, className, placeholder, type, name, ...rest } = { ...defaultProps, ...props };
+    return _jsx("input", { className: className, placeholder: translate(placeholder), type: type, name: name, onChange: event => onChange(event.currentTarget.value, event), ...rest });
+};
+export default memo(Input, checkProps);

package/dist/components/Text/index.js

@@ -1 +1,21 @@
-import{jsx as _jsx}from"preact/jsx-runtime";import checkProps from"../../helpers/checkProps";import{translate}from"../../translations/index";import{forwardRef,memo,useMemo}from"preact/compat";const defaultProps={text:"",data:{},html:!1,className:"",tag:"span",onClick:()=>{}},Text=forwardRef((e,t)=>{const{text:r,data:a,html:s,className:o,tag:m,onClick:l,...n}={...defaultProps,...e},c=useMemo(()=>translate(r,a),[r,JSON.stringify(a)]);return _jsx(m,s?{...n,ref:t,dangerouslySetInnerHTML:{__html:c},className:o,onClick:e=>{e.preventDefault(),l(e)}}:{...n,ref:t,className:o,onClick:e=>{e.preventDefault(),l(e)},children:c})});export default memo(Text,checkProps);
+import { jsx as _jsx } from "preact/jsx-runtime";
+import checkProps from "../../helpers/checkProps";
+import { translate } from "../../translations/index";
+import { forwardRef, memo, useMemo } from "preact/compat";
+const defaultProps = {
+    text: "",
+    data: {},
+    html: false,
+    className: "",
+    tag: "span",
+    onClick: () => { },
+};
+const Text = forwardRef((props, ref) => {
+    const { text, data, html, className, tag: Tag, onClick, ...rest } = { ...defaultProps, ...props };
+    const translated = useMemo(() => translate(text, data), [text, JSON.stringify(data)]);
+    if (html) {
+        return (_jsx(Tag, { ...rest, ref: ref, dangerouslySetInnerHTML: { __html: translated }, className: className, onClick: (event) => { event.preventDefault(); onClick(event); } }));
+    }
+    return (_jsx(Tag, { ...rest, ref: ref, className: className, onClick: (event) => { event.preventDefault(); onClick(event); }, children: translated }));
+});
+export default memo(Text, checkProps);

package/dist/components/Tooltip/index.js

@@ -1 +1,53 @@
-import{jsx as _jsx}from"preact/jsx-runtime";import{useEffect,useRef}from"preact/hooks";import{memo}from"preact/compat";import checkProps from"../../helpers/checkProps";import toast from"../../helpers/toast";import{translate}from"../../translations/index";const isTouchDevice=()=>"undefined"!=typeof window&&"ontouchstart"in window,styles={width:"fit-content",height:"fit-content"},Tooltip=({message:e,children:t,className:o})=>{const r=useRef(null),s=useRef(null);useEffect(()=>()=>{s.current?.(),s.current=null},[]);const n=()=>{s.current?.(),s.current=null};return _jsx("section",{className:`${styles} ${o||""}`,ref:r,onMouseEnter:t=>{isTouchDevice()||(t.stopPropagation(),t.preventDefault(),r.current&&(s.current=toast(translate(e),r.current,0)))},onMouseLeave:e=>{isTouchDevice()||(e.stopPropagation(),e.preventDefault(),n())},onClick:t=>{t.stopPropagation(),t.preventDefault(),isTouchDevice()&&(s.current?n():s.current=toast(translate(e),r.current,2e3))},children:t})};export default memo(Tooltip,checkProps);
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { useEffect, useRef } from "preact/hooks";
+import { memo } from "preact/compat";
+import checkProps from "../../helpers/checkProps";
+import toast from "../../helpers/toast";
+import { translate } from "../../translations/index";
+const isTouchDevice = () => typeof window !== "undefined" && "ontouchstart" in window;
+const styles = {
+    width: "fit-content",
+    height: "fit-content"
+};
+const Tooltip = ({ message, children, className }) => {
+    const ref = useRef(null);
+    const toastRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            toastRef.current?.();
+            toastRef.current = null;
+        };
+    }, []);
+    const showToast = () => {
+        if (ref.current) {
+            toastRef.current = toast(translate(message), ref.current, 0);
+        }
+    };
+    const hideToast = () => {
+        toastRef.current?.();
+        toastRef.current = null;
+    };
+    return (_jsx("section", { className: `${styles} ${className || ""}`, ref: ref, onMouseEnter: (e) => {
+            if (isTouchDevice())
+                return;
+            e.stopPropagation();
+            e.preventDefault();
+            showToast();
+        }, onMouseLeave: (e) => {
+            if (isTouchDevice())
+                return;
+            e.stopPropagation();
+            e.preventDefault();
+            hideToast();
+        }, onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            if (!isTouchDevice())
+                return;
+            if (toastRef.current)
+                hideToast();
+            else
+                toastRef.current = toast(translate(message), ref.current, 2000);
+        }, children: children }));
+};
+export default memo(Tooltip, checkProps);

package/dist/helpers/checkProps.js

@@ -1 +1,5 @@
-const checkProps=(e,c)=>Array.from(new Set([...Object.keys(e),...Object.keys(c)])).every(r=>e[r]===c[r]);export default checkProps;
+const checkProps = (prevProps, nextProps) => {
+    const allKeys = Array.from(new Set([...Object.keys(prevProps), ...Object.keys(nextProps)]));
+    return allKeys.every(key => prevProps[key] === nextProps[key]);
+};
+export default checkProps;

package/dist/helpers/objectPath.js

@@ -1 +1,21 @@
-const getPath=(t,e)=>{if(t)return e.split(".").reduce((t,e)=>{if(null!=t&&e in t)return t[e]},t)},hasPath=(t,e)=>void 0!==getPath(t,e),objectPath=t=>({get:e=>getPath(t,e),has:e=>hasPath(t,e),print:()=>t});export default objectPath;
+const getPath = (object, path) => {
+    if (!object)
+        return undefined;
+    return path
+        .split('.')
+        .reduce((current, segment) => {
+        if (current == null || !(segment in current)) {
+            return undefined;
+        }
+        return current[segment];
+    }, object);
+};
+const hasPath = (obj, path) => {
+    return getPath(obj, path) !== undefined;
+};
+const objectPath = (root) => ({
+    get: (p) => getPath(root, p),
+    has: (p) => hasPath(root, p),
+    print: () => root,
+});
+export default objectPath;

package/dist/helpers/toast.js

@@ -1 +1,45 @@
-const toast=(t,e,n=1500)=>{if(!e)return;const s=e.getBoundingClientRect(),o=document.createElement("div");o.textContent=t,o.className="cursor-toast",o.style.opacity="0",o.style.position="fixed",o.style.top="0",o.style.left="0",o.style.transform="translateY(0)",o.style.transition="opacity 0.3s ease, transform 0.3s ease",document.body.appendChild(o),requestAnimationFrame(()=>{const t=o.getBoundingClientRect();let e=s.top-t.height-8,n=s.left+s.width/2-t.width/2;e=Math.max(8,Math.min(e,window.innerHeight-t.height-8)),n=Math.max(8,Math.min(n,window.innerWidth-t.width-8)),Object.assign(o.style,{top:`${e}px`,left:`${n}px`,opacity:"1",transform:"translateY(-4px)"})});let i=null;const a=()=>{o.isConnected&&(o.style.opacity="0",o.style.transform="translateY(0)",setTimeout(()=>o.remove(),300))};return n>0&&(i=setTimeout(a,n)),()=>{i&&clearTimeout(i),a()}};export default toast;
+const toast = (message, target, duration = 1500) => {
+    if (!target)
+        return;
+    const rect = target.getBoundingClientRect();
+    const el = document.createElement("div");
+    el.textContent = message;
+    el.className = "cursor-toast";
+    el.style.opacity = "0";
+    el.style.position = "fixed";
+    el.style.top = "0";
+    el.style.left = "0";
+    el.style.transform = "translateY(0)";
+    el.style.transition = "opacity 0.3s ease, transform 0.3s ease";
+    document.body.appendChild(el);
+    requestAnimationFrame(() => {
+        const toastRect = el.getBoundingClientRect();
+        let top = rect.top - toastRect.height - 8;
+        let left = rect.left + rect.width / 2 - toastRect.width / 2;
+        top = Math.max(8, Math.min(top, window.innerHeight - toastRect.height - 8));
+        left = Math.max(8, Math.min(left, window.innerWidth - toastRect.width - 8));
+        Object.assign(el.style, {
+            top: `${top}px`,
+            left: `${left}px`,
+            opacity: "1",
+            transform: "translateY(-4px)",
+        });
+    });
+    let hideTimeout = null;
+    const hide = () => {
+        if (!el.isConnected)
+            return;
+        el.style.opacity = "0";
+        el.style.transform = "translateY(0)";
+        setTimeout(() => el.remove(), 300);
+    };
+    if (duration > 0) {
+        hideTimeout = setTimeout(hide, duration);
+    }
+    return () => {
+        if (hideTimeout)
+            clearTimeout(hideTimeout);
+        hide();
+    };
+};
+export default toast;

package/dist/hooks/useHandleClickOutside.js

@@ -1 +1,17 @@
-import{useEffect}from"preact/compat";const useHandleClickOutside=(e,t)=>{useEffect(()=>{const n=n=>{e.current&&(e.current.contains(n.target)||t())};return document.addEventListener("pointerdown",n,{passive:!0}),()=>{document.removeEventListener("pointerdown",n)}},[e,t])};export default useHandleClickOutside;
+import { useEffect } from "preact/compat";
+const useHandleClickOutside = (ref, cb) => {
+    useEffect(() => {
+        const handlePointerDown = (event) => {
+            if (!ref.current)
+                return;
+            if (!ref.current.contains(event.target)) {
+                cb();
+            }
+        };
+        document.addEventListener("pointerdown", handlePointerDown, { passive: true });
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown);
+        };
+    }, [ref, cb]);
+};
+export default useHandleClickOutside;

package/dist/hooks/useQueryParams.js

@@ -1 +1,31 @@
-import{signal}from"@preact/signals";const queryParamsSignal=signal({}),getParams=()=>{const a=window.location.search.slice(1),e=new URLSearchParams(a),r={};for(const[a,t]of e.entries())r[a]=t;return r};queryParamsSignal.value=getParams(),window.addEventListener("popstate",()=>{queryParamsSignal.value=getParams()});export const setQueryParams=(a,{replace:e=!1,pathname:r}={})=>{const t=new URLSearchParams;Object.entries(a).forEach(([a,e])=>{null!=e&&t.set(a,e)});const s=t.toString(),n=window.location.pathname,o=r??n,i=s?`${o}?${s}`:o;e?window.history.replaceState({},"",i):window.history.pushState({},"",i),queryParamsSignal.value=getParams()};export{queryParamsSignal as queryParams};
+import { signal } from "@preact/signals";
+const queryParamsSignal = signal({});
+const getParams = () => {
+    const search = window.location.search.slice(1);
+    const params = new URLSearchParams(search);
+    const obj = {};
+    for (const [key, value] of params.entries())
+        obj[key] = value;
+    return obj;
+};
+queryParamsSignal.value = getParams();
+window.addEventListener("popstate", () => {
+    queryParamsSignal.value = getParams();
+});
+export const setQueryParams = (updates, { replace = false, pathname } = {}) => {
+    const params = new URLSearchParams();
+    Object.entries(updates).forEach(([key, value]) => {
+        if (value !== null && value !== undefined)
+            params.set(key, value);
+    });
+    const queryString = params.toString();
+    const currentPath = window.location.pathname;
+    const newPath = pathname ?? currentPath;
+    const newUrl = queryString ? `${newPath}?${queryString}` : newPath;
+    if (replace)
+        window.history.replaceState({}, "", newUrl);
+    else
+        window.history.pushState({}, "", newUrl);
+    queryParamsSignal.value = getParams();
+};
+export { queryParamsSignal as queryParams };

package/dist/hooks/useWindowSize.js

@@ -1 +1,13 @@
-import{useLayoutEffect,useMemo,useState}from"preact/hooks";const useWindowSize=()=>{const[e,t]=useState({height:window.innerHeight,width:window.innerWidth});return useLayoutEffect(()=>{const e=()=>{t({height:window.innerHeight,width:window.innerWidth})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),useMemo(()=>({height:e.height,width:e.width}),[e.height,e.width])};export default useWindowSize;
+import { useLayoutEffect, useMemo, useState } from "preact/hooks";
+const useWindowSize = () => {
+    const [size, setSize] = useState({ height: window.innerHeight, width: window.innerWidth });
+    useLayoutEffect(() => {
+        const handleResize = () => {
+            setSize({ height: window.innerHeight, width: window.innerWidth });
+        };
+        window.addEventListener("resize", handleResize);
+        return () => { window.removeEventListener("resize", handleResize); };
+    }, []);
+    return useMemo(() => ({ height: size.height, width: size.width }), [size.height, size.width]);
+};
+export default useWindowSize;

package/dist/prototypes/copyToClipboard.js

@@ -1 +1,23 @@
-import toast from"../helpers/toast";const copyToClipboard=async(o="",t="Copied")=>{try{if(navigator.clipboard&&window.isSecureContext)return await navigator.clipboard.writeText(o),!0;const e=document.createElement("textarea");e.value=o,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.focus(),e.select(),document.execCommand("copy"),document.body.removeChild(e),toast(t,document.body,1e3)}catch{toast("Failed to copy",document.body,1e3)}};export default copyToClipboard;
+import toast from "../helpers/toast";
+const copyToClipboard = async (text = "", message = "Copied") => {
+    try {
+        if (navigator.clipboard && window.isSecureContext) {
+            await navigator.clipboard.writeText(text);
+            return true;
+        }
+        const textarea = document.createElement("textarea");
+        textarea.value = text;
+        textarea.style.position = "fixed";
+        textarea.style.opacity = "0";
+        document.body.appendChild(textarea);
+        textarea.focus();
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+        toast(message, document.body, 1000);
+    }
+    catch {
+        toast("Failed to copy", document.body, 1000);
+    }
+};
+export default copyToClipboard;

package/dist/prototypes/index.js

@@ -1 +1,6 @@
-import copyToClipboard from"./copyToClipboard";import maskString from"./maskString";String.prototype.copy||(String.prototype.copy=copyToClipboard,String.prototype.mask=maskString);
+import copyToClipboard from "./copyToClipboard";
+import maskString from "./maskString";
+if (!String.prototype.copy) {
+    String.prototype.copy = copyToClipboard;
+    String.prototype.mask = maskString;
+}

package/dist/prototypes/maskString.js

@@ -1 +1,13 @@
-const maskString=function(t=6,n="..."){if(null==this)return"";const r=String(this);if(!r)return"";if(r.length<=2*t)return r;return`${r.slice(0,t)}${n}${r.slice(-t)}`};export default maskString;
+const maskString = function (visibleCharacters = 6, maskWith = "...") {
+    if (this == null)
+        return "";
+    const str = String(this);
+    if (!str)
+        return "";
+    if (str.length <= visibleCharacters * 2)
+        return str;
+    const start = str.slice(0, visibleCharacters);
+    const end = str.slice(-visibleCharacters);
+    return `${start}${maskWith}${end}`;
+};
+export default maskString;

package/dist/storage/index.js

@@ -1 +1,51 @@
-import{signal}from"@preact/signals";const createStore=(e,t,a=[])=>{const r=signal({...t});try{const t=localStorage.getItem(e);t&&(r.value={...r.value,...JSON.parse(t)})}catch{}const l=t=>{if(r.value={...r.value,...t},a.length){const t=a.reduce((e,t)=>(e[t]=r.value[t],e),{});localStorage.setItem(e,JSON.stringify(t))}},s=()=>{r.value=t,localStorage.removeItem(e)};return Object.assign(new Proxy(t,{get(e,t){switch(t){case"setState":return l;case"resetState":return s;default:return r.value[t]}},set(t,l,s){if(r.value={...r.value,[l]:s},a.includes(l)){const t=a.reduce((e,t)=>(e[t]=r.value[t],e),{});localStorage.setItem(e,JSON.stringify(t))}return!0}}),{__signal:r})};export default createStore;
+import { signal } from "@preact/signals";
+const createStore = (name, initialState, persist = []) => {
+    const state = signal({ ...initialState });
+    try {
+        const stored = localStorage.getItem(name);
+        if (stored) {
+            state.value = { ...state.value, ...JSON.parse(stored) };
+        }
+    }
+    catch {
+        // Catch any Errors
+    }
+    const setState = (values) => {
+        state.value = { ...state.value, ...values };
+        if (persist.length) {
+            const toStore = persist.reduce((acc, key) => {
+                acc[key] = state.value[key];
+                return acc;
+            }, {});
+            localStorage.setItem(name, JSON.stringify(toStore));
+        }
+    };
+    const resetState = () => {
+        state.value = initialState;
+        localStorage.removeItem(name);
+    };
+    return Object.assign(new Proxy(initialState, {
+        get(_, prop) {
+            switch (prop) {
+                case "setState":
+                    return setState;
+                case "resetState":
+                    return resetState;
+                default:
+                    return state.value[prop];
+            }
+        },
+        set(_, prop, value) {
+            state.value = { ...state.value, [prop]: value };
+            if (persist.includes(prop)) {
+                const toStore = persist.reduce((acc, key) => {
+                    acc[key] = state.value[key];
+                    return acc;
+                }, {});
+                localStorage.setItem(name, JSON.stringify(toStore));
+            }
+            return true;
+        },
+    }), { __signal: state });
+};
+export default createStore;

package/dist/translations/index.js

@@ -1 +1,34 @@
-import{signal,computed}from"@preact/signals";import objectPath from"../helpers/objectPath";export const languages=signal({});export const language=signal(window.localStorage.getItem("language")||"en");const translations=computed(()=>objectPath(languages.value[language.value])),interpolate=(t,e)=>"string"==typeof t?t.replace(/{{\s*(\w+)\s*}}/g,(t,a)=>a in e?String(e[a]):`{{${a}}}`):JSON.stringify(t);export const initTranslations=async t=>{try{return languages.value=t,!0}catch(t){return console.error(t),!1}};export const translate=(t,e={})=>{const a=translations.value;if(!a.has(t))return t;const n=a.get(t);return Object.keys(e).length?interpolate(n,e):n};export const changeLanguage=t=>(language.value=t,window.localStorage.setItem("language",t),!0);
+import { signal, computed } from "@preact/signals";
+import objectPath from "../helpers/objectPath";
+export const languages = signal({});
+export const language = signal(window.localStorage.getItem("language") || "en");
+const translations = computed(() => objectPath(languages.value[language.value]));
+const interpolate = (str, data) => {
+    if (typeof str === "string") {
+        return str.replace(/{{\s*(\w+)\s*}}/g, (_, key) => key in data ? String(data[key]) : `{{${key}}}`);
+    }
+    ;
+    return JSON.stringify(str);
+};
+export const initTranslations = async (langs) => {
+    try {
+        languages.value = langs;
+        return true;
+    }
+    catch (e) {
+        console.error(e);
+        return false;
+    }
+};
+export const translate = (key, data = {}) => {
+    const dictionary = translations.value;
+    if (!dictionary.has(key))
+        return key;
+    const value = dictionary.get(key);
+    return Object.keys(data).length ? interpolate(value, data) : value;
+};
+export const changeLanguage = (lang) => {
+    language.value = lang;
+    window.localStorage.setItem("language", lang);
+    return true;
+};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@gohanfromgoku/ui-kit",
-  "version": "0.0.2",
-  "description": "",
+  "version": "0.0.4",
+  "description": "ui-kit is a TypeScript based UI component library designed for building modern web applications with ease and efficiency.",
+  "sideEffects": false,
   "scripts": {
-    "build": "tsc && tsc-alias && pnpm run minify",
-    "minify": "find dist -name '*.js' -exec terser {} --compress --mangle --output {} \\;",
+    "build": "tsc && tsc-alias",
     "watch": "tsc --watch"
   },
   "keywords": [
@@ -21,7 +21,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/iamgohanfromgoku/kit.git"
+    "url": "https://github.com/iamgohanfromgoku/ui-kit.git"
   },
   "author": "GohanfromGoku",
   "license": "MIT",
@@ -30,7 +30,6 @@
     "preact": "^10.28.0"
   },
   "devDependencies": {
-    "terser": "^5.44.1",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.9.3"
   },

package/types/api/index.d.ts

@@ -13,7 +13,9 @@ export interface RequestOptions {
 }
 export declare class API {
     private baseURL;
-    constructor(baseURL: string);
+    private defaultHeaders;
+    private timeout;
+    constructor(baseURL: string, headers?: Record<string, string>, timeout?: number);
     private createURL;
     private request;
     GET: <T = any>(endpoint: string, opts?: RequestOptions) => Promise<T>;