@vibes.diy/use-vibes-base 0.13.4 → 0.13.6-dev
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 +15 -1
- package/components/AuthWall/AuthWall.js.map +1 -1
- package/components/VibesPanel/VibesPanel.js +1 -1
- package/components/VibesPanel/VibesPanel.js.map +1 -1
- package/components/VibesSwitch/VibesSwitch.js +1 -1
- package/components/VibesSwitch/VibesSwitch.js.map +1 -1
- package/package.json +4 -4
- package/vibe-app-mount.d.ts +2 -0
- package/vibe-app-mount.js +18 -16
- package/vibe-app-mount.js.map +1 -1
|
@@ -6,6 +6,7 @@ export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
|
6
6
|
const [formVisible, setFormVisible] = useState(open);
|
|
7
7
|
const [overlayVisible, setOverlayVisible] = useState(open);
|
|
8
8
|
const [isHovering, setIsHovering] = useState(false);
|
|
9
|
+
const [actualImageUrl, setActualImageUrl] = useState(imageUrl);
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
if (open) {
|
|
11
12
|
setIsVisible(true);
|
|
@@ -29,6 +30,19 @@ export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
|
29
30
|
};
|
|
30
31
|
}
|
|
31
32
|
}, [open]);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (imageUrl === '/screenshot.png') {
|
|
35
|
+
const img = new Image();
|
|
36
|
+
img.onload = () => {
|
|
37
|
+
setActualImageUrl(imageUrl);
|
|
38
|
+
};
|
|
39
|
+
img.onerror = () => {
|
|
40
|
+
const fallbackUrl = 'https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80';
|
|
41
|
+
setActualImageUrl(fallbackUrl);
|
|
42
|
+
};
|
|
43
|
+
img.src = imageUrl;
|
|
44
|
+
}
|
|
45
|
+
}, [imageUrl]);
|
|
32
46
|
if (!isVisible)
|
|
33
47
|
return null;
|
|
34
48
|
const overlayStyle = {
|
|
@@ -43,6 +57,6 @@ export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
|
43
57
|
transform: formVisible ? 'translateY(0)' : 'translateY(-300%)',
|
|
44
58
|
opacity: formVisible ? 1 : 0,
|
|
45
59
|
};
|
|
46
|
-
return (React.createElement("div", { style: getWrapperStyle(
|
|
60
|
+
return (React.createElement("div", { style: getWrapperStyle(actualImageUrl) }, React.createElement("div", { style: overlayStyle }), React.createElement("div", { style: formContainerStyle }, React.createElement("h1", { style: getTitleStyle() }, title), React.createElement("p", { style: getDescriptionStyle() }, "Login to access this Vibe!"), React.createElement(VibesButton, { variant: "primary", onClick: onLogin, onHover: () => setIsHovering(true), onUnhover: () => setIsHovering(false) }, "Login"))));
|
|
47
61
|
}
|
|
48
62
|
//# 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;AAEnD,OAAO,EACL,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAS5D,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAiB,EAAE;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
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;AAEnD,OAAO,EACL,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAS5D,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAiB,EAAE;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,cAAc,CAAC,IAAI,CAAC,CAAC;YAErB,MAAM,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;gBAC1C,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAAA,CACzB,EAAE,GAAG,CAAC,CAAC;YAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAEzB,MAAM,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;gBACvC,cAAc,CAAC,KAAK,CAAC,CAAC;YAAA,CACvB,EAAE,GAAG,CAAC,CAAC;YAER,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;gBACtC,YAAY,CAAC,KAAK,CAAC,CAAC;YAAA,CACrB,EAAE,IAAI,CAAC,CAAC;YAET,OAAO,GAAG,EAAE,CAAC;gBACX,YAAY,CAAC,eAAe,CAAC,CAAC;gBAC9B,YAAY,CAAC,cAAc,CAAC,CAAC;YAAA,CAC9B,CAAC;QACJ,CAAC;IAAA,CACF,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAGX,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,QAAQ,KAAK,iBAAiB,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC;gBAEjB,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YAAA,CAC7B,CAAC;YACF,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC;gBAElB,MAAM,WAAW,GACf,8GAA8G,CAAC;gBACjH,iBAAiB,CAAC,WAAW,CAAC,CAAC;YAAA,CAChC,CAAC;YACF,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC;QACrB,CAAC;IAAA,CACF,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAG5B,MAAM,YAAY,GAAG;QACnB,GAAG,eAAe,EAAE;QACpB,UAAU,EAAE,8CAA8C;QAC1D,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;KACxD,CAAC;IAEF,MAAM,kBAAkB,GAAG;QACzB,GAAG,qBAAqB,EAAE;QAC1B,UAAU,EAAE,gDAAgD;QAC5D,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB;QAC9D,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7B,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IACzC,6BAAK,KAAK,EAAE,YAAY,GAAI,EAC5B,6BAAK,KAAK,EAAE,kBAAkB,IAC5B,4BAAI,KAAK,EAAE,aAAa,EAAE,IAAG,KAAK,CAAM,EACxC,2BAAG,KAAK,EAAE,mBAAmB,EAAE,iCAAgC,EAC/D,oBAAC,WAAW,IACV,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAClC,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAGzB,CACV,CACF,CACP,CAAC;AAAA,CACH"}
|
|
@@ -16,6 +16,6 @@ export function VibesPanel({ style, className } = {}) {
|
|
|
16
16
|
alignItems: 'center',
|
|
17
17
|
gap: '12px',
|
|
18
18
|
width: '250px',
|
|
19
|
-
} }, React.createElement(VibesButton, { variant: "primary" }, "
|
|
19
|
+
} }, React.createElement(VibesButton, { variant: "primary" }, "Logout"), React.createElement(VibesButton, { variant: "secondary" }, "\uD83E\uDDDF Mutate"), React.createElement(VibesButton, { variant: "tertiary" }, "Invite"))));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=VibesPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/VibesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAe5D,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAoB,EAAE,EAAE;IACrE,OAAO,CACL,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,MAAM;YACX,GAAG,KAAK;SACT,EACD,SAAS,EAAE,SAAS,IAEpB,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,OAAO;SACf,IAED,oBAAC,WAAW,IAAC,OAAO,EAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/VibesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAe5D,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAoB,EAAE,EAAE;IACrE,OAAO,CACL,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,MAAM;YACX,GAAG,KAAK;SACT,EACD,SAAS,EAAE,SAAS,IAEpB,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,OAAO;SACf,IAED,oBAAC,WAAW,IAAC,OAAO,EAAC,SAAS,aAAqB,EACnD,oBAAC,WAAW,IAAC,OAAO,EAAC,WAAW,0BAAuB,EACvD,oBAAC,WAAW,IAAC,OAAO,EAAC,UAAU,aAAqB,CAChD,CACF,CACP,CAAC;AAAA,CACH"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { switchColors } from './VibesSwitch.styles.js';
|
|
3
3
|
export function VibesSwitch({ size = 24, className }) {
|
|
4
|
-
const [active, setActive] = React.useState(
|
|
4
|
+
const [active, setActive] = React.useState(true);
|
|
5
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
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
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) }, React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#000", d: "M293.353,298.09c-41.038,0-82.078,0.125-123.115-0.077 c-11.993-0.06-24.011-0.701-35.964-1.703c-15.871-1.331-29.73-7.937-41.948-17.946c-16.769-13.736-27.207-31.417-30.983-52.7 c-4.424-24.93,1.404-47.685,16.506-67.913c11.502-15.407,26.564-26.1,45.258-30.884c7.615-1.949,15.631-2.91,23.501-3.165 c20.08-0.652,40.179-0.853,60.271-0.879c69.503-0.094,139.007-0.106,208.51,0.02c14.765,0.026,29.583,0.097,44.28,1.313 c36.984,3.059,61.78,23.095,74.653,57.301c17.011,45.199-8.414,96.835-54.29,111.864c-7.919,2.595-16.165,3.721-24.434,3.871 c-25.614,0.467-51.234,0.742-76.853,0.867C350.282,298.197,321.817,298.09,293.353,298.09z" }), React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAOvD,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAoB,EAAE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"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.13.
|
|
3
|
+
"version": "0.13.6-dev",
|
|
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.14",
|
|
16
16
|
"@fireproof/core-types-base": "^0.23.14",
|
|
17
17
|
"@fireproof/core-types-protocols-cloud": "^0.23.14",
|
|
18
|
-
"@vibes.diy/prompts": "^0.13.
|
|
19
|
-
"@vibes.diy/use-vibes-types": "^0.13.
|
|
20
|
-
"call-ai": "^0.13.
|
|
18
|
+
"@vibes.diy/prompts": "^0.13.6-dev",
|
|
19
|
+
"@vibes.diy/use-vibes-types": "^0.13.6-dev",
|
|
20
|
+
"call-ai": "^0.13.6-dev",
|
|
21
21
|
"react-dom": ">=19.1.0",
|
|
22
22
|
"use-fireproof": "^0.23.14",
|
|
23
23
|
"uuid": "^11.1.0"
|
package/vibe-app-mount.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
export interface MountVibesAppOptions {
|
|
2
3
|
readonly container?: string | HTMLElement;
|
|
3
4
|
readonly database?: string;
|
|
4
5
|
readonly title?: string;
|
|
5
6
|
readonly imageUrl?: string;
|
|
7
|
+
readonly appComponent?: React.ComponentType;
|
|
6
8
|
}
|
|
7
9
|
export interface MountVibesAppResult {
|
|
8
10
|
unmount: () => void;
|
package/vibe-app-mount.js
CHANGED
|
@@ -4,7 +4,7 @@ import { AuthWall } from './components/AuthWall/AuthWall.js';
|
|
|
4
4
|
import { useFireproof } from './index.js';
|
|
5
5
|
import { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
|
|
6
6
|
import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
|
|
7
|
-
function VibesApp({ database = 'vibes-app', title = 'Vibes App', imageUrl = '
|
|
7
|
+
function VibesApp({ database = 'vibes-app', title = 'Vibes App', imageUrl = '/screenshot.png', children, }) {
|
|
8
8
|
const { enableSync, syncEnabled } = useFireproof(database);
|
|
9
9
|
const mockLogin = typeof window !== 'undefined' &&
|
|
10
10
|
new URLSearchParams(window.location.search).get('mock_login') === 'true';
|
|
@@ -40,7 +40,7 @@ function VibesApp({ database = 'vibes-app', title = 'Vibes App', imageUrl = 'htt
|
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
42
|
export function mountVibesApp(options = {}) {
|
|
43
|
-
const { container: containerOption, database, title, imageUrl } = options;
|
|
43
|
+
const { container: containerOption, database, title, imageUrl, appComponent } = options;
|
|
44
44
|
let containerElement;
|
|
45
45
|
if (typeof containerOption === 'string') {
|
|
46
46
|
const found = document.querySelector(containerOption);
|
|
@@ -57,7 +57,7 @@ export function mountVibesApp(options = {}) {
|
|
|
57
57
|
}
|
|
58
58
|
let contentWrapper = null;
|
|
59
59
|
let originalChildren = [];
|
|
60
|
-
if (containerElement === document.body) {
|
|
60
|
+
if (containerElement === document.body && !appComponent) {
|
|
61
61
|
const existingWrapper = document.getElementById('vibes-original-content');
|
|
62
62
|
if (!existingWrapper) {
|
|
63
63
|
originalChildren = Array.from(document.body.childNodes);
|
|
@@ -79,19 +79,21 @@ export function mountVibesApp(options = {}) {
|
|
|
79
79
|
}
|
|
80
80
|
const root = ReactDOM.createRoot(containerElement);
|
|
81
81
|
root.render(React.createElement(VibesApp, {
|
|
82
|
-
database,
|
|
83
|
-
title,
|
|
84
|
-
imageUrl,
|
|
85
|
-
},
|
|
86
|
-
? React.createElement(
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
82
|
+
...(database !== undefined && { database }),
|
|
83
|
+
...(title !== undefined && { title }),
|
|
84
|
+
...(imageUrl !== undefined && { imageUrl }),
|
|
85
|
+
}, appComponent
|
|
86
|
+
? React.createElement(appComponent)
|
|
87
|
+
: contentWrapper
|
|
88
|
+
? React.createElement('div', {
|
|
89
|
+
ref: (node) => {
|
|
90
|
+
if (node && contentWrapper && node.children.length === 0) {
|
|
91
|
+
node.appendChild(contentWrapper);
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
style: { height: '100%', width: '100%' },
|
|
95
|
+
})
|
|
96
|
+
: null));
|
|
95
97
|
return {
|
|
96
98
|
unmount: () => {
|
|
97
99
|
setTimeout(() => {
|
package/vibe-app-mount.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.ts"],"names":[],"mappings":"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"}
|