@vibes.diy/vibe-runtime 2.6.3 → 2.6.5
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/create-vibe.d.ts +9 -0
- package/create-vibe.js +64 -0
- package/create-vibe.js.map +1 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/use-viewer-tag.js +14 -112
- package/use-viewer-tag.js.map +1 -1
package/create-vibe.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const VIBES_DIY_BUILDER_URL = "https://vibes.diy";
|
|
2
|
+
export declare function resolveBuilderOriginFrom(topOrigin: string | undefined): string;
|
|
3
|
+
export declare function resolveBuilderOrigin(): string;
|
|
4
|
+
export declare const CREATE_VIBE_SAFE_URL_LENGTH = 6000;
|
|
5
|
+
export interface CreateVibeOptions {
|
|
6
|
+
readonly maxUrlLength?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare function buildCreateVibeUrl(prompt: string): string;
|
|
9
|
+
export declare function createVibe(prompt: string, options?: CreateVibeOptions): Window | null;
|
package/create-vibe.js
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
function encodeBase64Utf8(text) {
|
|
2
|
+
const bytes = new TextEncoder().encode(text);
|
|
3
|
+
let binary = "";
|
|
4
|
+
for (const b of bytes)
|
|
5
|
+
binary += String.fromCharCode(b);
|
|
6
|
+
return btoa(binary);
|
|
7
|
+
}
|
|
8
|
+
export const VIBES_DIY_BUILDER_URL = "https://vibes.diy";
|
|
9
|
+
const PREVIEW_HOST = /^pr-\d+-vibes-diy-v2\.[a-z0-9-]+\.workers\.dev$/i;
|
|
10
|
+
function isPreviewOrigin(origin) {
|
|
11
|
+
try {
|
|
12
|
+
const { protocol, hostname } = new URL(origin);
|
|
13
|
+
return protocol === "https:" && PREVIEW_HOST.test(hostname);
|
|
14
|
+
}
|
|
15
|
+
catch {
|
|
16
|
+
return false;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export function resolveBuilderOriginFrom(topOrigin) {
|
|
20
|
+
return topOrigin && isPreviewOrigin(topOrigin) ? topOrigin : VIBES_DIY_BUILDER_URL;
|
|
21
|
+
}
|
|
22
|
+
function detectTopOrigin() {
|
|
23
|
+
if (typeof window === "undefined")
|
|
24
|
+
return undefined;
|
|
25
|
+
try {
|
|
26
|
+
const ao = window.location.ancestorOrigins;
|
|
27
|
+
if (ao && ao.length > 0)
|
|
28
|
+
return ao.item(ao.length - 1) ?? undefined;
|
|
29
|
+
}
|
|
30
|
+
catch {
|
|
31
|
+
}
|
|
32
|
+
try {
|
|
33
|
+
if (typeof document !== "undefined" && document.referrer)
|
|
34
|
+
return new URL(document.referrer).origin;
|
|
35
|
+
}
|
|
36
|
+
catch {
|
|
37
|
+
}
|
|
38
|
+
return undefined;
|
|
39
|
+
}
|
|
40
|
+
export function resolveBuilderOrigin() {
|
|
41
|
+
return resolveBuilderOriginFrom(detectTopOrigin());
|
|
42
|
+
}
|
|
43
|
+
export const CREATE_VIBE_SAFE_URL_LENGTH = 6000;
|
|
44
|
+
export function buildCreateVibeUrl(prompt) {
|
|
45
|
+
const url = new URL("/chat/prompt", resolveBuilderOrigin());
|
|
46
|
+
url.searchParams.set("prompt64", encodeBase64Utf8(prompt));
|
|
47
|
+
return url.toString();
|
|
48
|
+
}
|
|
49
|
+
export function createVibe(prompt, options = {}) {
|
|
50
|
+
const { maxUrlLength = CREATE_VIBE_SAFE_URL_LENGTH } = options;
|
|
51
|
+
const url = buildCreateVibeUrl(prompt);
|
|
52
|
+
if (url.length > maxUrlLength) {
|
|
53
|
+
console.warn(`[createVibe] hand-off URL is ${url.length} chars, over the ${maxUrlLength}-char safe threshold — ` +
|
|
54
|
+
`older browsers or proxies may truncate it. Shorten the prompt, or wait for the Phase 2 POST path.`);
|
|
55
|
+
}
|
|
56
|
+
if (typeof window === "undefined")
|
|
57
|
+
return null;
|
|
58
|
+
const opened = window.open(url, "_blank");
|
|
59
|
+
if (!opened) {
|
|
60
|
+
console.warn("[createVibe] popup blocked — call createVibe() from a click handler, or render a fallback link using buildCreateVibeUrl().");
|
|
61
|
+
}
|
|
62
|
+
return opened;
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=create-vibe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-vibe.js","sourceRoot":"","sources":["../jsr/create-vibe.ts"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -15,3 +15,4 @@ export type { FireflyTransport } from "./firefly-database.js";
|
|
|
15
15
|
export type { ViewerTagProps } from "./use-viewer-tag.js";
|
|
16
16
|
export { evaluateWrite, canSeeDoc, makeClientCtx, type AccessUser, type AccessGrants, type AccessCtx, type WriteVerdict, type EvaluateWriteArgs, type CanSeeArgs, } from "./access-runner.js";
|
|
17
17
|
export { useVibe, type UseVibeResult, type CanVerdict, type UseVibeMe } from "./use-vibe.js";
|
|
18
|
+
export { createVibe, buildCreateVibeUrl, resolveBuilderOrigin, resolveBuilderOriginFrom, VIBES_DIY_BUILDER_URL, CREATE_VIBE_SAFE_URL_LENGTH, type CreateVibeOptions, } from "./create-vibe.js";
|
package/index.js
CHANGED
|
@@ -13,4 +13,5 @@ export { useGraceDegraded, armGrace, isGraceDegraded, subscribeGrace, setGraceMs
|
|
|
13
13
|
export { FireflyDatabase, FireflyDatabase as Database, } from "./firefly-database.js";
|
|
14
14
|
export { evaluateWrite, canSeeDoc, makeClientCtx, } from "./access-runner.js";
|
|
15
15
|
export { useVibe } from "./use-vibe.js";
|
|
16
|
+
export { createVibe, buildCreateVibeUrl, resolveBuilderOrigin, resolveBuilderOriginFrom, VIBES_DIY_BUILDER_URL, CREATE_VIBE_SAFE_URL_LENGTH, } from "./create-vibe.js";
|
|
16
17
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAuB,MAAM,kBAAkB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAwB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,eAAe,IAAI,QAAQ,GAO5B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,SAAS,EACT,aAAa,GAOd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAuD,MAAM,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAuB,MAAM,kBAAkB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAwB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,eAAe,IAAI,QAAQ,GAO5B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,SAAS,EACT,aAAa,GAOd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAuD,MAAM,eAAe,CAAC;AAC7F,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,2BAA2B,GAE5B,MAAM,kBAAkB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/vibe-runtime",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"@adviser/cement": "~0.5.34",
|
|
11
|
-
"@vibes.diy/base": "2.6.
|
|
12
|
-
"@vibes.diy/vibe-types": "2.6.
|
|
11
|
+
"@vibes.diy/base": "2.6.5",
|
|
12
|
+
"@vibes.diy/vibe-types": "2.6.5",
|
|
13
13
|
"arktype": "~2.2.1",
|
|
14
14
|
"charwise": "~3.0.1",
|
|
15
15
|
"react": "~19.2.7",
|
package/use-viewer-tag.js
CHANGED
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewerTagView } from "@vibes.diy/base";
|
|
2
3
|
import { getRegisteredVibeApi } from "./register-dependencies.js";
|
|
3
|
-
function CameraGlyph({ size }) {
|
|
4
|
-
return (React.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: size, height: size, style: { display: "block" }, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
|
|
5
|
-
React.createElement("path", { d: "M4 7h4l2-2h4l2 2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z" }),
|
|
6
|
-
React.createElement("circle", { cx: "12", cy: "12.5", r: "3.5" })));
|
|
7
|
-
}
|
|
8
4
|
export function ViewerTagImpl({ _viewer, style, ...props }) {
|
|
9
|
-
const [uploading, setUploading] = useState(false);
|
|
10
|
-
const [avatarError, setAvatarError] = useState(false);
|
|
11
|
-
const fileRef = useRef(null);
|
|
12
5
|
const slugFromProp = "user" in props && props.user ? props.user.userHandle : "userHandle" in props ? props.userHandle : undefined;
|
|
13
6
|
const resolvedSlug = slugFromProp ?? _viewer?.userHandle ?? "";
|
|
14
7
|
const resolvedAvatarUrl = "user" in props && props.user?.avatarUrl
|
|
@@ -16,117 +9,26 @@ export function ViewerTagImpl({ _viewer, style, ...props }) {
|
|
|
16
9
|
: resolvedSlug
|
|
17
10
|
? `/u/${encodeURIComponent(resolvedSlug)}/avatar`
|
|
18
11
|
: undefined;
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
setAvatarError(false);
|
|
21
|
-
}, [resolvedAvatarUrl]);
|
|
22
12
|
if (("userHandle" in props || "user" in props) && !slugFromProp) {
|
|
23
13
|
return React.createElement("span", { style: { color: "var(--muted, #888)", fontStyle: "italic", fontSize: 13 } }, "no user handle provided");
|
|
24
14
|
}
|
|
25
15
|
const isAnonymousSelf = _viewer === null && !("userHandle" in props) && !("user" in props);
|
|
26
|
-
if (isAnonymousSelf) {
|
|
27
|
-
return (React.createElement("button", { onClick: () => getRegisteredVibeApi()?.requestLogin(), style: {
|
|
28
|
-
display: "inline-flex",
|
|
29
|
-
alignItems: "center",
|
|
30
|
-
gap: 6,
|
|
31
|
-
background: "transparent",
|
|
32
|
-
border: "1px solid var(--accent, #6366f1)",
|
|
33
|
-
borderRadius: 999,
|
|
34
|
-
padding: "5px 14px",
|
|
35
|
-
fontSize: 14,
|
|
36
|
-
color: "var(--accent, #6366f1)",
|
|
37
|
-
cursor: "pointer",
|
|
38
|
-
fontWeight: 500,
|
|
39
|
-
...style,
|
|
40
|
-
} }, "Sign in"));
|
|
41
|
-
}
|
|
42
16
|
const isSelf = _viewer !== null && !("userHandle" in props) && !("user" in props);
|
|
43
|
-
async function
|
|
44
|
-
const file = e.target.files?.[0];
|
|
45
|
-
if (!file)
|
|
46
|
-
return;
|
|
17
|
+
async function handlePickFile(file) {
|
|
47
18
|
const api = getRegisteredVibeApi();
|
|
48
19
|
if (!api)
|
|
49
20
|
return;
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
return;
|
|
61
|
-
await api.updateAvatarCid(uploadRes.cid, viewerHandle, file.type);
|
|
62
|
-
}
|
|
63
|
-
finally {
|
|
64
|
-
setUploading(false);
|
|
65
|
-
if (fileRef.current)
|
|
66
|
-
fileRef.current.value = "";
|
|
67
|
-
}
|
|
21
|
+
const viewerHandle = _viewer?.userHandle;
|
|
22
|
+
if (!viewerHandle)
|
|
23
|
+
return;
|
|
24
|
+
const rUpload = await api.putAsset(file, file.type);
|
|
25
|
+
if (rUpload.isErr())
|
|
26
|
+
return;
|
|
27
|
+
const uploadRes = rUpload.Ok();
|
|
28
|
+
if (uploadRes.status !== "ok")
|
|
29
|
+
return;
|
|
30
|
+
await api.updateAvatarCid(uploadRes.cid, viewerHandle, file.type);
|
|
68
31
|
}
|
|
69
|
-
|
|
70
|
-
const hasAvatarImage = Boolean(resolvedAvatarUrl && !avatarError);
|
|
71
|
-
return (React.createElement("span", { style: {
|
|
72
|
-
display: "inline-flex",
|
|
73
|
-
alignItems: "center",
|
|
74
|
-
gap: 8,
|
|
75
|
-
background: "var(--card-bg, rgba(255,255,255,0.07))",
|
|
76
|
-
border: "1px solid var(--border, rgba(255,255,255,0.15))",
|
|
77
|
-
borderRadius: 999,
|
|
78
|
-
padding: "5px 14px 5px 5px",
|
|
79
|
-
fontSize: 14,
|
|
80
|
-
color: "var(--text, #e0e0e0)",
|
|
81
|
-
...style,
|
|
82
|
-
} },
|
|
83
|
-
React.createElement("span", { style: { position: "relative", flexShrink: 0 } },
|
|
84
|
-
React.createElement("span", { onClick: isSelf ? () => fileRef.current?.click() : undefined, style: {
|
|
85
|
-
width: 30,
|
|
86
|
-
height: 30,
|
|
87
|
-
borderRadius: "50%",
|
|
88
|
-
background: "var(--accent, #6366f1)",
|
|
89
|
-
display: "flex",
|
|
90
|
-
alignItems: "center",
|
|
91
|
-
justifyContent: "center",
|
|
92
|
-
fontSize: 12,
|
|
93
|
-
fontWeight: 700,
|
|
94
|
-
color: "white",
|
|
95
|
-
overflow: "hidden",
|
|
96
|
-
cursor: isSelf ? "pointer" : "default",
|
|
97
|
-
opacity: uploading ? 0.5 : 1,
|
|
98
|
-
...(isSelf ? { outline: "2px dashed var(--accent, #818cf8)", outlineOffset: 2 } : {}),
|
|
99
|
-
} },
|
|
100
|
-
hasAvatarImage ? (React.createElement("img", { src: resolvedAvatarUrl, alt: resolvedSlug, onError: () => setAvatarError(true), style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "50%" } })) : (initial),
|
|
101
|
-
isSelf && !hasAvatarImage && (React.createElement("span", { style: {
|
|
102
|
-
position: "absolute",
|
|
103
|
-
inset: 0,
|
|
104
|
-
background: "rgba(15,12,40,0.72)",
|
|
105
|
-
display: "flex",
|
|
106
|
-
alignItems: "center",
|
|
107
|
-
justifyContent: "center",
|
|
108
|
-
color: "var(--accent-text, var(--accent, #a5b4fc))",
|
|
109
|
-
borderRadius: "50%",
|
|
110
|
-
} },
|
|
111
|
-
React.createElement(CameraGlyph, { size: 13 })))),
|
|
112
|
-
isSelf && hasAvatarImage && (React.createElement("span", { style: {
|
|
113
|
-
position: "absolute",
|
|
114
|
-
right: -1,
|
|
115
|
-
bottom: -1,
|
|
116
|
-
width: 13,
|
|
117
|
-
height: 13,
|
|
118
|
-
borderRadius: "50%",
|
|
119
|
-
background: "rgba(15,12,40,0.9)",
|
|
120
|
-
border: "1px solid var(--border, rgba(255,255,255,0.25))",
|
|
121
|
-
display: "flex",
|
|
122
|
-
alignItems: "center",
|
|
123
|
-
justifyContent: "center",
|
|
124
|
-
lineHeight: 1,
|
|
125
|
-
color: "var(--accent-text, var(--accent, #a5b4fc))",
|
|
126
|
-
pointerEvents: "none",
|
|
127
|
-
} },
|
|
128
|
-
React.createElement(CameraGlyph, { size: 9 })))),
|
|
129
|
-
React.createElement("span", { style: { fontWeight: 500 } }, resolvedSlug),
|
|
130
|
-
isSelf && React.createElement("input", { ref: fileRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: handleFileChange })));
|
|
32
|
+
return (React.createElement(ViewerTagView, { slug: resolvedSlug, avatarUrl: resolvedAvatarUrl, editable: isSelf, anonymous: isAnonymousSelf, onSignIn: () => getRegisteredVibeApi()?.requestLogin(), onPickFile: handlePickFile, style: style }));
|
|
131
33
|
}
|
|
132
34
|
//# sourceMappingURL=use-viewer-tag.js.map
|
package/use-viewer-tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-viewer-tag.js","sourceRoot":"","sources":["../jsr/use-viewer-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"use-viewer-tag.js","sourceRoot":"","sources":["../jsr/use-viewer-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAkBlE,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAsB;IAC5E,MAAM,YAAY,GAAG,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAClI,MAAM,YAAY,GAAG,YAAY,IAAI,OAAO,EAAE,UAAU,IAAI,EAAE,CAAC;IAC/D,MAAM,iBAAiB,GACrB,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,SAAS;QACtC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;QACtB,CAAC,CAAC,YAAY;YACZ,CAAC,CAAC,MAAM,kBAAkB,CAAC,YAAY,CAAC,SAAS;YACjD,CAAC,CAAC,SAAS,CAAC;IAElB,IAAI,CAAC,YAAY,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAChE,OAAO,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,8BAAgC,CAAC;IACzH,CAAC;IAGD,MAAM,eAAe,GAAG,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;IAO3F,MAAM,MAAM,GAAG,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;IAElF,KAAK,UAAU,cAAc,CAAC,IAAU;QACtC,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;QACnC,IAAI,CAAC,GAAG;YAAE,OAAO;QAGjB,MAAM,YAAY,GAAG,OAAO,EAAE,UAAU,CAAC;QACzC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,OAAO,CAAC,KAAK,EAAE;YAAE,OAAO;QAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI;YAAE,OAAO;QAItC,MAAM,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,EACtD,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}
|