@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.
- package/components/AuthWall/AuthWall.d.ts +8 -0
- package/components/AuthWall/AuthWall.js +48 -0
- package/components/AuthWall/AuthWall.js.map +1 -0
- package/components/AuthWall/AuthWall.styles.d.ts +6 -0
- package/components/AuthWall/AuthWall.styles.js +50 -0
- package/components/AuthWall/AuthWall.styles.js.map +1 -0
- package/components/ControlsBar.d.ts +1 -1
- package/components/ControlsBar.js +4 -4
- package/components/ControlsBar.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +6 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +52 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +30 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +72 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +1 -0
- package/components/ImgGen.d.ts +1 -2
- package/components/ImgGen.js +6 -4
- package/components/ImgGen.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +1 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts +2 -2
- package/components/ImgGenUtils/ImgGenModeUtils.d.ts +1 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts +1 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.js +2 -2
- package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +1 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +1 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +1 -1
- package/components/ImgGenUtils/types.d.ts +1 -1
- package/components/VibeControl.d.ts +13 -0
- package/components/VibeControl.js +59 -0
- package/components/VibeControl.js.map +1 -0
- package/components/VibesButton/VibesButton.d.ts +10 -0
- package/components/VibesButton/VibesButton.js +20 -0
- package/components/VibesButton/VibesButton.js.map +1 -0
- package/components/VibesButton/VibesButton.styles.d.ts +6 -0
- package/components/VibesButton/VibesButton.styles.js +35 -0
- package/components/VibesButton/VibesButton.styles.js.map +1 -0
- package/components/VibesPanel/VibesPanel.d.ts +6 -0
- package/components/VibesPanel/VibesPanel.js +21 -0
- package/components/VibesPanel/VibesPanel.js.map +1 -0
- package/components/VibesPanel/index.d.ts +1 -0
- package/components/VibesPanel/index.js +2 -0
- package/components/VibesPanel/index.js.map +1 -0
- package/components/VibesSwitch/VibesSwitch.d.ts +6 -0
- package/components/VibesSwitch/VibesSwitch.js +42 -0
- package/components/VibesSwitch/VibesSwitch.js.map +1 -0
- package/components/VibesSwitch/VibesSwitch.styles.d.ts +4 -0
- package/components/VibesSwitch/VibesSwitch.styles.js +5 -0
- package/components/VibesSwitch/VibesSwitch.styles.js.map +1 -0
- package/hooks/image-gen/image-generator.d.ts +1 -1
- package/hooks/image-gen/index.d.ts +1 -1
- package/hooks/image-gen/index.js.map +1 -1
- package/hooks/image-gen/use-image-gen.d.ts +2 -4
- package/hooks/image-gen/use-image-gen.js.map +1 -1
- package/hooks/image-gen/utils.d.ts +1 -1
- package/hooks/image-gen/utils.js.map +1 -1
- package/hooks/vibes-gen/IframeVibesComponent.d.ts +1 -0
- package/hooks/vibes-gen/IframeVibesComponent.js +8 -3
- package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
- package/hooks/vibes-gen/index.d.ts +1 -1
- package/hooks/vibes-gen/use-vibes.d.ts +1 -1
- package/hooks/vibes-gen/use-vibes.js +4 -4
- package/hooks/vibes-gen/use-vibes.js.map +1 -1
- package/index.d.ts +31 -4
- package/index.js +112 -15
- package/index.js.map +1 -1
- package/package.json +16 -6
- package/stories/VibeControl.stories.d.ts +13 -0
- package/stories/VibeControl.stories.js +155 -0
- package/stories/VibeControl.stories.js.map +1 -0
- package/tsconfig.json +0 -4
- package/utils/style-utils.d.ts +2 -15
- package/utils/style-utils.js.map +1 -1
- package/utils/vibe-control-styles.d.ts +148 -0
- package/utils/vibe-control-styles.js +170 -0
- package/utils/vibe-control-styles.js.map +1 -0
- package/vibe-app-mount.d.ts +12 -0
- package/vibe-app-mount.js +204 -0
- package/vibe-app-mount.js.map +1 -0
- package/hooks/image-gen/types.d.ts +0 -66
- package/hooks/image-gen/types.js +0 -2
- package/hooks/image-gen/types.js.map +0 -1
- package/hooks/vibes-gen/types.d.ts +0 -42
- package/hooks/vibes-gen/types.js +0 -2
- 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
|
-
}
|
package/hooks/image-gen/types.js
DELETED
|
@@ -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
|
-
}
|
package/hooks/vibes-gen/types.js
DELETED