@parallelworks/tandem-web 0.140.0 → 0.141.0

package/_virtual/_virtual_i18n/en/common.js

@@ -1281,6 +1281,7 @@ var e = {
 		description: "A team has its own issues, workflow and members. Its key starts each issue ID, as in ENG-42."
 	},
 	docs: {
+		spaceDefault: "Start new docs in this space from it",
 		duplicate: "Duplicate",
 		copyOf: "Copy of {title}",
 		subPages: "Sub-pages",
@@ -2239,6 +2240,22 @@ var e = {
 		copyLink: "Copy link to heading",
 		delete: "Delete"
 	},
+	docButton: {
+		untitled: "Button",
+		edit: "Change the button",
+		label: "Label",
+		labelPlaceholder: "Add this week",
+		does: "When pressed",
+		insert: "Insert blocks",
+		makeDoc: "Make a doc",
+		blocks: "Blocks to insert, in Markdown",
+		blocksPlaceholder: "## Week of '{{date}}'\n\n- [ ] ",
+		placeholders: "'{{date}}', '{{time}}' and '{{author}}' are filled in when it's pressed.",
+		template: "Template",
+		chooseTemplate: "Choose a template",
+		parent: "Under",
+		thisDoc: "This doc"
+	},
 	linkCard: {
 		address: "Address of the page",
 		make: "Make card",
@@ -2373,6 +2390,11 @@ var e = {
 			hint: "Rows and columns",
 			keywords: "grid columns rows"
 		},
+		button: {
+			label: "Button",
+			hint: "A button that inserts blocks or makes a doc from a template",
+			keywords: "button template insert repeat weekly"
+		},
 		diagram: {
 			label: "Diagram",
 			hint: "A flowchart, sequence, state or Gantt diagram drawn from Mermaid text",

package/_virtual/_virtual_i18n/es/common.js

@@ -1281,6 +1281,7 @@ var e = {
 		description: "Un equipo tiene sus propias incidencias, flujo de trabajo y miembros. Su clave inicia el ID de cada incidencia, como en ENG-42."
 	},
 	docs: {
+		spaceDefault: "Empezar los documentos nuevos de este espacio con ella",
 		duplicate: "Duplicar",
 		copyOf: "Copia de {title}",
 		subPages: "Subpáginas",
@@ -2239,6 +2240,22 @@ var e = {
 		copyLink: "Copiar enlace al encabezado",
 		delete: "Eliminar"
 	},
+	docButton: {
+		untitled: "Botón",
+		edit: "Cambiar el botón",
+		label: "Etiqueta",
+		labelPlaceholder: "Añadir esta semana",
+		does: "Al pulsarlo",
+		insert: "Insertar bloques",
+		makeDoc: "Crear un documento",
+		blocks: "Bloques que inserta, en Markdown",
+		blocksPlaceholder: "## Semana del '{{date}}'\n\n- [ ] ",
+		placeholders: "'{{date}}', '{{time}}' y '{{author}}' se rellenan al pulsarlo.",
+		template: "Plantilla",
+		chooseTemplate: "Elige una plantilla",
+		parent: "Dentro de",
+		thisDoc: "Este documento"
+	},
 	linkCard: {
 		address: "Dirección de la página",
 		make: "Crear tarjeta",
@@ -2373,6 +2390,11 @@ var e = {
 			hint: "Filas y columnas",
 			keywords: "cuadrícula columnas filas grid columns rows"
 		},
+		button: {
+			label: "Botón",
+			hint: "Un botón que inserta bloques o crea un documento desde una plantilla",
+			keywords: "botón plantilla insertar repetir button"
+		},
 		diagram: {
 			label: "Diagrama",
 			hint: "Un diagrama de flujo, secuencia, estados o Gantt a partir de texto Mermaid",

package/_virtual/_virtual_i18n/ja/common.js

@@ -1281,6 +1281,7 @@ var e = {
 		description: "チームには独自の課題、ワークフロー、メンバーがあります。チームのキーは ENG-42 のように各課題 ID の先頭に付きます。"
 	},
 	docs: {
+		spaceDefault: "このスペースの新しいドキュメントに使う",
 		duplicate: "複製",
 		copyOf: "{title} のコピー",
 		subPages: "サブページ",
@@ -2239,6 +2240,22 @@ var e = {
 		copyLink: "見出しへのリンクをコピー",
 		delete: "削除"
 	},
+	docButton: {
+		untitled: "ボタン",
+		edit: "ボタンを変更",
+		label: "ラベル",
+		labelPlaceholder: "今週を追加",
+		does: "押したとき",
+		insert: "ブロックを挿入",
+		makeDoc: "ドキュメントを作成",
+		blocks: "挿入するブロック（Markdown）",
+		blocksPlaceholder: "## '{{date}}' の週\n\n- [ ] ",
+		placeholders: "'{{date}}'、'{{time}}'、'{{author}}' は押したときに埋まります。",
+		template: "テンプレート",
+		chooseTemplate: "テンプレートを選択",
+		parent: "親",
+		thisDoc: "このドキュメント"
+	},
 	linkCard: {
 		address: "ページのアドレス",
 		make: "カードを作成",
@@ -2373,6 +2390,11 @@ var e = {
 			hint: "行と列",
 			keywords: "grid columns rows 表 テーブル 行 列"
 		},
+		button: {
+			label: "ボタン",
+			hint: "ブロックを挿入したりテンプレートからドキュメントを作るボタン",
+			keywords: "ボタン テンプレート 挿入 button"
+		},
 		diagram: {
 			label: "図",
 			hint: "Mermaid のテキストから描くフローチャート、シーケンス、状態、ガントの図",

package/_virtual/_virtual_i18n/ko/common.js

@@ -1281,6 +1281,7 @@ var e = {
 		description: "팀마다 고유한 이슈, 워크플로, 멤버가 있습니다. 팀 키는 ENG-42처럼 각 이슈 ID의 앞부분이 됩니다."
 	},
 	docs: {
+		spaceDefault: "이 스페이스의 새 문서에 사용",
 		duplicate: "복제",
 		copyOf: "{title} 사본",
 		subPages: "하위 페이지",
@@ -2239,6 +2240,22 @@ var e = {
 		copyLink: "제목 링크 복사",
 		delete: "삭제"
 	},
+	docButton: {
+		untitled: "버튼",
+		edit: "버튼 변경",
+		label: "레이블",
+		labelPlaceholder: "이번 주 추가",
+		does: "누르면",
+		insert: "블록 넣기",
+		makeDoc: "문서 만들기",
+		blocks: "넣을 블록(Markdown)",
+		blocksPlaceholder: "## '{{date}}' 주\n\n- [ ] ",
+		placeholders: "'{{date}}', '{{time}}', '{{author}}'는 누를 때 채워집니다.",
+		template: "템플릿",
+		chooseTemplate: "템플릿 선택",
+		parent: "상위",
+		thisDoc: "이 문서"
+	},
 	linkCard: {
 		address: "페이지 주소",
 		make: "카드 만들기",
@@ -2373,6 +2390,11 @@ var e = {
 			hint: "행과 열",
 			keywords: "표 테이블 그리드 열 행 grid columns rows"
 		},
+		button: {
+			label: "버튼",
+			hint: "블록을 넣거나 템플릿으로 문서를 만드는 버튼",
+			keywords: "버튼 템플릿 삽입 button"
+		},
 		diagram: {
 			label: "다이어그램",
 			hint: "Mermaid 텍스트로 그리는 순서도, 시퀀스, 상태, 간트 다이어그램",

package/_virtual/_virtual_i18n/zh/common.js

@@ -1281,6 +1281,7 @@ var e = {
 		description: "团队拥有自己的议题、工作流和成员。团队标识会作为每个议题 ID 的开头，例如 ENG-42。"
 	},
 	docs: {
+		spaceDefault: "此空间的新文档从它开始",
 		duplicate: "复制一份",
 		copyOf: "{title} 的副本",
 		subPages: "子页面",
@@ -2239,6 +2240,22 @@ var e = {
 		copyLink: "复制标题链接",
 		delete: "删除"
 	},
+	docButton: {
+		untitled: "按钮",
+		edit: "更改按钮",
+		label: "标签",
+		labelPlaceholder: "添加本周",
+		does: "按下时",
+		insert: "插入块",
+		makeDoc: "创建文档",
+		blocks: "要插入的块（Markdown）",
+		blocksPlaceholder: "## '{{date}}' 当周\n\n- [ ] ",
+		placeholders: "按下时会填入 '{{date}}'、'{{time}}' 和 '{{author}}'。",
+		template: "模板",
+		chooseTemplate: "选择模板",
+		parent: "上级",
+		thisDoc: "此文档"
+	},
 	linkCard: {
 		address: "页面地址",
 		make: "创建卡片",
@@ -2373,6 +2390,11 @@ var e = {
 			hint: "行和列",
 			keywords: "表格 网格 列 行 grid columns rows"
 		},
+		button: {
+			label: "按钮",
+			hint: "插入块或从模板创建文档的按钮",
+			keywords: "按钮 模板 插入 button"
+		},
 		diagram: {
 			label: "图表",
 			hint: "用 Mermaid 文本绘制的流程图、时序图、状态图或甘特图",

package/components/DocButton.js

@@ -0,0 +1,221 @@
+import { api as e, unwrap as t } from "../api/client.js";
+import { docQuery as n, docTemplatesQuery as r, docsQuery as i } from "../api/queries.js";
+import { EditIcon as a } from "./icons.js";
+import { docKey as o, docRef as s, useTemplateValues as c } from "../lib/docs.js";
+import { closingFence as l } from "./toggle.js";
+import { Button as u, Combobox as d, IconButton as f, Input as p, Popover as m, SegmentedControl as h, Select as g, Textarea as _ } from "@parallelworks/ui";
+import { useNavigate as v, useParams as y } from "@tanstack/react-router";
+import { useState as b } from "react";
+import { useTranslations as x } from "use-intl";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useQuery as w } from "@tanstack/react-query";
+import { Node as T, NodeViewWrapper as E, ReactNodeViewRenderer as D, mergeAttributes as O } from "@tiptap/react";
+// src/components/DocButton.tsx
+var k = /^:::button[ \t]*([^\n]*)\n/, A = /\s+(template|parent)=([\w-]+)/g, j = T.create({
+	name: "docButton",
+	group: "block",
+	atom: !0,
+	draggable: !0,
+	addAttributes: () => ({
+		label: { default: "" },
+		action: { default: "insert" },
+		blocks: { default: "" },
+		template: { default: "" },
+		parent: { default: "" }
+	}),
+	parseHTML: () => [{ tag: "div[data-doc-button]" }],
+	renderHTML: ({ node: e, HTMLAttributes: t }) => [
+		"div",
+		O(t, { "data-doc-button": "" }),
+		String(e.attrs.label)
+	],
+	addNodeView: () => D(M, { stopEvent: ({ event: e }) => e.target instanceof Element && !!e.target.closest("[data-button-ui]") }),
+	markdownTokenName: "docButton",
+	markdownTokenizer: {
+		name: "docButton",
+		level: "block",
+		start: (e) => e.search(/^:::button/m),
+		tokenize: (e) => {
+			let t = k.exec(e);
+			if (!t) return;
+			let n = e.slice(t[0].length), r = l(n);
+			if (r) return {
+				type: "docButton",
+				raw: e.slice(0, t[0].length + r.index + r.length),
+				text: n.slice(0, r.index).trim(),
+				head: t[1] ?? ""
+			};
+		}
+	},
+	parseMarkdown: (e, t) => {
+		let n = String(e.head ?? ""), r = {};
+		for (let e of n.matchAll(A)) r[e[1] ?? ""] = e[2] ?? "";
+		return t.createNode("docButton", {
+			label: n.replace(A, "").trim(),
+			action: r.template ? "doc" : "insert",
+			blocks: e.text ?? "",
+			template: r.template ?? "",
+			parent: r.parent ?? ""
+		});
+	},
+	renderMarkdown: (e) => {
+		let t = e.attrs ?? {}, n = String(t.label ?? "").replace(/\n/g, " ");
+		if (t.action === "doc") {
+			let e = t.parent ? ` parent=${t.parent}` : "";
+			return `:::button ${n} template=${t.template ?? ""}${e}\n:::`;
+		}
+		return `:::button ${n}\n\n${String(t.blocks ?? "").trim()}\n\n:::`;
+	}
+});
+function M({ node: r, editor: i, getPos: l, updateAttributes: d }) {
+	let p = x("docButton"), h = v(), g = c(), { workspace: _ = "", doc: T = "" } = y({ strict: !1 }), { data: D } = w({
+		...n(_, T),
+		enabled: !!_ && !!T
+	}), [O, k] = b(!1), A = String(r.attrs.label ?? "") || p("untitled"), j = r.attrs.action, M = j === "doc" ? !!r.attrs.template : !!String(r.attrs.blocks ?? "").trim(), P = async () => {
+		if (j === "insert") {
+			let e = g(), t = Object.entries(e).reduce((e, [t, n]) => e.replaceAll(`{{${t}}}`, n), String(r.attrs.blocks ?? "")), n = l();
+			if (n === void 0) return;
+			i.chain().focus().insertContentAt(n + r.nodeSize, t, { contentType: "markdown" }).run();
+		} else {
+			k(!0);
+			try {
+				let n = String(r.attrs.parent ?? "") || D?.key, i = t(await e.POST("/api/v1/workspaces/{workspace}/docs", {
+					params: { path: { workspace: _ } },
+					body: {
+						template: String(r.attrs.template),
+						variables: g(),
+						...n && { parent: n }
+					}
+				}));
+				h({
+					to: "/$workspace/docs/$doc",
+					params: {
+						workspace: _,
+						doc: s(i)
+					}
+				});
+			} finally {
+				k(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ S(E, {
+		className: "doc-button",
+		contentEditable: !1,
+		children: /* @__PURE__ */ C("div", {
+			"data-button-ui": !0,
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ S(u, {
+				size: "sm",
+				onClick: () => void P(),
+				disabled: !i.isEditable || !M,
+				loading: O,
+				children: A
+			}), i.isEditable && /* @__PURE__ */ S(m, {
+				trigger: /* @__PURE__ */ S(f, {
+					variant: "ghost",
+					size: "xs",
+					icon: /* @__PURE__ */ S(a, {}),
+					label: p("edit")
+				}),
+				align: "start",
+				className: "w-96",
+				initialFocus: "first-control",
+				"aria-label": p("edit"),
+				children: /* @__PURE__ */ S(N, {
+					workspace: _,
+					attrs: r.attrs,
+					thisDoc: D?.key ?? (T ? o(T) : ""),
+					onChange: d
+				})
+			})]
+		})
+	});
+}
+function N({ workspace: e, attrs: t, thisDoc: n, onChange: a }) {
+	let o = x("docButton"), { data: s = [] } = w(r(e)), { data: c = [] } = w(i(e)), l = t.action;
+	return /* @__PURE__ */ C("div", {
+		className: "space-y-3 text-sm",
+		children: [
+			/* @__PURE__ */ C("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [o("label"), /* @__PURE__ */ S(p, {
+					value: String(t.label ?? ""),
+					onChange: (e) => a({ label: e.target.value }),
+					placeholder: o("labelPlaceholder"),
+					className: "mt-1"
+				})]
+			}),
+			/* @__PURE__ */ S(h, {
+				label: o("does"),
+				size: "sm",
+				value: l,
+				onValueChange: (e) => a({ action: e }),
+				options: [{
+					value: "insert",
+					label: o("insert")
+				}, {
+					value: "doc",
+					label: o("makeDoc")
+				}]
+			}),
+			l === "insert" ? /* @__PURE__ */ C("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [
+					o("blocks"),
+					/* @__PURE__ */ S(_, {
+						value: String(t.blocks ?? ""),
+						onChange: (e) => a({ blocks: e.target.value }),
+						rows: 6,
+						placeholder: o("blocksPlaceholder"),
+						className: "mt-1 font-mono text-xs"
+					}),
+					/* @__PURE__ */ S("span", {
+						className: "mt-1 block font-normal",
+						children: o("placeholders")
+					})
+				]
+			}) : /* @__PURE__ */ C("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ C("div", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: [o("template"), /* @__PURE__ */ S("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ S(g, {
+							value: String(t.template ?? ""),
+							items: [{
+								value: "",
+								label: o("chooseTemplate")
+							}, ...s.map((e) => ({
+								value: e.id,
+								label: e.title
+							}))],
+							onValueChange: (e) => a({ template: e }),
+							"aria-label": o("template"),
+							width: "content"
+						})
+					})]
+				}), /* @__PURE__ */ C("div", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: [o("parent"), /* @__PURE__ */ S("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ S(d, {
+							items: [{
+								value: "",
+								label: o("thisDoc")
+							}, ...c.filter((e) => e.key !== n).map((e) => ({
+								value: e.key,
+								label: e.title
+							}))],
+							value: String(t.parent ?? ""),
+							onValueChange: (e) => e !== null && a({ parent: e }),
+							"aria-label": o("parent"),
+							placeholder: o("parent")
+						})
+					})]
+				})]
+			})
+		]
+	});
+}
+export { j as DocButton };

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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/tandem-web",
-  "version": "0.140.0",
+  "version": "0.141.0",
   "description": "Tandem's pages, for a host app to render in its own",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -482,6 +482,10 @@ body[data-tandem] > :not(:has(.tandem)) {
       display: none;
     }
   }
+  /* A button that inserts blocks or makes a doc (DocButton). */
+  .prose-issue .doc-button {
+    margin-block: 0.5em;
+  }
   /* A live list of issues in a doc (IssueListBlock), out of the prose's own styles. */
   .prose-issue .issue-list-block {
     margin-block: 0.75em;