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

package/utils/vibe-control-styles.d.ts

@@ -0,0 +1,148 @@
+export type VibeControlPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+export declare const vibeControlTheme: {
+    colors: {
+        buttonBg: string;
+        buttonBgHover: string;
+        buttonText: string;
+        buttonBorder: string;
+        overlayBackdrop: string;
+        overlayBg: string;
+        overlayText: string;
+        overlayBorder: string;
+        closeButtonBg: string;
+        closeButtonBgHover: string;
+        closeButtonText: string;
+        accent: string;
+        shadow: string;
+    };
+    dimensions: {
+        buttonWidth: string;
+        buttonHeight: string;
+        buttonPadding: string;
+        buttonBorderRadius: string;
+        buttonPosition: string;
+        overlayPadding: string;
+        overlayBorderRadius: string;
+        overlayMaxWidth: string;
+        overlayMaxHeight: string;
+        closeButtonSize: string;
+        closeButtonBorderRadius: string;
+    };
+    typography: {
+        buttonFontSize: string;
+        buttonFontWeight: string;
+        buttonLineHeight: string;
+        overlayTitleFontSize: string;
+        overlayTitleFontWeight: string;
+        overlayTitleLineHeight: string;
+        overlayBodyFontSize: string;
+        overlayBodyLineHeight: string;
+    };
+    effects: {
+        buttonShadow: string;
+        buttonShadowHover: string;
+        overlayShadow: string;
+        transition: string;
+        backdropFilter: string;
+    };
+    zIndex: {
+        button: number;
+        overlay: number;
+        backdrop: number;
+    };
+};
+export declare const createVibeControlStyles: (position?: VibeControlPosition) => {
+    button: {
+        position: "fixed";
+        width: string;
+        height: string;
+        padding: string;
+        backgroundColor: string;
+        color: string;
+        border: string;
+        borderRadius: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        cursor: string;
+        boxShadow: string;
+        transition: string;
+        zIndex: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        userSelect: "none";
+    };
+    buttonHover: {
+        backgroundColor: string;
+        boxShadow: string;
+        transform: string;
+    };
+    backdrop: {
+        position: "fixed";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        backgroundColor: string;
+        backdropFilter: string;
+        zIndex: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    overlay: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+        borderRadius: string;
+        padding: string;
+        maxWidth: string;
+        maxHeight: string;
+        width: string;
+        boxShadow: string;
+        position: "relative";
+        overflow: "auto";
+    };
+    overlayTitle: {
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        margin: string;
+        paddingRight: string;
+    };
+    closeButton: {
+        position: "absolute";
+        top: string;
+        right: string;
+        width: string;
+        height: string;
+        backgroundColor: string;
+        color: string;
+        border: string;
+        borderRadius: string;
+        cursor: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        fontSize: string;
+        fontWeight: string;
+        transition: string;
+    };
+    closeButtonHover: {
+        backgroundColor: string;
+    };
+    content: {
+        fontSize: string;
+        lineHeight: string;
+    };
+};
+export declare const defaultVibeControlClasses: {
+    button: string;
+    backdrop: string;
+    overlay: string;
+    overlayTitle: string;
+    closeButton: string;
+    content: string;
+};
+export type VibeControlClasses = typeof defaultVibeControlClasses;

package/utils/vibe-control-styles.js

@@ -0,0 +1,170 @@
+export const vibeControlTheme = {
+    colors: {
+        buttonBg: 'var(--vc-button-bg, #dc2626)',
+        buttonBgHover: 'var(--vc-button-bg-hover, #b91c1c)',
+        buttonText: 'var(--vc-button-text, #ffffff)',
+        buttonBorder: 'var(--vc-button-border, #dc2626)',
+        overlayBackdrop: 'var(--vc-overlay-backdrop, rgba(0, 0, 0, 0.5))',
+        overlayBg: 'var(--vc-overlay-bg, #ffffff)',
+        overlayText: 'var(--vc-overlay-text, #333333)',
+        overlayBorder: 'var(--vc-overlay-border, #e0e0e0)',
+        closeButtonBg: 'var(--vc-close-bg, #f5f5f5)',
+        closeButtonBgHover: 'var(--vc-close-bg-hover, #e0e0e0)',
+        closeButtonText: 'var(--vc-close-text, #666666)',
+        accent: 'var(--vc-accent, #0066cc)',
+        shadow: 'var(--vc-shadow, rgba(0, 0, 0, 0.15))',
+    },
+    dimensions: {
+        buttonWidth: '120px',
+        buttonHeight: '40px',
+        buttonPadding: '8px 16px',
+        buttonBorderRadius: '20px',
+        buttonPosition: '20px', // Distance from edge
+        overlayPadding: '24px',
+        overlayBorderRadius: '12px',
+        overlayMaxWidth: '800px',
+        overlayMaxHeight: '90vh',
+        closeButtonSize: '32px',
+        closeButtonBorderRadius: '16px',
+    },
+    typography: {
+        buttonFontSize: '14px',
+        buttonFontWeight: '600',
+        buttonLineHeight: '1.2',
+        overlayTitleFontSize: '24px',
+        overlayTitleFontWeight: '700',
+        overlayTitleLineHeight: '1.3',
+        overlayBodyFontSize: '16px',
+        overlayBodyLineHeight: '1.5',
+    },
+    effects: {
+        buttonShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
+        buttonShadowHover: '0 4px 12px rgba(0, 0, 0, 0.2)',
+        overlayShadow: '0 8px 32px rgba(0, 0, 0, 0.2)',
+        transition: '0.2s ease-in-out',
+        backdropFilter: 'blur(4px)',
+    },
+    zIndex: {
+        button: 1000,
+        overlay: 1100,
+        backdrop: 1050,
+    },
+};
+export const createVibeControlStyles = (position = 'bottom-right') => {
+    const pos = vibeControlTheme.dimensions.buttonPosition;
+    const anchor = {};
+    switch (position) {
+        case 'bottom-right':
+            anchor.bottom = pos;
+            anchor.right = pos;
+            break;
+        case 'bottom-left':
+            anchor.bottom = pos;
+            anchor.left = pos;
+            break;
+        case 'top-right':
+            anchor.top = pos;
+            anchor.right = pos;
+            break;
+        case 'top-left':
+            anchor.top = pos;
+            anchor.left = pos;
+            break;
+    }
+    return {
+        button: {
+            position: 'fixed',
+            ...anchor,
+            width: vibeControlTheme.dimensions.buttonWidth,
+            height: vibeControlTheme.dimensions.buttonHeight,
+            padding: vibeControlTheme.dimensions.buttonPadding,
+            backgroundColor: vibeControlTheme.colors.buttonBg,
+            color: vibeControlTheme.colors.buttonText,
+            border: `1px solid ${vibeControlTheme.colors.buttonBorder}`,
+            borderRadius: vibeControlTheme.dimensions.buttonBorderRadius,
+            fontSize: vibeControlTheme.typography.buttonFontSize,
+            fontWeight: vibeControlTheme.typography.buttonFontWeight,
+            lineHeight: vibeControlTheme.typography.buttonLineHeight,
+            cursor: 'pointer',
+            boxShadow: vibeControlTheme.effects.buttonShadow,
+            transition: `background-color ${vibeControlTheme.effects.transition}, box-shadow ${vibeControlTheme.effects.transition}, transform ${vibeControlTheme.effects.transition}`,
+            zIndex: vibeControlTheme.zIndex.button,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            userSelect: 'none',
+        },
+        buttonHover: {
+            backgroundColor: vibeControlTheme.colors.buttonBgHover,
+            boxShadow: vibeControlTheme.effects.buttonShadowHover,
+            transform: 'translateY(-2px)',
+        },
+        backdrop: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: vibeControlTheme.colors.overlayBackdrop,
+            backdropFilter: vibeControlTheme.effects.backdropFilter,
+            zIndex: vibeControlTheme.zIndex.backdrop,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        overlay: {
+            backgroundColor: vibeControlTheme.colors.overlayBg,
+            color: vibeControlTheme.colors.overlayText,
+            border: `1px solid ${vibeControlTheme.colors.overlayBorder}`,
+            borderRadius: vibeControlTheme.dimensions.overlayBorderRadius,
+            padding: vibeControlTheme.dimensions.overlayPadding,
+            maxWidth: vibeControlTheme.dimensions.overlayMaxWidth,
+            maxHeight: vibeControlTheme.dimensions.overlayMaxHeight,
+            width: '90%',
+            boxShadow: vibeControlTheme.effects.overlayShadow,
+            position: 'relative',
+            overflow: 'auto',
+        },
+        overlayTitle: {
+            fontSize: vibeControlTheme.typography.overlayTitleFontSize,
+            fontWeight: vibeControlTheme.typography.overlayTitleFontWeight,
+            lineHeight: vibeControlTheme.typography.overlayTitleLineHeight,
+            margin: '0 0 16px 0',
+            paddingRight: '40px',
+        },
+        closeButton: {
+            position: 'absolute',
+            top: vibeControlTheme.dimensions.overlayPadding,
+            right: vibeControlTheme.dimensions.overlayPadding,
+            width: vibeControlTheme.dimensions.closeButtonSize,
+            height: vibeControlTheme.dimensions.closeButtonSize,
+            backgroundColor: vibeControlTheme.colors.closeButtonBg,
+            color: vibeControlTheme.colors.closeButtonText,
+            border: 'none',
+            borderRadius: vibeControlTheme.dimensions.closeButtonBorderRadius,
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontSize: '18px',
+            fontWeight: 'bold',
+            transition: `background-color ${vibeControlTheme.effects.transition}`,
+        },
+        closeButtonHover: {
+            backgroundColor: vibeControlTheme.colors.closeButtonBgHover,
+        },
+        content: {
+            fontSize: vibeControlTheme.typography.overlayBodyFontSize,
+            lineHeight: vibeControlTheme.typography.overlayBodyLineHeight,
+        },
+    };
+};
+export const defaultVibeControlClasses = {
+    button: '',
+    backdrop: '',
+    overlay: '',
+    overlayTitle: '',
+    closeButton: '',
+    content: '',
+};
+//# sourceMappingURL=vibe-control-styles.js.map

package/utils/vibe-control-styles.js.map

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

package/vibe-app-mount.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface MountVibesAppOptions {
+    readonly container?: string | HTMLElement;
+    readonly title?: string;
+    readonly imageUrl?: string;
+    readonly appComponent?: React.ComponentType;
+}
+export interface MountVibesAppResult {
+    unmount: () => void;
+    getContainer: () => HTMLElement;
+}
+export declare function mountVibesApp(options?: MountVibesAppOptions): MountVibesAppResult;
+export declare function mountVibesAppToBody(): MountVibesAppResult;

package/vibe-app-mount.js

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import { AuthWall } from './components/AuthWall/AuthWall.js';
+import { VIBES_SYNC_ENABLE_EVENT, VIBES_SYNC_ENABLED_CLASS } from './constants.js';
+import { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
+import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
+const safeGetLocalStorage = (key) => {
+    try {
+        return localStorage.getItem(key);
+    }
+    catch {
+        return null;
+    }
+};
+function VibesApp({ title = 'Vibes App', imageUrl = '/screenshot.png', children, }) {
+    const syncEnabled = typeof window !== 'undefined' && document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
+    const wasSyncEnabled = typeof window !== 'undefined' && safeGetLocalStorage('fireproof-sync-enabled') === 'true';
+    const mockLogin = typeof window !== 'undefined' &&
+        new URLSearchParams(window.location.search).get('mock_login') === 'true';
+    const [showAuthWall, setShowAuthWall] = React.useState(!syncEnabled && !mockLogin && !wasSyncEnabled);
+    React.useEffect(() => {
+        const observer = new MutationObserver(() => {
+            const isConnected = document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
+            setShowAuthWall(!isConnected && !mockLogin && !wasSyncEnabled);
+        });
+        observer.observe(document.body, {
+            attributes: true,
+            attributeFilter: ['class'],
+        });
+        return () => observer.disconnect();
+    }, [mockLogin, wasSyncEnabled]);
+    const handleLogin = () => {
+        document.dispatchEvent(new CustomEvent(VIBES_SYNC_ENABLE_EVENT));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: showAuthWall ? { display: 'none' } : undefined },
+            React.createElement(HiddenMenuWrapper, { menuContent: React.createElement(VibesPanel, null) }, children)),
+        React.createElement(AuthWall, { onLogin: handleLogin, imageUrl: imageUrl, title: title, open: showAuthWall })));
+}
+export function mountVibesApp(options = {}) {
+    const { container: containerOption, title, imageUrl, appComponent } = options;
+    let containerElement;
+    if (typeof containerOption === 'string') {
+        const found = document.querySelector(containerOption);
+        if (!found) {
+            throw new Error(`VibesApp container not found: ${containerOption}`);
+        }
+        containerElement = found;
+    }
+    else if (containerOption instanceof HTMLElement) {
+        containerElement = containerOption;
+    }
+    else {
+        containerElement = document.body;
+    }
+    let contentWrapper = null;
+    let originalChildren = [];
+    if (containerElement === document.body && !appComponent) {
+        const existingWrapper = document.getElementById('vibes-original-content');
+        if (!existingWrapper) {
+            originalChildren = Array.from(document.body.childNodes);
+            contentWrapper = document.createElement('div');
+            contentWrapper.id = 'vibes-original-content';
+            contentWrapper.style.height = '100%';
+            contentWrapper.style.width = '100%';
+            contentWrapper.style.position = 'relative';
+            originalChildren.forEach((child) => {
+                if (contentWrapper) {
+                    contentWrapper.appendChild(child);
+                }
+            });
+            document.body.appendChild(contentWrapper);
+        }
+        else {
+            contentWrapper = existingWrapper;
+        }
+    }
+    const root = ReactDOM.createRoot(containerElement);
+    const AppComponent = appComponent;
+    root.render(React.createElement(VibesApp, { ...(title !== undefined && { title }), ...(imageUrl !== undefined && { imageUrl }) }, AppComponent ? (React.createElement(AppComponent, null)) : contentWrapper ? (React.createElement("div", { ref: (node) => {
+            if (node && contentWrapper && node.children.length === 0) {
+                node.appendChild(contentWrapper);
+            }
+        }, style: { height: '100%', width: '100%' } })) : null));
+    return {
+        unmount: () => {
+            setTimeout(() => {
+                root.unmount();
+                if (contentWrapper && containerElement === document.body) {
+                    const children = Array.from(contentWrapper.childNodes);
+                    const wrapperInDom = document.body.contains(contentWrapper);
+                    for (const child of children) {
+                        if (wrapperInDom) {
+                            document.body.insertBefore(child, contentWrapper);
+                        }
+                        else {
+                            document.body.appendChild(child);
+                        }
+                    }
+                    if (wrapperInDom) {
+                        contentWrapper.remove();
+                    }
+                }
+                const targets = [];
+                if (containerElement instanceof HTMLElement)
+                    targets.push(containerElement);
+                if (contentWrapper instanceof HTMLElement)
+                    targets.push(contentWrapper);
+                for (const el of targets) {
+                    el.style.filter = '';
+                    el.style.pointerEvents = '';
+                    el.style.transform = '';
+                    el.style.transition = '';
+                    el.style.backgroundColor = '';
+                }
+            }, 0);
+        },
+        getContainer: () => containerElement,
+    };
+}
+export function mountVibesAppToBody() {
+    return mountVibesApp();
+}
+//# sourceMappingURL=vibe-app-mount.js.map

package/vibe-app-mount.js.map

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