nucleus-core-ts 0.8.6 → 0.8.8

package/dist/fe/components/VerifyEmailPage/store/index.js

@@ -0,0 +1,45 @@
+"use client";
+import { batch, createStore } from "h-state";
+const initialState = {
+    step: "verifying",
+    message: "Verifying your email...",
+    email: "",
+    cooldown: 0,
+    resendStatus: "idle",
+    resendMessage: ""
+};
+export const { useStore: useVerifyEmailStore } = createStore(initialState, {
+    setStep: (store)=>(step)=>{
+            store.step = step;
+        },
+    setMessage: (store)=>(message)=>{
+            store.message = message;
+        },
+    setEmail: (store)=>(email)=>{
+            store.email = email;
+        },
+    setCooldown: (store)=>(cooldown)=>{
+            store.cooldown = cooldown;
+        },
+    decrementCooldown: (store)=>()=>{
+            if (store.cooldown > 0) {
+                store.cooldown = store.cooldown - 1;
+            }
+        },
+    setResendStatus: (store)=>(status)=>{
+            store.resendStatus = status;
+        },
+    setResendMessage: (store)=>(message)=>{
+            store.resendMessage = message;
+        },
+    reset: (store)=>()=>{
+            batch(()=>{
+                store.step = "verifying";
+                store.message = "Verifying your email...";
+                store.email = "";
+                store.cooldown = 0;
+                store.resendStatus = "idle";
+                store.resendMessage = "";
+            });
+        }
+});

package/dist/fe/components/VerifyEmailPage/theme/index.js

@@ -0,0 +1,52 @@
+export const verifyEmailPageTheme = {
+    container: {
+        base: "min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-zinc-50 to-zinc-100 dark:from-zinc-900 dark:to-zinc-950"
+    },
+    card: {
+        base: "w-full max-w-md p-8",
+        background: "bg-white/80 dark:bg-zinc-900/80 backdrop-blur-xl",
+        border: "border border-white/20 dark:border-zinc-800/50",
+        shadow: "shadow-2xl",
+        rounded: "rounded-2xl"
+    },
+    content: {
+        wrapper: "flex flex-col items-center text-center"
+    },
+    states: {
+        verifying: {
+            spinner: "w-16 h-16 border-4 border-blue-500 border-t-transparent rounded-full animate-spin mb-6",
+            title: "text-2xl font-bold text-zinc-900 dark:text-white mb-2",
+            subtitle: "text-zinc-600 dark:text-zinc-400"
+        },
+        success: {
+            iconWrapper: "w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mb-6",
+            icon: "w-8 h-8 text-green-500",
+            title: "text-2xl font-bold text-zinc-900 dark:text-white mb-2",
+            subtitle: "text-zinc-600 dark:text-zinc-400 mb-4",
+            redirectText: "text-sm text-zinc-500 dark:text-zinc-500"
+        },
+        error: {
+            iconWrapper: "w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mb-6",
+            icon: "w-8 h-8 text-red-500",
+            title: "text-2xl font-bold text-zinc-900 dark:text-white mb-2",
+            subtitle: "text-zinc-600 dark:text-zinc-400 mb-4"
+        }
+    },
+    resendForm: {
+        wrapper: "w-full mt-4 p-4 bg-zinc-50 dark:bg-zinc-800/50 rounded-xl",
+        label: "text-sm text-zinc-600 dark:text-zinc-400 mb-3",
+        input: "w-full px-4 py-2 mb-3 border border-zinc-300 dark:border-zinc-600 rounded-lg bg-white dark:bg-zinc-800 text-zinc-900 dark:text-white placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-blue-500",
+        button: "w-full px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+        buttonContent: "flex items-center justify-center gap-2",
+        buttonSpinner: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin",
+        messageSuccess: "mt-2 text-sm text-green-600 dark:text-green-400",
+        messageError: "mt-2 text-sm text-red-600 dark:text-red-400"
+    },
+    backButton: "mt-4 px-6 py-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-white transition-colors"
+};
+export function extendVerifyEmailPageTheme(overrides) {
+    return {
+        ...verifyEmailPageTheme,
+        ...overrides
+    };
+}

package/dist/fe/components/VerifyEmailPage/types/index.js

@@ -0,0 +1 @@
+export { };

package/dist/fe/hooks/useNucleusEntity.js

@@ -0,0 +1,247 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+import { generateBulkEndpointKey, generateEntityEndpointKey } from "../utils/endpointKeys";
+export function useNucleusEntity({ entity, apiActions, pageSize = 20, initialSort = [], initialFilters = [] }) {
+    const table = entity.table_name;
+    const [items, setItems] = useState([]);
+    const [meta, setMeta] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [error, setError] = useState(null);
+    const [search, setSearch] = useState("");
+    const [sort, setSort] = useState(initialSort);
+    const [filters, setFilters] = useState(initialFilters);
+    const [currentPage, setCurrentPage] = useState(1);
+    const isInitialMount = useRef(true);
+    const getEndpointKey = generateEntityEndpointKey;
+    const getBulkEndpointKey = generateBulkEndpointKey;
+    const buildPayload = (options)=>{
+        const payload = {
+            page: options?.page ?? currentPage,
+            limit: pageSize
+        };
+        const searchValue = options?.search ?? search;
+        if (searchValue) {
+            payload.search = searchValue;
+            const searchableColumns = entity.columns?.filter((col)=>[
+                    "text",
+                    "varchar",
+                    "char"
+                ].includes(col.type)).map((col)=>col.name);
+            if (searchableColumns && searchableColumns.length > 0) {
+                payload.searchFields = searchableColumns.join(",");
+            }
+        }
+        const sortValue = options?.sort ?? sort;
+        if (sortValue.length > 0) {
+            payload.sort = JSON.stringify(sortValue);
+        }
+        const filtersValue = options?.filters ?? filters;
+        if (filtersValue.length > 0) {
+            payload.filters = JSON.stringify(filtersValue);
+        }
+        return payload;
+    };
+    const loadData = (options)=>{
+        const endpointKey = getEndpointKey(table, "GET");
+        const action = apiActions[endpointKey];
+        if (!action) {
+            console.error(`Endpoint ${endpointKey} not found`);
+            return;
+        }
+        setIsLoading(true);
+        setError(null);
+        const page = options?.page ?? 1;
+        setCurrentPage(page);
+        action.start({
+            payload: buildPayload({
+                ...options,
+                page
+            }),
+            onAfterHandle: (data)=>{
+                const response = data;
+                if (response?.data?.items) {
+                    setItems(response.data.items);
+                    setMeta(response.data.meta ?? null);
+                }
+                setIsLoading(false);
+            },
+            onErrorHandle: (err)=>{
+                setError(err);
+                setIsLoading(false);
+            }
+        });
+    };
+    const loadMore = ()=>{
+        if (!meta || !meta.hasNextPage || isLoadingMore) return;
+        const endpointKey = getEndpointKey(table, "GET");
+        const action = apiActions[endpointKey];
+        if (!action) return;
+        setIsLoadingMore(true);
+        const nextPage = currentPage + 1;
+        action.start({
+            payload: buildPayload({
+                page: nextPage
+            }),
+            onAfterHandle: (data)=>{
+                const response = data;
+                if (response?.data?.items && response.data.items.length > 0) {
+                    const responseItems = response.data.items;
+                    setItems((prev)=>{
+                        const existingIds = new Set(prev.map((item)=>item.id));
+                        const newItems = responseItems.filter((item)=>!existingIds.has(item.id));
+                        return [
+                            ...prev,
+                            ...newItems
+                        ];
+                    });
+                    setMeta(response.data.meta ?? null);
+                    setCurrentPage(nextPage);
+                }
+                setIsLoadingMore(false);
+            },
+            onErrorHandle: (err)=>{
+                setError(err);
+                setIsLoadingMore(false);
+            }
+        });
+    };
+    const addItem = async (data)=>{
+        const endpointKey = getEndpointKey(table, "POST");
+        const action = apiActions[endpointKey];
+        if (!action) {
+            throw new Error(`Endpoint ${endpointKey} not found`);
+        }
+        return new Promise((resolve, reject)=>{
+            action.start({
+                payload: data,
+                onAfterHandle: ()=>{
+                    loadData({
+                        page: 1
+                    });
+                    resolve();
+                },
+                onErrorHandle: (err)=>{
+                    reject(err);
+                }
+            });
+        });
+    };
+    const updateItem = async (id, data)=>{
+        const endpointKey = getEndpointKey(table, "PUT");
+        const action = apiActions[endpointKey];
+        if (!action) {
+            throw new Error(`Endpoint ${endpointKey} not found`);
+        }
+        return new Promise((resolve, reject)=>{
+            action.start({
+                payload: {
+                    _id: id,
+                    ...data
+                },
+                onAfterHandle: ()=>{
+                    loadData();
+                    resolve();
+                },
+                onErrorHandle: (err)=>{
+                    reject(err);
+                }
+            });
+        });
+    };
+    const deleteItem = async (id)=>{
+        const endpointKey = getEndpointKey(table, "DELETE");
+        const action = apiActions[endpointKey];
+        if (!action) {
+            throw new Error(`Endpoint ${endpointKey} not found`);
+        }
+        return new Promise((resolve, reject)=>{
+            action.start({
+                payload: {
+                    _id: id
+                },
+                onAfterHandle: ()=>{
+                    loadData();
+                    resolve();
+                },
+                onErrorHandle: (err)=>{
+                    reject(err);
+                }
+            });
+        });
+    };
+    const bulkAdd = async (bulkItems)=>{
+        const endpointKey = getBulkEndpointKey(table, "POST");
+        const action = apiActions[endpointKey];
+        if (!action) {
+            throw new Error(`Endpoint ${endpointKey} not found`);
+        }
+        return new Promise((resolve, reject)=>{
+            action.start({
+                payload: bulkItems,
+                onAfterHandle: ()=>{
+                    loadData({
+                        page: 1
+                    });
+                    resolve();
+                },
+                onErrorHandle: (err)=>{
+                    reject(err);
+                }
+            });
+        });
+    };
+    const bulkDelete = async (ids)=>{
+        const endpointKey = getBulkEndpointKey(table, "DELETE");
+        const action = apiActions[endpointKey];
+        if (!action) {
+            throw new Error(`Endpoint ${endpointKey} not found`);
+        }
+        return new Promise((resolve, reject)=>{
+            action.start({
+                payload: ids,
+                onAfterHandle: ()=>{
+                    loadData();
+                    resolve();
+                },
+                onErrorHandle: (err)=>{
+                    reject(err);
+                }
+            });
+        });
+    };
+    const refetch = ()=>{
+        loadData();
+    };
+    useEffect(()=>{
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            loadData();
+        }
+    }, []);
+    const hasMore = meta?.hasNextPage ?? false;
+    return {
+        items,
+        meta,
+        isLoading,
+        isLoadingMore,
+        error,
+        loadData,
+        loadMore,
+        hasMore,
+        addItem,
+        updateItem,
+        deleteItem,
+        bulkAdd,
+        bulkDelete,
+        search,
+        setSearch,
+        sort,
+        setSort,
+        filters,
+        setFilters,
+        currentPage,
+        setCurrentPage,
+        refetch
+    };
+}