@vibes.diy/use-vibes-base 0.0.0-dev-fresh-data

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@vibes.diy/use-vibes-base",
+  "version": "0.0.0-dev-fresh-data",
+  "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": {
+    "@adviser/cement": "^0.4.53",
+    "@fireproof/core-runtime": "^0.23.15",
+    "@fireproof/core-types-base": "^0.23.15",
+    "@fireproof/core-types-protocols-cloud": "^0.23.15",
+    "@vibes.diy/prompts": "^0.0.0-dev-fresh-data",
+    "@vibes.diy/use-vibes-types": "^0.0.0-dev-fresh-data",
+    "call-ai": "^0.0.0-dev-fresh-data",
+    "react-dom": "^19.2.0",
+    "use-fireproof": "^0.23.15",
+    "uuid": "^11.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=19.1.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
+    "@fireproof/core-cli": "^0.23.15",
+    "@storybook/addon-a11y": "^9.1.13",
+    "@storybook/addon-docs": "^10.0.0",
+    "@storybook/react": "^9.1.13",
+    "@storybook/react-vite": "^10.0.0",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.2.2",
+    "@vitest/browser-playwright": "^4.0.2",
+    "storybook": "^9.1.6",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12"
+  },
+  "scripts": {
+    "build": "core-cli tsc",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build"
+  }
+}

package/stories/VibeControl.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { VibeControlProps } from '../components/VibeControl.js';
+declare const meta: Meta<VibeControlProps>;
+export default meta;
+type Story = StoryObj<VibeControlProps>;
+export declare const Default: Story;
+export declare const BottomLeft: Story;
+export declare const TopRight: Story;
+export declare const TopLeft: Story;
+export declare const WithCustomContent: Story;
+export declare const WithRichContent: Story;
+export declare const Hidden: Story;
+export declare const WithCustomStyling: Story;

package/stories/VibeControl.stories.js

@@ -0,0 +1,195 @@
+import React from 'react';
+import { VibeControl } from '../components/VibeControl.js';
+const meta = {
+    title: 'Components/VibeControl',
+    component: VibeControl,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: `
+A floating action button that opens a full-screen overlay. Perfect for adding controls, settings, or additional content that doesn't interfere with the main UI.
+
+### Features
+- **Configurable positioning** - Choose from 4 corner positions
+- **Portal rendering** - Avoids z-index conflicts  
+- **Keyboard navigation** - Escape key to close
+- **Custom content** - Any React children supported
+- **Event callbacks** - onOpen/onClose integration hooks
+- **Responsive design** - Works on mobile and desktop
+        `,
+            },
+        },
+    },
+    argTypes: {
+        position: {
+            control: { type: 'select' },
+            options: ['bottom-right', 'bottom-left', 'top-right', 'top-left'],
+            description: 'Position of the floating button',
+        },
+        label: {
+            control: { type: 'text' },
+            description: 'Text displayed on the button',
+        },
+        visible: {
+            control: { type: 'boolean' },
+            description: 'Whether to show the component',
+        },
+        onOpen: {
+            action: 'opened',
+            description: 'Callback when overlay opens',
+        },
+        onClose: {
+            action: 'closed',
+            description: 'Callback when overlay closes',
+        },
+        children: {
+            control: { type: 'text' },
+            description: 'Custom content for the overlay',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Open Vibes',
+        position: 'bottom-right',
+        visible: true,
+    },
+};
+export const BottomLeft = {
+    args: {
+        label: 'Bottom Left',
+        position: 'bottom-left',
+        visible: true,
+    },
+};
+export const TopRight = {
+    args: {
+        label: 'Top Right',
+        position: 'top-right',
+        visible: true,
+    },
+};
+export const TopLeft = {
+    args: {
+        label: 'Top Left',
+        position: 'top-left',
+        visible: true,
+    },
+};
+export const WithCustomContent = {
+    args: {
+        label: 'Settings',
+        position: 'bottom-right',
+        visible: true,
+        children: (React.createElement("div", null,
+            React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Settings Panel"),
+            React.createElement("div", { style: { marginBottom: '16px' } },
+                React.createElement("label", { style: { display: 'block', marginBottom: '8px', fontWeight: '600' } }, "Theme Preference"),
+                React.createElement("select", { style: { width: '100%', padding: '8px', borderRadius: '4px', border: '1px solid #ccc' } },
+                    React.createElement("option", null, "Light"),
+                    React.createElement("option", null, "Dark"),
+                    React.createElement("option", null, "Auto"))),
+            React.createElement("div", { style: { marginBottom: '16px' } },
+                React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                    React.createElement("input", { type: "checkbox", defaultChecked: true }),
+                    React.createElement("span", null, "Enable notifications"))),
+            React.createElement("div", { style: { marginBottom: '16px' } },
+                React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                    React.createElement("input", { type: "checkbox" }),
+                    React.createElement("span", null, "Auto-save changes"))),
+            React.createElement("div", { style: { display: 'flex', gap: '8px', marginTop: '20px' } },
+                React.createElement("button", { style: {
+                        padding: '8px 16px',
+                        backgroundColor: '#0066cc',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '4px',
+                        cursor: 'pointer',
+                    } }, "Save Changes"),
+                React.createElement("button", { style: {
+                        padding: '8px 16px',
+                        backgroundColor: '#f5f5f5',
+                        color: '#333',
+                        border: '1px solid #ccc',
+                        borderRadius: '4px',
+                        cursor: 'pointer',
+                    } }, "Cancel")))),
+    },
+};
+export const WithRichContent = {
+    args: {
+        label: 'Help & Info',
+        position: 'bottom-right',
+        visible: true,
+        children: (React.createElement("div", null,
+            React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Welcome to VibeControl"),
+            React.createElement("div", { style: { marginBottom: '20px', lineHeight: '1.6' } },
+                React.createElement("p", null, "VibeControl provides a floating action button that opens rich overlay content. Perfect for settings, help content, or any additional functionality.")),
+            React.createElement("div", { style: {
+                    marginBottom: '20px',
+                    padding: '16px',
+                    backgroundColor: '#f0f8ff',
+                    borderRadius: '8px',
+                    border: '1px solid #bbdefb',
+                } },
+                React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#1976d2' } }, "Key Features"),
+                React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#1976d2' } },
+                    React.createElement("li", null, "Portal rendering avoids z-index issues"),
+                    React.createElement("li", null, "Escape key and backdrop click to close"),
+                    React.createElement("li", null, "Four corner position options"),
+                    React.createElement("li", null, "Fully customizable overlay content"),
+                    React.createElement("li", null, "Event callbacks for integration"))),
+            React.createElement("div", { style: {
+                    marginBottom: '20px',
+                    padding: '16px',
+                    backgroundColor: '#f3e5f5',
+                    borderRadius: '8px',
+                    border: '1px solid #e1bee7',
+                } },
+                React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#7b1fa2' } }, "Usage Examples"),
+                React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#7b1fa2' } },
+                    React.createElement("li", null, "Application settings and preferences"),
+                    React.createElement("li", null, "User help and documentation"),
+                    React.createElement("li", null, "Additional navigation or tools"),
+                    React.createElement("li", null, "Context-sensitive controls"))),
+            React.createElement("button", { style: {
+                    width: '100%',
+                    padding: '12px',
+                    backgroundColor: '#4caf50',
+                    color: 'white',
+                    border: 'none',
+                    borderRadius: '4px',
+                    fontSize: '16px',
+                    cursor: 'pointer',
+                }, onClick: () => alert('Action triggered!') }, "Try It Out!"))),
+    },
+};
+export const Hidden = {
+    args: {
+        label: "This Won't Show",
+        position: 'bottom-right',
+        visible: false,
+    },
+};
+export const WithCustomStyling = {
+    args: {
+        label: '🎨 Styled',
+        position: 'bottom-right',
+        visible: true,
+        classes: {
+            button: 'custom-button',
+            backdrop: 'custom-backdrop',
+            overlay: 'custom-overlay',
+            overlayTitle: 'custom-title',
+            closeButton: 'custom-close',
+            content: 'custom-content',
+        },
+        children: (React.createElement("div", null,
+            React.createElement("h3", null, "Custom Styled Overlay"),
+            React.createElement("p", null, "This example shows how you can customize the styling using CSS classes."),
+            React.createElement("p", null, "You can override the default styles by providing custom classes for each element of the component."))),
+    },
+};
+//# sourceMappingURL=VibeControl.stories.js.map

package/stories/VibeControl.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeControl.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControl.stories.tsx"],"names":[],"mappings":"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"}

package/tsconfig.json

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

package/utils/appSlug.d.ts

@@ -0,0 +1,17 @@
+export declare function getAppSlug(): string;
+export declare function getFullAppIdentifier(): string;
+export declare function isDevelopmentEnvironment(): boolean;
+export declare function isProductionEnvironment(): boolean;
+export declare function generateRandomInstanceId(): string;
+export declare function generateFreshDataUrl(): string;
+export declare function generateRemixUrl(): string;
+export interface ParsedSubdomain {
+    appSlug: string;
+    installId?: string;
+    isInstance: boolean;
+    fullSubdomain: string;
+}
+export declare function parseSubdomain(hostname: string): ParsedSubdomain;
+export declare function constructSubdomain(appSlug: string, installId?: string): string;
+export declare function isValidSubdomain(parsed: ParsedSubdomain): boolean;
+export declare const generateInstallId: typeof generateRandomInstanceId;

package/utils/appSlug.js

@@ -0,0 +1,175 @@
+const DEFAULT_APP_SLUG = 'atmospheric-tiger-9377';
+export function getAppSlug() {
+    if (typeof window === 'undefined') {
+        return DEFAULT_APP_SLUG;
+    }
+    const { hostname, pathname } = window.location;
+    if (pathname.startsWith('/vibe/')) {
+        const pathPart = pathname.split('/vibe/')[1];
+        if (pathPart) {
+            const slug = pathPart.split('/')[0];
+            return slug.split('_')[0];
+        }
+    }
+    if (hostname.includes('.')) {
+        const sub = hostname.split('.')[0];
+        if (sub && sub !== 'www' && sub !== 'localhost') {
+            const parsed = parseSubdomain(sub);
+            return parsed.appSlug || DEFAULT_APP_SLUG;
+        }
+    }
+    return DEFAULT_APP_SLUG;
+}
+export function getFullAppIdentifier() {
+    if (typeof window === 'undefined') {
+        return DEFAULT_APP_SLUG;
+    }
+    const { hostname, pathname } = window.location;
+    if (pathname.startsWith('/vibe/')) {
+        const pathPart = pathname.split('/vibe/')[1];
+        if (pathPart) {
+            return pathPart.split('/')[0];
+        }
+    }
+    if (hostname.includes('.')) {
+        const sub = hostname.split('.')[0];
+        if (sub && sub !== 'www' && sub !== 'localhost') {
+            const parsed = parseSubdomain(sub);
+            if (parsed.isInstance && parsed.installId) {
+                if (sub.startsWith('v-')) {
+                    return `${parsed.appSlug}--${parsed.installId}`;
+                }
+                return `${parsed.appSlug}_${parsed.installId}`;
+            }
+            return parsed.appSlug || DEFAULT_APP_SLUG;
+        }
+    }
+    return DEFAULT_APP_SLUG;
+}
+export function isDevelopmentEnvironment() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const { hostname, pathname } = window.location;
+    return hostname === 'localhost' || hostname === '127.0.0.1' || pathname.startsWith('/vibe/');
+}
+export function isProductionEnvironment() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const { hostname } = window.location;
+    return hostname.includes('.') && hostname !== 'localhost' && !hostname.startsWith('127.0.0.1');
+}
+export function generateRandomInstanceId() {
+    const chars = '0123456789abcdefghijklmnopqrstuvwxyz';
+    let result = '';
+    if (typeof crypto !== 'undefined' && crypto.getRandomValues) {
+        const array = new Uint8Array(12);
+        crypto.getRandomValues(array);
+        for (let i = 0; i < 12; i++) {
+            result += chars[array[i] % chars.length];
+        }
+    }
+    else {
+        for (let i = 0; i < 12; i++) {
+            result += chars[Math.floor(Math.random() * chars.length)];
+        }
+    }
+    return result;
+}
+export function generateFreshDataUrl() {
+    const titleId = getAppSlug();
+    const installId = generateRandomInstanceId();
+    return `/vibe/${titleId}/${installId}`;
+}
+export function generateRemixUrl() {
+    const appSlug = getAppSlug();
+    return `https://vibes.diy/remix/${appSlug}`;
+}
+export function parseSubdomain(hostname) {
+    const subdomain = hostname.split('.')[0].toLowerCase().trim();
+    if (subdomain.startsWith('v-')) {
+        const withoutPrefix = subdomain.slice(2);
+        if (withoutPrefix.includes('--')) {
+            const parts = withoutPrefix.split('--');
+            const appSlug = parts[0];
+            const installId = parts.slice(1).join('--');
+            return {
+                appSlug,
+                installId,
+                isInstance: true,
+                fullSubdomain: subdomain,
+            };
+        }
+        else {
+            return {
+                appSlug: withoutPrefix,
+                installId: undefined,
+                isInstance: false,
+                fullSubdomain: subdomain,
+            };
+        }
+    }
+    if (subdomain.includes('_')) {
+        const parts = subdomain.split('_');
+        const appSlug = parts[0];
+        const installId = parts.slice(1).join('_');
+        return {
+            appSlug,
+            installId,
+            isInstance: true,
+            fullSubdomain: subdomain,
+        };
+    }
+    return {
+        appSlug: subdomain,
+        installId: undefined,
+        isInstance: false,
+        fullSubdomain: subdomain,
+    };
+}
+export function constructSubdomain(appSlug, installId) {
+    if (installId !== undefined) {
+        if (installId.trim().length === 0) {
+            throw new Error('Install ID cannot be empty string - would create invalid subdomain');
+        }
+        return `v-${appSlug}--${installId}`;
+    }
+    return appSlug;
+}
+export function isValidSubdomain(parsed) {
+    if (!parsed.appSlug || parsed.appSlug.trim().length === 0) {
+        return false;
+    }
+    if (parsed.isInstance && (!parsed.installId || parsed.installId.trim().length === 0)) {
+        return false;
+    }
+    if (!isValidDNSLabel(parsed.appSlug)) {
+        return false;
+    }
+    if (parsed.isInstance && parsed.installId && !isValidInstallId(parsed.installId)) {
+        return false;
+    }
+    const reservedSubdomains = ['www', 'api', 'admin', 'app'];
+    if (reservedSubdomains.includes(parsed.appSlug.toLowerCase())) {
+        return false;
+    }
+    return true;
+}
+function isValidDNSLabel(label) {
+    if (label.length === 0 || label.length > 63) {
+        return false;
+    }
+    if (!/^[a-z0-9]/.test(label) || !/[a-z0-9]$/.test(label)) {
+        return false;
+    }
+    return /^[a-z0-9-]+$/.test(label);
+}
+function isValidInstallId(installId) {
+    if (installId.length === 0 || installId.length > 100) {
+        return false;
+    }
+    return /^[a-zA-Z0-9_-]+$/.test(installId);
+}
+export const generateInstallId = generateRandomInstanceId;
+//# sourceMappingURL=appSlug.js.map

package/utils/appSlug.js.map

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

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,4 @@
+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

@@ -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":"AAwBA,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;AAKD,MAAM,CAAC,MAAM,cAAc,GAA2B,EAAE,CAAC"}