@vibes.diy/use-vibes-base 0.12.0-dev-preview

package/hooks/image-gen/utils.js

@@ -0,0 +1,159 @@
+export const MODULE_STATE = {
+    pendingImageGenCalls: new Map(),
+    pendingPrompts: new Set(),
+    processingRequests: new Set(),
+    requestTimestamps: new Map(),
+    requestCounter: 0,
+    createdDocuments: new Map(), // Track document IDs created for each generation request
+    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 const cleanupInterval = setInterval(() => {
+    const now = Date.now();
+    for (const [key, timestamp] of MODULE_STATE.requestTimestamps.entries()) {
+        if (now - timestamp > 5 * 60 * 1000) {
+            MODULE_STATE.createdDocuments.delete(key);
+            cleanupRequestKey(key);
+        }
+    }
+}, 60000);
+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, // Make it 0-based
+        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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/utils.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,YAAY,GAAgB;IACvC,oBAAoB,EAAE,IAAI,GAAG,EAAE;IAC/B,cAAc,EAAE,IAAI,GAAG,EAAE;IACzB,kBAAkB,EAAE,IAAI,GAAG,EAAE;IAC7B,iBAAiB,EAAE,IAAI,GAAG,EAAE;IAC5B,cAAc,EAAE,CAAC;IACjB,gBAAgB,EAAE,IAAI,GAAG,EAAE,EAAE,yDAAyD;IACtF,wBAAwB,EAAE,IAAI,GAAG,EAAE;CACpC,CAAC;AAGF,MAAM,UAAU,iBAAiB,CAAC,GAAW,EAAE;IAC7C,YAAY,CAAC,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9C,YAAY,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5C,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAExC,YAAY,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAGlD,YAAY,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAAA,CAC5C;AAGD,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;IAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,YAAY,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,CAAC;QACxE,IAAI,GAAG,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;YAGpC,YAAY,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAG1C,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;AAAA,CACF,EAAE,KAAK,CAAC,CAAC;AAQV,MAAM,UAAU,SAAS,CAAC,MAAc,EAAE,OAAyB,EAAU;IAE3E,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,MAAM;QAEN,OAAO;KAWR,CAAC,CAAC;IAGH,IAAI,IAAI,GAAG,UAAU,CAAC;IACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,IAAI,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAElC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC;IAGD,MAAM,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAGvC,OAAO,GAAG,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;AAAA,CAClD;AAGD,MAAM,UAAU,YAAY,CAAC,UAAkB,EAAE,QAAgB,EAAQ;IACvE,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,EAAE,GAAG,IAAI,UAAU,CAAC,EAAE,CAAC,CAAC;IAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,EAAE,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IACnD,OAAO,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AAAA,CAC1D;AAOD,MAAM,UAAU,iBAAiB,CAAC,aAAqB,EAAU;IAC/D,OAAO,IAAI,aAAa,EAAE,CAAC;AAAA,CAC5B;AAOD,MAAM,UAAU,uBAAuB,CAAC,QAAgC,EAGtE;IAEA,IAAI,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvD,OAAO;YACL,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,cAAc,EAAE,QAAQ,CAAC,cAAc,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM;SACpE,CAAC;IACJ,CAAC;IAGD,IAAI,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC5B,OAAO;YACL,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;YACjE,cAAc,EAAE,CAAC;SAClB,CAAC;IACJ,CAAC;IAGD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC;AAAA,CAC5C;AAOD,MAAM,UAAU,iBAAiB,CAAC,YAAoB,EAAU;IAC9D,OAAO,IAAI,YAAY,EAAE,CAAC;AAAA,CAC3B;AAOD,MAAM,UAAU,sBAAsB,CAAC,QAAgC,EAGrE;IAEA,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAAE,gBAAgB,EAAE,CAAC;QACpD,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB;SAC5C,CAAC;IACJ,CAAC;IAGD,IAAI,QAAQ,EAAE,MAAM,EAAE,CAAC;QACrB,OAAO;YACL,OAAO,EAAE;gBACP,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE;aACvE;YACD,gBAAgB,EAAE,IAAI;SACvB,CAAC;IACJ,CAAC;IAGD,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;AAAA,CAC9C;AASD,MAAM,UAAU,aAAa,CAC3B,QAAuB,EACvB,YAAkB,EAClB,SAAkB,EACH;IAEf,MAAM,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAGrD,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAGvE,MAAM,cAAc,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;IACtC,IAAI,uBAAuB,GAAG,gBAAgB,CAAC;IAG/C,IAAI,SAAS,IAAI,CAAC,CAAC,gBAAgB,IAAI,SAAS,KAAK,OAAO,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;QACtF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3D,uBAAuB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACzD,cAAc,CAAC,uBAAuB,CAAC,GAAG;YACxC,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE;SACpB,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,uBAAuB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;QAEvD,uBAAuB,GAAG,IAAI,CAAC;QAC/B,cAAc,CAAC,IAAI,CAAC,GAAG;YACrB,IAAI,EAAE,QAAQ,CAAC,MAAM;YACrB,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE;SACxC,CAAC;IACJ,CAAC;IAGD,MAAM,YAAY,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC;IACpD,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;IAG1C,IAAI,YAAY,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;QACjD,YAAY,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3C,OAAO,YAAY,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,OAAO;QACL,GAAG,QAAQ;QACX,cAAc,EAAE,YAAY,GAAG,CAAC,EAAE,kBAAkB;QACpD,QAAQ,EAAE;YACR,GAAG,QAAQ;YACX;gBACE,EAAE,EAAE,YAAY;gBAChB,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE;gBACnB,SAAS,EAAE,uBAAuB;aACnC;SACF;QACD,OAAO,EAAE,cAAc;QACvB,gBAAgB,EAAE,uBAAuB;QACzC,MAAM,EAAE,YAAY;KACrB,CAAC;AAAA,CACH;AAMD,MAAM,UAAU,kBAAkB,CAAC,OAAyB,EAA2B;IACrF,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAExB,MAAM,eAAe,GAA4B,EAAE,CAAC;IAEpD,IAAI,OAAO,CAAC,IAAI;QAAE,eAAe,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IACtD,IAAI,OAAO,CAAC,OAAO;QAAE,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAC/D,IAAI,OAAO,CAAC,KAAK;QAAE,eAAe,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IACzD,IAAI,OAAO,CAAC,KAAK;QAAE,eAAe,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAEzD,OAAO,eAAe,CAAC;AAAA,CACxB;AAOD,MAAM,UAAU,oBAAoB,CAAC,UAAkB,EAAU;IAE/D,MAAM,cAAc,GAAG,EAAE,CAAC;IAG1B,MAAM,aAAa,GAAG,UAAU;SAC7B,WAAW,EAAE;SACb,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;SAC5B,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC;SAC5B,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAGvB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,MAAM,CAC1F,GAAG,CAAC,OAAO,EAAE,CACd,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACrB,MAAM,QAAQ,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAC7F,CAAC,EACD,GAAG,CACJ,EAAE,CAAC;IAGJ,OAAO,GAAG,aAAa,IAAI,QAAQ,IAAI,QAAQ,MAAM,CAAC;AAAA,CACvD"}

package/hooks/use-image-gen.d.ts

@@ -0,0 +1 @@
+export * from './image-gen/index.js';

package/hooks/use-image-gen.js

@@ -0,0 +1,2 @@
+export * from './image-gen/index.js';
+//# sourceMappingURL=use-image-gen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-gen.js","sourceRoot":"","sources":["../../jsr/hooks/use-image-gen.ts"],"names":[],"mappings":"AAMA,cAAc,sBAAsB,CAAC"}

package/index.d.ts

@@ -0,0 +1,22 @@
+import { fireproof, useFireproof as originalUseFireproof, ImgFile } from 'use-fireproof';
+export { fireproof, ImgFile };
+export type * as Fireproof from 'use-fireproof';
+export declare const useFireproof: typeof originalUseFireproof;
+import { callAI } from 'call-ai';
+export { callAI, callAI as callAi };
+export type * as CallAI from 'call-ai';
+export { default as ImgGen } from './components/ImgGen.js';
+export type { ImgGenProps } from './components/ImgGen.js';
+export { ControlsBar } from './components/ControlsBar.js';
+export { PromptBar } from './components/PromptBar.js';
+export { useImageGen, hashInput } from './hooks/image-gen/index.js';
+export { type ImgGenClasses, defaultClasses } from './utils/style-utils.js';
+export { base64ToFile } from './utils/base64.js';
+export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
+export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
+export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
+export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
+export { MODULE_STATE } from './hooks/image-gen/utils.js';
+export { addNewVersion } from './hooks/image-gen/utils.js';
+export { type ImageDocument } from './hooks/image-gen/types.js';
+export { type UseImageGenOptions, type UseImageGenResult, type PartialImageDocument, } from './hooks/image-gen/types.js';

package/index.js

@@ -0,0 +1,21 @@
+import { fireproof, useFireproof as originalUseFireproof, ImgFile } from 'use-fireproof';
+export { fireproof, ImgFile };
+export const useFireproof = (...args) => {
+    console.log('Using vibes-customized useFireproof');
+    return originalUseFireproof(...args);
+};
+import { callAI } from 'call-ai';
+export { callAI, callAI as callAi };
+export { default as ImgGen } from './components/ImgGen.js';
+export { ControlsBar } from './components/ControlsBar.js';
+export { PromptBar } from './components/PromptBar.js';
+export { useImageGen, hashInput } from './hooks/image-gen/index.js';
+export { defaultClasses } from './utils/style-utils.js';
+export { base64ToFile } from './utils/base64.js';
+export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
+export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
+export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
+export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
+export { MODULE_STATE } from './hooks/image-gen/utils.js';
+export { addNewVersion } from './hooks/image-gen/utils.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,IAAI,oBAAoB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAO9B,MAAM,CAAC,MAAM,YAAY,GAAgC,CACvD,GAAG,IAA6C,EAChD,EAAE,CAAC;IACH,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;IACnD,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAC;AAAA,CACtC,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,CAAC;AAMpC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAsB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAGhG,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@vibes.diy/use-vibes-base",
+  "version": "0.12.0-dev-preview",
+  "type": "module",
+  "description": "Core components and utilities for use-vibes (internal workspace package)",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    }
+  },
+  "license": "Apache-2.0",
+  "dependencies": {
+    "call-ai": "^0.12.0-dev-preview",
+    "use-fireproof": "^0.23.7",
+    "uuid": "^11.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@fireproof/core-cli": "^0.23.11",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "typescript": "^5.8.2"
+  },
+  "scripts": {
+    "build": "core-cli tsc"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "extends": [
+    "/home/runner/work/vibes.diy/vibes.diy/tsconfig.dist.json"
+  ],
+  "compilerOptions": {
+    "outDir": "../npm/",
+    "noEmit": false
+  },
+  "include": [
+    "**/*",
+    "**/*"
+  ],
+  "exclude": [
+    "../tests/**/*",
+    "node_modules",
+    "dist",
+    "node_modules",
+    "dist",
+    ".git",
+    ".vscode"
+  ]
+}

package/utils/base64.d.ts

@@ -0,0 +1 @@
+export declare function base64ToFile(base64Data: string, filename?: string, mimeType?: string): File;

package/utils/base64.js

@@ -0,0 +1,13 @@
+export function base64ToFile(base64Data, filename = 'generated-image.png', mimeType = 'image/png') {
+    const base64Content = base64Data.includes('base64,')
+        ? base64Data.split('base64,')[1]
+        : base64Data;
+    const binaryStr = atob(base64Content);
+    const bytes = new Uint8Array(binaryStr.length);
+    for (let i = 0; i < binaryStr.length; i++) {
+        bytes[i] = binaryStr.charCodeAt(i);
+    }
+    const blob = new Blob([bytes], { type: mimeType });
+    return new File([blob], filename, { type: mimeType });
+}
+//# sourceMappingURL=base64.js.map

package/utils/base64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64.js","sourceRoot":"","sources":["../../jsr/utils/base64.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAC1B,UAAkB,EAClB,QAAQ,GAAG,qBAAqB,EAChC,QAAQ,GAAG,WAAW,EAChB;IAEN,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC;QAClD,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,UAAU,CAAC;IAGf,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;IAGtC,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAGD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnD,OAAO,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AAAA,CACvD"}

package/utils/debug.d.ts

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

package/utils/debug.js

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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,EAAE;IAC3C,IAAI,OAAO,EAAE,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IACvB,CAAC;AAAA,CACF"}

package/utils/style-utils.d.ts

@@ -0,0 +1,17 @@
+export declare function combineClasses(...classes: (string | boolean | null | undefined)[]): string;
+export interface ImgGenClasses {
+    readonly root: string;
+    readonly container: string;
+    readonly image: string;
+    readonly overlay: string;
+    readonly progress: string;
+    readonly placeholder: string;
+    readonly error: string;
+    readonly controls: string;
+    readonly button: string;
+    readonly prompt: string;
+    readonly deleteOverlay: string;
+    readonly dropZone: string;
+    readonly uploadWaiting: string;
+}
+export declare const defaultClasses: Partial<ImgGenClasses>;

package/utils/style-utils.js

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"style-utils.js","sourceRoot":"","sources":["../../jsr/utils/style-utils.ts"],"names":[],"mappings":"AAoBA,MAAM,UAAU,cAAc,CAAC,GAAG,OAAgD,EAAU;IAE1F,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,CAAC;QAC5B,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;IAAA,CACF,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAAA,CAC7B;AAqCD,MAAM,CAAC,MAAM,cAAc,GAA2B,EAAE,CAAC"}

package/utils/styles.d.ts

@@ -0,0 +1,227 @@
+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 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 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 promptInput: {
+        readonly width: "100%";
+        readonly boxSizing: "border-box";
+        readonly padding: "6px 8px";
+        readonly border: "1px solid #ccc";
+        readonly borderRadius: "4px";
+        readonly fontSize: "14px";
+        readonly fontWeight: "bold";
+        readonly color: "#333";
+        readonly backgroundColor: "white";
+    };
+    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 height: "100%";
+        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 truncate: {
+        readonly whiteSpace: "nowrap";
+        readonly overflow: "hidden";
+        readonly textOverflow: "ellipsis";
+    };
+};
+export declare function createStyledVariant(baseStyle: Record<string, any>, variants?: Record<string, any>): Record<string, any>;
+export declare const styleUtils: {
+    hover: (styles: Record<string, any>) => {
+        "&:hover": Record<string, any>;
+    };
+    disabled: (styles: Record<string, any>) => {
+        "&:disabled": Record<string, any>;
+    };
+    mediaQuery: (query: string, styles: Record<string, any>) => {
+        [x: string]: Record<string, any>;
+    };
+    transition: (properties: string[], duration?: string) => {
+        transition: string;
+    };
+};