@vibes.diy/use-vibes-base 0.18.8 → 0.18.9-dev-vibes-refactor
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ImgGen.js.map +1 -1
- package/constants.d.ts +0 -3
- package/constants.js +0 -3
- package/constants.js.map +1 -1
- package/hooks/image-gen/use-image-gen.js +0 -1
- package/hooks/image-gen/use-image-gen.js.map +1 -1
- package/hooks/useMobile.d.ts +1 -0
- package/hooks/useMobile.js +20 -0
- package/hooks/useMobile.js.map +1 -0
- package/hooks/useThemeDetection.d.ts +1 -0
- package/hooks/useThemeDetection.js +15 -0
- package/hooks/useThemeDetection.js.map +1 -0
- package/hooks/vibes-gen/use-vibes.js +0 -2
- package/hooks/vibes-gen/use-vibes.js.map +1 -1
- package/index.d.ts +3 -18
- package/index.js +11 -119
- package/index.js.map +1 -1
- package/package.json +11 -10
- package/tsconfig.json +2 -0
- package/utils/vibe-control-styles.js +52 -11
- package/utils/vibe-control-styles.js.map +1 -1
- package/components/BrutalistCard/BrutalistCard.d.ts +0 -9
- package/components/BrutalistCard/BrutalistCard.js +0 -24
- package/components/BrutalistCard/BrutalistCard.js.map +0 -1
- package/components/BrutalistCard/BrutalistCard.styles.d.ts +0 -4
- package/components/BrutalistCard/BrutalistCard.styles.js +0 -73
- package/components/BrutalistCard/BrutalistCard.styles.js.map +0 -1
- package/components/BrutalistCard/index.d.ts +0 -3
- package/components/BrutalistCard/index.js +0 -2
- package/components/BrutalistCard/index.js.map +0 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +0 -8
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +0 -181
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +0 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +0 -31
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +0 -86
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +0 -1
- package/components/ImgGen.css +0 -675
- package/components/VibeControl.d.ts +0 -13
- package/components/VibeControl.js +0 -74
- package/components/VibeControl.js.map +0 -1
- package/components/VibesButton/VibesButton.d.ts +0 -10
- package/components/VibesButton/VibesButton.js +0 -37
- package/components/VibesButton/VibesButton.js.map +0 -1
- package/components/VibesButton/VibesButton.styles.d.ts +0 -6
- package/components/VibesButton/VibesButton.styles.js +0 -32
- package/components/VibesButton/VibesButton.styles.js.map +0 -1
- package/components/VibesPanel/VibesPanel.d.ts +0 -8
- package/components/VibesPanel/VibesPanel.js +0 -119
- package/components/VibesPanel/VibesPanel.js.map +0 -1
- package/components/VibesPanel/index.d.ts +0 -1
- package/components/VibesPanel/index.js +0 -2
- package/components/VibesPanel/index.js.map +0 -1
- package/components/VibesSwitch/VibesSwitch.d.ts +0 -6
- package/components/VibesSwitch/VibesSwitch.js +0 -54
- package/components/VibesSwitch/VibesSwitch.js.map +0 -1
- package/components/VibesSwitch/VibesSwitch.styles.d.ts +0 -4
- package/components/VibesSwitch/VibesSwitch.styles.js +0 -5
- package/components/VibesSwitch/VibesSwitch.styles.js.map +0 -1
- package/events.d.ts +0 -7
- package/events.js +0 -4
- package/events.js.map +0 -1
- package/hooks/use-image-gen.d.ts +0 -1
- package/hooks/use-image-gen.js +0 -2
- package/hooks/use-image-gen.js.map +0 -1
- package/mounting/index.d.ts +0 -4
- package/mounting/index.js +0 -4
- package/mounting/index.js.map +0 -1
- package/mounting/mountVibeCode.d.ts +0 -15
- package/mounting/mountVibeCode.js +0 -66
- package/mounting/mountVibeCode.js.map +0 -1
- package/mounting/mountVibeWithCleanup.d.ts +0 -1
- package/mounting/mountVibeWithCleanup.js +0 -55
- package/mounting/mountVibeWithCleanup.js.map +0 -1
- package/mounting/types.d.ts +0 -10
- package/mounting/types.js +0 -7
- package/mounting/types.js.map +0 -1
- package/stories/VibeControl.stories.d.ts +0 -13
- package/stories/VibeControl.stories.js +0 -195
- package/stories/VibeControl.stories.js.map +0 -1
- package/vibe-app-mount.d.ts +0 -13
- package/vibe-app-mount.js +0 -39
- package/vibe-app-mount.js.map +0 -1
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
import { createVibeControlStyles, defaultVibeControlClasses, } from '../utils/vibe-control-styles.js';
|
|
4
|
-
export function VibeControl({ label = 'Open Vibes', position = 'bottom-right', onOpen, onClose, children, classes = defaultVibeControlClasses, visible = true, }) {
|
|
5
|
-
const [isOpen, setIsOpen] = React.useState(false);
|
|
6
|
-
const [isHoveringButton, setIsHoveringButton] = React.useState(false);
|
|
7
|
-
const [isHoveringClose, setIsHoveringClose] = React.useState(false);
|
|
8
|
-
const handleOpen = React.useCallback(() => {
|
|
9
|
-
setIsOpen(true);
|
|
10
|
-
onOpen?.();
|
|
11
|
-
}, [onOpen]);
|
|
12
|
-
const handleClose = React.useCallback(() => {
|
|
13
|
-
setIsOpen(false);
|
|
14
|
-
onClose?.();
|
|
15
|
-
}, [onClose]);
|
|
16
|
-
React.useEffect(() => {
|
|
17
|
-
const handleEscape = (event) => {
|
|
18
|
-
if (event.key === 'Escape' && isOpen) {
|
|
19
|
-
handleClose();
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
if (isOpen) {
|
|
23
|
-
document.addEventListener('keydown', handleEscape);
|
|
24
|
-
document.body.style.overflow = 'hidden';
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
document.body.style.overflow = '';
|
|
28
|
-
}
|
|
29
|
-
return () => {
|
|
30
|
-
document.removeEventListener('keydown', handleEscape);
|
|
31
|
-
document.body.style.overflow = '';
|
|
32
|
-
};
|
|
33
|
-
}, [isOpen, handleClose]);
|
|
34
|
-
const styles = createVibeControlStyles(position);
|
|
35
|
-
const buttonStyles = {
|
|
36
|
-
...styles.button,
|
|
37
|
-
...(isHoveringButton ? styles.buttonHover : {}),
|
|
38
|
-
};
|
|
39
|
-
const closeButtonStyles = {
|
|
40
|
-
...styles.closeButton,
|
|
41
|
-
...(isHoveringClose ? styles.closeButtonHover : {}),
|
|
42
|
-
};
|
|
43
|
-
if (!visible) {
|
|
44
|
-
return null;
|
|
45
|
-
}
|
|
46
|
-
const renderOverlay = () => {
|
|
47
|
-
if (!isOpen)
|
|
48
|
-
return null;
|
|
49
|
-
return ReactDOM.createPortal(React.createElement("div", { style: styles.backdrop, onClick: handleClose, className: classes.backdrop },
|
|
50
|
-
React.createElement("div", { style: styles.overlay, onClick: (e) => e.stopPropagation(), className: classes.overlay },
|
|
51
|
-
React.createElement("h2", { style: styles.overlayTitle, className: classes.overlayTitle }, "Vibe Control"),
|
|
52
|
-
React.createElement("button", { style: closeButtonStyles, onClick: handleClose, onMouseEnter: () => setIsHoveringClose(true), onMouseLeave: () => setIsHoveringClose(false), className: classes.closeButton, "aria-label": "Close overlay" }, "\u00D7"),
|
|
53
|
-
React.createElement("div", { style: styles.content, className: classes.content }, children || (React.createElement("div", null,
|
|
54
|
-
React.createElement("p", null, "Welcome to Vibe Control!"),
|
|
55
|
-
React.createElement("p", null, "This is the default content. You can customize this by passing children to the VibeControl component."),
|
|
56
|
-
React.createElement("div", { style: {
|
|
57
|
-
marginTop: '20px',
|
|
58
|
-
padding: '16px',
|
|
59
|
-
backgroundColor: '#f5f5f5',
|
|
60
|
-
borderRadius: '8px',
|
|
61
|
-
} },
|
|
62
|
-
React.createElement("h3", { style: { margin: '0 0 8px 0' } }, "Example Features:"),
|
|
63
|
-
React.createElement("ul", { style: { margin: 0, paddingLeft: '20px' } },
|
|
64
|
-
React.createElement("li", null, "Theme customization"),
|
|
65
|
-
React.createElement("li", null, "Settings management"),
|
|
66
|
-
React.createElement("li", null, "Component controls"),
|
|
67
|
-
React.createElement("li", null, "Debug information")))))))), document.body);
|
|
68
|
-
};
|
|
69
|
-
return (React.createElement(React.Fragment, null,
|
|
70
|
-
React.createElement("button", { style: buttonStyles, onClick: handleOpen, onMouseEnter: () => setIsHoveringButton(true), onMouseLeave: () => setIsHoveringButton(false), className: classes.button, "aria-label": label }, label),
|
|
71
|
-
renderOverlay()));
|
|
72
|
-
}
|
|
73
|
-
export default VibeControl;
|
|
74
|
-
//# sourceMappingURL=VibeControl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibeControl.js","sourceRoot":"","sources":["../../jsr/components/VibeControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
3
|
-
export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
-
variant?: ButtonVariant;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
onHover?: () => void;
|
|
7
|
-
onUnhover?: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare function VibesButton({ variant, children, onHover, onUnhover, style: customStyle, className, ...props }: MenuButtonProps): React.JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import { getButtonStyle } from './VibesButton.styles.js';
|
|
3
|
-
export function VibesButton({ variant = 'primary', children, onHover, onUnhover, style: customStyle, className, ...props }) {
|
|
4
|
-
const [isHovered, setHovered] = useState(false);
|
|
5
|
-
const [isActive, setActive] = useState(false);
|
|
6
|
-
const [isDark, setIsDark] = useState(false);
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const checkDarkMode = () => {
|
|
9
|
-
setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
10
|
-
};
|
|
11
|
-
checkDarkMode();
|
|
12
|
-
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
13
|
-
mediaQuery.addEventListener('change', checkDarkMode);
|
|
14
|
-
return () => mediaQuery.removeEventListener('change', checkDarkMode);
|
|
15
|
-
}, []);
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (isHovered) {
|
|
18
|
-
onHover?.();
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
onUnhover?.();
|
|
22
|
-
}
|
|
23
|
-
}, [isHovered, onHover, onUnhover]);
|
|
24
|
-
const baseStyle = getButtonStyle(variant, isHovered, isActive);
|
|
25
|
-
const mergedStyle = {
|
|
26
|
-
...baseStyle,
|
|
27
|
-
background: isDark ? '#1a1a1a' : '#fff',
|
|
28
|
-
color: isDark ? '#fff' : '#1a1a1a',
|
|
29
|
-
border: isDark ? '3px solid #555' : '3px solid #1a1a1a',
|
|
30
|
-
...customStyle,
|
|
31
|
-
};
|
|
32
|
-
return (React.createElement("button", { ...props, className: className, onMouseEnter: () => setHovered(true), onMouseLeave: () => {
|
|
33
|
-
setHovered(false);
|
|
34
|
-
setActive(false);
|
|
35
|
-
}, onMouseDown: () => setActive(true), onMouseUp: () => setActive(false), style: mergedStyle }, children));
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=VibesButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,GAAG,KAAK,EACQ,EAAE;IAClB,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAG5C,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;YAC1B,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;QAAA,CACtE,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;IAAA,CACF,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG;QAClB,GAAG,SAAS;QACZ,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB;QACvD,GAAG,WAAW;KACf,CAAC;IAEF,OAAO,CACL,mCACM,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,KAAK,CAAC,CAAC;QAAA,CAClB,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAClC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,KAAK,EAAE,WAAW,IAEjB,QAAQ,CACF,CACV,CAAC;AAAA,CACH"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export const buttonColors = {
|
|
2
|
-
primary: '#009ACE',
|
|
3
|
-
secondary: '#DA291C',
|
|
4
|
-
tertiary: '#FEDD00',
|
|
5
|
-
};
|
|
6
|
-
export function getButtonStyle(variant, isHovered, isActive) {
|
|
7
|
-
let transform = 'translate(0px, 0px)';
|
|
8
|
-
let boxShadow = `4px 5px 0px 0px ${buttonColors[variant]}`;
|
|
9
|
-
if (isHovered && !isActive) {
|
|
10
|
-
transform = 'translate(2px, 2px)';
|
|
11
|
-
boxShadow = `2px 3px 0px 0px ${buttonColors[variant]}`;
|
|
12
|
-
}
|
|
13
|
-
if (isActive) {
|
|
14
|
-
transform = 'translate(4px, 5px)';
|
|
15
|
-
boxShadow = 'none';
|
|
16
|
-
}
|
|
17
|
-
return {
|
|
18
|
-
width: '100%',
|
|
19
|
-
padding: '1rem 2rem',
|
|
20
|
-
borderRadius: '12px',
|
|
21
|
-
fontSize: '1rem',
|
|
22
|
-
fontWeight: 700,
|
|
23
|
-
textTransform: 'uppercase',
|
|
24
|
-
letterSpacing: '0.05em',
|
|
25
|
-
cursor: 'pointer',
|
|
26
|
-
transition: 'all 0.15s ease',
|
|
27
|
-
position: 'relative',
|
|
28
|
-
transform,
|
|
29
|
-
boxShadow,
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
//# sourceMappingURL=VibesButton.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAIrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAAkC,EAClC,SAAkB,EAClB,QAAiB,EACI;IACrB,IAAI,SAAS,GAAG,qBAAqB,CAAC;IACtC,IAAI,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IAE3D,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IACzD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,MAAM,CAAC;IACrB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QAEpB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,WAAoB;QACnC,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,UAAmB;QAC7B,SAAS;QACT,SAAS;KACV,CAAC;AAAA,CACH"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface VibesPanelProps {
|
|
3
|
-
style?: React.CSSProperties;
|
|
4
|
-
className?: string;
|
|
5
|
-
baseURL?: string;
|
|
6
|
-
token?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare function VibesPanel({ style, className, baseURL, token }?: VibesPanelProps): React.JSX.Element;
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect, useId } from 'react';
|
|
2
|
-
import { runtimeFn } from '@fireproof/core-runtime';
|
|
3
|
-
import { VibesButton } from '../VibesButton/VibesButton.js';
|
|
4
|
-
import { BrutalistCard } from '../BrutalistCard/BrutalistCard.js';
|
|
5
|
-
import { generateFreshDataUrl, generateRemixUrl } from '../../utils/appSlug.js';
|
|
6
|
-
export function VibesPanel({ style, className, baseURL, token } = {}) {
|
|
7
|
-
const emailId = useId();
|
|
8
|
-
const [mode, setMode] = useState('default');
|
|
9
|
-
const [email, setEmail] = useState('');
|
|
10
|
-
const [inviteStatus, setInviteStatus] = useState('idle');
|
|
11
|
-
const [inviteMessage, setInviteMessage] = useState('');
|
|
12
|
-
const defaultBaseURL = runtimeFn().isBrowser ? window.location.origin : 'https://vibes.diy';
|
|
13
|
-
const effectiveBaseURL = baseURL ?? defaultBaseURL;
|
|
14
|
-
const handleMutateClick = () => {
|
|
15
|
-
if (mode === 'default') {
|
|
16
|
-
setMode('mutate');
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const handleInviteClick = () => {
|
|
20
|
-
if (mode === 'default') {
|
|
21
|
-
setMode('invite');
|
|
22
|
-
setEmail('');
|
|
23
|
-
setInviteStatus('idle');
|
|
24
|
-
setInviteMessage('');
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const handleBackClick = () => {
|
|
28
|
-
setMode('default');
|
|
29
|
-
};
|
|
30
|
-
const handleFreshDataClick = () => {
|
|
31
|
-
window.open(generateFreshDataUrl(effectiveBaseURL), '_top');
|
|
32
|
-
};
|
|
33
|
-
const handleChangeCodeClick = () => {
|
|
34
|
-
window.open(generateRemixUrl(effectiveBaseURL), '_top');
|
|
35
|
-
};
|
|
36
|
-
const handleLogoutClick = () => {
|
|
37
|
-
document.dispatchEvent(new CustomEvent('vibes-sync-disable'));
|
|
38
|
-
setTimeout(() => {
|
|
39
|
-
window.location.reload();
|
|
40
|
-
}, 100);
|
|
41
|
-
};
|
|
42
|
-
const handleInviteSubmit = (e) => {
|
|
43
|
-
e.preventDefault();
|
|
44
|
-
if (!email.trim())
|
|
45
|
-
return;
|
|
46
|
-
setInviteStatus('sending');
|
|
47
|
-
setInviteMessage('');
|
|
48
|
-
document.dispatchEvent(new CustomEvent('vibes-share-request', {
|
|
49
|
-
detail: {
|
|
50
|
-
email: email.trim(),
|
|
51
|
-
role: 'member',
|
|
52
|
-
right: 'read',
|
|
53
|
-
token,
|
|
54
|
-
},
|
|
55
|
-
}));
|
|
56
|
-
};
|
|
57
|
-
useEffect(() => {
|
|
58
|
-
const handleShareSuccess = (event) => {
|
|
59
|
-
const customEvent = event;
|
|
60
|
-
setInviteStatus('success');
|
|
61
|
-
setInviteMessage(customEvent.detail?.message || `Invitation sent to ${customEvent.detail?.email}!`);
|
|
62
|
-
};
|
|
63
|
-
const handleShareError = (event) => {
|
|
64
|
-
const customEvent = event;
|
|
65
|
-
setInviteStatus('error');
|
|
66
|
-
setInviteMessage(customEvent.detail?.error?.message || 'Failed to send invitation. Please try again.');
|
|
67
|
-
};
|
|
68
|
-
document.addEventListener('vibes-share-success', handleShareSuccess);
|
|
69
|
-
document.addEventListener('vibes-share-error', handleShareError);
|
|
70
|
-
return () => {
|
|
71
|
-
document.removeEventListener('vibes-share-success', handleShareSuccess);
|
|
72
|
-
document.removeEventListener('vibes-share-error', handleShareError);
|
|
73
|
-
};
|
|
74
|
-
}, []);
|
|
75
|
-
const containerStyle = {
|
|
76
|
-
padding: '12px',
|
|
77
|
-
display: 'flex',
|
|
78
|
-
flexDirection: 'column',
|
|
79
|
-
justifyContent: 'center',
|
|
80
|
-
alignItems: 'center',
|
|
81
|
-
gap: '12px',
|
|
82
|
-
...style,
|
|
83
|
-
};
|
|
84
|
-
return (React.createElement("div", { style: containerStyle, className: className },
|
|
85
|
-
React.createElement("div", { style: {
|
|
86
|
-
display: 'flex',
|
|
87
|
-
flexDirection: 'column',
|
|
88
|
-
justifyContent: 'center',
|
|
89
|
-
alignItems: 'center',
|
|
90
|
-
gap: '12px',
|
|
91
|
-
width: '250px',
|
|
92
|
-
} }, mode === 'mutate' ? (React.createElement(React.Fragment, null,
|
|
93
|
-
React.createElement(VibesButton, { variant: "primary", onClick: handleFreshDataClick }, "Fresh Start"),
|
|
94
|
-
React.createElement(VibesButton, { variant: "secondary", onClick: handleChangeCodeClick }, "Remix Code"),
|
|
95
|
-
React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : mode === 'invite' ? (React.createElement(React.Fragment, null,
|
|
96
|
-
inviteStatus === 'idle' ? (React.createElement("form", { onSubmit: handleInviteSubmit, style: { width: '100%', display: 'flex', flexDirection: 'column', gap: '12px' } },
|
|
97
|
-
React.createElement("label", { htmlFor: emailId, style: { alignSelf: 'flex-start', fontWeight: 600 } }, "Invite by email"),
|
|
98
|
-
React.createElement(BrutalistCard, { size: "md", style: { width: '100%' } },
|
|
99
|
-
React.createElement("input", { id: emailId, type: "email", placeholder: "friend@example.com", value: email, onChange: (e) => setEmail(e.target.value), style: {
|
|
100
|
-
width: '100%',
|
|
101
|
-
border: 'none',
|
|
102
|
-
background: 'transparent',
|
|
103
|
-
color: 'inherit',
|
|
104
|
-
fontSize: 'inherit',
|
|
105
|
-
fontWeight: 'inherit',
|
|
106
|
-
letterSpacing: 'inherit',
|
|
107
|
-
padding: 0,
|
|
108
|
-
}, autoComplete: "email", required: true })),
|
|
109
|
-
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'
|
|
110
|
-
? 'default'
|
|
111
|
-
: inviteStatus === 'error'
|
|
112
|
-
? 'error'
|
|
113
|
-
: 'success', style: { textAlign: 'center' } }, inviteStatus === 'sending' ? 'Inviting...' : inviteMessage)),
|
|
114
|
-
React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : (React.createElement(React.Fragment, null,
|
|
115
|
-
React.createElement(VibesButton, { variant: "primary", onClick: handleLogoutClick }, "Logout"),
|
|
116
|
-
React.createElement(VibesButton, { variant: "secondary", onClick: handleMutateClick }, "Mutate"),
|
|
117
|
-
React.createElement(VibesButton, { variant: "tertiary", onClick: handleInviteClick }, "Invite"))))));
|
|
118
|
-
}
|
|
119
|
-
//# sourceMappingURL=VibesPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/VibesPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './VibesPanel.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { switchColors } from './VibesSwitch.styles.js';
|
|
3
|
-
export function VibesSwitch({ size = 24, className }) {
|
|
4
|
-
const [active, setActive] = React.useState(true);
|
|
5
|
-
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`;
|
|
6
|
-
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`;
|
|
7
|
-
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) },
|
|
8
|
-
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" }),
|
|
9
|
-
React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
|
|
10
|
-
transition: 'd 0.3s ease, transform 0.8s ease, fill 2s ease',
|
|
11
|
-
transform: active ? 'translateX(3px) ' : 'none',
|
|
12
|
-
} }),
|
|
13
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
14
|
-
transition: 'fill 0.5s ease',
|
|
15
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
16
|
-
}, 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" }),
|
|
17
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
18
|
-
transition: 'fill 0.8s ease',
|
|
19
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
20
|
-
}, 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" }),
|
|
21
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
22
|
-
transition: 'fill 1.2s ease',
|
|
23
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
24
|
-
}, 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" }),
|
|
25
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
26
|
-
transition: 'fill 0.6s ease',
|
|
27
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
28
|
-
}, 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" }),
|
|
29
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
30
|
-
transition: 'fill 1.3s ease',
|
|
31
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
32
|
-
}, 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" }),
|
|
33
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
34
|
-
transition: 'fill 1s ease',
|
|
35
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
36
|
-
}, 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" }),
|
|
37
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
38
|
-
transition: 'fill 1s ease',
|
|
39
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
40
|
-
}, 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" }),
|
|
41
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
42
|
-
transition: 'fill 1s ease',
|
|
43
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
44
|
-
}, 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" }),
|
|
45
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
46
|
-
transition: 'fill 1s ease',
|
|
47
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
48
|
-
}, 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" }),
|
|
49
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
50
|
-
transition: 'fill 1s ease',
|
|
51
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
52
|
-
}, 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" })));
|
|
53
|
-
}
|
|
54
|
-
//# sourceMappingURL=VibesSwitch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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/events.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const AUTH_OVERLAY_READY_EVENT: "vibes-auth-overlay-ready";
|
|
2
|
-
export declare const AUTH_OVERLAY_HIDDEN_CLASS: "fpOverlay--hidden";
|
|
3
|
-
export declare const AUTH_OVERLAY_TIMEOUT_MS: 5000;
|
|
4
|
-
export interface AuthOverlayReadyDetail {
|
|
5
|
-
overlay: HTMLElement | null;
|
|
6
|
-
authLink?: HTMLAnchorElement | null;
|
|
7
|
-
}
|
package/events.js
DELETED
package/events.js.map
DELETED
|
@@ -1 +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/use-image-gen.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './image-gen/index.js';
|
package/hooks/use-image-gen.js
DELETED
|
@@ -1 +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/mounting/index.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { mountVibeCode } from './mountVibeCode.js';
|
|
2
|
-
export { mountVibeWithCleanup } from './mountVibeWithCleanup.js';
|
|
3
|
-
export type { VibesMountReadyDetail, VibesMountErrorDetail } from './types.js';
|
|
4
|
-
export { isVibesMountReadyEvent, isVibesMountErrorEvent } from './types.js';
|
package/mounting/index.js
DELETED
package/mounting/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/mounting/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare global {
|
|
2
|
-
interface Window {
|
|
3
|
-
Babel: {
|
|
4
|
-
transform: (code: string, options: {
|
|
5
|
-
presets: string[];
|
|
6
|
-
}) => {
|
|
7
|
-
code: string | null;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
CALLAI_API_KEY?: string;
|
|
11
|
-
CALLAI_CHAT_URL?: string;
|
|
12
|
-
CALLAI_IMG_URL?: string;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
export declare function mountVibeCode(code: string, containerId: string, titleId: string, installId: string, transformImports: (code: string) => string, showVibesSwitch?: boolean, apiKey?: string, chatUrl?: string, imgUrl?: string): Promise<void>;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { mountVibesApp } from '../vibe-app-mount.js';
|
|
2
|
-
export async function mountVibeCode(code, containerId, titleId, installId, transformImports, showVibesSwitch = true, apiKey, chatUrl, imgUrl) {
|
|
3
|
-
let objectURL;
|
|
4
|
-
try {
|
|
5
|
-
if (typeof window !== 'undefined') {
|
|
6
|
-
if (apiKey) {
|
|
7
|
-
window.CALLAI_API_KEY = apiKey;
|
|
8
|
-
}
|
|
9
|
-
if (chatUrl) {
|
|
10
|
-
window.CALLAI_CHAT_URL = chatUrl;
|
|
11
|
-
}
|
|
12
|
-
if (imgUrl) {
|
|
13
|
-
window.CALLAI_IMG_URL = imgUrl;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
const codeWithTransformedImports = transformImports(code);
|
|
17
|
-
if (!window.Babel) {
|
|
18
|
-
throw new Error('Babel not loaded - add <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> to your HTML');
|
|
19
|
-
}
|
|
20
|
-
const transformed = window.Babel.transform(codeWithTransformedImports, {
|
|
21
|
-
presets: ['react'],
|
|
22
|
-
});
|
|
23
|
-
const blob = new Blob([transformed.code || ''], { type: 'application/javascript' });
|
|
24
|
-
objectURL = URL.createObjectURL(blob);
|
|
25
|
-
const userVibeModule = await import(/* @vite-ignore */ objectURL);
|
|
26
|
-
const AppComponent = userVibeModule.default;
|
|
27
|
-
if (typeof AppComponent === 'undefined') {
|
|
28
|
-
throw new Error('App component is not defined - check your default export');
|
|
29
|
-
}
|
|
30
|
-
const container = document.getElementById(containerId);
|
|
31
|
-
if (!container) {
|
|
32
|
-
throw new Error('Container element not found: ' + containerId);
|
|
33
|
-
}
|
|
34
|
-
const mountResult = mountVibesApp({
|
|
35
|
-
container: container,
|
|
36
|
-
appComponent: AppComponent,
|
|
37
|
-
showVibesSwitch: showVibesSwitch,
|
|
38
|
-
vibeMetadata: {
|
|
39
|
-
titleId: titleId,
|
|
40
|
-
installId: installId,
|
|
41
|
-
},
|
|
42
|
-
});
|
|
43
|
-
document.dispatchEvent(new CustomEvent('vibes-mount-ready', {
|
|
44
|
-
detail: {
|
|
45
|
-
unmount: mountResult.unmount,
|
|
46
|
-
containerId: containerId,
|
|
47
|
-
},
|
|
48
|
-
}));
|
|
49
|
-
}
|
|
50
|
-
catch (err) {
|
|
51
|
-
console.error('Failed to mount vibe code:', err);
|
|
52
|
-
document.dispatchEvent(new CustomEvent('vibes-mount-error', {
|
|
53
|
-
detail: {
|
|
54
|
-
error: err instanceof Error ? err.message : String(err),
|
|
55
|
-
containerId: containerId,
|
|
56
|
-
},
|
|
57
|
-
}));
|
|
58
|
-
throw err;
|
|
59
|
-
}
|
|
60
|
-
finally {
|
|
61
|
-
if (objectURL) {
|
|
62
|
-
URL.revokeObjectURL(objectURL);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
//# sourceMappingURL=mountVibeCode.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mountVibeCode.js","sourceRoot":"","sources":["../../jsr/mounting/mountVibeCode.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function mountVibeWithCleanup(code: string, containerId: string, titleId: string, installId: string, transformImports: (code: string) => string, showVibesSwitch?: boolean, apiKey?: string, chatUrl?: string, imgUrl?: string): Promise<() => void>;
|