@hiai-gg/docsmint 0.7.0 → 0.7.3

package/dist/frontend/TagCreateDialog-Ch21yuWV.js

@@ -0,0 +1,266 @@
+import { n as e } from "./dist-DQa_OHOa.js";
+import { Yn as t, er as n, ir as r, ni as i, or as a, ri as o, rr as s, ti as c } from "./messages-DTRe4U2V.js";
+import { a as l } from "./route-context-DYQlUfzL.js";
+import { t as u } from "./utils-DrfHTcei.js";
+import { a as d, i as f, n as p, o as m, r as h, s as g, t as _ } from "./dialog-CiSwD-_v.js";
+import { t as v } from "./input-N9dNSOWF.js";
+import { t as y } from "./label-CK72_fw8.js";
+import { c as b, l as x, n as S, r as C } from "./tags-BdCaMGfj.js";
+import "svelte/internal/disclose-version";
+import * as w from "svelte/internal/client";
+//#region src/lib/components/TagCreateDialog.svelte
+var T = w.from_html("<!> <!>", 1), E = w.from_html("<p id=\"tag-name-error\" class=\"text-xs text-destructive\"> </p>"), D = w.from_html("<button type=\"button\"></button>"), O = w.from_html("<p class=\"text-xs text-destructive\" role=\"alert\"> </p>"), k = w.from_html("<!> ", 1), A = w.from_html("<!> <form class=\"space-y-4\"><div class=\"space-y-2\"><!> <!> <!></div> <div class=\"space-y-2\"><!> <div id=\"tag-color\" class=\"flex flex-wrap gap-2\"><!> <label title=\"Custom color\"><input type=\"color\" class=\"absolute inset-0 h-full w-full cursor-pointer opacity-0\" aria-label=\"Custom color\"/></label></div></div> <!></form> <!>", 1);
+function j(j, M) {
+	w.push(M, !0);
+	let N = l(), P = [
+		"#ef4444",
+		"#f97316",
+		"#f59e0b",
+		"#eab308",
+		"#84cc16",
+		"#22c55e",
+		"#10b981",
+		"#06b6d4",
+		"#3b82f6",
+		"#8b5cf6",
+		"#ec4899"
+	], F = P[9], I = w.prop(M, "open", 15, !1), L = w.prop(M, "mode", 3, "create"), R = w.prop(M, "tag", 3, null), z = w.state(""), B = w.state(w.proxy(F)), V = w.state(null), H = w.state(null), U = w.state(!1), W = w.derived(() => L() === "edit"), G = w.derived(() => w.get(W) ? i() : o()), K = w.derived(() => w.get(U) ? t() : w.get(W) ? r() : n());
+	function q() {
+		w.set(z, ""), w.set(B, F, !0), w.set(V, null), w.set(H, null), w.set(U, !1);
+	}
+	function J(e) {
+		if (!e) {
+			q();
+			return;
+		}
+		w.set(z, e.name, !0), w.set(B, e.color ?? F, !0), w.set(V, null), w.set(H, null), w.set(U, !1);
+	}
+	function Y() {
+		I(!1), q(), M.onClose?.();
+	}
+	function X(e) {
+		e ? J(R()) : (q(), I(!1), M.onClose?.());
+	}
+	function Z(e) {
+		e.preventDefault(), w.set(V, null), w.set(H, null);
+		let t = w.get(z).trim();
+		if (t.length === 0) {
+			w.set(V, c(), !0);
+			return;
+		}
+		if (w.get(W) && R()) {
+			let e = x.safeParse({
+				name: t,
+				color: w.get(B)
+			});
+			if (!e.success) {
+				let t = e.error.issues[0];
+				w.set(V, t?.message ?? a(), !0);
+				return;
+			}
+			$(R().id, e.data);
+		} else {
+			let e = C.safeParse({
+				name: t,
+				color: w.get(B)
+			});
+			if (!e.success) {
+				let t = e.error.issues[0];
+				w.set(V, t?.message ?? a(), !0);
+				return;
+			}
+			Q(e.data.name, w.get(B));
+		}
+	}
+	async function Q(e, t) {
+		w.set(U, !0);
+		try {
+			let n = await S(e, t, N.fetch);
+			M.onCreated?.(n), Y();
+		} catch (e) {
+			w.set(H, e instanceof Error ? e.message : a(), !0), console.error("TagCreateDialog: createTag failed", e);
+		} finally {
+			w.set(U, !1);
+		}
+	}
+	async function $(e, t) {
+		w.set(U, !0);
+		try {
+			let n = await b(e, t, N.fetch);
+			M.onUpdated?.(n), Y();
+		} catch (e) {
+			w.set(H, e instanceof Error ? e.message : a(), !0), console.error("TagCreateDialog: updateTag failed", e);
+		} finally {
+			w.set(U, !1);
+		}
+	}
+	function ee(e) {
+		e.key === "Enter" && !w.get(U) && (e.preventDefault(), Z(new Event("submit")));
+	}
+	w.user_effect(() => {
+		I() && L() === "edit" && R() && (w.set(z, R().name, !0), w.set(B, R().color ?? F, !0), w.set(V, null), w.set(H, null));
+	}), m(j, {
+		onOpenChange: X,
+		get open() {
+			return I();
+		},
+		set open(e) {
+			I(e);
+		},
+		children: (t, n) => {
+			d(t, {
+				children: (t, n) => {
+					var r = A(), i = w.first_child(r);
+					p(i, {
+						children: (e, t) => {
+							var n = T(), r = w.first_child(n);
+							_(r, {
+								children: (e, t) => {
+									w.next();
+									var n = w.text();
+									w.template_effect(() => w.set_text(n, w.get(G))), w.append(e, n);
+								},
+								$$slots: { default: !0 }
+							}), f(w.sibling(r, 2), {
+								children: (e, t) => {
+									w.next();
+									var n = w.text();
+									w.template_effect((e) => w.set_text(n, e), [() => c()]), w.append(e, n);
+								},
+								$$slots: { default: !0 }
+							}), w.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+					var a = w.sibling(i, 2), o = w.child(a), l = w.child(o);
+					y(l, {
+						for: "tag-name",
+						class: "sr-only",
+						children: (e, t) => {
+							w.next();
+							var n = w.text();
+							w.template_effect((e) => w.set_text(n, e), [() => c()]), w.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+					var d = w.sibling(l, 2);
+					{
+						let e = w.derived(() => c()), t = w.derived(() => w.get(V) ? "true" : void 0), n = w.derived(() => w.get(V) ? "tag-name-error" : void 0);
+						v(d, {
+							id: "tag-name",
+							name: "name",
+							type: "text",
+							get placeholder() {
+								return w.get(e);
+							},
+							maxlength: 50,
+							required: !0,
+							get disabled() {
+								return w.get(U);
+							},
+							get "aria-invalid"() {
+								return w.get(t);
+							},
+							get "aria-describedby"() {
+								return w.get(n);
+							},
+							autocomplete: "off",
+							onkeydown: ee,
+							get value() {
+								return w.get(z);
+							},
+							set value(e) {
+								w.set(z, e, !0);
+							}
+						});
+					}
+					var m = w.sibling(d, 2), b = (e) => {
+						var t = E(), n = w.child(t, !0);
+						w.reset(t), w.template_effect(() => w.set_text(n, w.get(V))), w.append(e, t);
+					};
+					w.if(m, (e) => {
+						w.get(V) && e(b);
+					}), w.reset(o);
+					var x = w.sibling(o, 2), S = w.child(x);
+					y(S, {
+						for: "tag-color",
+						class: "text-xs text-muted-foreground",
+						children: (e, t) => {
+							w.next();
+							var n = w.text("Color");
+							w.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+					var C = w.sibling(S, 2), j = w.child(C);
+					w.each(j, 16, () => P, (e) => e, (e, t) => {
+						let n = w.derived(() => w.get(B) === t);
+						var r = D();
+						w.template_effect((e) => {
+							w.set_class(r, 1, e), w.set_style(r, `background-color: ${t ?? ""};`), w.set_attribute(r, "aria-label", `Color ${t ?? ""}`), w.set_attribute(r, "aria-pressed", w.get(n)), r.disabled = w.get(U);
+						}, [() => w.clsx(u("size-6 shrink-0 rounded-full border-2 transition-all", w.get(n) ? "scale-110 border-foreground" : "border-transparent hover:scale-105"))]), w.delegated("click", r, () => w.set(B, t, !0)), w.append(e, r);
+					});
+					var M = w.sibling(j, 2), N = w.child(M);
+					w.remove_input_defaults(N), w.reset(M), w.reset(C), w.reset(x);
+					var F = w.sibling(x, 2), I = (e) => {
+						var t = O(), n = w.child(t, !0);
+						w.reset(t), w.template_effect(() => w.set_text(n, w.get(H))), w.append(e, t);
+					};
+					w.if(F, (e) => {
+						w.get(H) && e(I);
+					}), w.reset(a), h(w.sibling(a, 2), {
+						class: "gap-2 max-sm:flex-col max-sm:items-stretch",
+						children: (t, n) => {
+							var r = T(), i = w.first_child(r);
+							g(i, {
+								variant: "outline",
+								type: "button",
+								onclick: Y,
+								get disabled() {
+									return w.get(U);
+								},
+								children: (e, t) => {
+									w.next();
+									var n = w.text();
+									w.template_effect((e) => w.set_text(n, e), [() => s()]), w.append(e, n);
+								},
+								$$slots: { default: !0 }
+							});
+							var a = w.sibling(i, 2);
+							{
+								let t = w.derived(() => w.get(U) || w.get(z).trim().length === 0);
+								g(a, {
+									type: "submit",
+									onclick: Z,
+									get disabled() {
+										return w.get(t);
+									},
+									children: (t, n) => {
+										var r = k(), i = w.first_child(r), a = (t) => {
+											e(t, { class: "mr-1 size-4 animate-spin" });
+										};
+										w.if(i, (e) => {
+											w.get(U) && e(a);
+										});
+										var o = w.sibling(i);
+										w.template_effect(() => w.set_text(o, ` ${w.get(K) ?? ""}`)), w.append(t, r);
+									},
+									$$slots: { default: !0 }
+								});
+							}
+							w.append(t, r);
+						},
+						$$slots: { default: !0 }
+					}), w.template_effect((e) => {
+						w.set_class(M, 1, e), w.set_style(M, `background-color: ${w.get(B) ?? ""};`), w.set_value(N, w.get(B)), N.disabled = w.get(U);
+					}, [() => w.clsx(u("relative inline-flex size-6 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-full border-2 transition-all", P.includes(w.get(B)) ? "border-transparent hover:scale-105" : "scale-110 border-foreground"))]), w.event("submit", a, Z), w.delegated("input", N, (e) => w.set(B, e.currentTarget.value, !0)), w.append(t, r);
+				},
+				$$slots: { default: !0 }
+			});
+		},
+		$$slots: { default: !0 }
+	}), w.pop();
+}
+w.delegate(["click", "input"]);
+//#endregion
+export { j as t };

package/dist/frontend/app-shell.d.ts

@@ -15,6 +15,8 @@ export interface DocsmintRequestAdapter { fetch: typeof fetch; }
 export interface DocsmintRealtimeConnection { serverUrl: string; roomName: string; params?: Record<string, string>; }
 export interface DocsmintRealtimeAdapter { resolveRealtimeConnection(input: { documentId: string; accessToken?: string }): DocsmintRealtimeConnection; }
 export declare function getDocsmintRealtimeAdapter(): DocsmintRealtimeAdapter | undefined;
-export interface DocsmintAppShellHostProps { route: DocsmintRouteAdapter; request?: DocsmintRequestAdapter; realtime?: DocsmintRealtimeAdapter; extensions?: Record<string, unknown>; children: Snippet; }
+export interface DocsmintShareAdapter { displayMode: "host-managed" | "standalone"; }
+export declare function getDocsmintShareAdapter(): DocsmintShareAdapter;
+export interface DocsmintAppShellHostProps { route: DocsmintRouteAdapter; request?: DocsmintRequestAdapter; realtime?: DocsmintRealtimeAdapter; share?: DocsmintShareAdapter; extensions?: Record<string, unknown>; children: Snippet; }
 export declare const DocsmintAppShellHost: Component<DocsmintAppShellHostProps>;
 export declare function getDocsmintRequestAdapter(): DocsmintRequestAdapter;