@vibes.diy/use-vibes-base 2.0.1 → 2.0.6

package/hooks/image-gen/utils.js

@@ -1,150 +0,0 @@
-export const MODULE_STATE = {
-    pendingImageGenCalls: new Map(),
-    pendingPrompts: new Set(),
-    processingRequests: new Set(),
-    requestTimestamps: new Map(),
-    requestCounter: 0,
-    createdDocuments: new Map(),
-    pendingDocumentCreations: new Map(),
-};
-export function cleanupRequestKey(key) {
-    MODULE_STATE.pendingImageGenCalls.delete(key);
-    MODULE_STATE.processingRequests.delete(key);
-    MODULE_STATE.pendingPrompts.delete(key);
-    MODULE_STATE.pendingDocumentCreations.delete(key);
-    MODULE_STATE.requestTimestamps.delete(key);
-}
-export function hashInput(prompt, options) {
-    const inputString = JSON.stringify({
-        prompt,
-        options,
-    });
-    let hash = 2166136261;
-    for (let i = 0; i < inputString.length; i++) {
-        hash ^= inputString.charCodeAt(i);
-        hash = Math.imul(hash, 16777619);
-    }
-    const hashHex = (hash >>> 0).toString(16).padStart(8, "0");
-    const requestId = hashHex.slice(0, 12);
-    return `${requestId}-${Date.now().toString(36)}`;
-}
-export function base64ToFile(base64Data, filename) {
-    const byteString = atob(base64Data);
-    const ab = new ArrayBuffer(byteString.length);
-    const ia = new Uint8Array(ab);
-    for (let i = 0; i < byteString.length; i++) {
-        ia[i] = byteString.charCodeAt(i);
-    }
-    const blob = new Blob([ab], { type: "image/png" });
-    return new File([blob], filename, { type: "image/png" });
-}
-export function generateVersionId(versionNumber) {
-    return `v${versionNumber}`;
-}
-export function getVersionsFromDocument(document) {
-    if (document?.versions && document.versions.length > 0) {
-        return {
-            versions: document.versions,
-            currentVersion: document.currentVersion ?? document.versions.length,
-        };
-    }
-    if (document?._files?.image) {
-        return {
-            versions: [{ id: "v1", created: document.created || Date.now() }],
-            currentVersion: 1,
-        };
-    }
-    return { versions: [], currentVersion: 0 };
-}
-export function generatePromptKey(promptNumber) {
-    return `p${promptNumber}`;
-}
-export function getPromptsFromDocument(document) {
-    if (document?.prompts && document?.currentPromptKey) {
-        return {
-            prompts: document.prompts,
-            currentPromptKey: document.currentPromptKey,
-        };
-    }
-    if (document?.prompt) {
-        return {
-            prompts: {
-                p1: { text: document.prompt, created: document.created || Date.now() },
-            },
-            currentPromptKey: "p1",
-        };
-    }
-    return { prompts: {}, currentPromptKey: "" };
-}
-export function addNewVersion(document, newImageFile, newPrompt) {
-    const { versions } = getVersionsFromDocument(document);
-    const versionCount = versions.length + 1;
-    const newVersionId = generateVersionId(versionCount);
-    const { prompts, currentPromptKey } = getPromptsFromDocument(document);
-    const updatedPrompts = { ...prompts };
-    let updatedCurrentPromptKey = currentPromptKey;
-    if (newPrompt && (!currentPromptKey || newPrompt !== prompts[currentPromptKey]?.text)) {
-        const promptCount = Object.keys(updatedPrompts).length + 1;
-        updatedCurrentPromptKey = generatePromptKey(promptCount);
-        updatedPrompts[updatedCurrentPromptKey] = {
-            text: newPrompt,
-            created: Date.now(),
-        };
-    }
-    else if (!updatedCurrentPromptKey && document.prompt) {
-        updatedCurrentPromptKey = "p1";
-        updatedPrompts["p1"] = {
-            text: document.prompt,
-            created: document.created || Date.now(),
-        };
-    }
-    const updatedFiles = { ...(document._files || {}) };
-    updatedFiles[newVersionId] = newImageFile;
-    if (versionCount === 1 && document._files?.image) {
-        updatedFiles["v1"] = document._files.image;
-        delete updatedFiles.image;
-    }
-    return {
-        ...document,
-        currentVersion: versionCount - 1,
-        versions: [
-            ...versions,
-            {
-                id: newVersionId,
-                created: Date.now(),
-                promptKey: updatedCurrentPromptKey,
-            },
-        ],
-        prompts: updatedPrompts,
-        currentPromptKey: updatedCurrentPromptKey,
-        _files: updatedFiles,
-    };
-}
-export function getRelevantOptions(options) {
-    if (!options)
-        return {};
-    const relevantOptions = {};
-    if (options.size)
-        relevantOptions.size = options.size;
-    if (options.quality)
-        relevantOptions.quality = options.quality;
-    if (options.model)
-        relevantOptions.model = options.model;
-    if (options.style)
-        relevantOptions.style = options.style;
-    return relevantOptions;
-}
-export function generateSafeFilename(promptText) {
-    const maxPromptChars = 40;
-    const cleanedPrompt = promptText
-        .toLowerCase()
-        .replace(/[^a-z0-9\s-]/g, "")
-        .replace(/\s+/g, "-")
-        .substring(0, maxPromptChars)
-        .replace(/-+$/g, "");
-    const now = new Date();
-    const datePart = `${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, "0")}${String(now.getDate()).padStart(2, "0")}`;
-    const timePart = `${String(now.getHours()).padStart(2, "0")}${String(now.getMinutes()).padStart(2, "0")}`;
-    return `${cleanedPrompt}-${datePart}-${timePart}.png`;
-}
-//# sourceMappingURL=utils.js.map

package/hooks/image-gen/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/utils.ts"],"names":[],"mappings":"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"}

package/utils/debug.d.ts

@@ -1,2 +0,0 @@
-export declare const isDebug: () => boolean;
-export declare function logDebug(...args: unknown[]): void;

package/utils/debug.js

@@ -1,8 +0,0 @@
-export const isDebug = () => Boolean(import.meta.env?.DEV) &&
-    (typeof window === "undefined" || localStorage.getItem("debugDelete") === "1");
-export function logDebug(...args) {
-    if (isDebug()) {
-        console.log(...args);
-    }
-}
-//# sourceMappingURL=debug.js.map

package/utils/debug.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../jsr/utils/debug.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,GAAY,EAAE,CACnC,OAAO,CAAE,OAAO,IAA+C,CAAC,GAAG,EAAE,GAAG,CAAC;IACzE,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC;AAEjF,MAAM,UAAU,QAAQ,CAAC,GAAG,IAAe;IACzC,IAAI,OAAO,EAAE,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IACvB,CAAC;AACH,CAAC"}

package/utils/style-utils.d.ts

@@ -1,4 +0,0 @@
-import type { ImgGenClasses } from "@vibes.diy/use-vibes-types";
-export type { ImgGenClasses };
-export declare function combineClasses(...classes: (string | boolean | null | undefined)[]): string;
-export declare const defaultClasses: Partial<ImgGenClasses>;

package/utils/style-utils.js

@@ -1,15 +0,0 @@
-export function combineClasses(...classes) {
-    const validClasses = classes.filter(Boolean);
-    const allClasses = [...validClasses];
-    validClasses.forEach((cls) => {
-        if (cls.startsWith("imggen-")) {
-            const legacyClass = cls.replace("imggen-", "img-gen-");
-            if (!allClasses.includes(legacyClass)) {
-                allClasses.push(legacyClass);
-            }
-        }
-    });
-    return allClasses.join(" ");
-}
-export const defaultClasses = {};
-//# sourceMappingURL=style-utils.js.map

package/utils/style-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-utils.js","sourceRoot":"","sources":["../../jsr/utils/style-utils.ts"],"names":[],"mappings":"AAwBA,MAAM,UAAU,cAAc,CAAC,GAAG,OAAgD;IAEhF,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAa,CAAC;IAGzD,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC;IAGrC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC3B,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YAE9B,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;YAEvD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBACtC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC;AAKD,MAAM,CAAC,MAAM,cAAc,GAA2B,EAAE,CAAC"}

package/utils/styles.d.ts

@@ -1,325 +0,0 @@
-export declare const imgGenTheme: {
-    readonly colors: {
-        readonly text: "#333";
-        readonly background: "#333333";
-        readonly overlayBg: "rgba(255, 255, 255, 0.5)";
-        readonly accent: "#0066cc";
-        readonly flash: "#fe0";
-        readonly errorBg: "rgba(0, 0, 0, 0.7)";
-        readonly errorBorder: "#ff6666";
-        readonly errorText: "#ff6666";
-        readonly errorTextBody: "#ffffff";
-        readonly buttonBg: "rgba(255, 255, 255, 0.7)";
-        readonly deleteHover: "#ff3333";
-        readonly inputBorder: "light-dark(#ccc, #555)";
-        readonly inputBg: "light-dark(#ffffff, #2a2a2a)";
-        readonly inputText: "light-dark(#333, #e0e0e0)";
-        readonly dropZoneBorder: "light-dark(#ccc, #555)";
-        readonly dropZoneBg: "light-dark(#fafafa, #2a2a2a)";
-        readonly dropZoneActiveBg: "light-dark(#f0f8ff, #1a3a4a)";
-        readonly mutedText: "light-dark(#666, #aaa)";
-        readonly lightBg: "light-dark(#f0f0f0, #404040)";
-        readonly thumbnailBorder: "light-dark(#ddd, #555)";
-        readonly titleText: "light-dark(#333, #e0e0e0)";
-    };
-    readonly dimensions: {
-        readonly borderRadius: "8px";
-        readonly padding: "8px";
-        readonly buttonSize: "28px";
-        readonly progressHeight: "8px";
-    };
-    readonly typography: {
-        readonly fontSize: "14px";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.5";
-    };
-    readonly effects: {
-        readonly blurRadius: "4px";
-        readonly transitionSpeed: "0.2s";
-        readonly shadow: "0 4px 8px rgba(0, 0, 0, 0.2)";
-    };
-};
-export declare const imgGenStyles: {
-    readonly root: {
-        readonly position: "relative";
-        readonly maxWidth: "100%";
-        readonly overflow: "hidden";
-    };
-    readonly container: {
-        readonly position: "relative";
-        readonly width: "100%";
-        readonly height: "100%";
-    };
-    readonly imageContainer: {
-        readonly position: "relative";
-        readonly width: "100%";
-        readonly overflow: "hidden";
-    };
-    readonly image: {
-        readonly width: "100%";
-        readonly height: "auto";
-        readonly display: "block";
-    };
-    readonly overlay: {
-        readonly position: "absolute";
-        readonly bottom: 0;
-        readonly left: 0;
-        readonly right: 0;
-        readonly padding: "8px";
-        readonly backgroundColor: "rgba(255, 255, 255, 0.5)";
-        readonly backdropFilter: "blur(4px)";
-        readonly WebkitBackdropFilter: "blur(4px)";
-        readonly transition: "opacity 0.2s ease";
-        readonly zIndex: 10;
-        readonly display: "flex";
-        readonly flexDirection: "column";
-    };
-    readonly topLine: {
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "space-between";
-        readonly width: "100%";
-    };
-    readonly prompt: {
-        readonly width: "100%";
-        readonly padding: "4px";
-        readonly marginBottom: "8px";
-    };
-    readonly promptText: {
-        readonly color: "#333";
-        readonly width: "100%";
-        readonly textAlign: "center";
-        readonly fontWeight: "bold";
-        readonly padding: "2px";
-        readonly cursor: "pointer";
-    };
-    readonly controls: {
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "space-between";
-        readonly width: "100%";
-        readonly paddingTop: "2px";
-    };
-    readonly controlGroup: {
-        readonly display: "flex";
-        readonly gap: "6px";
-        readonly alignItems: "center";
-    };
-    readonly button: {
-        readonly background: "rgba(255, 255, 255, 0.7)";
-        readonly borderRadius: "50%";
-        readonly width: "28px";
-        readonly height: "28px";
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "center";
-        readonly border: "none";
-        readonly cursor: "pointer";
-        readonly opacity: 0.5;
-        readonly transition: "opacity 0.2s ease";
-        readonly padding: 0;
-        readonly fontSize: "14px";
-        readonly color: "#333";
-    };
-    readonly progressContainer: {
-        readonly position: "absolute";
-        readonly top: 0;
-        readonly left: 0;
-        readonly right: 0;
-        readonly zIndex: 50;
-    };
-    readonly progress: {
-        readonly position: "absolute";
-        readonly top: 0;
-        readonly left: 0;
-        readonly height: "8px";
-        readonly backgroundColor: "#0066cc";
-        readonly transition: "width 0.3s ease-in-out";
-        readonly zIndex: 11;
-    };
-    readonly placeholder: {
-        readonly width: "100%";
-        readonly aspectRatio: "1 / 1";
-        readonly backgroundColor: "#333333";
-        readonly position: "relative";
-        readonly overflow: "hidden";
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "center";
-        readonly boxSizing: "border-box";
-    };
-    readonly statusText: {
-        readonly width: "100%";
-        readonly textAlign: "center";
-        readonly fontSize: "14px";
-        readonly color: "#333";
-        readonly opacity: 0.7;
-        readonly padding: "8px 0";
-    };
-    readonly errorContainer: {
-        readonly backgroundColor: "#222";
-        readonly aspectRatio: "1 / 1";
-        readonly display: "flex";
-        readonly flexDirection: "column";
-        readonly justifyContent: "center";
-        readonly alignItems: "center";
-        readonly padding: "1rem";
-        readonly width: "100%";
-        readonly borderRadius: "8px";
-        readonly overflow: "hidden";
-    };
-    readonly error: {
-        readonly backgroundColor: "#000";
-        readonly color: "#ff6666";
-        readonly padding: "1.5rem";
-        readonly borderRadius: "8px";
-        readonly border: "1px solid #ff6666";
-        readonly boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)";
-        readonly maxWidth: "80%";
-        readonly display: "flex";
-        readonly flexDirection: "column";
-        readonly justifyContent: "center";
-        readonly alignItems: "center";
-        readonly textAlign: "center";
-    };
-    readonly errorTitle: {
-        readonly color: "#ff6666";
-        readonly marginTop: 0;
-        readonly fontWeight: "bold";
-        readonly fontSize: "18px";
-        readonly marginBottom: "12px";
-        readonly textAlign: "center";
-    };
-    readonly errorMessage: {
-        readonly whiteSpace: "pre-wrap";
-        readonly color: "#ffffff";
-        readonly fontSize: "14px";
-        readonly lineHeight: "1.5";
-        readonly textAlign: "left";
-        readonly fontFamily: "monospace, sans-serif";
-        readonly marginBottom: 0;
-    };
-    readonly promptInputEditMode: {
-        readonly border: "2px solid #0066cc";
-        readonly padding: "6px 10px";
-        readonly borderRadius: "6px";
-    };
-    readonly uploadWaiting: {
-        readonly display: "flex";
-        readonly flexDirection: "column";
-        readonly gap: "1rem";
-        readonly padding: "1rem";
-        readonly alignItems: "center";
-        readonly textAlign: "center";
-        readonly backgroundColor: "light-dark(#ffffff, #2a2a2a)";
-        readonly borderRadius: "8px";
-        readonly border: "1px solid light-dark(#ccc, #555)";
-    };
-    readonly promptForm: {
-        readonly display: "flex";
-        readonly gap: "0.5rem";
-        readonly width: "100%";
-        readonly maxWidth: "600px";
-        readonly flexDirection: "column";
-    };
-    readonly promptInput: {
-        readonly width: "100%";
-        readonly padding: "0.8rem";
-        readonly fontSize: "1rem";
-        readonly border: "1px solid light-dark(#ccc, #555)";
-        readonly borderRadius: "4px";
-        readonly boxSizing: "border-box";
-        readonly backgroundColor: "light-dark(#ffffff, #2a2a2a)";
-        readonly color: "light-dark(#333, #e0e0e0)";
-    };
-    readonly promptSubmit: {
-        readonly padding: "0.8rem";
-        readonly fontSize: "1rem";
-        readonly backgroundColor: "#0066cc";
-        readonly color: "white";
-        readonly border: "none";
-        readonly borderRadius: "4px";
-        readonly cursor: "pointer";
-        readonly transition: "background-color 0.3s";
-    };
-    readonly fileDrop: {
-        readonly border: "2px dashed light-dark(#ccc, #555)";
-        readonly borderRadius: "8px";
-        readonly padding: "2rem";
-        readonly textAlign: "center";
-        readonly cursor: "pointer";
-        readonly transition: "border-color 0.3s, background-color 0.3s";
-        readonly backgroundColor: "light-dark(#fafafa, #2a2a2a)";
-        readonly marginTop: "1rem";
-    };
-    readonly fileDropActive: {
-        readonly borderColor: "#0066cc";
-        readonly backgroundColor: "light-dark(#f0f8ff, #1a3a4a)";
-    };
-    readonly fileDropDisabled: {
-        readonly opacity: 0.5;
-        readonly cursor: "not-allowed";
-    };
-    readonly fileDropMessage: {
-        readonly color: "light-dark(#666, #aaa)";
-        readonly fontSize: "1rem";
-        readonly fontWeight: "normal";
-    };
-    readonly uploadedPreviews: {
-        readonly width: "100%";
-        readonly marginTop: "1rem";
-    };
-    readonly uploadCount: {
-        readonly fontSize: "0.9rem";
-        readonly color: "light-dark(#666, #aaa)";
-        readonly marginBottom: "0.5rem";
-        readonly fontWeight: "bold";
-    };
-    readonly thumbnails: {
-        readonly display: "grid";
-        readonly gridTemplateColumns: "repeat(auto-fit, minmax(80px, 1fr))";
-        readonly gap: "0.5rem";
-        readonly maxWidth: "400px";
-        readonly margin: "0 auto";
-    };
-    readonly thumbnail: {
-        readonly aspectRatio: "1 / 1";
-        readonly overflow: "hidden";
-        readonly borderRadius: "4px";
-        readonly border: "1px solid light-dark(#ddd, #555)";
-    };
-    readonly thumbnailImg: {
-        readonly width: "100%";
-        readonly height: "100%";
-        readonly objectFit: "cover";
-    };
-    readonly moreCount: {
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "center";
-        readonly backgroundColor: "light-dark(#f0f0f0, #404040)";
-        readonly color: "light-dark(#666, #aaa)";
-        readonly fontSize: "0.8rem";
-        readonly fontWeight: "bold";
-    };
-    readonly truncate: {
-        readonly whiteSpace: "nowrap";
-        readonly overflow: "hidden";
-        readonly textOverflow: "ellipsis";
-    };
-};
-export declare function createStyledVariant(baseStyle: Record<string, unknown>, variants?: Record<string, unknown>): Record<string, unknown>;
-export declare const styleUtils: {
-    hover: (styles: Record<string, unknown>) => {
-        "&:hover": Record<string, unknown>;
-    };
-    disabled: (styles: Record<string, unknown>) => {
-        "&:disabled": Record<string, unknown>;
-    };
-    mediaQuery: (query: string, styles: Record<string, unknown>) => {
-        [x: string]: Record<string, unknown>;
-    };
-    transition: (properties: string[], duration?: string) => {
-        transition: string;
-    };
-};