@rannah-labs/react-voice-orb 1.1.3

package/dist/src/public_packages/react-voice-orb/src/providers/ThemeProvider.js

@@ -0,0 +1,202 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOrbTheme = useOrbTheme;
+const react_1 = __importStar(require("react"));
+const color_convert_1 = __importDefault(require("color-convert"));
+const ThemeContext = (0, react_1.createContext)("blue-light");
+function useOrbTheme() {
+    const context = (0, react_1.useContext)(ThemeContext);
+    if (!context) {
+        throw new Error("use orb theme must be used within a theme provider");
+    }
+    return context;
+}
+const OrbThemeProvider = (props) => {
+    const [customStyles, setCustomStyles] = (0, react_1.useState)(props.customStyles || {});
+    react_1.default.useEffect(() => {
+        // no keys in the customStyles object
+        if (Object.keys(customStyles)?.length === 0) {
+            // handle autogenerate by the primary color
+            if (props.primaryColor) {
+                switchCustomColorPallet(props.primaryColor);
+            }
+            else {
+                // handle default theme
+                switchCustomColorPallet("#0000FF");
+            }
+        }
+    }, [customStyles, props.primaryColor, props.isDark]);
+    function getColor(colorToGet, opacity) {
+        const element = document.getElementById("vg-theme-container");
+        if (!element)
+            return;
+        const styles = window.getComputedStyle(element);
+        const mainColorRaw = styles.getPropertyValue(`--vg-${colorToGet}`);
+        const mainColorHsl = mainColorRaw
+            .split(" ")
+            .map((item) => Number(item.replaceAll(`%`, "")));
+        if (opacity) {
+            return `rgba(${color_convert_1.default.hsl
+                .rgb(mainColorHsl)
+                .join(`,`)}, ${opacity})`;
+        }
+        const mainColorHex = color_convert_1.default.hsl.hex(mainColorHsl);
+        return `#${mainColorHex}`;
+    }
+    const handleAutoGenPallet = (rootColor, themeType) => {
+        const baseColorHSL = color_convert_1.default.hex.hsl(rootColor);
+        // console.log(baseColorHSL);
+        if (baseColorHSL?.length) {
+            const newHSLColorsArray = [];
+            for (let i = 10; i > 0; i--) {
+                const changePerIndex = 10;
+                let newHslColor = baseColorHSL.slice(0, 2);
+                const finalLuinousValue = i * changePerIndex === 100 ? 95 : i * changePerIndex || 5;
+                newHslColor[2] = finalLuinousValue;
+                newHSLColorsArray.push(newHslColor);
+            }
+            const nineColorPalletFinale = themeType === "light"
+                ? newHSLColorsArray.slice().reverse()
+                : newHSLColorsArray;
+            return nineColorPalletFinale;
+        }
+    };
+    function switchCustomColorPallet(customThemeJSONString) {
+        let themeObject = {
+            primary: props.primaryColor || "#0000FF",
+        };
+        try {
+            themeObject = JSON.parse(customThemeJSONString);
+        }
+        catch (error) {
+            themeObject = {
+                primary: props.primaryColor || "#0000FF",
+            };
+        }
+        try {
+            // themeObject = JSON.parse(customThemeJSONString);
+            // console.log(themeObject)
+            const primaryHSL = color_convert_1.default.hex.hsl(themeObject.primary);
+            const nineCollorPallet = handleAutoGenPallet(themeObject.primary, props.isDark ? "dark" : "light");
+            // console.log(nineCollorPallet)
+            setCustomStyles({
+                "--vg-primary": primaryHSL
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-50": nineCollorPallet[0]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-100": nineCollorPallet[1]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-200": nineCollorPallet[2]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-300": nineCollorPallet[3]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-400": nineCollorPallet[4]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-500": nineCollorPallet[5]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-600": nineCollorPallet[6]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-700": nineCollorPallet[7]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-800": nineCollorPallet[8]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-900": nineCollorPallet[9]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+            });
+        }
+        catch (error) {
+            console.error(`Error parsing custom theme JSON: `, error);
+        }
+    }
+    const setCustomTheme = (primaryHSL, nineCollorPallet) => {
+        // console.log(`custom theme triggered:: `, primaryHSL, nineCollorPallet)
+        if (primaryHSL === false && !nineCollorPallet.length) {
+            setCustomStyles({});
+        }
+        if (nineCollorPallet?.length) {
+            // console.log('SETTING CUSTOM STYLES ')
+            setCustomStyles({
+                "--vg-primary": primaryHSL
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-50": nineCollorPallet[0]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-100": nineCollorPallet[1]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-200": nineCollorPallet[2]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-300": nineCollorPallet[3]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-400": nineCollorPallet[4]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-500": nineCollorPallet[5]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-600": nineCollorPallet[6]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-700": nineCollorPallet[7]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-800": nineCollorPallet[8]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+                "--vg-primary-900": nineCollorPallet[9]
+                    .map((item, index) => (index === 0 ? item : `${item}%`))
+                    .join(` `),
+            });
+        }
+    };
+    const value = {
+        customStyles,
+        setCustomTheme,
+        getColor,
+        switchCustomColorPallet,
+    };
+    return (react_1.default.createElement(ThemeContext.Provider, { value: value },
+        react_1.default.createElement("div", { id: "vg-theme-container", style: customStyles }, props.children)));
+};
+exports.default = OrbThemeProvider;

package/dist/src/public_packages/react-voice-orb/src/scripts/same-script.d.ts

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

package/dist/src/public_packages/react-voice-orb/src/scripts/same-script.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs = __importStar(require("fs/promises"));
+const path = __importStar(require("path"));
+/**
+ * Deletes all files and folders inside `rootPath` except for those
+ * whose relative paths (from rootPath) appear in the `exceptions` array.
+ *
+ * @param rootPath - The directory to process.
+ * @param exceptions - An array of paths (relative to rootPath) to keep.
+ */
+async function deleteAllExcept(rootPath, exceptions) {
+    // Normalize exception paths for consistent matching.
+    const exceptionsSet = new Set(exceptions.map(e => path.normalize(e)));
+    /**
+     * Recursively processes the directory at `currentPath`.
+     *
+     * @param currentPath - Absolute path of the current directory.
+     * @param relativePath - The path relative to the original rootPath.
+     */
+    async function processDirectory(currentPath, relativePath) {
+        // Read the directory entries.
+        const items = await fs.readdir(currentPath);
+        for (const item of items) {
+            // Build the relative path for the item.
+            const itemRelPath = relativePath ? path.join(relativePath, item) : item;
+            const fullItemPath = path.join(currentPath, item);
+            // If the item is in the exceptions list, skip processing it.
+            if (exceptionsSet.has(path.normalize(itemRelPath))) {
+                // Do not process inside an exception folder (or delete an exception file).
+                continue;
+            }
+            const stats = await fs.lstat(fullItemPath);
+            if (stats.isDirectory()) {
+                // Process the contents of the directory.
+                await processDirectory(fullItemPath, itemRelPath);
+                // After processing, check if the directory is now empty.
+                const remaining = await fs.readdir(fullItemPath);
+                if (remaining.length === 0) {
+                    await fs.rmdir(fullItemPath);
+                }
+            }
+            else {
+                // Delete the file.
+                await fs.unlink(fullItemPath);
+            }
+        }
+    }
+    // Process the root directory but never remove the root itself.
+    await processDirectory(rootPath, '');
+}
+// --- Example usage ---
+// This call will delete everything under './dist/vg-docker/src'
+// except for the folder "+global_consts" and any file/folder whose
+// relative path matches one of the entries in the exceptions array.
+deleteAllExcept('./dist', ['vg-docker/src/+global_consts/client.js', 'vg-docker/src/+global_consts/client.d.ts', 'src/app/Types', 'src/app/Types', "bun-server", 'src/public_packages/react-voice-orb']).catch(console.error);

package/dist/src/public_packages/react-voice-orb/src/spinner.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Spinner: () => React.JSX.Element;
+export default Spinner;

package/dist/src/public_packages/react-voice-orb/src/spinner.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Spinner = () => {
+    return (react_1.default.createElement("div", { className: "pulse", style: {
+            width: "50px",
+            height: "50px",
+            backgroundColor: "white",
+            borderRadius: "50%",
+            animation: "pulse 1.5s infinite",
+            margin: " auto",
+        } }));
+};
+exports.default = Spinner;