@vibes.diy/use-vibes-base 0.15.17 → 0.15.18-dev-authwall-fixes
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.js +112 -33
- package/components/AuthWall/AuthWall.js.map +1 -1
- package/components/AuthWall/AuthWall.styles.d.ts +20 -1
- package/components/AuthWall/AuthWall.styles.js +48 -5
- package/components/AuthWall/AuthWall.styles.js.map +1 -1
- package/package.json +4 -4
- package/vibe-app-mount.js +22 -33
- package/vibe-app-mount.js.map +1 -1
|
@@ -1,36 +1,105 @@
|
|
|
1
|
-
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import { getWrapperStyle, getOverlayStyle, getFormContainerStyle, getTitleStyle, getDescriptionStyle, } from './AuthWall.styles.js';
|
|
1
|
+
import React, { useEffect, useState, useRef } from 'react';
|
|
2
|
+
import { getWrapperStyle, getImageContentWrapperStyle, getImageSectionStyle, getOverlayStyle, getMenuStyle, getFormContainerStyle, getTitleStyle, getDescriptionStyle, } from './AuthWall.styles.js';
|
|
3
3
|
import { VibesButton } from '../VibesButton/VibesButton.js';
|
|
4
4
|
const FALLBACK_IMAGE_URL = 'https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80';
|
|
5
|
+
const MENU_OPEN_DELAY_MS = 500;
|
|
6
|
+
const MENU_SLIDE_DURATION_MS = 900;
|
|
7
|
+
const FADE_OUT_DURATION_MS = 500;
|
|
5
8
|
export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
6
9
|
const [isVisible, setIsVisible] = useState(open);
|
|
7
|
-
const [
|
|
8
|
-
const [
|
|
10
|
+
const [menuOpen, setMenuOpen] = useState(false);
|
|
11
|
+
const [isFadingOut, setIsFadingOut] = useState(false);
|
|
9
12
|
const [isHovering, setIsHovering] = useState(false);
|
|
13
|
+
const [menuHeight, setMenuHeight] = useState(0);
|
|
10
14
|
const [actualImageUrl, setActualImageUrl] = useState(imageUrl);
|
|
15
|
+
const menuRef = useRef(null);
|
|
16
|
+
const timeoutsRef = useRef([]);
|
|
17
|
+
const prevOpenRef = useRef(undefined);
|
|
18
|
+
const prevMenuHeightRef = useRef(0);
|
|
19
|
+
const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
11
20
|
useEffect(() => {
|
|
21
|
+
if (!isVisible)
|
|
22
|
+
return;
|
|
23
|
+
if (menuRef.current) {
|
|
24
|
+
setMenuHeight(menuRef.current.offsetHeight);
|
|
25
|
+
}
|
|
26
|
+
}, [isVisible]);
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (!isVisible)
|
|
29
|
+
return;
|
|
30
|
+
const menuEl = menuRef.current;
|
|
31
|
+
if (!menuEl)
|
|
32
|
+
return;
|
|
33
|
+
const updateHeight = () => setMenuHeight(menuEl.offsetHeight);
|
|
34
|
+
updateHeight();
|
|
35
|
+
let ro = null;
|
|
36
|
+
const hasRO = typeof window !== 'undefined' && 'ResizeObserver' in window;
|
|
37
|
+
if (hasRO) {
|
|
38
|
+
ro = new ResizeObserver(() => {
|
|
39
|
+
updateHeight();
|
|
40
|
+
});
|
|
41
|
+
ro.observe(menuEl);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
window.addEventListener('resize', updateHeight);
|
|
45
|
+
}
|
|
46
|
+
return () => {
|
|
47
|
+
if (ro) {
|
|
48
|
+
ro.disconnect();
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
window.removeEventListener('resize', updateHeight);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}, [isVisible]);
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
const prevOpen = prevOpenRef.current;
|
|
57
|
+
const openChanged = prevOpen !== open;
|
|
58
|
+
const menuHeightBecameAvailable = prevMenuHeightRef.current === 0 && menuHeight > 0;
|
|
59
|
+
prevOpenRef.current = open;
|
|
60
|
+
prevMenuHeightRef.current = menuHeight;
|
|
61
|
+
if (!openChanged && !menuHeightBecameAvailable)
|
|
62
|
+
return;
|
|
63
|
+
timeoutsRef.current.forEach(clearTimeout);
|
|
64
|
+
timeoutsRef.current = [];
|
|
65
|
+
if (prefersReducedMotion) {
|
|
66
|
+
setIsVisible(open);
|
|
67
|
+
setMenuOpen(open);
|
|
68
|
+
setIsFadingOut(false);
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
12
71
|
if (open) {
|
|
13
72
|
setIsVisible(true);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
73
|
+
setIsFadingOut(false);
|
|
74
|
+
setMenuOpen(false);
|
|
75
|
+
if (menuHeight > 0) {
|
|
76
|
+
const openTimeout = setTimeout(() => {
|
|
77
|
+
setMenuOpen(true);
|
|
78
|
+
}, MENU_OPEN_DELAY_MS);
|
|
79
|
+
timeoutsRef.current.push(openTimeout);
|
|
80
|
+
}
|
|
19
81
|
}
|
|
20
82
|
else {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
83
|
+
if (!prevOpen)
|
|
84
|
+
return;
|
|
85
|
+
setMenuOpen(false);
|
|
86
|
+
const fadeTimeout = setTimeout(() => {
|
|
87
|
+
setIsFadingOut(true);
|
|
88
|
+
}, MENU_SLIDE_DURATION_MS);
|
|
89
|
+
timeoutsRef.current.push(fadeTimeout);
|
|
90
|
+
const hideTimeout = setTimeout(() => {
|
|
26
91
|
setIsVisible(false);
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
clearTimeout(hideAllTimeout);
|
|
31
|
-
};
|
|
92
|
+
setIsFadingOut(false);
|
|
93
|
+
}, MENU_SLIDE_DURATION_MS + FADE_OUT_DURATION_MS);
|
|
94
|
+
timeoutsRef.current.push(hideTimeout);
|
|
32
95
|
}
|
|
33
|
-
}, [open]);
|
|
96
|
+
}, [open, menuHeight, prefersReducedMotion]);
|
|
97
|
+
useEffect(() => {
|
|
98
|
+
return () => {
|
|
99
|
+
timeoutsRef.current.forEach(clearTimeout);
|
|
100
|
+
timeoutsRef.current = [];
|
|
101
|
+
};
|
|
102
|
+
}, []);
|
|
34
103
|
useEffect(() => {
|
|
35
104
|
if (!imageUrl) {
|
|
36
105
|
setActualImageUrl(FALLBACK_IMAGE_URL);
|
|
@@ -56,21 +125,31 @@ export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
|
56
125
|
return null;
|
|
57
126
|
const overlayStyle = {
|
|
58
127
|
...getOverlayStyle(),
|
|
59
|
-
transition: '
|
|
60
|
-
opacity: overlayVisible ? 1 : 0,
|
|
128
|
+
transition: 'backdrop-filter 0.4s ease',
|
|
61
129
|
backdropFilter: isHovering ? 'blur(4px)' : 'blur(12px)',
|
|
62
130
|
};
|
|
63
|
-
const
|
|
64
|
-
...
|
|
65
|
-
transition:
|
|
66
|
-
|
|
67
|
-
|
|
131
|
+
const imageContentWrapperStyle = {
|
|
132
|
+
...getImageContentWrapperStyle(),
|
|
133
|
+
transition: prefersReducedMotion
|
|
134
|
+
? 'none'
|
|
135
|
+
: `transform ${MENU_SLIDE_DURATION_MS / 1000}s ease, opacity ${FADE_OUT_DURATION_MS / 1000}s ease`,
|
|
136
|
+
transform: menuOpen ? `translateY(-${menuHeight}px)` : 'translateY(0)',
|
|
137
|
+
opacity: isFadingOut ? 0 : 1,
|
|
138
|
+
willChange: 'transform, opacity',
|
|
139
|
+
};
|
|
140
|
+
const menuStyle = {
|
|
141
|
+
...getMenuStyle(),
|
|
142
|
+
transition: prefersReducedMotion ? 'none' : `opacity ${FADE_OUT_DURATION_MS / 1000}s ease`,
|
|
143
|
+
opacity: isFadingOut ? 0 : 1,
|
|
68
144
|
};
|
|
69
|
-
return (React.createElement("div", { style: getWrapperStyle(
|
|
70
|
-
React.createElement("div", { style:
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
145
|
+
return (React.createElement("div", { style: getWrapperStyle() },
|
|
146
|
+
React.createElement("div", { ref: menuRef, style: menuStyle },
|
|
147
|
+
React.createElement("div", { style: getFormContainerStyle() },
|
|
148
|
+
React.createElement("h1", { style: getTitleStyle() }, title),
|
|
149
|
+
React.createElement("p", { style: getDescriptionStyle() }, "Login to access this Vibe!"),
|
|
150
|
+
React.createElement(VibesButton, { variant: "primary", onClick: onLogin, onHover: () => setIsHovering(true), onUnhover: () => setIsHovering(false) }, "Login"))),
|
|
151
|
+
React.createElement("div", { style: imageContentWrapperStyle },
|
|
152
|
+
React.createElement("div", { style: getImageSectionStyle(actualImageUrl) },
|
|
153
|
+
React.createElement("div", { style: overlayStyle })))));
|
|
75
154
|
}
|
|
76
155
|
//# sourceMappingURL=AuthWall.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthWall.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthWall.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const authWallTheme: {
|
|
3
|
+
colors: {
|
|
4
|
+
menuBg: string;
|
|
5
|
+
shadow: string;
|
|
6
|
+
gridLineColor: string;
|
|
7
|
+
};
|
|
8
|
+
dimensions: {
|
|
9
|
+
gridSize: string;
|
|
10
|
+
padding: string;
|
|
11
|
+
};
|
|
12
|
+
animation: {
|
|
13
|
+
duration: string;
|
|
14
|
+
easing: string;
|
|
15
|
+
blurAmount: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare const getWrapperStyle: () => CSSProperties;
|
|
19
|
+
export declare const getMenuStyle: () => CSSProperties;
|
|
20
|
+
export declare const getImageContentWrapperStyle: () => CSSProperties;
|
|
21
|
+
export declare const getImageSectionStyle: (imageUrl: string) => CSSProperties;
|
|
3
22
|
export declare const getOverlayStyle: () => CSSProperties;
|
|
4
23
|
export declare const getFormContainerStyle: () => CSSProperties;
|
|
5
24
|
export declare const getTitleStyle: () => CSSProperties;
|
|
@@ -1,15 +1,60 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const authWallTheme = {
|
|
2
|
+
colors: {
|
|
3
|
+
menuBg: 'var(--aw-menu-bg, #d4d4d4)',
|
|
4
|
+
shadow: 'var(--aw-shadow, rgba(0, 0, 0, 0.3))',
|
|
5
|
+
gridLineColor: 'var(--aw-grid-line, rgba(255, 255, 255, 0.5))',
|
|
6
|
+
},
|
|
7
|
+
dimensions: {
|
|
8
|
+
gridSize: '40px',
|
|
9
|
+
padding: '24px',
|
|
10
|
+
},
|
|
11
|
+
animation: {
|
|
12
|
+
duration: '0.4s',
|
|
13
|
+
easing: 'ease',
|
|
14
|
+
blurAmount: '4px',
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
export const getWrapperStyle = () => ({
|
|
18
|
+
position: 'relative',
|
|
19
|
+
overflow: 'hidden',
|
|
20
|
+
});
|
|
21
|
+
export const getMenuStyle = () => ({
|
|
22
|
+
position: 'fixed',
|
|
23
|
+
bottom: 0,
|
|
24
|
+
left: 0,
|
|
25
|
+
right: 0,
|
|
26
|
+
zIndex: 1000,
|
|
27
|
+
backgroundColor: authWallTheme.colors.menuBg,
|
|
28
|
+
backgroundImage: `
|
|
29
|
+
linear-gradient(${authWallTheme.colors.gridLineColor} 1px, transparent 1px),
|
|
30
|
+
linear-gradient(90deg, ${authWallTheme.colors.gridLineColor} 1px, transparent 1px)
|
|
31
|
+
`,
|
|
32
|
+
backgroundSize: authWallTheme.dimensions.gridSize + ' ' + authWallTheme.dimensions.gridSize,
|
|
33
|
+
boxShadow: `0 -2px 10px ${authWallTheme.colors.shadow}`,
|
|
34
|
+
padding: authWallTheme.dimensions.padding,
|
|
35
|
+
display: 'flex',
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
height: '80vh',
|
|
39
|
+
});
|
|
40
|
+
export const getImageContentWrapperStyle = () => ({
|
|
2
41
|
position: 'fixed',
|
|
3
42
|
top: 0,
|
|
43
|
+
left: 0,
|
|
44
|
+
right: 0,
|
|
45
|
+
bottom: 0,
|
|
46
|
+
zIndex: 1100,
|
|
47
|
+
overflowY: 'auto',
|
|
48
|
+
});
|
|
49
|
+
export const getImageSectionStyle = (imageUrl) => ({
|
|
4
50
|
width: '100%',
|
|
5
|
-
height: '
|
|
51
|
+
height: '100%',
|
|
6
52
|
backgroundImage: `url(${imageUrl})`,
|
|
7
53
|
backgroundSize: 'cover',
|
|
8
54
|
backgroundPosition: 'center',
|
|
9
55
|
display: 'flex',
|
|
10
56
|
alignItems: 'center',
|
|
11
57
|
justifyContent: 'center',
|
|
12
|
-
overflow: 'hidden',
|
|
13
58
|
});
|
|
14
59
|
export const getOverlayStyle = () => ({
|
|
15
60
|
position: 'absolute',
|
|
@@ -19,11 +64,9 @@ export const getOverlayStyle = () => ({
|
|
|
19
64
|
bottom: 0,
|
|
20
65
|
backdropFilter: 'blur(12px)',
|
|
21
66
|
backgroundColor: 'rgba(255, 255, 255, 0.4)',
|
|
22
|
-
zIndex: 1,
|
|
23
67
|
});
|
|
24
68
|
export const getFormContainerStyle = () => ({
|
|
25
69
|
position: 'relative',
|
|
26
|
-
zIndex: 2,
|
|
27
70
|
background: '#ffffff',
|
|
28
71
|
border: '3px solid #1a1a1a',
|
|
29
72
|
borderRadius: '12px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthWall.styles.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AuthWall.styles.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.styles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/use-vibes-base",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.18-dev-authwall-fixes",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Core components and utilities for use-vibes (internal workspace package)",
|
|
6
6
|
"exports": {
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"@fireproof/core-runtime": "^0.23.15",
|
|
16
16
|
"@fireproof/core-types-base": "^0.23.15",
|
|
17
17
|
"@fireproof/core-types-protocols-cloud": "^0.23.15",
|
|
18
|
-
"@vibes.diy/prompts": "^0.15.
|
|
19
|
-
"@vibes.diy/use-vibes-types": "^0.15.
|
|
20
|
-
"call-ai": "^0.15.
|
|
18
|
+
"@vibes.diy/prompts": "^0.15.18-dev-authwall-fixes",
|
|
19
|
+
"@vibes.diy/use-vibes-types": "^0.15.18-dev-authwall-fixes",
|
|
20
|
+
"call-ai": "^0.15.18-dev-authwall-fixes",
|
|
21
21
|
"react-dom": "^19.2.0",
|
|
22
22
|
"use-fireproof": "^0.23.15",
|
|
23
23
|
"uuid": "^11.1.0"
|
package/vibe-app-mount.js
CHANGED
|
@@ -4,40 +4,38 @@ import { AuthWall } from './components/AuthWall/AuthWall.js';
|
|
|
4
4
|
import { VIBES_SYNC_ENABLE_EVENT, VIBES_SYNC_ENABLED_CLASS } from './constants.js';
|
|
5
5
|
import { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
|
|
6
6
|
import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
|
|
7
|
+
const safeGetLocalStorage = (key) => {
|
|
8
|
+
try {
|
|
9
|
+
return localStorage.getItem(key);
|
|
10
|
+
}
|
|
11
|
+
catch {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
};
|
|
7
15
|
function VibesApp({ title = 'Vibes App', imageUrl = '/screenshot.png', children, }) {
|
|
8
16
|
const syncEnabled = typeof window !== 'undefined' && document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
|
|
17
|
+
const wasSyncEnabled = typeof window !== 'undefined' && safeGetLocalStorage('fireproof-sync-enabled') === 'true';
|
|
9
18
|
const mockLogin = typeof window !== 'undefined' &&
|
|
10
19
|
new URLSearchParams(window.location.search).get('mock_login') === 'true';
|
|
11
|
-
const [showAuthWall, setShowAuthWall] = React.useState(!syncEnabled && !mockLogin);
|
|
20
|
+
const [showAuthWall, setShowAuthWall] = React.useState(!syncEnabled && !mockLogin && !wasSyncEnabled);
|
|
12
21
|
React.useEffect(() => {
|
|
13
22
|
const observer = new MutationObserver(() => {
|
|
14
23
|
const isConnected = document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
|
|
15
|
-
setShowAuthWall(!isConnected && !mockLogin);
|
|
24
|
+
setShowAuthWall(!isConnected && !mockLogin && !wasSyncEnabled);
|
|
16
25
|
});
|
|
17
26
|
observer.observe(document.body, {
|
|
18
27
|
attributes: true,
|
|
19
28
|
attributeFilter: ['class'],
|
|
20
29
|
});
|
|
21
30
|
return () => observer.disconnect();
|
|
22
|
-
}, [mockLogin]);
|
|
31
|
+
}, [mockLogin, wasSyncEnabled]);
|
|
23
32
|
const handleLogin = () => {
|
|
24
33
|
document.dispatchEvent(new CustomEvent(VIBES_SYNC_ENABLE_EVENT));
|
|
25
34
|
};
|
|
26
|
-
return React.createElement(React.Fragment, null,
|
|
27
|
-
style: showAuthWall ? { display: 'none' } :
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}, React.createElement(HiddenMenuWrapper, {
|
|
31
|
-
menuContent: React.createElement(VibesPanel),
|
|
32
|
-
children: children,
|
|
33
|
-
})), showAuthWall
|
|
34
|
-
? React.createElement(AuthWall, {
|
|
35
|
-
onLogin: handleLogin,
|
|
36
|
-
imageUrl,
|
|
37
|
-
title,
|
|
38
|
-
open: true,
|
|
39
|
-
})
|
|
40
|
-
: null);
|
|
35
|
+
return (React.createElement(React.Fragment, null,
|
|
36
|
+
React.createElement("div", { style: showAuthWall ? { display: 'none' } : undefined },
|
|
37
|
+
React.createElement(HiddenMenuWrapper, { menuContent: React.createElement(VibesPanel, null) }, children)),
|
|
38
|
+
React.createElement(AuthWall, { onLogin: handleLogin, imageUrl: imageUrl, title: title, open: showAuthWall })));
|
|
41
39
|
}
|
|
42
40
|
export function mountVibesApp(options = {}) {
|
|
43
41
|
const { container: containerOption, title, imageUrl, appComponent } = options;
|
|
@@ -78,21 +76,12 @@ export function mountVibesApp(options = {}) {
|
|
|
78
76
|
}
|
|
79
77
|
}
|
|
80
78
|
const root = ReactDOM.createRoot(containerElement);
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
:
|
|
87
|
-
? React.createElement('div', {
|
|
88
|
-
ref: (node) => {
|
|
89
|
-
if (node && contentWrapper && node.children.length === 0) {
|
|
90
|
-
node.appendChild(contentWrapper);
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
style: { height: '100%', width: '100%' },
|
|
94
|
-
})
|
|
95
|
-
: null));
|
|
79
|
+
const AppComponent = appComponent;
|
|
80
|
+
root.render(React.createElement(VibesApp, { ...(title !== undefined && { title }), ...(imageUrl !== undefined && { imageUrl }) }, AppComponent ? (React.createElement(AppComponent, null)) : contentWrapper ? (React.createElement("div", { ref: (node) => {
|
|
81
|
+
if (node && contentWrapper && node.children.length === 0) {
|
|
82
|
+
node.appendChild(contentWrapper);
|
|
83
|
+
}
|
|
84
|
+
}, style: { height: '100%', width: '100%' } })) : null));
|
|
96
85
|
return {
|
|
97
86
|
unmount: () => {
|
|
98
87
|
setTimeout(() => {
|
package/vibe-app-mount.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.
|
|
1
|
+
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"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"}
|