funuicss 3.5.7 → 3.5.9

package/ui/theme/theme.js

@@ -33,24 +33,43 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVariant = void 0;
 var react_1 = __importStar(require("react"));
 var themes_1 = require("./themes");
 var darkenUtils_1 = require("./darkenUtils");
+var firestore_1 = require("firebase/firestore");
+var Firebase_1 = __importDefault(require("../../utils/Firebase"));
+var VariantContext = (0, react_1.createContext)({
+    variant: 'standard',
+    setVariant: function () {
+        /** noop */
+    },
+});
+var useVariant = function () { return (0, react_1.useContext)(VariantContext); };
+exports.useVariant = useVariant;
+/* -------------------------------------------------------------------------- */
+/*                                COMPONENT                                   */
+/* -------------------------------------------------------------------------- */
 var ThemeProvider = function (_a) {
-    var theme = _a.theme, children = _a.children;
+    var theme = _a.theme, children = _a.children, projectId = _a.projectId;
+    var _b = (0, react_1.useState)('standard'), variant = _b[0], setVariant = _b[1];
+    /* -------------------------- Apply base theme --------------------------- */
     (0, react_1.useEffect)(function () {
         var root = document.documentElement;
         var selectedTheme = themes_1.themes[theme] || themes_1.themes.light;
-        // Apply selected theme variables
         Object.entries(selectedTheme).forEach(function (_a) {
             var key = _a[0], value = _a[1];
             root.style.setProperty(key, value);
         });
-        // Apply darkened RGBA versions (for dark themes only)
-        if (theme === 'dark' || theme === 'dark-blue' || theme === 'midnight-purple' || theme === 'cyber-metal') {
+        if (['dark', 'dark-blue', 'midnight-purple', 'cyber-metal'].includes(theme)) {
             themes_1.colorVarsToDarken.forEach(function (varName) {
-                var original = getComputedStyle(root).getPropertyValue(varName).trim();
+                var original = getComputedStyle(root)
+                    .getPropertyValue(varName)
+                    .trim();
                 if (original) {
                     var darkAmount = (0, darkenUtils_1.getDarkenAmount)(varName);
                     var rgba = (0, darkenUtils_1.darkenToRgba)(original, darkAmount, 0.9);
@@ -59,10 +78,35 @@ var ThemeProvider = function (_a) {
             });
         }
     }, [theme]);
-    return (react_1.default.createElement("div", { className: "theme-".concat(theme), style: {
-            backgroundColor: 'var(--page-bg)',
-            color: 'var(--text-color)',
-            minHeight: '100vh',
-        } }, children));
+    /* ---------------------- Real-time Firestore sync ----------------------- */
+    (0, react_1.useEffect)(function () {
+        if (!projectId)
+            return;
+        var root = document.documentElement;
+        var docRef = (0, firestore_1.doc)(Firebase_1.default, 'Projects', projectId);
+        var unsubscribe = (0, firestore_1.onSnapshot)(docRef, function (snapshot) {
+            var _a;
+            var data = snapshot.data();
+            if (!data)
+                return;
+            var config = (_a = data.theme_config) !== null && _a !== void 0 ? _a : {};
+            var newVariant = data.default_variation || 'standard';
+            setVariant(newVariant);
+            Object.entries(config).forEach(function (_a) {
+                var key = _a[0], value = _a[1];
+                root.style.setProperty(key.startsWith('--') ? key : "--".concat(key), String(value));
+            });
+        }, function (error) {
+            console.error('Realtime theme listener error:', error);
+        });
+        return function () { return unsubscribe(); };
+    }, [projectId]);
+    /* ------------------------------- Render ------------------------------- */
+    return (react_1.default.createElement(VariantContext.Provider, { value: { variant: variant, setVariant: setVariant } },
+        react_1.default.createElement("div", { className: "theme-".concat(theme), style: {
+                backgroundColor: 'var(--page-bg)',
+                color: 'var(--text-color)',
+                minHeight: '100vh',
+            } }, children)));
 };
 exports.default = ThemeProvider;

package/utils/FireStore.d.ts

@@ -0,0 +1,10 @@
+export namespace Requests {
+    export function getDocs(collectionName: any, docs_limit: any, extraQueries?: any[]): Promise<any>;
+    export function getDoc(collectionName: any, id: any): Promise<any>;
+    export function query(collectionName: any, queriesArr: any[] | undefined, docs_limit: any): Promise<any>;
+    export function add_document(cName: any, data: any, dbCollection?: string): Promise<any>;
+    export function set_doc(cName: any, doc_id: any, data: any): Promise<any>;
+    export function update(cName: any, doc_id: any, data: any): Promise<any>;
+    export function _delete(cName: any, doc_id: any): Promise<any>;
+    export { _delete as delete };
+}

package/utils/FireStore.js

@@ -0,0 +1,273 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Requests = void 0;
+var Firebase_1 = __importDefault(require("./Firebase"));
+var firestore_1 = require("firebase/firestore");
+// ⏳ Convert timestamp to "x time ago"
+function timeAgo(timestamp) {
+    if (!timestamp)
+        return "";
+    var now = new Date();
+    var date = timestamp.toDate ? timestamp.toDate() : new Date(timestamp);
+    var seconds = Math.floor((now - date) / 1000);
+    var intervals = {
+        year: 31536000,
+        month: 2592000,
+        week: 604800,
+        day: 86400,
+        hour: 3600,
+        minute: 60,
+        second: 1,
+    };
+    for (var key in intervals) {
+        var value = intervals[key];
+        if (seconds >= value) {
+            var count = Math.floor(seconds / value);
+            return "".concat(count, " ").concat(key).concat(count > 1 ? "s" : "", " ago");
+        }
+    }
+    return "just now";
+}
+// ⏳ Apply timeAgo to createdAt & updatedAt fields
+function formatTimestamps(docData) {
+    return __assign(__assign({}, docData), { createdAt: docData.createdAt ? timeAgo(docData.createdAt) : null, updatedAt: docData.updatedAt ? timeAgo(docData.updatedAt) : null });
+}
+exports.Requests = {
+    // 📥 Get all docs
+    getDocs: function (collectionName, docs_limit, extraQueries) {
+        if (extraQueries === void 0) { extraQueries = []; }
+        return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
+            var Resourceq, snapshot, data, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        Resourceq = firestore_1.query.apply(void 0, __spreadArray(__spreadArray([(0, firestore_1.collection)(Firebase_1.default, collectionName)], extraQueries, false), (docs_limit ? [(0, firestore_1.limit)(docs_limit)] : []), false));
+                        return [4 /*yield*/, (0, firestore_1.getDocs)(Resourceq)];
+                    case 1:
+                        snapshot = _a.sent();
+                        if (snapshot.docs.length > 0) {
+                            data = snapshot.docs.map(function (d) { return (__assign({ id: d.id }, formatTimestamps(d.data()))); });
+                            resolve(data);
+                        }
+                        else {
+                            resolve([]);
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        reject("Error fetching documents: ".concat(err_1.message));
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    },
+    // 📥 Get single doc
+    getDoc: function (collectionName, id) {
+        return new Promise(function (resolve, reject) {
+            (0, firestore_1.onSnapshot)((0, firestore_1.doc)(Firebase_1.default, collectionName, id), function (gdoc) {
+                var data = gdoc.data();
+                if (data) {
+                    resolve({ data: formatTimestamps(data), id: gdoc.id });
+                }
+                else {
+                    resolve({ message: "No data found", data: "" });
+                }
+            }, function (err) { return reject("Error fetching document: ".concat(err.message)); });
+        });
+    },
+    // 🔎 Flexible query (add more queries)
+    query: function (collectionName, queriesArr, docs_limit) {
+        if (queriesArr === void 0) { queriesArr = []; }
+        return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
+            var Resourceq, snapshot, data, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        Resourceq = firestore_1.query.apply(void 0, __spreadArray(__spreadArray([(0, firestore_1.collection)(Firebase_1.default, collectionName)], queriesArr, false), (docs_limit ? [(0, firestore_1.limit)(docs_limit)] : []), false));
+                        return [4 /*yield*/, (0, firestore_1.getDocs)(Resourceq)];
+                    case 1:
+                        snapshot = _a.sent();
+                        if (snapshot.docs.length > 0) {
+                            data = snapshot.docs.map(function (d) { return (__assign({ id: d.id }, formatTimestamps(d.data()))); });
+                            resolve({ data: data });
+                        }
+                        else {
+                            resolve({ message: "No data", data: [] });
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_2 = _a.sent();
+                        reject("Error querying documents: ".concat(err_2.message));
+                        console.log(err_2);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    },
+    // ➕ Add new doc with createdAt + updatedAt
+    add_document: function (cName, data, dbCollection) {
+        if (dbCollection === void 0) { dbCollection = ''; }
+        return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
+            var docRef, err_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        return [4 /*yield*/, (0, firestore_1.addDoc)((0, firestore_1.collection)(Firebase_1.default, cName), __assign(__assign({}, data), { createdAt: (0, firestore_1.serverTimestamp)(), updatedAt: (0, firestore_1.serverTimestamp)() }))];
+                    case 1:
+                        docRef = _a.sent();
+                        // Then update the same doc with its ID
+                        return [4 /*yield*/, (0, firestore_1.updateDoc)(docRef, dbCollection === 'users' ? { uid: docRef.id } : { id: docRef.id })];
+                    case 2:
+                        // Then update the same doc with its ID
+                        _a.sent();
+                        resolve(docRef);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_3 = _a.sent();
+                        reject("Error adding document: ".concat(err_3.message));
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); });
+    },
+    // ✍️ Set/merge doc with updatedAt
+    set_doc: function (cName, doc_id, data) {
+        return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
+            var res, err_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, (0, firestore_1.setDoc)((0, firestore_1.doc)(Firebase_1.default, cName, doc_id), __assign(__assign({}, data), { updatedAt: (0, firestore_1.serverTimestamp)(), createdAt: (0, firestore_1.serverTimestamp)() }), { merge: true })];
+                    case 1:
+                        res = _a.sent();
+                        resolve(res);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_4 = _a.sent();
+                        reject("Error setting document: ".concat(err_4.message));
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    },
+    // 🔄 Update doc with updatedAt
+    update: function (cName, doc_id, data) {
+        return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
+            var res, err_5;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, (0, firestore_1.updateDoc)((0, firestore_1.doc)(Firebase_1.default, cName, doc_id), __assign(__assign({}, data), { updatedAt: (0, firestore_1.serverTimestamp)() }))];
+                    case 1:
+                        res = _a.sent();
+                        resolve(res);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_5 = _a.sent();
+                        reject("Error updating document: ".concat(err_5.message));
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    },
+    // ❌ Delete doc
+    delete: function (cName, doc_id) {
+        return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
+            var err_6;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, (0, firestore_1.deleteDoc)((0, firestore_1.doc)(Firebase_1.default, cName, doc_id))];
+                    case 1:
+                        _a.sent();
+                        resolve("Document ".concat(doc_id, " successfully deleted"));
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_6 = _a.sent();
+                        reject("Error deleting document: ".concat(err_6.message));
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    },
+};
+// // Add document
+// Requests.add_document("users", { name: "John Doe", email: "john@example.com" });
+// // Update document
+// Requests.update("users", "docID123", { name: "Jane Doe" });
+// // Query with multiple conditions
+// Requests.query("users", [
+//   where("status", "==", "active"),
+//   where("level", "==", "admin"),
+// ], 10).then(res => console.log(res.data));

package/utils/Firebase.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@firebase/firestore").Firestore;
+export default _default;

package/utils/Firebase.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var app_1 = require("firebase/app");
+var firestore_1 = require("firebase/firestore");
+var firebaseConfig = {
+    apiKey: "AIzaSyBi6mv2y56aKgJOv-MTHhwL1OaKnXlRNxE",
+    authDomain: "funui-4bcd1.firebaseapp.com",
+    projectId: "funui-4bcd1",
+    storageBucket: "funui-4bcd1.firebasestorage.app",
+    messagingSenderId: "321671406212",
+    appId: "1:321671406212:web:344738ff231449368f18d1",
+    measurementId: "G-PDMZ8J0R37"
+};
+// Initialize Firebase app
+var db = (0, app_1.initializeApp)(firebaseConfig);
+exports.default = (0, firestore_1.getFirestore)();

package/utils/applyThemeConfig.d.ts

@@ -0,0 +1,8 @@
+export interface ThemeConfig {
+    colors?: Record<string, string>;
+}
+/**
+ * Applies color variables from a theme config to the :root element.
+ * Example: { primary: "#8B5CF6" } → --color-primary: #8B5CF6
+ */
+export declare const applyThemeConfig: (themeConfig: ThemeConfig) => void;

package/utils/applyThemeConfig.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyThemeConfig = void 0;
+/**
+ * Applies color variables from a theme config to the :root element.
+ * Example: { primary: "#8B5CF6" } → --color-primary: #8B5CF6
+ */
+var applyThemeConfig = function (themeConfig) {
+    if (typeof window === "undefined")
+        return; // For SSR safety
+    var root = document.documentElement;
+    var colors = themeConfig.colors || {};
+    Object.entries(colors).forEach(function (_a) {
+        var key = _a[0], value = _a[1];
+        var varName = "--".concat(key);
+        root.style.setProperty(varName, String(value));
+    });
+};
+exports.applyThemeConfig = applyThemeConfig;