kmod-cli 1.8.2 → 1.10.0

package/README.md

@@ -56,6 +56,7 @@ npx kumod add button # add button component
 - date-range-picker
 - datetime-picker
 - fade-on-scroll
+- fanhash
 - feature-config
 - feature-guard
 - gradient-outline

package/component-templates/providers/refine-provider.tsx

@@ -135,10 +135,30 @@ export interface DataProviderError {
 }
 
 export interface DataProviderOptions {
+  /**
+   * Time to live for cached data (default: 5 * 60 * 1000) - 5 minutes
+   */
   cacheTime?: number;
+  /**
+   * Time to live for stale data (default: 5 * 60 * 1000) - 5 minutes
+   */
+  staleTime?: number;
+  /**
+   * Retry count (default: 1)
+   */
   retryCount?: number;
+  /**
+   * Retry delay (ms) (default: 1000) - 1 second
+   */
   retryDelay?: number;
+  /**
+   * Debug mode (default: false)
+   */
   debug?: boolean;
+  /**
+   * Persist data in memory, local storage, or session storage (default: memory)
+   */
+  persist?: "memory" | "local" | "session";
 }
 
 interface CacheItem<T = any> {
@@ -149,6 +169,7 @@ interface CacheItem<T = any> {
 export interface UseListOptions {
   refetchInterval?: number;
   enabled?: boolean;
+  cache?: boolean;
 }
 
 export interface UseOneOptions {
@@ -221,6 +242,8 @@ class DataProvider {
   private cache: Map<string, CacheItem>;
   private options: Required<DataProviderOptions>;
 
+  private cachePrefix = "__DP_CACHE__:";
+
   constructor(
     httpClient: AxiosInstance = axios.create(),
     options: DataProviderOptions = {},
@@ -239,11 +262,31 @@ class DataProvider {
     this.cache = new Map();
     this.options = {
       cacheTime: 5 * 60 * 1000,
+      staleTime: 30 * 1000,
+      persist: "memory",
       retryCount: 1,
       retryDelay: 1000,
       debug: false,
       ...options,
     };
+
+    this.cache = new Map();
+    this.loadPersistCache();
+  }
+
+  private loadPersistCache() {
+    if (this.options.persist === "memory") return;
+
+    const storage =
+      this.options.persist === "local" ? localStorage : sessionStorage;
+
+    Object.keys(storage).forEach((key) => {
+      if (!key.startsWith(this.cachePrefix)) return;
+      try {
+        const value = JSON.parse(storage.getItem(key)!);
+        this.cache.set(key.replace(this.cachePrefix, ""), value);
+      } catch {}
+    });
   }
 
   private log(message: string, data?: any): void {
@@ -257,27 +300,40 @@ class DataProvider {
     return `${resource}:${JSON.stringify(params || {})}`;
   }
 
-  private getCache<T = any>(key: string): T | null {
+  private getCache<T>(key: string): {
+    data: T;
+    isStale: boolean;
+  } | null {
     const cached = this.cache.get(key);
     if (!cached) return null;
 
-    const now = Date.now();
-    if (now - cached.timestamp > this.options.cacheTime) {
+    const age = Date.now() - cached.timestamp;
+
+    if (age > this.options.cacheTime) {
       this.cache.delete(key);
-      //  this.log('Cache expired', key);
       return null;
     }
 
-    //  this.log('Cache hit', key);
-    return cached.data as T;
+    return {
+      data: cached.data as T,
+      isStale: age > this.options.staleTime,
+    };
   }
 
-  private setCache<T = any>(key: string, data: T): void {
-    this.cache.set(key, {
+  private setCache<T>(key: string, data: T) {
+    const item = {
       data,
       timestamp: Date.now(),
-    });
-    //  this.log('Cache set', key);
+    };
+
+    this.cache.set(key, item);
+
+    if (this.options.persist !== "memory") {
+      const storage =
+        this.options.persist === "local" ? localStorage : sessionStorage;
+
+      storage.setItem(this.cachePrefix + key, JSON.stringify(item));
+    }
   }
 
   public invalidateCache(resource: string, id?: string | number): void {
@@ -347,10 +403,21 @@ class DataProvider {
     useCache: boolean = true,
   ): Promise<GetListResponse<T>> {
     const cacheKey = this.getCacheKey(resource, params);
+    const cached = useCache
+      ? this.getCache<GetListResponse<T>>(cacheKey)
+      : null;
+
+    if (cached) {
+      if (!cached.isStale) {
+        return cached.data;
+      }
 
-    if (useCache) {
-      const cached = this.getCache<GetListResponse<T>>(cacheKey);
-      if (cached) return cached;
+      // stale → trả data cũ + background refetch
+      this.getList(resource, params, false).then((fresh) => {
+        this.setCache(cacheKey, fresh);
+      });
+
+      return cached.data;
     }
 
     const { pagination, filters, sorters, meta } = params;
@@ -437,10 +504,16 @@ class DataProvider {
   ): Promise<GetOneResponse<T>> {
     const { id, meta } = params;
     const cacheKey = this.getCacheKey(`${resource}/${id}`, {});
+    const cached = useCache ? this.getCache<GetOneResponse<T>>(cacheKey) : null;
+
+    if (cached) {
+      if (!cached.isStale) return cached.data;
+
+      this.getOne(resource, params, false).then((fresh) => {
+        this.setCache(cacheKey, fresh);
+      });
 
-    if (useCache) {
-      const cached = this.getCache<GetOneResponse<T>>(cacheKey);
-      if (cached) return cached;
+      return cached.data;
     }
 
     const url = `${this.apiUrl}/${resource}/${id}`;
@@ -743,32 +816,36 @@ export function useList<T = any>(
 
   const dataProvider = useDataProvider();
 
-  const { refetchInterval, enabled = true } = options;
+  const { refetchInterval, enabled = true, cache = true } = options;
   const paramsStr = JSON.stringify(params);
 
-  const refetch = useCallback(async () => {
-    if (!enabled) {
-      setLoading(false);
-      return;
-    }
+  const refetch = useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setLoading(false);
+        return;
+      }
 
-    try {
-      setLoading(true);
-      setError(null);
-      const result = await dataProvider.getList<T>(
-        resource,
-        JSON.parse(paramsStr),
-      );
-      setData(result.data || []);
-      setTotal(result.total || 0);
-    } catch (err) {
-      setError(err as DataProviderError);
-      setData([]);
-      setTotal(0);
-    } finally {
-      setLoading(false);
-    }
-  }, [dataProvider, resource, paramsStr, enabled]);
+      try {
+        setLoading(true);
+        setError(null);
+        const result = await dataProvider.getList<T>(
+          resource,
+          JSON.parse(paramsStr),
+          !force,
+        );
+        setData(result.data || []);
+        setTotal(result.total || 0);
+      } catch (err) {
+        setError(err as DataProviderError);
+        setData([]);
+        setTotal(0);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [dataProvider, resource, paramsStr, enabled],
+  );
 
   useEffect(() => {
     refetch();
@@ -797,24 +874,27 @@ export function useOne<T = any>(
 
   const { enabled = true } = options;
 
-  const refetch = useCallback(async () => {
-    if (!enabled || !id) {
-      setLoading(false);
-      return;
-    }
+  const refetch = useCallback(
+    async (force = false) => {
+      if (!enabled || !id) {
+        setLoading(false);
+        return;
+      }
 
-    try {
-      setLoading(true);
-      setError(null);
-      const result = await dataProvider.getOne<T>(resource, { id });
-      setData(result.data);
-    } catch (err) {
-      setError(err as DataProviderError);
-      setData(null);
-    } finally {
-      setLoading(false);
-    }
-  }, [dataProvider, resource, id, enabled]);
+      try {
+        setLoading(true);
+        setError(null);
+        const result = await dataProvider.getOne<T>(resource, { id }, !force);
+        setData(result.data);
+      } catch (err) {
+        setError(err as DataProviderError);
+        setData(null);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [dataProvider, resource, id, enabled],
+  );
 
   useEffect(() => {
     refetch();
@@ -1290,78 +1370,158 @@ export const cookiesProvider = {
   },
 };
 
-// =================== Example ===================
-
-// create httpClient - (can create multiple httpClients for different apis)
+// =================== 1. Create httpClient ===================
 
 // const TOKEN = "token";
 
 // const httpClient = createHttpClient({
-//   url: `${process.env.NEXT_PUBLIC_API_URL}`,
+//   url: process.env.NEXT_PUBLIC_API_URL,
 //   options: {
 //     authorizationType: "Bearer",
 //     tokenName: TOKEN,
-//     tokenStorage: "cookie",
-//     withCredentials: true, --- optionals (default to true if tokenStorage is "http-only")
+//     tokenStorage: "cookie", // or "http-only" | "local" | "session"
+//     withCredentials: true,  // optional (auto true if tokenStorage = "http-only")
 //   },
 // });
 
-// create dataProvider
+// =================== 2. Create DataProvider ===================
 
-// const dataProvider = useDataProvider(httpClient);
+// IMPORTANT:
+// persist !== "memory"  --> to CACHE data and prevent F5 from calling API again
+
+// const dataProvider = new DataProvider(httpClient, {
+//   persist: "session",     // "memory" | "session" | "local"
+//   cacheTime: 5 * 60 * 1000, // 5 minutes
+//   staleTime: 30 * 1000,     // 30 seconds
+// });
+
+// =================== 3. Auth Provider URLs ===================
 
 // const urls = {
-//     loginUrl: "/auth/login", --> api_login
-//     logoutUrl: "/auth/logout", --> api_logout
-//     meUrl: "/auth/me", --> api_get_me_by_token
-//   }
+//   loginUrl: "/auth/login",   // POST
+//   logoutUrl: "/auth/logout", // POST
+//   meUrl: "/auth/me",         // GET (by token)
+// };
 
-//   const keysRemoveOnLogout = [TOKEN, "refreshToken", "user"];
+// const keysRemoveOnLogout = [TOKEN, "refreshToken", "user"];
 
-// wrapped all into:
-// <DataProvider  dataProvider={dataProvider}>
+// =================== 4. Wrap Providers ===================
+
+// <DataProviderContainer dataProvider={dataProvider}>
 //   <AuthProvider
-//      urls={urls} --> api_login
-//      tokenKey={TOKEN}
-//      keysCleanUpOnLogout={keysRemoveOnLogout} --> optional (default to ["token"]) - additional keys to clean up on logout
+//     urls={urls}
+//     tokenKey={TOKEN}
+//     keysCleanUpOnLogout={keysRemoveOnLogout}
 //   >
 //     <App />
 //   </AuthProvider>
-// </DataProvider>
+// </DataProviderContainer>
+
+// =================== 5. Auth Hooks ===================
+
+// const { login, logout, getMe, isAuthenticated } = useAuth();
+
+// =================== 6. useList ===================
+
+// Auto load on mount
+// Use cache if exists (F5 will NOT refetch if persist !== memory)
+
+// const {
+//   data,
+//   total,
+//   loading,
+//   error,
+//   refetch,
+// } = useList<User>(
+//   "users",
+//   {
+//     meta: {
+//       params: {
+//         role: "admin",
+//       },
+//     },
+//   },
+//   {
+//     cache: true,
+//   },
+// );
+
+// Force refetch (bypass cache)
+// refetch(true);
+
+// =================== 7. useOne ===================
+
+// const {
+//   data,
+//   loading,
+//   error,
+//   refetch,
+// } = useOne<User>(
+//   "users",
+//   userId,
+//   {
+//     enabled: !!userId,
+//   },
+// );
 
-// use hooks to auth
+// Force refetch (ignore cache)
+// refetch(true);
 
-// const { login, logout, refresh } = useAuth();
+// =================== 8. useCreate ===================
 
-// use hook to call apis
+// const { mutate, loading, error } = useCreate<User, CreateUserPayload>(
+//   "users",
+//   {
+//     onSuccess: (data) => {
+//       console.log("Created:", data);
+//     },
+//   },
+// );
 
-// const { data, isLoading, error } = useList<DataResponse>({
-//   url: '/route_name',
+// mutate({
+//   name: "John",
+//   email: "john@mail.com",
 // });
 
-// const { data, isLoading, error } = useOne<DataResponse>({
-//   url: '/route_name/:id',
-//   id: 1,
-// });
+// =================== 9. useUpdate ===================
 
-// const { data, isLoading, error } = useCreate<DataResponse>({
-//   url: '/route_name',
-//   payload: {},
-// });
+// const { mutate, loading, error } = useUpdate<User, UpdateUserPayload>(
+//   "users",
+//   {
+//     onSuccess: (data) => {
+//       console.log("Updated:", data);
+//     },
+//   },
+// );
 
-// const { data, isLoading, error } = useUpdate<DataResponse>({
-//   url: '/route_name/:id',
-//   id: 1,
-//   payload: {},
+// mutate(1, {
+//   name: "New name",
 // });
 
-// const { data, isLoading, error } = useDelete<DataResponse>({
-//   url: '/route_name/:id',
-//   id: 1,
-// });
+// =================== 10. useDelete ===================
 
-// const { data, isLoading, error } = useCustom<DataResponse>({
-//   url: '/route_name or api_url/route/...',
-//   method: 'post',
-//   payload: {},
-// });
+// const { mutate, loading } = useDelete<User>(
+//   "users",
+//   {
+//     onSuccess: () => {
+//       console.log("Deleted");
+//     },
+//   },
+// );
+
+// mutate(1);
+
+// =================== 11. useCustom ===================
+
+// const { mutate, data, loading, error } = useCustom<CustomResponse>(
+//   "/reports/export",
+//   {
+//     method: "post",
+//     payload: {
+//       from: "2024-01-01",
+//       to: "2024-12-31",
+//     },
+//   },
+// );
+
+// mutate();

package/component-templates/utils/hash/fanhash.ts

@@ -0,0 +1,107 @@
+/**
+ * SHA_256 clearly
+ */
+function _sha256Internal(ascii: string): string {
+    const rightRotate = (v: number, a: number): number => (v >>> a) | (v << (32 - a));
+    const maxWord = Math.pow(2, 32);
+    let hash = [0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c, 0x1f83d9ab, 0x5be0cd19];
+    const k = [
+        0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5,
+        0xd807aa98, 0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, 0xc19bf174,
+        0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da,
+        0x983e5152, 0xa831c66d, 0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967,
+        0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85,
+        0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, 0xd6990624, 0xf40e3585, 0x106aa070,
+        0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, 0x682e6ff3,
+        0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2
+    ];
+
+    let str = ascii + '\x80';
+    while (str.length % 64 - 56) str += '\x00';
+    const words: number[] = [];
+    for (let i = 0; i < str.length; i++) words[i >> 2] |= str.charCodeAt(i) << ((3 - i) % 4) * 8;
+    words[words.length] = ((ascii.length * 8 / maxWord) | 0);
+    words[words.length] = (ascii.length * 8 | 0);
+
+    for (let j = 0; j < words.length;) {
+        const w = words.slice(j, j += 16);
+        const oldHash = [...hash];
+        for (let i = 0; i < 64; i++) {
+            if (i >= 16) {
+                const s0 = rightRotate(w[i - 15], 7) ^ rightRotate(w[i - 15], 18) ^ (w[i - 15] >>> 3);
+                const s1 = rightRotate(w[i - 2], 17) ^ rightRotate(w[i - 2], 19) ^ (w[i - 2] >>> 10);
+                w[i] = (w[i - 16] + s0 + w[i - 7] + s1) | 0;
+            }
+            const t1 = (hash[7] + (rightRotate(hash[4], 6) ^ rightRotate(hash[4], 11) ^ rightRotate(hash[4], 25)) + ((hash[4] & hash[5]) ^ (~hash[4] & hash[6])) + k[i] + (w[i] | 0)) | 0;
+            const t2 = ((rightRotate(hash[0], 2) ^ rightRotate(hash[0], 13) ^ rightRotate(hash[0], 22)) + ((hash[0] & hash[1]) ^ (hash[0] & hash[2]) ^ (hash[1] & hash[2]))) | 0;
+            hash = [(t1 + t2) | 0, ...hash.slice(0, 7)];
+            hash[4] = (hash[4] + t1) | 0;
+        }
+        for (let i = 0; i < 8; i++) hash[i] = (hash[i] + oldHash[i]) | 0;
+    }
+    return hash.map(h => (h >>> 0).toString(16).padStart(8, '0')).join('');
+}
+
+/**
+ * Encrypts a password
+ */
+export function encryptFanHash(password: string, useXor: boolean = false): string {
+    const hex = _sha256Internal(password);
+    const data: Uint8Array = new Uint8Array(hex.match(/.{1,2}/g)!.map(b => parseInt(b, 16)));
+    const n: number = 61 + (password.length % 11);
+
+    for (let k = 0; k < n; k++) {
+        const offset = k % data.length;
+        for (let i = offset; i < data.length - 1; i += 2) {
+            // Permutation (Swap)
+            [data[i], data[i + 1]] = [data[i + 1], data[i]];
+            // Bitwise XOR
+            if (useXor) {
+                const charCode = password.charCodeAt(i % password.length);
+                data[i] ^= (charCode + k) % 256;
+            }
+        }
+    }
+    const finalHex = Array.from(data).map(b => b.toString(16).padStart(2, '0')).join('');
+    return finalHex.match(/.{1,8}/g)!.join('.');
+}
+
+/**
+ * Verifies a stored FanHash against a raw password.
+ */
+export function verifyFanHash(password: string, storedHash: string, useXor: boolean = false): boolean {
+    const clean = storedHash.replace(/\./g, '');
+    const data: Uint8Array = new Uint8Array(clean.match(/.{1,2}/g)!.map(b => parseInt(b, 16)));
+    const n: number = 61 + (password.length % 11);
+
+    for (let k = n - 1; k >= 0; k--) {
+        const offset = k % data.length;
+        for (let i = offset; i < data.length - 1; i += 2) {
+            if (useXor) {
+                const charCode = password.charCodeAt(i % password.length);
+                data[i] ^= (charCode + k) % 256;
+            }
+            [data[i], data[i + 1]] = [data[i + 1], data[i]];
+        }
+    }
+    return Array.from(data).map(b => b.toString(16).padStart(2, '0')).join('') === _sha256Internal(password);
+}
+
+/**
+ * @method encrypt
+ * @method veriify
+ */
+export class FanHashEngine {
+    public static encrypt(password: string, useXor: boolean = false): string {
+        return encryptFanHash(password, useXor);
+    }
+
+    public static verify(password: string, storedHash: string, useXor: boolean = false): boolean {
+        return verifyFanHash(password, storedHash, useXor);
+    }
+}
+
+// const myPass = "Abc@123456";
+// const myHash = encryptFanHash(myPass, true);
+// console.log("Hash:", myHash);
+// console.log("Valid:", verifyFanHash(myPass, myHash, true));

package/components.json

@@ -1,46 +1,32 @@
 {
   "access-denied": {
     "path": "component-templates/components/access-denied.tsx",
-    "dependencies": [
-      "lucide-react"
-    ],
+    "dependencies": ["lucide-react"],
     "devDependencies": []
   },
   "breadcumb": {
     "path": "component-templates/components/breadcumb.tsx",
-    "dependencies": [
-      "lucide-react"
-    ],
+    "dependencies": ["lucide-react"],
     "devDependencies": []
   },
   "count-down": {
     "path": "component-templates/hooks/count-down.ts",
-    "dependencies": [
-      "zustand"
-    ],
+    "dependencies": ["zustand"],
     "devDependencies": []
   },
   "count-input": {
     "path": "component-templates/components/count-input.tsx",
-    "dependencies": [
-      "lucide-react"
-    ],
+    "dependencies": ["lucide-react"],
     "devDependencies": []
   },
   "button": {
     "path": "component-templates/components/datetime-picker/button.tsx",
-    "dependencies": [
-      "class-variance-authority",
-      "@radix-ui/react-slot"
-    ],
+    "dependencies": ["class-variance-authority", "@radix-ui/react-slot"],
     "devDependencies": []
   },
   "calendar": {
     "path": "component-templates/components/datetime-picker/calendar.tsx",
-    "dependencies": [
-      "lucide-react",
-      "react-day-picker"
-    ],
+    "dependencies": ["lucide-react", "react-day-picker"],
     "devDependencies": []
   },
   "date-input": {
@@ -50,47 +36,32 @@
   },
   "date-range-picker": {
     "path": "component-templates/components/date-range-calendar/date-range-picker.tsx",
-    "dependencies": [
-      "@radix-ui/react-icons"
-    ],
+    "dependencies": ["@radix-ui/react-icons"],
     "devDependencies": []
   },
   "label": {
     "path": "component-templates/components/datetime-picker/label.tsx",
-    "dependencies": [
-      "class-variance-authority",
-      "@radix-ui/react-label"
-    ],
+    "dependencies": ["class-variance-authority", "@radix-ui/react-label"],
     "devDependencies": []
   },
   "popover": {
     "path": "component-templates/components/datetime-picker/popover.tsx",
-    "dependencies": [
-      "@radix-ui/react-popover"
-    ],
+    "dependencies": ["@radix-ui/react-popover"],
     "devDependencies": []
   },
   "select": {
     "path": "component-templates/components/datetime-picker/select.tsx",
-    "dependencies": [
-      "@radix-ui/react-icons",
-      "@radix-ui/react-select"
-    ],
+    "dependencies": ["@radix-ui/react-icons", "@radix-ui/react-select"],
     "devDependencies": []
   },
   "switch": {
     "path": "component-templates/components/date-range-calendar/switch.tsx",
-    "dependencies": [
-      "@radix-ui/react-switch"
-    ],
+    "dependencies": ["@radix-ui/react-switch"],
     "devDependencies": []
   },
   "datetime-picker": {
     "path": "component-templates/components/datetime-picker/datetime-picker.tsx",
-    "dependencies": [
-      "date-fns",
-      "lucide-react"
-    ],
+    "dependencies": ["date-fns", "lucide-react"],
     "devDependencies": []
   },
   "input": {
@@ -125,16 +96,12 @@
   },
   "gradient-svg": {
     "path": "component-templates/components/gradient-svg.tsx",
-    "dependencies": [
-      "react-svg"
-    ],
+    "dependencies": ["react-svg"],
     "devDependencies": []
   },
   "grid-layout": {
     "path": "component-templates/components/grid-layout.tsx",
-    "dependencies": [
-      "tailwind-merge"
-    ],
+    "dependencies": ["tailwind-merge"],
     "devDependencies": []
   },
   "hydrate-guard": {
@@ -168,17 +135,12 @@
   },
   "modal": {
     "path": "component-templates/components/modal.tsx",
-    "dependencies": [
-      "react-dom"
-    ],
+    "dependencies": ["react-dom"],
     "devDependencies": []
   },
   "multi-select": {
     "path": "component-templates/components/multi-select.tsx",
-    "dependencies": [
-      "class-variance-authority",
-      "lucide-react"
-    ],
+    "dependencies": ["class-variance-authority", "lucide-react"],
     "devDependencies": []
   },
   "non-hydration": {
@@ -188,9 +150,7 @@
   },
   "portal": {
     "path": "component-templates/components/portal.tsx",
-    "dependencies": [
-      "react-dom"
-    ],
+    "dependencies": ["react-dom"],
     "devDependencies": []
   },
   "scroll-spy": {
@@ -205,9 +165,7 @@
   },
   "single-select": {
     "path": "component-templates/components/single-select.tsx",
-    "dependencies": [
-      "lucide-react"
-    ],
+    "dependencies": ["lucide-react"],
     "devDependencies": []
   },
   "stroke-circle": {
@@ -217,23 +175,17 @@
   },
   "column-table": {
     "path": "component-templates/components/table/column-table.tsx",
-    "dependencies": [
-      "@tanstack/react-table"
-    ],
+    "dependencies": ["@tanstack/react-table"],
     "devDependencies": []
   },
   "data-table": {
     "path": "component-templates/components/table/data-table.tsx",
-    "dependencies": [
-      "@tanstack/react-table"
-    ],
+    "dependencies": ["@tanstack/react-table"],
     "devDependencies": []
   },
   "readme": {
     "path": "component-templates/components/table/readme.tsx",
-    "dependencies": [
-      "@tanstack/react-table"
-    ],
+    "dependencies": ["@tanstack/react-table"],
     "devDependencies": []
   },
   "table": {
@@ -243,9 +195,7 @@
   },
   "text-hover-effect": {
     "path": "component-templates/components/text-hover-effect.tsx",
-    "dependencies": [
-      "motion/react"
-    ],
+    "dependencies": ["motion"],
     "devDependencies": []
   },
   "timout-loader": {
@@ -255,10 +205,7 @@
   },
   "toast": {
     "path": "component-templates/components/toast.tsx",
-    "dependencies": [
-      "react-dom",
-      "lucide-react"
-    ],
+    "dependencies": ["react-dom", "lucide-react"],
     "devDependencies": []
   },
   "config": {
@@ -278,9 +225,7 @@
   },
   "api-service": {
     "path": "component-templates/core/api-service.ts",
-    "dependencies": [
-      "axios"
-    ],
+    "dependencies": ["axios"],
     "devDependencies": []
   },
   "calculate": {
@@ -290,17 +235,12 @@
   },
   "idb": {
     "path": "component-templates/core/idb.ts",
-    "dependencies": [
-      "idb"
-    ],
+    "dependencies": ["idb"],
     "devDependencies": []
   },
   "lib": {
     "path": "component-templates/core/lib.ts",
-    "dependencies": [
-      "clsx",
-      "tailwind-merge"
-    ],
+    "dependencies": ["clsx", "tailwind-merge"],
     "devDependencies": []
   },
   "storage": {
@@ -315,9 +255,7 @@
   },
   "safe-action": {
     "path": "component-templates/hooks/safe-action.ts",
-    "dependencies": [
-      "lodash"
-    ],
+    "dependencies": ["lodash"],
     "devDependencies": []
   },
   "spam-guard": {
@@ -327,10 +265,7 @@
   },
   "utils": {
     "path": "component-templates/lib/utils.ts",
-    "dependencies": [
-      "clsx",
-      "tailwind-merge"
-    ],
+    "dependencies": ["clsx", "tailwind-merge"],
     "devDependencies": []
   },
   "feature-guard": {
@@ -345,10 +280,7 @@
   },
   "refine-provider": {
     "path": "component-templates/providers/refine-provider.tsx",
-    "dependencies": [
-      "axios",
-      "js-cookie"
-    ],
+    "dependencies": ["axios", "js-cookie"],
     "devDependencies": []
   },
   "query": {
@@ -358,9 +290,7 @@
   },
   "color-by-text": {
     "path": "component-templates/utils/colors/color-by-text.ts",
-    "dependencies": [
-      "unidecode"
-    ],
+    "dependencies": ["unidecode"],
     "devDependencies": []
   },
   "stripe-effect": {
@@ -370,21 +300,22 @@
   },
   "kookies": {
     "path": "component-templates/utils/cookies/kookies.ts",
-    "dependencies": [
-      "js-cookie"
-    ],
+    "dependencies": ["js-cookie"],
+    "devDependencies": []
+  },
+  "fanhash": {
+    "path": "component-templates/utils/hash/fanhash.ts",
+    "dependencies": [],
     "devDependencies": []
   },
   "hash-aes": {
     "path": "component-templates/utils/hash/hash-aes.ts",
-    "dependencies": [
-      "crypto-js"
-    ],
+    "dependencies": ["crypto-js"],
     "devDependencies": []
   },
   "simple-validate": {
     "path": "component-templates/utils/validator/simple-validate.ts",
-    "dependencies": [],
+    "dependencies": ["@/utils/validate/simple-validate"],
     "devDependencies": []
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kmod-cli",
-  "version": "1.8.2",
+  "version": "1.10.0",
   "description": "Stack components utilities fast setup in projects",
   "author": "kumo_d",
   "license": "MIT",