@vibes.diy/use-vibes-base 0.12.14 → 0.12.15-dev-sharing-debug

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.
Files changed (85) hide show
  1. package/components/AuthWall/AuthWall.d.ts +8 -0
  2. package/components/AuthWall/AuthWall.js +48 -0
  3. package/components/AuthWall/AuthWall.js.map +1 -0
  4. package/components/AuthWall/AuthWall.styles.d.ts +6 -0
  5. package/components/AuthWall/AuthWall.styles.js +50 -0
  6. package/components/AuthWall/AuthWall.styles.js.map +1 -0
  7. package/components/ControlsBar.d.ts +1 -1
  8. package/components/ControlsBar.js +4 -4
  9. package/components/ControlsBar.js.map +1 -1
  10. package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +6 -0
  11. package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +52 -0
  12. package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -0
  13. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +30 -0
  14. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +72 -0
  15. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +1 -0
  16. package/components/ImgGen.d.ts +1 -2
  17. package/components/ImgGen.js +6 -4
  18. package/components/ImgGen.js.map +1 -1
  19. package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +1 -1
  20. package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +1 -1
  21. package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts +2 -2
  22. package/components/ImgGenUtils/ImgGenModeUtils.d.ts +1 -1
  23. package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts +1 -1
  24. package/components/ImgGenUtils/ImgGenUploadWaiting.js +2 -2
  25. package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +1 -1
  26. package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +1 -1
  27. package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +1 -1
  28. package/components/ImgGenUtils/types.d.ts +1 -1
  29. package/components/VibeControl.d.ts +13 -0
  30. package/components/VibeControl.js +59 -0
  31. package/components/VibeControl.js.map +1 -0
  32. package/components/VibesButton/VibesButton.d.ts +10 -0
  33. package/components/VibesButton/VibesButton.js +20 -0
  34. package/components/VibesButton/VibesButton.js.map +1 -0
  35. package/components/VibesButton/VibesButton.styles.d.ts +6 -0
  36. package/components/VibesButton/VibesButton.styles.js +35 -0
  37. package/components/VibesButton/VibesButton.styles.js.map +1 -0
  38. package/components/VibesPanel/VibesPanel.d.ts +6 -0
  39. package/components/VibesPanel/VibesPanel.js +21 -0
  40. package/components/VibesPanel/VibesPanel.js.map +1 -0
  41. package/components/VibesPanel/index.d.ts +1 -0
  42. package/components/VibesPanel/index.js +2 -0
  43. package/components/VibesPanel/index.js.map +1 -0
  44. package/components/VibesSwitch/VibesSwitch.d.ts +6 -0
  45. package/components/VibesSwitch/VibesSwitch.js +42 -0
  46. package/components/VibesSwitch/VibesSwitch.js.map +1 -0
  47. package/components/VibesSwitch/VibesSwitch.styles.d.ts +4 -0
  48. package/components/VibesSwitch/VibesSwitch.styles.js +5 -0
  49. package/components/VibesSwitch/VibesSwitch.styles.js.map +1 -0
  50. package/hooks/image-gen/image-generator.d.ts +1 -1
  51. package/hooks/image-gen/index.d.ts +1 -1
  52. package/hooks/image-gen/index.js.map +1 -1
  53. package/hooks/image-gen/use-image-gen.d.ts +2 -4
  54. package/hooks/image-gen/use-image-gen.js.map +1 -1
  55. package/hooks/image-gen/utils.d.ts +1 -1
  56. package/hooks/image-gen/utils.js.map +1 -1
  57. package/hooks/vibes-gen/IframeVibesComponent.d.ts +1 -0
  58. package/hooks/vibes-gen/IframeVibesComponent.js +8 -3
  59. package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
  60. package/hooks/vibes-gen/index.d.ts +1 -1
  61. package/hooks/vibes-gen/use-vibes.d.ts +1 -1
  62. package/hooks/vibes-gen/use-vibes.js +4 -4
  63. package/hooks/vibes-gen/use-vibes.js.map +1 -1
  64. package/index.d.ts +31 -4
  65. package/index.js +112 -15
  66. package/index.js.map +1 -1
  67. package/package.json +16 -6
  68. package/stories/VibeControl.stories.d.ts +13 -0
  69. package/stories/VibeControl.stories.js +155 -0
  70. package/stories/VibeControl.stories.js.map +1 -0
  71. package/tsconfig.json +0 -4
  72. package/utils/style-utils.d.ts +2 -15
  73. package/utils/style-utils.js.map +1 -1
  74. package/utils/vibe-control-styles.d.ts +148 -0
  75. package/utils/vibe-control-styles.js +170 -0
  76. package/utils/vibe-control-styles.js.map +1 -0
  77. package/vibe-app-mount.d.ts +12 -0
  78. package/vibe-app-mount.js +204 -0
  79. package/vibe-app-mount.js.map +1 -0
  80. package/hooks/image-gen/types.d.ts +0 -66
  81. package/hooks/image-gen/types.js +0 -2
  82. package/hooks/image-gen/types.js.map +0 -1
  83. package/hooks/vibes-gen/types.d.ts +0 -42
  84. package/hooks/vibes-gen/types.js +0 -2
  85. package/hooks/vibes-gen/types.js.map +0 -1
@@ -0,0 +1,148 @@
1
+ export type VibeControlPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
2
+ export declare const vibeControlTheme: {
3
+ colors: {
4
+ buttonBg: string;
5
+ buttonBgHover: string;
6
+ buttonText: string;
7
+ buttonBorder: string;
8
+ overlayBackdrop: string;
9
+ overlayBg: string;
10
+ overlayText: string;
11
+ overlayBorder: string;
12
+ closeButtonBg: string;
13
+ closeButtonBgHover: string;
14
+ closeButtonText: string;
15
+ accent: string;
16
+ shadow: string;
17
+ };
18
+ dimensions: {
19
+ buttonWidth: string;
20
+ buttonHeight: string;
21
+ buttonPadding: string;
22
+ buttonBorderRadius: string;
23
+ buttonPosition: string;
24
+ overlayPadding: string;
25
+ overlayBorderRadius: string;
26
+ overlayMaxWidth: string;
27
+ overlayMaxHeight: string;
28
+ closeButtonSize: string;
29
+ closeButtonBorderRadius: string;
30
+ };
31
+ typography: {
32
+ buttonFontSize: string;
33
+ buttonFontWeight: string;
34
+ buttonLineHeight: string;
35
+ overlayTitleFontSize: string;
36
+ overlayTitleFontWeight: string;
37
+ overlayTitleLineHeight: string;
38
+ overlayBodyFontSize: string;
39
+ overlayBodyLineHeight: string;
40
+ };
41
+ effects: {
42
+ buttonShadow: string;
43
+ buttonShadowHover: string;
44
+ overlayShadow: string;
45
+ transition: string;
46
+ backdropFilter: string;
47
+ };
48
+ zIndex: {
49
+ button: number;
50
+ overlay: number;
51
+ backdrop: number;
52
+ };
53
+ };
54
+ export declare const createVibeControlStyles: (position?: VibeControlPosition) => {
55
+ button: {
56
+ position: "fixed";
57
+ width: string;
58
+ height: string;
59
+ padding: string;
60
+ backgroundColor: string;
61
+ color: string;
62
+ border: string;
63
+ borderRadius: string;
64
+ fontSize: string;
65
+ fontWeight: string;
66
+ lineHeight: string;
67
+ cursor: string;
68
+ boxShadow: string;
69
+ transition: string;
70
+ zIndex: number;
71
+ display: string;
72
+ alignItems: string;
73
+ justifyContent: string;
74
+ userSelect: "none";
75
+ };
76
+ buttonHover: {
77
+ backgroundColor: string;
78
+ boxShadow: string;
79
+ transform: string;
80
+ };
81
+ backdrop: {
82
+ position: "fixed";
83
+ top: number;
84
+ left: number;
85
+ right: number;
86
+ bottom: number;
87
+ backgroundColor: string;
88
+ backdropFilter: string;
89
+ zIndex: number;
90
+ display: string;
91
+ alignItems: string;
92
+ justifyContent: string;
93
+ };
94
+ overlay: {
95
+ backgroundColor: string;
96
+ color: string;
97
+ border: string;
98
+ borderRadius: string;
99
+ padding: string;
100
+ maxWidth: string;
101
+ maxHeight: string;
102
+ width: string;
103
+ boxShadow: string;
104
+ position: "relative";
105
+ overflow: "auto";
106
+ };
107
+ overlayTitle: {
108
+ fontSize: string;
109
+ fontWeight: string;
110
+ lineHeight: string;
111
+ margin: string;
112
+ paddingRight: string;
113
+ };
114
+ closeButton: {
115
+ position: "absolute";
116
+ top: string;
117
+ right: string;
118
+ width: string;
119
+ height: string;
120
+ backgroundColor: string;
121
+ color: string;
122
+ border: string;
123
+ borderRadius: string;
124
+ cursor: string;
125
+ display: string;
126
+ alignItems: string;
127
+ justifyContent: string;
128
+ fontSize: string;
129
+ fontWeight: string;
130
+ transition: string;
131
+ };
132
+ closeButtonHover: {
133
+ backgroundColor: string;
134
+ };
135
+ content: {
136
+ fontSize: string;
137
+ lineHeight: string;
138
+ };
139
+ };
140
+ export declare const defaultVibeControlClasses: {
141
+ button: string;
142
+ backdrop: string;
143
+ overlay: string;
144
+ overlayTitle: string;
145
+ closeButton: string;
146
+ content: string;
147
+ };
148
+ export type VibeControlClasses = typeof defaultVibeControlClasses;
@@ -0,0 +1,170 @@
1
+ export const vibeControlTheme = {
2
+ colors: {
3
+ buttonBg: 'var(--vc-button-bg, #dc2626)',
4
+ buttonBgHover: 'var(--vc-button-bg-hover, #b91c1c)',
5
+ buttonText: 'var(--vc-button-text, #ffffff)',
6
+ buttonBorder: 'var(--vc-button-border, #dc2626)',
7
+ overlayBackdrop: 'var(--vc-overlay-backdrop, rgba(0, 0, 0, 0.5))',
8
+ overlayBg: 'var(--vc-overlay-bg, #ffffff)',
9
+ overlayText: 'var(--vc-overlay-text, #333333)',
10
+ overlayBorder: 'var(--vc-overlay-border, #e0e0e0)',
11
+ closeButtonBg: 'var(--vc-close-bg, #f5f5f5)',
12
+ closeButtonBgHover: 'var(--vc-close-bg-hover, #e0e0e0)',
13
+ closeButtonText: 'var(--vc-close-text, #666666)',
14
+ accent: 'var(--vc-accent, #0066cc)',
15
+ shadow: 'var(--vc-shadow, rgba(0, 0, 0, 0.15))',
16
+ },
17
+ dimensions: {
18
+ buttonWidth: '120px',
19
+ buttonHeight: '40px',
20
+ buttonPadding: '8px 16px',
21
+ buttonBorderRadius: '20px',
22
+ buttonPosition: '20px', // Distance from edge
23
+ overlayPadding: '24px',
24
+ overlayBorderRadius: '12px',
25
+ overlayMaxWidth: '800px',
26
+ overlayMaxHeight: '90vh',
27
+ closeButtonSize: '32px',
28
+ closeButtonBorderRadius: '16px',
29
+ },
30
+ typography: {
31
+ buttonFontSize: '14px',
32
+ buttonFontWeight: '600',
33
+ buttonLineHeight: '1.2',
34
+ overlayTitleFontSize: '24px',
35
+ overlayTitleFontWeight: '700',
36
+ overlayTitleLineHeight: '1.3',
37
+ overlayBodyFontSize: '16px',
38
+ overlayBodyLineHeight: '1.5',
39
+ },
40
+ effects: {
41
+ buttonShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
42
+ buttonShadowHover: '0 4px 12px rgba(0, 0, 0, 0.2)',
43
+ overlayShadow: '0 8px 32px rgba(0, 0, 0, 0.2)',
44
+ transition: '0.2s ease-in-out',
45
+ backdropFilter: 'blur(4px)',
46
+ },
47
+ zIndex: {
48
+ button: 1000,
49
+ overlay: 1100,
50
+ backdrop: 1050,
51
+ },
52
+ };
53
+ export const createVibeControlStyles = (position = 'bottom-right') => {
54
+ const pos = vibeControlTheme.dimensions.buttonPosition;
55
+ const anchor = {};
56
+ switch (position) {
57
+ case 'bottom-right':
58
+ anchor.bottom = pos;
59
+ anchor.right = pos;
60
+ break;
61
+ case 'bottom-left':
62
+ anchor.bottom = pos;
63
+ anchor.left = pos;
64
+ break;
65
+ case 'top-right':
66
+ anchor.top = pos;
67
+ anchor.right = pos;
68
+ break;
69
+ case 'top-left':
70
+ anchor.top = pos;
71
+ anchor.left = pos;
72
+ break;
73
+ }
74
+ return {
75
+ button: {
76
+ position: 'fixed',
77
+ ...anchor,
78
+ width: vibeControlTheme.dimensions.buttonWidth,
79
+ height: vibeControlTheme.dimensions.buttonHeight,
80
+ padding: vibeControlTheme.dimensions.buttonPadding,
81
+ backgroundColor: vibeControlTheme.colors.buttonBg,
82
+ color: vibeControlTheme.colors.buttonText,
83
+ border: `1px solid ${vibeControlTheme.colors.buttonBorder}`,
84
+ borderRadius: vibeControlTheme.dimensions.buttonBorderRadius,
85
+ fontSize: vibeControlTheme.typography.buttonFontSize,
86
+ fontWeight: vibeControlTheme.typography.buttonFontWeight,
87
+ lineHeight: vibeControlTheme.typography.buttonLineHeight,
88
+ cursor: 'pointer',
89
+ boxShadow: vibeControlTheme.effects.buttonShadow,
90
+ transition: `background-color ${vibeControlTheme.effects.transition}, box-shadow ${vibeControlTheme.effects.transition}, transform ${vibeControlTheme.effects.transition}`,
91
+ zIndex: vibeControlTheme.zIndex.button,
92
+ display: 'flex',
93
+ alignItems: 'center',
94
+ justifyContent: 'center',
95
+ userSelect: 'none',
96
+ },
97
+ buttonHover: {
98
+ backgroundColor: vibeControlTheme.colors.buttonBgHover,
99
+ boxShadow: vibeControlTheme.effects.buttonShadowHover,
100
+ transform: 'translateY(-2px)',
101
+ },
102
+ backdrop: {
103
+ position: 'fixed',
104
+ top: 0,
105
+ left: 0,
106
+ right: 0,
107
+ bottom: 0,
108
+ backgroundColor: vibeControlTheme.colors.overlayBackdrop,
109
+ backdropFilter: vibeControlTheme.effects.backdropFilter,
110
+ zIndex: vibeControlTheme.zIndex.backdrop,
111
+ display: 'flex',
112
+ alignItems: 'center',
113
+ justifyContent: 'center',
114
+ },
115
+ overlay: {
116
+ backgroundColor: vibeControlTheme.colors.overlayBg,
117
+ color: vibeControlTheme.colors.overlayText,
118
+ border: `1px solid ${vibeControlTheme.colors.overlayBorder}`,
119
+ borderRadius: vibeControlTheme.dimensions.overlayBorderRadius,
120
+ padding: vibeControlTheme.dimensions.overlayPadding,
121
+ maxWidth: vibeControlTheme.dimensions.overlayMaxWidth,
122
+ maxHeight: vibeControlTheme.dimensions.overlayMaxHeight,
123
+ width: '90%',
124
+ boxShadow: vibeControlTheme.effects.overlayShadow,
125
+ position: 'relative',
126
+ overflow: 'auto',
127
+ },
128
+ overlayTitle: {
129
+ fontSize: vibeControlTheme.typography.overlayTitleFontSize,
130
+ fontWeight: vibeControlTheme.typography.overlayTitleFontWeight,
131
+ lineHeight: vibeControlTheme.typography.overlayTitleLineHeight,
132
+ margin: '0 0 16px 0',
133
+ paddingRight: '40px',
134
+ },
135
+ closeButton: {
136
+ position: 'absolute',
137
+ top: vibeControlTheme.dimensions.overlayPadding,
138
+ right: vibeControlTheme.dimensions.overlayPadding,
139
+ width: vibeControlTheme.dimensions.closeButtonSize,
140
+ height: vibeControlTheme.dimensions.closeButtonSize,
141
+ backgroundColor: vibeControlTheme.colors.closeButtonBg,
142
+ color: vibeControlTheme.colors.closeButtonText,
143
+ border: 'none',
144
+ borderRadius: vibeControlTheme.dimensions.closeButtonBorderRadius,
145
+ cursor: 'pointer',
146
+ display: 'flex',
147
+ alignItems: 'center',
148
+ justifyContent: 'center',
149
+ fontSize: '18px',
150
+ fontWeight: 'bold',
151
+ transition: `background-color ${vibeControlTheme.effects.transition}`,
152
+ },
153
+ closeButtonHover: {
154
+ backgroundColor: vibeControlTheme.colors.closeButtonBgHover,
155
+ },
156
+ content: {
157
+ fontSize: vibeControlTheme.typography.overlayBodyFontSize,
158
+ lineHeight: vibeControlTheme.typography.overlayBodyLineHeight,
159
+ },
160
+ };
161
+ };
162
+ export const defaultVibeControlClasses = {
163
+ button: '',
164
+ backdrop: '',
165
+ overlay: '',
166
+ overlayTitle: '',
167
+ closeButton: '',
168
+ content: '',
169
+ };
170
+ //# sourceMappingURL=vibe-control-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vibe-control-styles.js","sourceRoot":"","sources":["../../jsr/utils/vibe-control-styles.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ export interface MountVibesAppOptions {
2
+ readonly container?: string | HTMLElement;
3
+ readonly database?: string;
4
+ readonly title?: string;
5
+ readonly imageUrl?: string;
6
+ }
7
+ export interface MountVibesAppResult {
8
+ unmount: () => void;
9
+ getContainer: () => HTMLElement;
10
+ }
11
+ export declare function mountVibesApp(options?: MountVibesAppOptions): MountVibesAppResult;
12
+ export declare function mountVibesAppToBody(): MountVibesAppResult;
@@ -0,0 +1,204 @@
1
+ import * as React from 'react';
2
+ import * as ReactDOM from 'react-dom/client';
3
+ import { AuthWall } from './components/AuthWall/AuthWall.js';
4
+ import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
5
+ import { VibesSwitch } from './components/VibesSwitch/VibesSwitch.js';
6
+ import { getMenuStyle } from './components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js';
7
+ import { useFireproof } from './index.js';
8
+ function VibesApp({ database = 'vibes-app', title = 'Vibes App', imageUrl = 'https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1470&q=80', targetContainer, }) {
9
+ const { enableSync, syncEnabled } = useFireproof(database);
10
+ const mockLogin = typeof window !== 'undefined' &&
11
+ new URLSearchParams(window.location.search).get('mock_login') === 'true';
12
+ const [showAuthWall, setShowAuthWall] = React.useState(!syncEnabled && !mockLogin);
13
+ const [menuOpen, setMenuOpen] = React.useState(false);
14
+ const [menuHeight, setMenuHeight] = React.useState(0);
15
+ const menuRef = React.useRef(null);
16
+ React.useEffect(() => {
17
+ const observer = new MutationObserver(() => {
18
+ const isConnected = document.body.classList.contains('vibes-connect-true');
19
+ setShowAuthWall(!isConnected);
20
+ });
21
+ observer.observe(document.body, {
22
+ attributes: true,
23
+ attributeFilter: ['class'],
24
+ });
25
+ return () => observer.disconnect();
26
+ }, []);
27
+ React.useEffect(() => {
28
+ setShowAuthWall(!syncEnabled && !mockLogin);
29
+ }, [syncEnabled, mockLogin]);
30
+ const handleLogin = () => {
31
+ enableSync();
32
+ };
33
+ React.useEffect(() => {
34
+ if (menuRef.current) {
35
+ setMenuHeight(menuRef.current.offsetHeight);
36
+ }
37
+ }, [menuOpen]);
38
+ React.useEffect(() => {
39
+ if (!targetContainer)
40
+ return;
41
+ if (showAuthWall) {
42
+ targetContainer.style.filter = 'blur(8px)';
43
+ targetContainer.style.pointerEvents = 'none';
44
+ targetContainer.style.transition = 'none';
45
+ targetContainer.style.transform = 'none';
46
+ }
47
+ else {
48
+ const duration = '0.4s';
49
+ const easing = 'ease';
50
+ targetContainer.style.transition = `transform ${duration} ${easing}, filter 0.3s ${easing}`;
51
+ targetContainer.style.backgroundColor = 'var(--hm-content-bg, #1e1e1e)';
52
+ if (menuOpen && menuHeight > 0) {
53
+ targetContainer.style.transform = `translateY(-${menuHeight}px)`;
54
+ targetContainer.style.filter = 'blur(4px)';
55
+ targetContainer.style.pointerEvents = 'none';
56
+ targetContainer.style.zIndex = '10';
57
+ }
58
+ else {
59
+ targetContainer.style.transform = '';
60
+ targetContainer.style.filter = '';
61
+ targetContainer.style.pointerEvents = '';
62
+ targetContainer.style.zIndex = '1';
63
+ }
64
+ }
65
+ return () => {
66
+ if (targetContainer) {
67
+ targetContainer.style.filter = '';
68
+ targetContainer.style.pointerEvents = '';
69
+ targetContainer.style.transform = '';
70
+ targetContainer.style.transition = '';
71
+ targetContainer.style.backgroundColor = '';
72
+ }
73
+ };
74
+ }, [showAuthWall, targetContainer, menuOpen, menuHeight]);
75
+ if (showAuthWall) {
76
+ return React.createElement('div', {
77
+ style: {
78
+ position: 'fixed',
79
+ inset: 0,
80
+ zIndex: 9999,
81
+ pointerEvents: 'auto',
82
+ },
83
+ }, React.createElement(AuthWall, {
84
+ onLogin: handleLogin,
85
+ imageUrl,
86
+ title,
87
+ open: true,
88
+ }));
89
+ }
90
+ return React.createElement(React.Fragment, null, menuOpen &&
91
+ React.createElement('div', {
92
+ ref: menuRef,
93
+ id: 'hidden-menu',
94
+ role: 'dialog',
95
+ 'aria-modal': 'true',
96
+ 'aria-label': 'Hidden menu',
97
+ 'aria-hidden': !menuOpen,
98
+ style: {
99
+ ...getMenuStyle(), // Full HiddenMenuWrapper styling
100
+ zIndex: 5, // Match HiddenMenuWrapper z-index
101
+ pointerEvents: 'auto',
102
+ },
103
+ }, React.createElement(VibesPanel)), React.createElement('div', {
104
+ style: {
105
+ position: 'absolute',
106
+ bottom: '16px',
107
+ right: '16px',
108
+ zIndex: 20, // Match HiddenMenuWrapper z-index
109
+ pointerEvents: 'auto',
110
+ },
111
+ }, React.createElement('button', {
112
+ 'aria-haspopup': 'dialog',
113
+ 'aria-expanded': menuOpen,
114
+ 'aria-controls': 'hidden-menu',
115
+ onClick: () => setMenuOpen(!menuOpen),
116
+ style: {
117
+ backgroundColor: 'transparent',
118
+ border: 'none',
119
+ cursor: 'pointer',
120
+ },
121
+ }, React.createElement(VibesSwitch, { size: 80 }))));
122
+ }
123
+ export function mountVibesApp(options = {}) {
124
+ const { container: containerOption, database, title, imageUrl } = options;
125
+ let containerElement;
126
+ if (typeof containerOption === 'string') {
127
+ const found = document.querySelector(containerOption);
128
+ if (!found) {
129
+ throw new Error(`VibesApp container not found: ${containerOption}`);
130
+ }
131
+ containerElement = found;
132
+ }
133
+ else if (containerOption instanceof HTMLElement) {
134
+ containerElement = containerOption;
135
+ }
136
+ else {
137
+ containerElement = document.body;
138
+ }
139
+ let contentWrapper = null;
140
+ let originalChildren = [];
141
+ if (containerElement === document.body) {
142
+ const existingWrapper = document.getElementById('vibes-original-content');
143
+ if (!existingWrapper) {
144
+ originalChildren = Array.from(document.body.childNodes);
145
+ contentWrapper = document.createElement('div');
146
+ contentWrapper.id = 'vibes-original-content';
147
+ contentWrapper.style.height = '100%';
148
+ contentWrapper.style.width = '100%';
149
+ contentWrapper.style.position = 'relative';
150
+ contentWrapper.style.zIndex = '1';
151
+ originalChildren.forEach((child) => {
152
+ if (!contentWrapper) {
153
+ throw new Error('Failed to create content wrapper for VibesApp');
154
+ }
155
+ contentWrapper.appendChild(child);
156
+ });
157
+ document.body.appendChild(contentWrapper);
158
+ }
159
+ else {
160
+ contentWrapper = existingWrapper;
161
+ }
162
+ }
163
+ const overlayDiv = document.createElement('div');
164
+ overlayDiv.style.position = 'fixed';
165
+ overlayDiv.style.inset = '0';
166
+ overlayDiv.style.pointerEvents = 'none';
167
+ document.body.appendChild(overlayDiv);
168
+ const root = ReactDOM.createRoot(overlayDiv);
169
+ root.render(React.createElement(VibesApp, {
170
+ database,
171
+ title,
172
+ imageUrl,
173
+ targetContainer: contentWrapper || containerElement,
174
+ }));
175
+ return {
176
+ unmount: () => {
177
+ setTimeout(() => {
178
+ root.unmount();
179
+ if (overlayDiv.parentNode) {
180
+ overlayDiv.parentNode.removeChild(overlayDiv);
181
+ }
182
+ if (contentWrapper && containerElement === document.body) {
183
+ const wrapperChildren = Array.from(contentWrapper.childNodes);
184
+ wrapperChildren.forEach((child) => {
185
+ document.body.insertBefore(child, contentWrapper);
186
+ });
187
+ if (contentWrapper.parentNode) {
188
+ contentWrapper.parentNode.removeChild(contentWrapper);
189
+ }
190
+ }
191
+ const targetForCleanup = contentWrapper || containerElement;
192
+ if (targetForCleanup) {
193
+ targetForCleanup.style.filter = 'none';
194
+ targetForCleanup.style.pointerEvents = 'auto';
195
+ }
196
+ }, 0);
197
+ },
198
+ getContainer: () => containerElement,
199
+ };
200
+ }
201
+ export function mountVibesAppToBody() {
202
+ return mountVibesApp();
203
+ }
204
+ //# sourceMappingURL=vibe-app-mount.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.ts"],"names":[],"mappings":"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"}
@@ -1,66 +0,0 @@
1
- import type { Database, DocWithId } from 'use-fireproof';
2
- import { ImageGenOptions, ImageResponse } from 'call-ai';
3
- export interface PromptEntry {
4
- readonly text: string;
5
- readonly created: number;
6
- }
7
- export interface ImageDocumentPlain {
8
- readonly _rev?: string;
9
- readonly type: 'image';
10
- readonly prompt?: string;
11
- readonly prompts?: Record<string, PromptEntry>;
12
- readonly created: number;
13
- readonly currentVersion: number;
14
- readonly versions: VersionInfo[];
15
- readonly currentPromptKey: string;
16
- }
17
- export type ImageDocument = DocWithId<ImageDocumentPlain>;
18
- export type PartialImageDocument = DocWithId<Partial<ImageDocumentPlain>>;
19
- export interface VersionInfo {
20
- readonly id: string;
21
- readonly created: number;
22
- readonly promptKey?: string;
23
- }
24
- export type GenerationPhase = 'idle' | 'generating' | 'complete' | 'error';
25
- export interface UseImageGenOptions {
26
- readonly prompt: string;
27
- readonly _id: string;
28
- readonly _rev?: string;
29
- readonly database: string | Database;
30
- readonly options: Partial<ImageGenOptions>;
31
- readonly generationId: string;
32
- readonly skip: boolean;
33
- readonly type?: string;
34
- readonly currentVersion?: number;
35
- readonly versions?: {
36
- readonly id: string;
37
- readonly created: number;
38
- readonly promptKey: string;
39
- }[];
40
- readonly _files?: Record<string, File>;
41
- readonly prompts?: Record<string, PromptEntry>;
42
- readonly editedPrompt: string;
43
- }
44
- export interface UseImageGenResult {
45
- readonly imageData?: string | null;
46
- readonly loading: boolean;
47
- readonly progress: number;
48
- readonly error?: Error | null;
49
- readonly size?: {
50
- readonly width: number;
51
- readonly height: number;
52
- };
53
- readonly document?: PartialImageDocument | null;
54
- }
55
- export interface ModuleState {
56
- readonly pendingImageGenCalls: Map<string, Promise<ImageResponse>>;
57
- readonly pendingPrompts: Set<string>;
58
- readonly processingRequests: Set<string>;
59
- readonly requestTimestamps: Map<string, number>;
60
- requestCounter: number;
61
- readonly createdDocuments: Map<string, string>;
62
- readonly pendingDocumentCreations: Map<string, Promise<{
63
- id: string;
64
- doc: ImageDocument;
65
- }>>;
66
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/types.ts"],"names":[],"mappings":""}
@@ -1,42 +0,0 @@
1
- import { ComponentType } from 'react';
2
- export type GeneratedComponentProps = Record<string, unknown>;
3
- export interface UseVibesOptions {
4
- database?: string;
5
- model?: string;
6
- skip?: boolean;
7
- regenerate?: boolean;
8
- dependencies?: string[];
9
- _id?: string;
10
- }
11
- export interface UseVibesResult {
12
- App: ComponentType<GeneratedComponentProps> | null;
13
- code: string | null;
14
- loading: boolean;
15
- error: Error | null;
16
- progress: number;
17
- regenerate: () => void;
18
- document?: VibeDocument | null;
19
- }
20
- export interface VibeDocument {
21
- _id: string;
22
- prompt: string;
23
- code: string;
24
- title: string;
25
- dependencies: string[];
26
- model: string;
27
- created_at: number;
28
- version: number;
29
- metadata?: {
30
- tokens_used?: number;
31
- generation_time?: number;
32
- options_hash?: string;
33
- };
34
- }
35
- export interface UseVibesState {
36
- App: ComponentType<GeneratedComponentProps> | null;
37
- code: string | null;
38
- loading: boolean;
39
- error: Error | null;
40
- progress: number;
41
- document: VibeDocument | null;
42
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map