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

package/components/VibesPanel/VibesPanel.js

@@ -0,0 +1,115 @@
+import React, { useState, useEffect, useId } from 'react';
+import { VibesButton } from '../VibesButton/VibesButton.js';
+import { BrutalistCard } from '../BrutalistCard/BrutalistCard.js';
+import { generateFreshDataUrl, generateRemixUrl } from '../../utils/appSlug.js';
+export function VibesPanel({ style, className } = {}) {
+    const emailId = useId();
+    const [mode, setMode] = useState('default');
+    const [email, setEmail] = useState('');
+    const [inviteStatus, setInviteStatus] = useState('idle');
+    const [inviteMessage, setInviteMessage] = useState('');
+    const handleMutateClick = () => {
+        if (mode === 'default') {
+            setMode('mutate');
+        }
+    };
+    const handleInviteClick = () => {
+        if (mode === 'default') {
+            setMode('invite');
+            setEmail('');
+            setInviteStatus('idle');
+            setInviteMessage('');
+        }
+    };
+    const handleBackClick = () => {
+        setMode('default');
+    };
+    const handleFreshDataClick = () => {
+        window.open(generateFreshDataUrl(), '_top');
+    };
+    const handleChangeCodeClick = () => {
+        window.open(generateRemixUrl(), '_top');
+    };
+    const handleLogoutClick = () => {
+        document.dispatchEvent(new CustomEvent('vibes-sync-disable'));
+        setTimeout(() => {
+            window.location.reload();
+        }, 100);
+    };
+    const handleInviteSubmit = (e) => {
+        e.preventDefault();
+        if (!email.trim())
+            return;
+        setInviteStatus('sending');
+        setInviteMessage('');
+        document.dispatchEvent(new CustomEvent('vibes-share-request', {
+            detail: {
+                email: email.trim(),
+                role: 'member',
+                right: 'read',
+            },
+        }));
+    };
+    useEffect(() => {
+        const handleShareSuccess = (event) => {
+            const customEvent = event;
+            setInviteStatus('success');
+            setInviteMessage(customEvent.detail?.message || `Invitation sent to ${customEvent.detail?.email}!`);
+        };
+        const handleShareError = (event) => {
+            const customEvent = event;
+            setInviteStatus('error');
+            setInviteMessage(customEvent.detail?.error?.message || 'Failed to send invitation. Please try again.');
+        };
+        document.addEventListener('vibes-share-success', handleShareSuccess);
+        document.addEventListener('vibes-share-error', handleShareError);
+        return () => {
+            document.removeEventListener('vibes-share-success', handleShareSuccess);
+            document.removeEventListener('vibes-share-error', handleShareError);
+        };
+    }, []);
+    const containerStyle = {
+        padding: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: '12px',
+        ...style,
+    };
+    return (React.createElement("div", { style: containerStyle, className: className },
+        React.createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+                gap: '12px',
+                width: '250px',
+            } }, mode === 'mutate' ? (React.createElement(React.Fragment, null,
+            React.createElement(VibesButton, { variant: "primary", onClick: handleFreshDataClick }, "Fresh Data"),
+            React.createElement(VibesButton, { variant: "secondary", onClick: handleChangeCodeClick }, "Change the Code"),
+            React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : mode === 'invite' ? (React.createElement(React.Fragment, null,
+            inviteStatus === 'idle' ? (React.createElement("form", { onSubmit: handleInviteSubmit, style: { width: '100%', display: 'flex', flexDirection: 'column', gap: '12px' } },
+                React.createElement("label", { htmlFor: emailId, style: { alignSelf: 'flex-start', fontWeight: 600 } }, "Invite by email"),
+                React.createElement(BrutalistCard, { size: "md", style: { width: '100%' } },
+                    React.createElement("input", { id: emailId, type: "email", placeholder: "friend@example.com", value: email, onChange: (e) => setEmail(e.target.value), style: {
+                            width: '100%',
+                            border: 'none',
+                            background: 'transparent',
+                            color: 'inherit',
+                            fontSize: 'inherit',
+                            fontWeight: 'inherit',
+                            letterSpacing: 'inherit',
+                            padding: 0,
+                        }, autoComplete: "email", required: true })),
+                React.createElement(VibesButton, { variant: "primary", type: "submit", disabled: !email.trim() }, "Send Invite"))) : (React.createElement(BrutalistCard, { id: "invite-status", role: "status", "aria-live": "polite", size: "sm", variant: inviteStatus === 'sending'
+                    ? 'default'
+                    : inviteStatus === 'error'
+                        ? 'error'
+                        : 'success', style: { textAlign: 'center' } }, inviteStatus === 'sending' ? 'Inviting...' : inviteMessage)),
+            React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : (React.createElement(React.Fragment, null,
+            React.createElement(VibesButton, { variant: "primary", onClick: handleLogoutClick }, "Logout"),
+            React.createElement(VibesButton, { variant: "secondary", onClick: handleMutateClick }, "\uD83E\uDDDF Mutate"),
+            React.createElement(VibesButton, { variant: "tertiary", onClick: handleInviteClick }, "Invite"))))));
+}
+//# sourceMappingURL=VibesPanel.js.map

package/components/VibesPanel/VibesPanel.js.map

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

package/components/VibesPanel/index.d.ts

@@ -0,0 +1 @@
+export * from './VibesPanel.js';

package/components/VibesPanel/index.js

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

package/components/VibesPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/components/VibesSwitch/VibesSwitch.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface VibesSwitchProps {
+    size?: number | string;
+    className?: string;
+}
+export declare function VibesSwitch({ size, className }: VibesSwitchProps): React.JSX.Element;

package/components/VibesSwitch/VibesSwitch.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { switchColors } from './VibesSwitch.styles.js';
+export function VibesSwitch({ size = 24, className }) {
+    const [active, setActive] = React.useState(true);
+    const originalD = `M426.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687  c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143  c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,20.023-0.666,30.021-0.371  c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594  c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77  C446.914,285.721,438.682,285.667,426.866,285.985z`;
+    const stretchedD = `M165.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687  c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143  c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,121.023-0.666,131.021-0.371  c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594  c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77  C286.914,285.721,177.682,285.667,165.866,285.985z`;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className, onClick: () => setActive(!active) },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#000", d: "M293.353,298.09c-41.038,0-82.078,0.125-123.115-0.077  c-11.993-0.06-24.011-0.701-35.964-1.703c-15.871-1.331-29.73-7.937-41.948-17.946c-16.769-13.736-27.207-31.417-30.983-52.7  c-4.424-24.93,1.404-47.685,16.506-67.913c11.502-15.407,26.564-26.1,45.258-30.884c7.615-1.949,15.631-2.91,23.501-3.165  c20.08-0.652,40.179-0.853,60.271-0.879c69.503-0.094,139.007-0.106,208.51,0.02c14.765,0.026,29.583,0.097,44.28,1.313  c36.984,3.059,61.78,23.095,74.653,57.301c17.011,45.199-8.414,96.835-54.29,111.864c-7.919,2.595-16.165,3.721-24.434,3.871  c-25.614,0.467-51.234,0.742-76.853,0.867C350.282,298.197,321.817,298.09,293.353,298.09z" }),
+        React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
+                transition: 'd 0.3s ease, transform 0.8s ease, fill 2s ease',
+                transform: active ? 'translateX(3px) ' : 'none',
+            } }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 0.5s ease',
+                fill: active ? switchColors.primary : switchColors.secondary,
+            }, d: "M181.891,205.861c0-5.043-0.001-10.086,0-15.129  c0.001-5.046,1.679-7.539,6.606-7.695c9.292-0.294,18.653-1.051,27.888,0.707c7.614,1.449,11.523,5.954,11.902,13.446  c0.066,1.312-0.313,2.752-0.857,3.966c-1.401,3.123-1.399,6.266-0.673,9.507c0.301,1.342,0.443,2.723,0.787,4.053  c1.274,4.925-1.78,10.114-6.085,11.937c-3.111,1.318-6.561,2.327-9.909,2.497c-7.303,0.37-14.639,0.136-21.96,0.101  c-1.165-0.005-2.345-0.181-3.488-0.422c-2.657-0.56-4.162-2.962-4.197-6.801C181.854,216.639,181.891,211.25,181.891,205.861z   M204.442,192.385c-2.757,0-5.514,0-8.271,0c-3.695,0-5.151,1.669-4.712,5.403c0.369,3.14,1.05,3.735,4.225,3.737  c5.024,0.004,10.05,0.109,15.07-0.014c2.028-0.05,4.167-0.27,6.04-0.98c3.182-1.207,3.639-4.256,1.008-6.455  c-1.073-0.896-2.659-1.509-4.06-1.618C210.659,192.22,207.544,192.385,204.442,192.385z M204.334,211.104c0,0.045,0,0.091,0,0.137  c-3.101,0-6.203-0.055-9.302,0.037c-0.823,0.024-2.257,0.373-2.344,0.794c-0.447,2.154-0.959,4.444-0.639,6.563  c0.276,1.822,2.447,1.451,3.882,1.441c5.989-0.042,11.98-0.118,17.961-0.385c1.416-0.063,2.859-0.79,4.176-1.441  c1.79-0.886,1.833-2.475,1.029-4.046c-1.166-2.276-3.297-3.024-5.677-3.081C210.394,211.049,207.363,211.104,204.334,211.104z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 0.8s ease',
+                fill: active ? switchColors.primary : switchColors.secondary,
+            }, d: "M291.409,229.748c-3.621-0.394-7.838-0.587-11.94-1.379  c-3.577-0.69-6.343-2.991-8.213-6.163c-1.763-2.99-0.301-5.6,3.139-5.292c2.287,0.205,4.512,1.129,6.758,1.755  c6.281,1.751,12.643,1.892,19.053,0.951c0.667-0.098,1.31-0.416,1.941-0.686c1.502-0.644,2.55-1.682,2.581-3.415  c0.031-1.74-1.195-2.749-2.579-3.132c-2.298-0.637-4.688-1.021-7.065-1.273c-5.062-0.536-10.252-0.401-15.187-1.475  c-9.677-2.105-11.678-10.53-10.101-16.009c1.62-5.625,5.911-8.92,11.318-9.73c8.388-1.257,16.925-1.491,25.279,0.654  c3.702,0.951,6.615,3.072,7.883,6.931c0.918,2.792-0.332,4.6-3.268,4.357c-1.684-0.139-3.367-0.676-4.974-1.248  c-6.711-2.387-13.572-2.897-20.569-1.783c-1.001,0.159-2.146,0.414-2.875,1.034c-0.901,0.766-2.016,1.981-1.98,2.964  c0.041,1.128,0.995,2.733,1.991,3.206c1.81,0.857,3.925,1.279,5.948,1.441c5.152,0.41,10.356,0.296,15.479,0.905  c7.98,0.949,13.779,9.833,11.241,17.125c-1.959,5.628-6.44,8.489-12.143,9.322C299.455,229.344,295.715,229.419,291.409,229.748z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1.2s ease',
+                fill: active ? switchColors.primary : switchColors.secondary,
+            }, d: "M235.786,208.14c0-6.905-0.01-13.809,0.004-20.714  c0.007-3.474,0.948-4.428,4.415-3.758c6.62,1.279,13.232,2.651,19.759,4.331c1.7,0.438,3.404,1.896,4.515,3.341  c1.777,2.31,0.433,5.367-2.463,5.745c-1.86,0.243-3.819-0.138-5.717-0.368c-2.183-0.264-4.339-0.783-6.525-0.976  c-1.572-0.138-3.065,0.375-3.8,1.959c-0.76,1.638-0.319,3.329,0.942,4.34c1.619,1.296,3.522,2.327,5.447,3.128  c2.146,0.894,4.539,1.207,6.66,2.145c1.446,0.64,2.982,1.687,3.786,2.981c0.689,1.11,0.928,3.094,0.378,4.202  c-0.492,0.991-2.32,1.795-3.579,1.825c-2.238,0.052-4.483-0.652-6.741-0.832c-1.614-0.127-3.333-0.203-4.865,0.212  c-2.574,0.699-3.225,3.013-1.719,5.218c1.396,2.044,3.431,3.141,5.757,3.761c2.791,0.744,5.637,1.315,8.373,2.222  c3.19,1.058,4.791,3.496,4.801,6.723c0.011,3.365-1.759,5.021-5.138,4.424c-4.402-0.778-8.759-1.81-13.134-2.735  c-2.357-0.499-4.718-0.981-7.069-1.511c-3.263-0.737-4.132-1.805-4.141-5.154c-0.019-6.836-0.006-13.672-0.006-20.508  C235.747,208.141,235.766,208.14,235.786,208.14z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 0.6s ease',
+                fill: active ? switchColors.primary : switchColors.secondary,
+            }, d: "M135.138,229.842c-2.941-0.084-5.296-1.462-6.684-3.9  c-1.827-3.21-3.328-6.618-4.81-10.011c-3.55-8.128-7.021-16.291-10.486-24.455c-0.48-1.132-0.902-2.329-1.087-3.536  c-0.417-2.72,1.238-4.585,3.938-4.119c1.591,0.275,3.569,0.98,4.45,2.173c2.226,3.015,4.175,6.299,5.784,9.69  c2.208,4.654,3.898,9.552,6.032,14.244c0.628,1.379,2.009,2.416,3.045,3.609c0.892-1.159,2.042-2.201,2.63-3.498  c2.697-5.953,5.22-11.985,7.841-17.974c1.423-3.252,3.089-6.418,6.532-7.905c1.238-0.535,3.012-0.712,4.184-0.214  c0.81,0.344,1.377,2.126,1.385,3.271c0.009,1.458-0.479,2.997-1.059,4.371c-4.227,10.013-8.504,20.005-12.833,29.974  c-0.79,1.819-1.762,3.589-2.875,5.229C139.73,228.848,137.671,229.894,135.138,229.842z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1.3s ease',
+                fill: active ? switchColors.primary : switchColors.secondary,
+            }, d: "M164.636,206.263c0-6.691,0.054-13.383-0.036-20.073  c-0.024-1.851,0.716-2.67,2.449-2.81c0.274-0.022,0.549-0.054,0.823-0.076c5.488-0.445,6.091,0.105,6.091,5.562  c0,12.348,0,24.695,0,37.043c0,2.887-0.354,3.405-3.222,3.618c-1.628,0.121-3.338-0.001-4.91-0.408  c-0.593-0.153-1.265-1.408-1.278-2.171c-0.096-5.584-0.034-11.172-0.022-16.759c0.002-1.308,0-2.617,0-3.926  C164.566,206.263,164.601,206.263,164.636,206.263z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1s ease',
+                fill: active ? switchColors.secondary : switchColors.primary,
+            }, d: "M388.313,210.147c0-6.356,0.034-12.713-0.023-19.069  c-0.015-1.61,0.359-2.472,2.19-2.346c2.887,0.198,5.809,0.045,8.671,0.398c4.396,0.542,8.019,4.294,8.144,8.904  c0.223,8.142,0.265,16.304-0.074,24.439c-0.248,5.945-4.552,9.662-10.491,9.831c-1.999,0.057-4.003-0.081-6.006-0.09  c-1.746-0.008-2.439-0.853-2.428-2.584C388.34,223.136,388.313,216.642,388.313,210.147z M393.418,210.324c-0.037,0-0.075,0-0.114,0  c0,4.55-0.038,9.101,0.015,13.65c0.031,2.688,0.926,3.439,3.56,3.239c3.273-0.248,5.493-2.511,5.534-6.04  c0.082-7.099,0.054-14.2-0.033-21.299c-0.041-3.268-1.739-5.241-4.87-6.092c-2.68-0.728-4.025,0.161-4.07,2.896  C393.364,201.226,393.418,205.775,393.418,210.324z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1s ease',
+                fill: active ? switchColors.secondary : switchColors.primary,
+            }, d: "M478.079,200.8c0.674-1.566,1.121-2.53,1.506-3.519  c0.673-1.73,1.252-3.5,1.981-5.205c0.315-0.737,0.766-1.654,1.407-1.961c1.094-0.523,2.388-0.63,3.598-0.912  c0.205,1.142,0.798,2.381,0.537,3.404c-0.606,2.388-1.448,4.756-2.507,6.984c-3.981,8.389-4.352,17.254-3.78,26.282  c0.091,1.438,0.031,2.899-0.105,4.335c-0.14,1.473-0.989,2.428-2.542,2.497c-1.514,0.067-2.311-0.903-2.54-2.23  c-0.232-1.348-0.394-2.754-0.277-4.108c0.94-10.972-1.116-21.38-5.626-31.375c-0.586-1.298-0.899-2.762-1.093-4.183  c-0.233-1.712,0.825-2.592,2.379-1.843c1.164,0.561,2.345,1.55,2.973,2.657c1.078,1.897,1.712,4.043,2.568,6.07  C476.918,198.547,477.37,199.361,478.079,200.8z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1s ease',
+                fill: active ? switchColors.secondary : switchColors.primary,
+            }, d: "M440.516,210.627c0,6.281,0.007,12.563-0.004,18.844  c-0.004,2.067-0.805,3.038-2.531,3.015c-1.877-0.025-2.365-1.136-2.359-2.876c0.046-12.631,0.019-25.263,0.029-37.895  c0.002-2.592,0.525-3.205,2.419-3.148c1.856,0.057,2.479,1.03,2.466,2.803C440.484,197.788,440.515,204.208,440.516,210.627z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1s ease',
+                fill: active ? switchColors.secondary : switchColors.primary,
+            }, d: "M416.875,210.721c0.068-3.305,1.849-5.306,4.727-5.309  c2.765-0.003,4.924,2.404,4.816,5.371c-0.106,2.956-2.355,5.212-5.12,5.138C418.626,215.849,416.813,213.718,416.875,210.721z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
+                transition: 'fill 1s ease',
+                fill: active ? switchColors.secondary : switchColors.primary,
+            }, d: "M449.933,210.636c0.102-3.331,1.886-5.279,4.778-5.22  c2.67,0.055,4.829,2.432,4.762,5.243c-0.073,3.021-2.404,5.36-5.242,5.261C451.606,215.829,449.84,213.657,449.933,210.636z" })));
+}
+//# sourceMappingURL=VibesSwitch.js.map

package/components/VibesSwitch/VibesSwitch.js.map

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

package/components/VibesSwitch/VibesSwitch.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const switchColors: {
+    primary: string;
+    secondary: string;
+};

package/components/VibesSwitch/VibesSwitch.styles.js

@@ -0,0 +1,5 @@
+export const switchColors = {
+    primary: '#000000',
+    secondary: '#FFFFFF',
+};
+//# sourceMappingURL=VibesSwitch.styles.js.map

package/components/VibesSwitch/VibesSwitch.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibesSwitch.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const VIBES_SYNC_ENABLED_CLASS: "vibes-connect-true";
+export declare const VIBES_SYNC_ENABLE_EVENT: "vibes-sync-enable";
+export declare const VIBES_SYNC_DISABLE_EVENT: "vibes-sync-disable";
+export declare const VIBES_SYNC_ERROR_EVENT: "vibes-sync-error";

package/constants.js

@@ -0,0 +1,5 @@
+export const VIBES_SYNC_ENABLED_CLASS = 'vibes-connect-true';
+export const VIBES_SYNC_ENABLE_EVENT = 'vibes-sync-enable';
+export const VIBES_SYNC_DISABLE_EVENT = 'vibes-sync-disable';
+export const VIBES_SYNC_ERROR_EVENT = 'vibes-sync-error';
+//# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../jsr/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,wBAAwB,GAAG,oBAA6B,CAAC;AACtE,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAA4B,CAAC;AACpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,oBAA6B,CAAC;AACtE,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAA2B,CAAC"}

package/events.d.ts

@@ -0,0 +1,7 @@
+export declare const AUTH_OVERLAY_READY_EVENT: "vibes-auth-overlay-ready";
+export declare const AUTH_OVERLAY_HIDDEN_CLASS: "fpOverlay--hidden";
+export declare const AUTH_OVERLAY_TIMEOUT_MS: 5000;
+export interface AuthOverlayReadyDetail {
+    overlay: HTMLElement | null;
+    authLink?: HTMLAnchorElement | null;
+}

package/events.js

@@ -0,0 +1,4 @@
+export const AUTH_OVERLAY_READY_EVENT = 'vibes-auth-overlay-ready';
+export const AUTH_OVERLAY_HIDDEN_CLASS = 'fpOverlay--hidden';
+export const AUTH_OVERLAY_TIMEOUT_MS = 5000;
+//# sourceMappingURL=events.js.map

package/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../jsr/events.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,wBAAwB,GAAG,0BAAmC,CAAC;AAG5E,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAA4B,CAAC;AAGtE,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAa,CAAC"}

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

@@ -0,0 +1,11 @@
+import { ImageGenOptions as BaseImageGenOptions, ImageResponse } from 'call-ai';
+import type { ImageDocument } from '@vibes.diy/use-vibes-types';
+interface ImageGenOptions extends BaseImageGenOptions {
+    readonly _regenerationId: number;
+    readonly images: File[];
+    readonly document: Partial<ImageDocument>;
+    readonly debug: boolean;
+}
+export declare function imageGen(prompt: string, options?: Partial<ImageGenOptions>): Promise<ImageResponse>;
+export declare function createImageGenerator(requestHash: string): (promptText: string, genOptions?: Partial<ImageGenOptions> | undefined) => Promise<ImageResponse>;
+export {};

package/hooks/image-gen/image-generator.js

@@ -0,0 +1,146 @@
+import { imageGen as originalImageGen, } from 'call-ai';
+import { MODULE_STATE, getRelevantOptions } from './utils.js';
+export async function imageGen(prompt, options) {
+    const relevantOptions = getRelevantOptions(options);
+    const stableKey = options?._regenerationId
+        ? `${prompt}-${JSON.stringify(relevantOptions)}-regen-${options._regenerationId}`
+        : `${prompt}-${JSON.stringify(relevantOptions)}`;
+    const requestId = ++MODULE_STATE.requestCounter;
+    if (MODULE_STATE.pendingPrompts.has(stableKey)) {
+        if (MODULE_STATE.pendingImageGenCalls.has(stableKey)) {
+            return MODULE_STATE.pendingImageGenCalls.get(stableKey);
+        }
+    }
+    MODULE_STATE.pendingPrompts.add(stableKey);
+    MODULE_STATE.processingRequests.add(stableKey);
+    MODULE_STATE.requestTimestamps.set(stableKey, Date.now());
+    if (options?.debug) {
+        console.log(`[ImgGen Debug] Generating image with prompt: "${prompt}"`, {
+            requestId,
+            options,
+            hasImages: options.images ? options.images.length + ' files' : 'No',
+            stableKey,
+        });
+    }
+    let promise;
+    try {
+        const enhancedOptions = { ...options };
+        if (!enhancedOptions.images && enhancedOptions.document && enhancedOptions.document._files) {
+            const imageFiles = [];
+            for (const key of Object.keys(enhancedOptions.document._files)) {
+                if (key.startsWith('in') || key === 'original') {
+                    const file = enhancedOptions.document._files[key];
+                    if (file) {
+                        if (file instanceof File) {
+                            imageFiles.push(file);
+                        }
+                        else if (typeof file.file === 'function') {
+                            try {
+                                const fileObj = await file.file();
+                                imageFiles.push(fileObj);
+                            }
+                            catch (e) {
+                                if (enhancedOptions.debug) {
+                                    console.error(`Error getting file from DocFileMeta for key ${key}:`, e);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            if (imageFiles.length > 0) {
+                enhancedOptions.images = imageFiles;
+                if (enhancedOptions.debug) {
+                    console.log('[ImgGen Debug] Extracted images from document:', {
+                        count: imageFiles.length,
+                        keys: Object.keys(enhancedOptions.document._files).filter((k) => k.startsWith('in') || k === 'original'),
+                    });
+                }
+            }
+        }
+        promise = originalImageGen(prompt, enhancedOptions);
+    }
+    catch (e) {
+        if (options?.debug) {
+            console.error(`[ImgGen Debug] Error with imageGen for request #${requestId}:`, e);
+        }
+        promise = Promise.reject(e);
+    }
+    MODULE_STATE.pendingImageGenCalls.set(stableKey, promise);
+    promise
+        .then((response) => {
+        MODULE_STATE.processingRequests.delete(stableKey);
+        return response;
+    })
+        .catch((error) => {
+        if (options?.debug) {
+            console.error(`[ImgGen Debug] Request #${requestId} failed [key:${stableKey.slice(0, 12)}...]: ${error}`);
+        }
+        MODULE_STATE.processingRequests.delete(stableKey);
+        return Promise.reject(error);
+    });
+    return promise;
+}
+export function createImageGenerator(requestHash) {
+    return async (promptText, genOptions) => {
+        JSON.stringify(getRelevantOptions(genOptions));
+        const debug = genOptions?.debug;
+        if (genOptions && 'document' in genOptions && genOptions.document) {
+            const document = genOptions.document;
+            const imageFiles = [];
+            if (document._files) {
+                for (const key of Object.keys(document._files)) {
+                    if (key.startsWith('in')) {
+                        const file = document._files[key];
+                        if (file) {
+                            if (file instanceof File) {
+                                imageFiles.push(file);
+                            }
+                            else if (typeof file.file === 'function') {
+                                try {
+                                    const fileObj = await file.file();
+                                    imageFiles.push(fileObj);
+                                }
+                                catch (e) {
+                                    if (debug) {
+                                        console.error(`Error getting file from DocFileMeta for key ${key}:`, e);
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            if (imageFiles.length > 0) {
+                if (debug) {
+                    console.log('[imageGenerator] Found images to include:', {
+                        count: imageFiles.length,
+                        fileTypes: imageFiles.map((f) => f.type),
+                    });
+                }
+                genOptions = {
+                    ...genOptions,
+                    images: imageFiles,
+                };
+            }
+        }
+        try {
+            if (debug) {
+                console.log(`[imageGenerator] Generating image with prompt: "${promptText.slice(0, 30)}...", options:`, {
+                    ...genOptions,
+                    hasImages: genOptions?.images ? 'Yes' : 'No',
+                    imageCount: genOptions?.images ? genOptions.images.length : 0,
+                });
+            }
+            const response = await imageGen(promptText, genOptions);
+            return response;
+        }
+        catch (error) {
+            if (debug) {
+                console.error(`[ImgGen Debug] Failed request [ID:${requestHash}]: ${error}`);
+            }
+            throw error;
+        }
+    };
+}
+//# sourceMappingURL=image-generator.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { useImageGen } from './use-image-gen.js';
+import { imageGen } from './image-generator.js';
+import { base64ToFile, hashInput, MODULE_STATE } from './utils.js';
+import type { ImageDocument, UseImageGenOptions, UseImageGenResult } from '@vibes.diy/use-vibes-types';
+export { MODULE_STATE };
+export { useImageGen, imageGen, base64ToFile, hashInput };
+export type { ImageDocument, UseImageGenOptions, UseImageGenResult };

package/hooks/image-gen/index.js

@@ -0,0 +1,6 @@
+import { useImageGen } from './use-image-gen.js';
+import { imageGen } from './image-generator.js';
+import { base64ToFile, hashInput, MODULE_STATE } from './utils.js';
+export { MODULE_STATE };
+export { useImageGen, imageGen, base64ToFile, hashInput };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAOnE,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+import type { UseImageGenOptions, UseImageGenResult } from '@vibes.diy/use-vibes-types';
+export declare function useImageGen({ prompt, _id, _rev, options, database, skip, generationId, editedPrompt }: Partial<UseImageGenOptions>): UseImageGenResult;