@parallelworks/tandem-web 0.140.0 → 0.141.1

package/components/Editor.js

@@ -3,87 +3,88 @@ import { Callout as l } from "./callout.js";
 import { DetailsContent as u, DetailsSummary as d, Toggle as f } from "./toggle.js";
 import { Columns as p } from "./columns.js";
 import { DateChip as m } from "./DateChip.js";
-import { DocLinkPicker as h } from "./DocLinkPicker.js";
-import { IssueListBlock as g } from "./IssueListBlock.js";
-import { LinkCard as _ } from "./LinkCard.js";
+import { DocButton as h } from "./DocButton.js";
+import { DocLinkPicker as g } from "./DocLinkPicker.js";
+import { IssueListBlock as _ } from "./IssueListBlock.js";
+import { LinkCard as ee } from "./LinkCard.js";
 import { MentionPicker as v } from "./MentionPicker.js";
 import { Diagrams as y, MathBlock as b, MathInline as x } from "./mathDiagrams.js";
 import { SlashMenu as S } from "./SlashMenu.js";
-import { SubPages as ee } from "./SubPages.js";
-import { MarkdownTable as te } from "./table.js";
-import { useEffect as C, useRef as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EditorContent as O, useEditor as k } from "@tiptap/react";
-import { CodeBlockLowlight as A } from "@tiptap/extension-code-block-lowlight";
-import { TaskItem as j, TaskList as M } from "@tiptap/extension-list";
-import { TableKit as N } from "@tiptap/extension-table";
-import { Placeholder as P } from "@tiptap/extensions";
-import { Markdown as F } from "@tiptap/markdown";
-import I from "@tiptap/starter-kit";
-import L from "highlight.js/lib/languages/bash";
-import R from "highlight.js/lib/languages/css";
-import ne from "highlight.js/lib/languages/diff";
-import z from "highlight.js/lib/languages/dockerfile";
-import B from "highlight.js/lib/languages/go";
-import V from "highlight.js/lib/languages/ini";
-import H from "highlight.js/lib/languages/javascript";
-import U from "highlight.js/lib/languages/json";
-import W from "highlight.js/lib/languages/markdown";
-import G from "highlight.js/lib/languages/python";
-import K from "highlight.js/lib/languages/rust";
-import q from "highlight.js/lib/languages/shell";
-import J from "highlight.js/lib/languages/sql";
-import Y from "highlight.js/lib/languages/typescript";
-import X from "highlight.js/lib/languages/xml";
-import Z from "highlight.js/lib/languages/yaml";
-import { createLowlight as re } from "lowlight";
+import { SubPages as te } from "./SubPages.js";
+import { MarkdownTable as C } from "./table.js";
+import { useEffect as w, useRef as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EditorContent as k, useEditor as A } from "@tiptap/react";
+import { CodeBlockLowlight as j } from "@tiptap/extension-code-block-lowlight";
+import { TaskItem as M, TaskList as N } from "@tiptap/extension-list";
+import { TableKit as P } from "@tiptap/extension-table";
+import { Placeholder as F } from "@tiptap/extensions";
+import { Markdown as I } from "@tiptap/markdown";
+import L from "@tiptap/starter-kit";
+import R from "highlight.js/lib/languages/bash";
+import ne from "highlight.js/lib/languages/css";
+import z from "highlight.js/lib/languages/diff";
+import B from "highlight.js/lib/languages/dockerfile";
+import V from "highlight.js/lib/languages/go";
+import H from "highlight.js/lib/languages/ini";
+import U from "highlight.js/lib/languages/javascript";
+import W from "highlight.js/lib/languages/json";
+import G from "highlight.js/lib/languages/markdown";
+import K from "highlight.js/lib/languages/python";
+import q from "highlight.js/lib/languages/rust";
+import J from "highlight.js/lib/languages/shell";
+import Y from "highlight.js/lib/languages/sql";
+import X from "highlight.js/lib/languages/typescript";
+import Z from "highlight.js/lib/languages/xml";
+import re from "highlight.js/lib/languages/yaml";
+import { createLowlight as ie } from "lowlight";
 // src/components/Editor.tsx
-var ie = re({
-	bash: L,
-	css: R,
-	diff: ne,
-	dockerfile: z,
-	go: B,
-	ini: V,
-	javascript: H,
-	json: U,
-	markdown: W,
-	python: G,
-	rust: K,
-	shell: q,
-	sql: J,
-	typescript: Y,
-	xml: X,
-	yaml: Z
+var ae = ie({
+	bash: R,
+	css: ne,
+	diff: z,
+	dockerfile: B,
+	go: V,
+	ini: H,
+	javascript: U,
+	json: W,
+	markdown: G,
+	python: K,
+	rust: q,
+	shell: J,
+	sql: Y,
+	typescript: X,
+	xml: Z,
+	yaml: re
 });
-function Q({ editable: h = !0, placeholder: v = "", collaborative: S = !1 } = {}) {
+function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}) {
 	return [
-		I.configure({
+		L.configure({
 			link: {
-				openOnClick: !h,
+				openOnClick: !g,
 				autolink: !0
 			},
 			codeBlock: !1,
 			blockquote: !1,
-			...h && !S ? {} : { trailingNode: !1 },
+			...g && !S ? {} : { trailingNode: !1 },
 			...S ? { undoRedo: !1 } : {}
 		}),
-		A.configure({ lowlight: ie }),
+		j.configure({ lowlight: ae }),
 		l,
-		M,
-		j.configure({ nested: !0 }),
+		N,
+		M.configure({ nested: !0 }),
 		f,
-		ee,
+		te,
 		d,
 		u,
 		p,
-		N.configure({ table: !1 }),
-		te.configure({
+		P.configure({ table: !1 }),
+		C.configure({
 			resizable: !1,
 			allowTableNodeSelection: !1
 		}),
-		P.configure({ placeholder: v }),
-		F,
+		F.configure({ placeholder: v }),
+		I,
 		a,
 		r,
 		n,
@@ -93,11 +94,12 @@ function Q({ editable: h = !0, placeholder: v = "", collaborative: S = !1 } = {}
 		s,
 		c,
 		i,
-		_,
+		h,
+		ee,
 		x,
 		b,
 		y,
-		g,
+		_,
 		m
 	];
 }
@@ -116,8 +118,8 @@ function $(e) {
 		}
 	};
 }
-function ae({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
-	let f = w({
+function oe({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
+	let f = T({
 		onChange: t,
 		onSubmit: n,
 		onBlur: r,
@@ -129,9 +131,9 @@ function ae({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeho
 		onBlur: r,
 		onFocus: i
 	};
-	let p = w(u);
+	let p = T(u);
 	p.current = u;
-	let m = k({
+	let m = A({
 		extensions: Q({
 			editable: o,
 			placeholder: a ?? ""
@@ -158,23 +160,23 @@ function ae({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeho
 		onBlur: ({ editor: e }) => f.current.onBlur?.(e.getMarkdown()),
 		onFocus: () => f.current.onFocus?.()
 	});
-	C(() => {
+	w(() => {
 		m && !m.isFocused && m.getMarkdown() !== e && m.commands.setContent(e, {
 			contentType: "markdown",
 			emitUpdate: !1
 		});
-	}, [m, e]), C(() => {
+	}, [m, e]), w(() => {
 		m?.setEditable(o);
 	}, [m, o]);
-	let g = w(d);
-	return g.current = d, C(() => (g.current?.(m), () => g.current?.(null)), [m]), /* @__PURE__ */ D(T, { children: [
-		/* @__PURE__ */ E(O, { editor: m }),
-		o && /* @__PURE__ */ E(h, { editor: m }),
-		o && /* @__PURE__ */ E(S, {
+	let h = T(d);
+	return h.current = d, w(() => (h.current?.(m), () => h.current?.(null)), [m]), /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ D(k, { editor: m }),
+		o && /* @__PURE__ */ D(g, { editor: m }),
+		o && /* @__PURE__ */ D(S, {
 			editor: m,
 			onFiles: p
 		}),
-		o && /* @__PURE__ */ E(v, { editor: m })
+		o && /* @__PURE__ */ D(v, { editor: m })
 	] });
 }
-export { ae as Editor, Q as contentExtensions, $ as fileHandlers };
+export { oe as Editor, Q as contentExtensions, $ as fileHandlers };

package/components/SlashMenu.js

@@ -58,6 +58,7 @@ var w = {
 	file: "↥",
 	table: "▦",
 	docLink: "[[",
+	button: "▭",
 	issueList: "☰",
 	date: "@",
 	page: "+",
@@ -103,6 +104,7 @@ var w = {
 		withHeaderRow: !0
 	}),
 	docLink: (e) => e.insertContent("[["),
+	button: (e) => e.insertContent({ type: "docButton" }),
 	issueList: (e) => e.insertContent({ type: "issueList" }),
 	date: (e) => e.insertContent([{
 		type: "dateChip",

package/lib/docs.js

@@ -1,99 +1,126 @@
 import { appURL as e, basePath as t } from "./base.js";
 import { api as n, unwrap as r } from "../api/client.js";
 import { useNavigate as i } from "./router.js";
-import { docsQuery as a, teamsQuery as o } from "../api/queries.js";
-import { useFavorites as s } from "./favorites.js";
-import { copyItem as c, useLinkItems as l } from "./menus.js";
-import { openShare as u } from "./share.js";
-import { menuDivider as d } from "@parallelworks/ui";
-import { useCallback as f } from "react";
-import { useTranslations as p } from "use-intl";
-import { useMutation as m, useQuery as h, useQueryClient as g } from "@tanstack/react-query";
+import { docTemplatesQuery as a, docsQuery as o, meQuery as s, teamsQuery as c } from "../api/queries.js";
+import { useFavorites as l } from "./favorites.js";
+import { copyItem as u, useLinkItems as d } from "./menus.js";
+import { openShare as f } from "./share.js";
+import { menuDivider as p } from "@parallelworks/ui";
+import { useCallback as m } from "react";
+import { useFormatter as h, useTranslations as g } from "use-intl";
+import { useMutation as _, useQuery as v, useQueryClient as y } from "@tanstack/react-query";
 // src/lib/docs.tsx
-function _(e) {
+function b(e) {
 	return e.ref || (e.slug ? `${e.slug}-${e.key}` : e.key);
 }
-function v(e) {
+function x(e) {
 	let t = (e.split("-").pop() ?? e).toLowerCase();
 	return /^[a-z2-7]{10}$/.test(t) ? t : e.toLowerCase();
 }
-function y(e, t) {
-	return `/${e}/docs/${_(t)}`;
+function S() {
+	let e = h(), { data: t } = v(s);
+	return m(() => {
+		let n = /* @__PURE__ */ new Date();
+		return {
+			date: e.dateTime(n, { dateStyle: "long" }),
+			time: e.dateTime(n, { timeStyle: "short" }),
+			author: t?.user.name ?? ""
+		};
+	}, [e, t]);
 }
-function b(e) {
-	let t = g(), a = i(), o = p("docs"), s = () => t.invalidateQueries({ queryKey: [
+function C(e, t) {
+	return `/${e}/docs/${b(t)}`;
+}
+function w(e) {
+	let t = y(), o = i(), s = g("docs"), l = () => t.invalidateQueries({ queryKey: [
 		"workspace",
 		e,
 		"docs"
-	] }), c = (t) => ({ path: {
+	] }), u = (t) => ({ path: {
 		workspace: e,
 		doc: t
-	} });
-	return {
-		create: m({
-			mutationFn: async ({ team: t, parent: i, template: a }) => r(await n.POST("/api/v1/workspaces/{workspace}/docs", {
+	} }), d = S(), f = _({
+		mutationFn: async ({ team: t, parent: i, template: a }) => {
+			let o = a ?? await C(t, i);
+			return r(await n.POST("/api/v1/workspaces/{workspace}/docs", {
 				params: { path: { workspace: e } },
 				body: {
-					...a ? { template: a } : { title: o("untitled") },
+					...o ? {
+						template: o,
+						variables: d()
+					} : { title: s("untitled") },
 					...t && { team: t },
 					...i && { parent: i.key }
 				}
-			})),
-			onSuccess: (t) => {
-				s(), a({
-					to: "/$workspace/docs/$doc",
-					params: {
-						workspace: e,
-						doc: _(t)
-					},
-					search: { rename: !0 }
-				});
+			}));
+		},
+		onSuccess: (t) => {
+			l(), o({
+				to: "/$workspace/docs/$doc",
+				params: {
+					workspace: e,
+					doc: b(t)
+				},
+				search: { rename: !0 }
+			});
+		}
+	}), p = _({
+		mutationFn: async ({ doc: e, title: t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
+			params: u(e.key),
+			body: { title: t }
+		})),
+		onSettled: l
+	}), m = _({
+		mutationFn: async ({ doc: e, area: t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
+			params: u(e.key),
+			body: { area: t }
+		})),
+		onSettled: l
+	}), h = _({
+		mutationFn: async ({ doc: e, space: t, parent: i, after: a, before: o }) => r(await n.POST("/api/v1/workspaces/{workspace}/docs/{doc}/move", {
+			params: u(e.key),
+			body: {
+				...t && { space: t },
+				...i && { parent: i.key },
+				...a && { after: a.key },
+				...o && { before: o.key }
 			}
-		}),
-		rename: m({
-			mutationFn: async ({ doc: e, title: t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
-				params: c(e.key),
-				body: { title: t }
-			})),
-			onSettled: s
-		}),
-		fileUnder: m({
-			mutationFn: async ({ doc: e, area: t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
-				params: c(e.key),
-				body: { area: t }
-			})),
-			onSettled: s
-		}),
-		move: m({
-			mutationFn: async ({ doc: e, space: t, parent: i, after: a, before: o }) => r(await n.POST("/api/v1/workspaces/{workspace}/docs/{doc}/move", {
-				params: c(e.key),
-				body: {
-					...t && { space: t },
-					...i && { parent: i.key },
-					...a && { after: a.key },
-					...o && { before: o.key }
-				}
-			})),
-			onSettled: s
-		}),
-		archive: m({
-			mutationFn: async (e) => r(await n.POST("/api/v1/workspaces/{workspace}/docs/{doc}/archive", { params: c(e.key) })),
-			onSettled: s
-		}),
-		restore: m({
-			mutationFn: async (e) => r(await n.POST("/api/v1/workspaces/{workspace}/docs/{doc}/restore", { params: c(e.key) })),
-			onSettled: s
-		}),
-		setTemplate: m({
+		})),
+		onSettled: l
+	}), v = _({
+		mutationFn: async (e) => r(await n.POST("/api/v1/workspaces/{workspace}/docs/{doc}/archive", { params: u(e.key) })),
+		onSettled: l
+	}), x = _({
+		mutationFn: async (e) => r(await n.POST("/api/v1/workspaces/{workspace}/docs/{doc}/restore", { params: u(e.key) })),
+		onSettled: l
+	}), C = async (n, r) => {
+		let [i, o] = await Promise.all([t.fetchQuery(a(e)), t.fetchQuery(c(e))]), s = r ? r.teamId ?? "" : o.find((e) => e.key === n)?.id ?? "";
+		return i.find((e) => e.spaceDefault && (e.teamId ?? "") === s)?.id;
+	}, w = _({
+		mutationFn: async ({ doc: e, spaceDefault: t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
+			params: u(e.key),
+			body: { spaceDefault: t }
+		})),
+		onSettled: l
+	});
+	return {
+		create: f,
+		rename: p,
+		fileUnder: m,
+		move: h,
+		archive: v,
+		restore: x,
+		setTemplate: _({
 			mutationFn: async ({ doc: e, template: t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
-				params: c(e.key),
+				params: u(e.key),
 				body: { template: t }
 			})),
-			onSettled: s
+			onSettled: l
 		}),
-		setLook: m({
+		setSpaceDefault: w,
+		setLook: _({
 			mutationFn: async ({ doc: e, ...t }) => r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
-				params: c(e.key),
+				params: u(e.key),
 				body: t
 			})),
 			onMutate: ({ doc: n, ...r }) => {
@@ -106,30 +133,30 @@ function b(e) {
 					...r
 				} : e);
 			},
-			onSettled: s
+			onSettled: l
 		}),
-		duplicate: m({
+		duplicate: _({
 			mutationFn: async ({ doc: t, team: i }) => {
-				let a = r(await n.GET("/api/v1/workspaces/{workspace}/docs/{doc}", { params: c(t.key) })), s = a.ancestors?.at(-1)?.key, l = r(await n.POST("/api/v1/workspaces/{workspace}/docs", {
+				let a = r(await n.GET("/api/v1/workspaces/{workspace}/docs/{doc}", { params: u(t.key) })), o = a.ancestors?.at(-1)?.key, c = r(await n.POST("/api/v1/workspaces/{workspace}/docs", {
 					params: { path: { workspace: e } },
 					body: {
-						title: o("copyOf", { title: a.title }),
+						title: s("copyOf", { title: a.title }),
 						body: a.body ?? "",
 						...i && { team: i },
-						...s && { parent: s }
+						...o && { parent: o }
 					}
 				}));
 				return a.icon ? r(await n.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}", {
-					params: c(l.key),
+					params: u(c.key),
 					body: { icon: a.icon }
-				})) : l;
+				})) : c;
 			},
 			onSuccess: (t) => {
-				s(), a({
+				l(), o({
 					to: "/$workspace/docs/$doc",
 					params: {
 						workspace: e,
-						doc: _(t)
+						doc: b(t)
 					},
 					search: { rename: !0 }
 				});
@@ -137,73 +164,73 @@ function b(e) {
 		})
 	};
 }
-function x(e) {
-	let t = i(), n = p("docs"), r = p("common"), m = p("favorites"), g = l(), v = s(e), x = b(e), { data: S = [] } = h(o(e)), { data: w = [] } = h(a(e, { top: !0 }));
-	return f((i, { onRename: a } = {}) => {
-		let o = S.find((e) => e.id === i.teamId), s = o?.key ?? "workspace", l = {
+function T(e) {
+	let t = i(), n = g("docs"), r = g("common"), a = g("favorites"), s = d(), h = l(e), _ = w(e), { data: y = [] } = v(c(e)), { data: x = [] } = v(o(e, { top: !0 }));
+	return m((i, { onRename: o } = {}) => {
+		let c = y.find((e) => e.id === i.teamId), l = c?.key ?? "workspace", d = {
 			label: r("open"),
 			onClick: () => t({
 				to: "/$workspace/docs/$doc",
 				params: {
 					workspace: e,
-					doc: _(i)
+					doc: b(i)
 				}
 			})
-		}, f = [...g(y(e, i)), c(n("copyKey"), i.key)];
+		}, m = [...s(C(e, i)), u(n("copyKey"), i.key)];
 		if (i.archivedAt) return [
-			l,
+			d,
 			{
 				label: n("restore"),
-				onClick: () => x.restore.mutate(i)
+				onClick: () => _.restore.mutate(i)
 			},
-			d,
-			...f
+			p,
+			...m
 		];
-		let p = w.filter((e) => e.id !== i.id), h = [{
+		let g = x.filter((e) => e.id !== i.id), v = [{
 			key: "workspace",
 			name: n("workspaceSpace")
-		}, ...S.filter((e) => !e.archivedAt).map((e) => ({
+		}, ...y.filter((e) => !e.archivedAt).map((e) => ({
 			key: e.key,
 			name: e.name
 		}))];
 		return [
-			l,
+			d,
 			{
 				label: n("newInside"),
-				onClick: () => x.create.mutate({ parent: i })
+				onClick: () => _.create.mutate({ parent: i })
 			},
 			{
 				label: n("duplicate"),
-				onClick: () => x.duplicate.mutate({
+				onClick: () => _.duplicate.mutate({
 					doc: i,
-					team: o?.key
+					team: c?.key
 				})
 			},
-			...a ? [{
+			...o ? [{
 				label: n("rename"),
-				onClick: a
+				onClick: o
 			}] : [],
 			{
 				label: n("moveTo"),
 				items: [
-					...h.map((e) => {
-						let t = !i.parentId && e.key === s;
+					...v.map((e) => {
+						let t = !i.parentId && e.key === l;
 						return {
 							label: n("topOf", { space: e.name }),
 							checked: t,
 							disabled: t,
-							onClick: () => x.move.mutate({
+							onClick: () => _.move.mutate({
 								doc: i,
 								space: e.key
 							})
 						};
 					}),
-					...p.length > 0 ? [d] : [],
-					...p.map((e) => ({
+					...g.length > 0 ? [p] : [],
+					...g.map((e) => ({
 						label: e.title,
 						checked: e.id === i.parentId,
 						disabled: e.id === i.parentId,
-						onClick: () => x.move.mutate({
+						onClick: () => _.move.mutate({
 							doc: i,
 							parent: e
 						})
@@ -212,64 +239,72 @@ function x(e) {
 			},
 			{
 				label: n("share"),
-				onClick: () => u({
+				onClick: () => f({
 					doc: i.key,
 					title: i.title
 				})
 			},
 			{
-				label: v.find("doc", i.id) ? m("remove") : m("add"),
-				onClick: () => v.toggle("doc", i.id)
+				label: h.find("doc", i.id) ? a("remove") : a("add"),
+				onClick: () => h.toggle("doc", i.id)
 			},
 			{
 				label: n("look.fullWidth"),
 				checked: !!i.fullWidth,
-				onClick: () => x.setLook.mutate({
+				onClick: () => _.setLook.mutate({
 					doc: i,
 					fullWidth: !i.fullWidth
 				})
 			},
 			{
 				label: i.template ? n("stopTemplate") : n("useAsTemplate"),
-				onClick: () => x.setTemplate.mutate({
+				onClick: () => _.setTemplate.mutate({
 					doc: i,
 					template: !i.template
 				})
 			},
+			...i.template ? [{
+				label: n("spaceDefault"),
+				checked: !!i.spaceDefault,
+				onClick: () => _.setSpaceDefault.mutate({
+					doc: i,
+					spaceDefault: !i.spaceDefault
+				})
+			}] : [],
 			{
 				label: n("exportMarkdown"),
-				onClick: () => C(e, { doc: i.key })
+				onClick: () => D(e, { doc: i.key })
 			},
-			d,
-			...f,
-			d,
+			p,
+			...m,
+			p,
 			{
 				label: n("archive"),
 				destructive: !0,
-				onClick: () => x.archive.mutate(i)
+				onClick: () => _.archive.mutate(i)
 			}
 		];
 	}, [
-		S,
-		w,
+		y,
+		x,
 		e,
 		t,
-		g,
-		v,
-		x,
+		s,
+		h,
+		_,
 		n,
 		r,
-		m
+		a
 	]);
 }
-function S(t, n) {
-	return e(y(t, n));
+function E(t, n) {
+	return e(C(t, n));
 }
-function C(e, n) {
+function D(e, n) {
 	let r = new URLSearchParams({
 		...n,
 		...n.space && { knowledge: "true" }
 	}), i = document.createElement("a");
 	i.href = `${t}/api/v1/workspaces/${encodeURIComponent(e)}/docs/export?${r}`, i.download = "", i.click();
 }
-export { v as docKey, y as docPath, _ as docRef, S as docURL, C as downloadMarkdown, b as useDocActions, x as useDocMenu };
+export { x as docKey, C as docPath, b as docRef, E as docURL, D as downloadMarkdown, w as useDocActions, T as useDocMenu, S as useTemplateValues };