@inkandswitch/patchwork-pkg-base 0.0.128 → 0.0.130

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.
Files changed (51) hide show
  1. package/module-settings-url +1 -1
  2. package/package.json +1 -1
  3. package/packages/account/dist/{AccountPicker-TCOUU4YK.js → AccountPicker-SBCGXHRS.js} +13 -44
  4. package/packages/account/dist/AccountPicker-SBCGXHRS.js.map +7 -0
  5. package/packages/account/dist/{ContactAvatar-MKDWQC6G.js → ContactAvatar-IVYTJ7M4.js} +5 -2
  6. package/packages/account/dist/ContactAvatar-IVYTJ7M4.js.map +7 -0
  7. package/packages/account/dist/{ContactCursor-4FYCATG5.js → ContactCursor-2FVKF5QA.js} +5 -2
  8. package/packages/account/dist/ContactCursor-2FVKF5QA.js.map +7 -0
  9. package/packages/account/dist/chunk-L6JWPAD3.js +52 -0
  10. package/packages/account/dist/chunk-L6JWPAD3.js.map +7 -0
  11. package/packages/account/dist/index.js +3 -3
  12. package/packages/codemirror-base/dist/{chunk-A2WBDY3J.js → chunk-REXVGJ53.js} +27 -2
  13. package/packages/codemirror-base/dist/{chunk-A2WBDY3J.js.map → chunk-REXVGJ53.js.map} +2 -2
  14. package/packages/codemirror-base/dist/lib/codemirror.js +1 -1
  15. package/packages/codemirror-base/dist/tool.js +30 -5
  16. package/packages/codemirror-base/dist/tool.js.map +2 -2
  17. package/packages/codemirror-markdown/dist/extensions/embed.js +11 -6
  18. package/packages/codemirror-markdown/dist/extensions/embed.js.map +2 -2
  19. package/packages/codemirror-markdown/dist/extensions/markdown.js +302 -43
  20. package/packages/codemirror-markdown/dist/extensions/markdown.js.map +3 -3
  21. package/packages/theming/dist/{active-theme-6H5UANUR.js → active-theme-WA6XMDTP.js} +2 -2
  22. package/packages/theming/dist/{chunk-HHCCYVOT.js → chunk-4GOF67HA.js} +2 -2
  23. package/packages/theming/dist/{chunk-VJZ4NPK4.js → chunk-T7VWPJQG.js} +26 -1
  24. package/packages/theming/dist/chunk-T7VWPJQG.js.map +7 -0
  25. package/packages/theming/dist/main.js +4 -4
  26. package/packages/theming/dist/{theme-HE7ECLIW.css → theme-HV4IDVYM.css} +44 -0
  27. package/packages/theming/dist/{theme-editor-datatype-TJ6LYT2U.js → theme-editor-datatype-DZFQK7HV.js} +2 -2
  28. package/packages/theming/dist/theme-editor.js +1 -1
  29. package/packages/theming/dist/{theme-titlebar-UX4BND5Z.js → theme-titlebar-LG6PFBKR.js} +2 -2
  30. package/packages/theming/dist/{theme-tray-B477G2WR.js → theme-tray-R3PJDYCL.js} +2 -2
  31. package/packages/theming/dist/tool.js +1 -1
  32. package/packages/threepane/dist/IsolatedDocumentArea-JJMLEL4O.js +2 -0
  33. package/packages/threepane/dist/{PatchworkFrame-22ABHJVG.js → PatchworkFrame-HMA5KZLY.js} +2 -2
  34. package/packages/threepane/dist/chunk-UOTRB26X.js +846 -0
  35. package/packages/threepane/dist/chunk-UOTRB26X.js.map +7 -0
  36. package/packages/threepane/dist/index.js +1 -1
  37. package/plugin-registry-url +1 -1
  38. package/packages/account/dist/AccountPicker-TCOUU4YK.js.map +0 -7
  39. package/packages/account/dist/ContactAvatar-MKDWQC6G.js.map +0 -7
  40. package/packages/account/dist/ContactCursor-4FYCATG5.js.map +0 -7
  41. package/packages/theming/dist/chunk-VJZ4NPK4.js.map +0 -7
  42. package/packages/threepane/dist/IsolatedDocumentArea-3HGASUGM.js +0 -2
  43. package/packages/threepane/dist/chunk-34WWZW2V.js +0 -1215
  44. package/packages/threepane/dist/chunk-34WWZW2V.js.map +0 -7
  45. /package/packages/theming/dist/{active-theme-6H5UANUR.js.map → active-theme-WA6XMDTP.js.map} +0 -0
  46. /package/packages/theming/dist/{chunk-HHCCYVOT.js.map → chunk-4GOF67HA.js.map} +0 -0
  47. /package/packages/theming/dist/{theme-editor-datatype-TJ6LYT2U.js.map → theme-editor-datatype-DZFQK7HV.js.map} +0 -0
  48. /package/packages/theming/dist/{theme-titlebar-UX4BND5Z.js.map → theme-titlebar-LG6PFBKR.js.map} +0 -0
  49. /package/packages/theming/dist/{theme-tray-B477G2WR.js.map → theme-tray-R3PJDYCL.js.map} +0 -0
  50. /package/packages/threepane/dist/{IsolatedDocumentArea-3HGASUGM.js.map → IsolatedDocumentArea-JJMLEL4O.js.map} +0 -0
  51. /package/packages/threepane/dist/{PatchworkFrame-22ABHJVG.js.map → PatchworkFrame-HMA5KZLY.js.map} +0 -0
@@ -4,6 +4,9 @@ import {
4
4
  setAvatarFallback,
5
5
  setAvatarImage
6
6
  } from "./chunk-PLRZBPU4.js";
7
+ import {
8
+ themedColor
9
+ } from "./chunk-L6JWPAD3.js";
7
10
  import "./chunk-5WRI5ZAA.js";
8
11
 
9
12
  // src/contact/ContactAvatar.ts
@@ -32,7 +35,7 @@ function renderContactAvatar(handle, element) {
32
35
  if (isPresent) {
33
36
  avatar.classList.add("contact-avatar--present");
34
37
  if (userColor) {
35
- avatar.style.setProperty("--contact-presence-color", userColor);
38
+ avatar.style.setProperty("--contact-presence-color", themedColor(userColor));
36
39
  } else {
37
40
  avatar.style.removeProperty("--contact-presence-color");
38
41
  }
@@ -106,4 +109,4 @@ function renderContactAvatar(handle, element) {
106
109
  export {
107
110
  renderContactAvatar
108
111
  };
109
- //# sourceMappingURL=ContactAvatar-MKDWQC6G.js.map
112
+ //# sourceMappingURL=ContactAvatar-IVYTJ7M4.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/contact/ContactAvatar.ts"],
4
+ "sourcesContent": ["import type { AutomergeUrl, DocHandle } from \"@automerge/automerge-repo/slim\";\nimport type { ToolElement } from \"@inkandswitch/patchwork-plugins\";\nimport type { ContactDoc } from \"../types\";\nimport { themedColor } from \"../user-colors\";\nimport { createAvatar, setAvatarImage, setAvatarFallback, getInitials } from \"./Avatar\";\nimport { getImportableUrlFromAutomergeUrl } from \"@inkandswitch/patchwork-filesystem\";\nimport { subscribe } from \"@inkandswitch/patchwork-providers\";\n\ndeclare global {\n interface Window {\n accountDocHandle?: { url: AutomergeUrl };\n }\n}\n\ntype TinyPatchworkLayoutDoc = {\n contactUrl: AutomergeUrl;\n};\n\nexport function renderContactAvatar(\n handle: DocHandle<ContactDoc>,\n element: ToolElement\n) {\n const avatar = createAvatar(\"default\");\n element.appendChild(avatar);\n\n let selfName = \"me\";\n const cleanups: (() => void)[] = [];\n\n // Track presence via ephemeral messages\n const heartbeats: Record<string, number> = {};\n let presenceTimer: ReturnType<typeof setInterval>;\n\n function onEphemeralMessage(message: { senderId: string; message: unknown }) {\n // useRemoteAwareness tracks heartbeats from ephemeral messages\n if (message.senderId) {\n heartbeats[message.senderId] = Date.now();\n }\n updatePresence();\n }\n\n function updatePresence() {\n const now = Date.now();\n const timeout = 30000;\n const isPresent = Object.entries(heartbeats).some(\n ([id, ts]) => id !== selfName && now - ts < timeout\n );\n\n // The contact's chosen color; without one, the CSS fallback (neutral\n // gray) applies.\n const userColor = handle.doc()?.color;\n\n if (isPresent) {\n avatar.classList.add(\"contact-avatar--present\");\n if (userColor) {\n avatar.style.setProperty(\"--contact-presence-color\", themedColor(userColor));\n } else {\n avatar.style.removeProperty(\"--contact-presence-color\");\n }\n } else {\n avatar.classList.remove(\"contact-avatar--present\");\n avatar.style.removeProperty(\"--contact-presence-color\");\n }\n }\n\n handle.on(\"ephemeral-message\", onEphemeralMessage);\n cleanups.push(() => handle.off(\"ephemeral-message\", onEphemeralMessage));\n\n // Periodically clean up stale heartbeats\n presenceTimer = setInterval(updatePresence, 5000);\n cleanups.push(() => clearInterval(presenceTimer));\n\n // Get own contact via provider subscription\n const unsubscribe = subscribe<string>(\n element,\n { type: \"patchwork:contact\" },\n (contactUrl) => {\n element.repo\n .find<ContactDoc>(contactUrl as AutomergeUrl)\n .then((selfHandle) => {\n const selfDoc = selfHandle.doc();\n if (selfDoc?.type === \"registered\") {\n selfName = selfDoc.name;\n }\n });\n }\n );\n cleanups.push(unsubscribe);\n\n // Fallback: use window.accountDocHandle\n if (window.accountDocHandle) {\n element.repo\n .find<TinyPatchworkLayoutDoc>(window.accountDocHandle.url)\n .then((accountHandle) => {\n const accountDoc = accountHandle.doc();\n if (accountDoc?.contactUrl) {\n element.repo\n .find<ContactDoc>(accountDoc.contactUrl)\n .then((selfHandle) => {\n const selfDoc = selfHandle.doc();\n if (selfDoc?.type === \"registered\") {\n selfName = selfDoc.name;\n }\n });\n }\n });\n }\n\n async function update() {\n const contact = handle.doc();\n if (!contact) {\n avatar.style.display = \"none\";\n return;\n }\n avatar.style.display = \"\";\n\n const isRegistered = contact.type === \"registered\";\n const name = isRegistered ? contact.name : \"Anonymous\";\n\n // avatar image\n let avatarImgUrl: string | undefined;\n if (isRegistered && contact.avatarUrl) {\n try {\n const avatarHandle = await element.repo.find(contact.avatarUrl);\n avatarImgUrl = getImportableUrlFromAutomergeUrl(avatarHandle.url);\n } catch {\n // ignore failed avatar lookup\n }\n }\n setAvatarImage(avatar, avatarImgUrl, name);\n\n // fallback\n if (isRegistered && name) {\n setAvatarFallback(avatar, { initials: getInitials(name) });\n } else {\n setAvatarFallback(avatar, { iconSize: 20 });\n }\n\n updatePresence();\n }\n\n handle.on(\"change\", update);\n cleanups.push(() => handle.off(\"change\", update));\n update();\n\n return () => {\n for (const cleanup of cleanups) cleanup();\n };\n}\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -1,3 +1,6 @@
1
+ import {
2
+ themedColor
3
+ } from "./chunk-L6JWPAD3.js";
1
4
  import "./chunk-5WRI5ZAA.js";
2
5
 
3
6
  // src/contact/ContactCursor.ts
@@ -14,7 +17,7 @@ function renderContactCursor(handle, element) {
14
17
  token.style.display = "";
15
18
  const name = contact.type === "registered" ? contact.name : "Anonymous";
16
19
  if (contact.color) {
17
- token.style.setProperty("--contact-cursor-color", contact.color);
20
+ token.style.setProperty("--contact-cursor-color", themedColor(contact.color));
18
21
  } else {
19
22
  token.style.removeProperty("--contact-cursor-color");
20
23
  }
@@ -31,4 +34,4 @@ function renderContactCursor(handle, element) {
31
34
  export {
32
35
  renderContactCursor
33
36
  };
34
- //# sourceMappingURL=ContactCursor-4FYCATG5.js.map
37
+ //# sourceMappingURL=ContactCursor-2FVKF5QA.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/contact/ContactCursor.ts"],
4
+ "sourcesContent": ["import type { DocHandle } from \"@automerge/automerge-repo/slim\";\nimport type { ToolElement } from \"@inkandswitch/patchwork-plugins\";\nimport type { ContactDoc } from \"../types\";\nimport { themedColor } from \"../user-colors\";\n\n/**\n * A compact cursor token: the contact's name on a pill in their presence\n * color. Hosts that render remote cursors (text editors, canvases) mount it\n * next to their own cursor primitive (caret line, pointer arrow) via\n * `<patchwork-view doc-url={contactUrl} tool-id=\"contact-cursor\">`.\n */\nexport function renderContactCursor(\n handle: DocHandle<ContactDoc>,\n element: ToolElement\n) {\n const token = document.createElement(\"div\");\n token.className = \"contact-cursor-token\";\n element.appendChild(token);\n\n function update() {\n const contact = handle.doc();\n if (!contact) {\n token.style.display = \"none\";\n return;\n }\n token.style.display = \"\";\n const name = contact.type === \"registered\" ? contact.name : \"Anonymous\";\n // The contact's chosen color; without one, the CSS fallback (neutral\n // gray) applies.\n if (contact.color) {\n token.style.setProperty(\"--contact-cursor-color\", themedColor(contact.color));\n } else {\n token.style.removeProperty(\"--contact-cursor-color\");\n }\n token.textContent = name;\n token.title = name;\n }\n\n handle.on(\"change\", update);\n update();\n\n return () => {\n handle.off(\"change\", update);\n token.remove();\n };\n}\n"],
5
+ "mappings": ";;;;;;AAWO,SAAS,oBACd,QACA,SACA;AACA,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY;AAClB,UAAQ,YAAY,KAAK;AAEzB,WAAS,SAAS;AAChB,UAAM,UAAU,OAAO,IAAI;AAC3B,QAAI,CAAC,SAAS;AACZ,YAAM,MAAM,UAAU;AACtB;AAAA,IACF;AACA,UAAM,MAAM,UAAU;AACtB,UAAM,OAAO,QAAQ,SAAS,eAAe,QAAQ,OAAO;AAG5D,QAAI,QAAQ,OAAO;AACjB,YAAM,MAAM,YAAY,0BAA0B,YAAY,QAAQ,KAAK,CAAC;AAAA,IAC9E,OAAO;AACL,YAAM,MAAM,eAAe,wBAAwB;AAAA,IACrD;AACA,UAAM,cAAc;AACpB,UAAM,QAAQ;AAAA,EAChB;AAEA,SAAO,GAAG,UAAU,MAAM;AAC1B,SAAO;AAEP,SAAO,MAAM;AACX,WAAO,IAAI,UAAU,MAAM;AAC3B,UAAM,OAAO;AAAA,EACf;AACF;",
6
+ "names": []
7
+ }
@@ -0,0 +1,52 @@
1
+ // src/user-colors.ts
2
+ var USER_COLOR_PALETTE = [
3
+ { name: "Sky Blue", value: "hsl(200, 70%, 50%)" },
4
+ { name: "Coral", value: "hsl(10, 75%, 58%)" },
5
+ { name: "Emerald", value: "hsl(145, 70%, 45%)" },
6
+ { name: "Violet", value: "hsl(270, 70%, 55%)" },
7
+ { name: "Amber", value: "hsl(38, 85%, 50%)" },
8
+ { name: "Rose", value: "hsl(350, 70%, 55%)" },
9
+ { name: "Teal", value: "hsl(178, 70%, 45%)" },
10
+ { name: "Indigo", value: "hsl(235, 70%, 58%)" },
11
+ { name: "Lime", value: "hsl(85, 70%, 45%)" },
12
+ { name: "Fuchsia", value: "hsl(310, 70%, 55%)" },
13
+ { name: "Orange", value: "hsl(25, 80%, 52%)" },
14
+ { name: "Cyan", value: "hsl(188, 75%, 48%)" }
15
+ ];
16
+ var slug = (name) => name.toLowerCase().replace(/\s+/g, "-");
17
+ var squash = (color) => color.replace(/\s+/g, "").toLowerCase();
18
+ var TOKENS = new Map(
19
+ USER_COLOR_PALETTE.map((c) => [squash(c.value), `--studio-presence-${slug(c.name)}`])
20
+ );
21
+ function themedColor(color) {
22
+ const token = TOKENS.get(squash(color));
23
+ return token ? `var(${token}, ${color})` : color;
24
+ }
25
+ function generateColorFromString(str) {
26
+ const hash = Math.abs(
27
+ str.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0)
28
+ );
29
+ const colorIndex = hash % USER_COLOR_PALETTE.length;
30
+ return USER_COLOR_PALETTE[colorIndex].value;
31
+ }
32
+ function getRandomUserColor() {
33
+ return USER_COLOR_PALETTE[Math.floor(Math.random() * USER_COLOR_PALETTE.length)].value;
34
+ }
35
+ function parseHslColor(color) {
36
+ const match = color.match(/^hsl\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*\)$/);
37
+ if (!match) return null;
38
+ return {
39
+ h: parseInt(match[1], 10),
40
+ s: parseInt(match[2], 10),
41
+ l: parseInt(match[3], 10)
42
+ };
43
+ }
44
+
45
+ export {
46
+ USER_COLOR_PALETTE,
47
+ themedColor,
48
+ generateColorFromString,
49
+ getRandomUserColor,
50
+ parseHslColor
51
+ };
52
+ //# sourceMappingURL=chunk-L6JWPAD3.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/user-colors.ts"],
4
+ "sourcesContent": ["/**\n * User color palette for presence indicators (cursors, avatars, etc.)\n *\n * Colors are selected to:\n * - Be easily distinguishable from each other\n * - Work well on both light and dark backgrounds\n * - Be accessible and readable\n * - Look professional and modern\n */\n\nexport const USER_COLOR_PALETTE = [\n { name: \"Sky Blue\", value: \"hsl(200, 70%, 50%)\" },\n { name: \"Coral\", value: \"hsl(10, 75%, 58%)\" },\n { name: \"Emerald\", value: \"hsl(145, 70%, 45%)\" },\n { name: \"Violet\", value: \"hsl(270, 70%, 55%)\" },\n { name: \"Amber\", value: \"hsl(38, 85%, 50%)\" },\n { name: \"Rose\", value: \"hsl(350, 70%, 55%)\" },\n { name: \"Teal\", value: \"hsl(178, 70%, 45%)\" },\n { name: \"Indigo\", value: \"hsl(235, 70%, 58%)\" },\n { name: \"Lime\", value: \"hsl(85, 70%, 45%)\" },\n { name: \"Fuchsia\", value: \"hsl(310, 70%, 55%)\" },\n { name: \"Orange\", value: \"hsl(25, 80%, 52%)\" },\n { name: \"Cyan\", value: \"hsl(188, 75%, 48%)\" },\n] as const;\n\n/** \"Sky Blue\" \u2192 \"sky-blue\": the palette colour's theme token suffix. */\nconst slug = (name: string) => name.toLowerCase().replace(/\\s+/g, \"-\");\nconst squash = (color: string) => color.replace(/\\s+/g, \"\").toLowerCase();\nconst TOKENS = new Map(\n USER_COLOR_PALETTE.map((c) => [squash(c.value), `--studio-presence-${slug(c.name)}`])\n);\n\n/**\n * A contact colour as it should be drawn: a palette colour becomes its theme\n * token (`--studio-presence-sky-blue`, see theming's theme.css), falling back\n * to the stored value, so a theme can restyle everyone's colours. Any other\n * colour (picked with the custom picker) is drawn as it is.\n */\nexport function themedColor(color: string): string {\n const token = TOKENS.get(squash(color));\n return token ? `var(${token}, ${color})` : color;\n}\n\n/**\n * Generate a deterministic color from a string (like a contact url).\n * Only used to seed `contact.color` at signup -- presence rendering never\n * derives colors, it reads `contact.color` from the account.\n */\nexport function generateColorFromString(str: string): string {\n const hash = Math.abs(\n str.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0)\n );\n const colorIndex = hash % USER_COLOR_PALETTE.length;\n return USER_COLOR_PALETTE[colorIndex].value;\n}\n\n/**\n * Get a default color for a user (picks from palette based on index)\n */\nexport function getDefaultUserColor(index: number): string {\n return USER_COLOR_PALETTE[index % USER_COLOR_PALETTE.length].value;\n}\n\nexport function getRandomUserColor(): string {\n return USER_COLOR_PALETTE[\n Math.floor(Math.random() * USER_COLOR_PALETTE.length)\n ].value;\n}\n\n/**\n * Validate if a string is a valid HSL color\n */\nexport function isValidHslColor(color: string): boolean {\n return /^hsl\\(\\s*\\d+\\s*,\\s*\\d+%\\s*,\\s*\\d+%\\s*\\)$/.test(color);\n}\n\n/**\n * Parse HSL values from a color string\n */\nexport function parseHslColor(\n color: string\n): { h: number; s: number; l: number } | null {\n const match = color.match(/^hsl\\(\\s*(\\d+)\\s*,\\s*(\\d+)%\\s*,\\s*(\\d+)%\\s*\\)$/);\n if (!match) return null;\n return {\n h: parseInt(match[1], 10),\n s: parseInt(match[2], 10),\n l: parseInt(match[3], 10),\n };\n}\n\n/**\n * Create an HSL color string from values\n */\nexport function createHslColor(h: number, s: number, l: number): string {\n return `hsl(${h}, ${s}%, ${l}%)`;\n}\n"],
5
+ "mappings": ";AAUO,IAAM,qBAAqB;AAAA,EAChC,EAAE,MAAM,YAAY,OAAO,qBAAqB;AAAA,EAChD,EAAE,MAAM,SAAS,OAAO,oBAAoB;AAAA,EAC5C,EAAE,MAAM,WAAW,OAAO,qBAAqB;AAAA,EAC/C,EAAE,MAAM,UAAU,OAAO,qBAAqB;AAAA,EAC9C,EAAE,MAAM,SAAS,OAAO,oBAAoB;AAAA,EAC5C,EAAE,MAAM,QAAQ,OAAO,qBAAqB;AAAA,EAC5C,EAAE,MAAM,QAAQ,OAAO,qBAAqB;AAAA,EAC5C,EAAE,MAAM,UAAU,OAAO,qBAAqB;AAAA,EAC9C,EAAE,MAAM,QAAQ,OAAO,oBAAoB;AAAA,EAC3C,EAAE,MAAM,WAAW,OAAO,qBAAqB;AAAA,EAC/C,EAAE,MAAM,UAAU,OAAO,oBAAoB;AAAA,EAC7C,EAAE,MAAM,QAAQ,OAAO,qBAAqB;AAC9C;AAGA,IAAM,OAAO,CAAC,SAAiB,KAAK,YAAY,EAAE,QAAQ,QAAQ,GAAG;AACrE,IAAM,SAAS,CAAC,UAAkB,MAAM,QAAQ,QAAQ,EAAE,EAAE,YAAY;AACxE,IAAM,SAAS,IAAI;AAAA,EACjB,mBAAmB,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,GAAG,qBAAqB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;AACtF;AAQO,SAAS,YAAY,OAAuB;AACjD,QAAM,QAAQ,OAAO,IAAI,OAAO,KAAK,CAAC;AACtC,SAAO,QAAQ,OAAO,KAAK,KAAK,KAAK,MAAM;AAC7C;AAOO,SAAS,wBAAwB,KAAqB;AAC3D,QAAM,OAAO,KAAK;AAAA,IAChB,IAAI,MAAM,EAAE,EAAE,OAAO,CAAC,KAAK,SAAS,MAAM,KAAK,WAAW,CAAC,GAAG,CAAC;AAAA,EACjE;AACA,QAAM,aAAa,OAAO,mBAAmB;AAC7C,SAAO,mBAAmB,UAAU,EAAE;AACxC;AASO,SAAS,qBAA6B;AAC3C,SAAO,mBACL,KAAK,MAAM,KAAK,OAAO,IAAI,mBAAmB,MAAM,CACtD,EAAE;AACJ;AAYO,SAAS,cACd,OAC4C;AAC5C,QAAM,QAAQ,MAAM,MAAM,gDAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO;AAAA,IACL,GAAG,SAAS,MAAM,CAAC,GAAG,EAAE;AAAA,IACxB,GAAG,SAAS,MAAM,CAAC,GAAG,EAAE;AAAA,IACxB,GAAG,SAAS,MAAM,CAAC,GAAG,EAAE;AAAA,EAC1B;AACF;",
6
+ "names": []
7
+ }
@@ -30,7 +30,7 @@ var plugins = [
30
30
  name: "Contact Avatar",
31
31
  supportedDatatypes: ["contact"],
32
32
  async load() {
33
- const { renderContactAvatar } = await import("./ContactAvatar-MKDWQC6G.js");
33
+ const { renderContactAvatar } = await import("./ContactAvatar-IVYTJ7M4.js");
34
34
  const { styled } = await import("./styles-KCFZAQMN.js");
35
35
  return styled(renderContactAvatar);
36
36
  }
@@ -52,7 +52,7 @@ var plugins = [
52
52
  name: "Contact Cursor",
53
53
  supportedDatatypes: ["contact"],
54
54
  async load() {
55
- const { renderContactCursor } = await import("./ContactCursor-4FYCATG5.js");
55
+ const { renderContactCursor } = await import("./ContactCursor-2FVKF5QA.js");
56
56
  const { styled } = await import("./styles-KCFZAQMN.js");
57
57
  return styled(renderContactCursor);
58
58
  }
@@ -63,7 +63,7 @@ var plugins = [
63
63
  name: "Account Picker",
64
64
  supportedDatatypes: ["account"],
65
65
  async load() {
66
- const { AccountPickerTool } = await import("./AccountPicker-TCOUU4YK.js");
66
+ const { AccountPickerTool } = await import("./AccountPicker-SBCGXHRS.js");
67
67
  const { styled } = await import("./styles-KCFZAQMN.js");
68
68
  return styled(AccountPickerTool);
69
69
  }
@@ -755,7 +755,9 @@ function presence(handle, path, contactUrl, repo) {
755
755
  // The color the peer chose in their account -- the same contact
756
756
  // doc the contact-cursor token renders from, so the tint and
757
757
  // the token can't drift apart.
758
- color: peerContactUrl && this.contactColors.get(peerContactUrl) || FALLBACK_PRESENCE_COLOR,
758
+ color: themedColor(
759
+ peerContactUrl && this.contactColors.get(peerContactUrl) || FALLBACK_PRESENCE_COLOR
760
+ ),
759
761
  from,
760
762
  to,
761
763
  head: selection.headAtStart ? from : to,
@@ -874,6 +876,29 @@ var presenceTheme = EditorView8.baseTheme({
874
876
  }
875
877
  });
876
878
  var FALLBACK_PRESENCE_COLOR = "#888";
879
+ var PRESENCE_TOKENS = new Map(
880
+ [
881
+ ["sky-blue", "hsl(200, 70%, 50%)"],
882
+ ["coral", "hsl(10, 75%, 58%)"],
883
+ ["emerald", "hsl(145, 70%, 45%)"],
884
+ ["violet", "hsl(270, 70%, 55%)"],
885
+ ["amber", "hsl(38, 85%, 50%)"],
886
+ ["rose", "hsl(350, 70%, 55%)"],
887
+ ["teal", "hsl(178, 70%, 45%)"],
888
+ ["indigo", "hsl(235, 70%, 58%)"],
889
+ ["lime", "hsl(85, 70%, 45%)"],
890
+ ["fuchsia", "hsl(310, 70%, 55%)"],
891
+ ["orange", "hsl(25, 80%, 52%)"],
892
+ ["cyan", "hsl(188, 75%, 48%)"]
893
+ ].map(([name, value]) => [squash(value), `--studio-presence-${name}`])
894
+ );
895
+ function squash(color) {
896
+ return color.replace(/\s+/g, "").toLowerCase();
897
+ }
898
+ function themedColor(color) {
899
+ const token = PRESENCE_TOKENS.get(squash(color));
900
+ return token ? `var(${token}, ${color})` : color;
901
+ }
877
902
 
878
903
  // src/lib/codemirror.tsx
879
904
  var lookup = (doc, path) => {
@@ -939,4 +964,4 @@ function CodeMirror(props) {
939
964
  export {
940
965
  CodeMirror
941
966
  };
942
- //# sourceMappingURL=chunk-A2WBDY3J.js.map
967
+ //# sourceMappingURL=chunk-REXVGJ53.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/lib/codemirror.tsx", "../src/lib/extensions/decorations.ts", "../src/lib/extensions/readOnly.ts", "../src/lib/extensions/automerge.ts", "../src/vendor/automerge-codemirror/plugin.ts", "../src/vendor/automerge-codemirror/codeMirrorToAm.ts", "../src/vendor/automerge-codemirror/amToCodemirror.ts", "../src/vendor/automerge-codemirror/history.ts", "../src/vendor/automerge-codemirror/readOnly.ts", "../src/vendor/automerge-codemirror/index.ts", "../src/lib/extensions/diff.ts", "../src/lib/extensions/scrollHighlightIntoView.ts", "../src/lib/extensions/presence.ts"],
4
- "sourcesContent": ["import { onCleanup, createEffect } from \"solid-js\";\nimport { EditorView } from \"@codemirror/view\";\nimport { EditorState, Compartment } from \"@codemirror/state\";\nimport { createAutomergeExtension, createReadOnlyExtension, createDecorationsExtension, createDiffExtension, createScrollHighlightIntoViewExtension, createPresenceExtension } from \"./extensions\";\nconst lookup = (doc, path) => {\n let current = doc;\n for (const key of path) {\n current = current[key];\n if (current === void 0) {\n return void 0;\n }\n }\n return current;\n};\nexport function CodeMirror(props) {\n const initialDoc = () => props.handle && lookup(props.handle.doc(), props.path) || \"\";\n const [automergeExtension, createEffectReconfigureAutomerge] = createAutomergeExtension(() => props.handle, () => props.path, initialDoc);\n const [readOnlyExtension, createEffectReconfigureReadOnly] = createReadOnlyExtension(() => !!props.readOnly);\n const [decorationsExtension, createEffectReconfigureDecorations] = createDecorationsExtension(() => props.decorations?.());\n const [diffExtension, createEffectReconfigureDiff] = createDiffExtension(() => props.handle, () => props.path, () => props.baseline?.() ?? null);\n const [scrollHighlightIntoViewExtension, createEffectScrollHighlightIntoView] = createScrollHighlightIntoViewExtension(() => props.scrollTarget?.() ?? null);\n const [presenceExtension, createEffectReconfigurePresence] = createPresenceExtension(() => props.handle, () => props.path, () => props.readOnly || props.handle.isReadOnly() ? null : props.contactUrl?.() ?? null, props.repo);\n const userExtensionsCompartment = new Compartment();\n const selectionExtension = EditorView.updateListener.of(update => {\n if (!props.onChangeSelection) return;\n if (update.selectionSet) {\n const sel = update.state.selection.main;\n props.onChangeSelection(sel.from, sel.to);\n }\n });\n const extensions = [selectionExtension, decorationsExtension,\n // automergeExtension must come before diffExtension so diff stays in sync with edits.\n automergeExtension, diffExtension, scrollHighlightIntoViewExtension, presenceExtension, userExtensionsCompartment.of(props.extensions || []), readOnlyExtension].filter(Boolean);\n const state = EditorState.create({\n doc: initialDoc(),\n extensions\n });\n const view = new EditorView({\n state\n });\n props.withView?.(view);\n createEffectReconfigureAutomerge(view);\n createEffectReconfigureReadOnly(view);\n createEffectReconfigureDecorations?.(view);\n createEffectReconfigureDiff(view);\n createEffectScrollHighlightIntoView(view);\n createEffectReconfigurePresence(view);\n createEffect(() => {\n view.dispatch({\n effects: userExtensionsCompartment.reconfigure(props.extensions || [])\n });\n });\n onCleanup(() => view.destroy());\n return view.dom;\n}", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { Decoration, EditorView, type DecorationSet } from \"@codemirror/view\";\nimport { StateEffect, StateField } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension for managing decorations.\n * @param decorations An accessor function that returns the decorations (for reactivity).\n * @returns A tuple containing the extension and a function to create an effect for updating the\n decorations.\n */\nexport function createDecorationsExtension(decorations: () => DecorationSet) {\n const setDecorations = StateEffect.define<DecorationSet>();\n const decorationsField = StateField.define<DecorationSet>({\n create() {\n return Decoration.none;\n },\n update(value, tr) {\n for (const e of tr.effects) {\n if (e.is(setDecorations)) return e.value;\n }\n if (tr.docChanged) return value.map(tr.changes);\n return value;\n },\n provide: (f) => EditorView.decorations.from(f),\n });\n\n const createDecorationsEffect = (view: EditorView) =>\n createEffect(() => {\n decorations() &&\n view.dispatch({\n effects: setDecorations.of(decorations!()),\n });\n });\n\n return [decorationsField, createDecorationsEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { Compartment, EditorState } from \"@codemirror/state\";\n\n/**\n * Force the editor read-only regardless of the handle's state.\n *\n * This is only the override: the handle's own read-only state (e.g. a\n * heads-pinned view, including flips when its backing is swapped in place)\n * is tracked by the vendored `automergeReadOnly`, installed via\n * `createAutomergeExtension`.\n *\n * @param force Forces read-only.\n * @returns A tuple containing the extension and a function to create the\n * effect that reconfigures the extension when `force` changes.\n */\nexport function createReadOnlyExtension(force: () => boolean) {\n const compartment = new Compartment();\n\n const extensions = () =>\n force()\n ? [EditorState.readOnly.of(true), EditorView.editable.of(false)]\n : [];\n\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n view.dispatch({\n effects: compartment.reconfigure(extensions()),\n });\n });\n\n return [compartment.of(extensions()), createReconfigureEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { Compartment, Transaction } from \"@codemirror/state\";\n\n/** Automerge */\nimport type { Prop as AutomergeProp } from \"@automerge/automerge/slim\";\nimport type { DocHandle } from \"@automerge/automerge-repo/slim\";\nimport { automergePlugin } from \"../../vendor/automerge-codemirror/index.js\";\n\n/**\n * Returns a [Compartment extension, reconfig effect] tuple to sync a CodeMirror editor\n * with an Automerge handle+path. When reactive `handle` or `path` change, swaps the\n * plugin via Compartment and resets the doc from `initialDoc()` (kept off undo stack).\n */\nexport function createAutomergeExtension<T>(\n handle: () => DocHandle<T>,\n path: () => AutomergeProp[],\n initialDoc: () => string\n) {\n const compartment = new Compartment();\n\n const extension = () =>\n handle() && path()\n ? automergePlugin({\n handle: handle() as any, // typescript is confused by different version of doc handle\n path: path(),\n })\n : [];\n\n // Reconfigures the plugin and resets the doc to initialDoc() on reactive changes; this is synthetic remote state, so it bypasses the undo stack.\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n // handle()/path()/initialDoc() are tracked; changes rerun the rebuild.\n view.dispatch({\n effects: compartment.reconfigure(extension()),\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: initialDoc(),\n },\n annotations: [\n Transaction.addToHistory.of(false),\n Transaction.remote.of(true),\n ],\n });\n });\n\n return [compartment.of(extension()), createReconfigureEffect] as const;\n}\n", "import * as A from \"@automerge/automerge\"\nimport { EditorView, ViewPlugin, ViewUpdate } from \"@codemirror/view\"\nimport { Transaction, Annotation } from \"@codemirror/state\"\nimport { applyCmTransactionsToAmHandle } from \"./codeMirrorToAm.js\"\nimport { applyAmPatchesToCm } from \"./amToCodemirror.js\"\nimport type { DocHandle } from \"./DocHandle.js\"\n\nexport const reconcileAnnotationType = Annotation.define<unknown>()\n\nexport const isReconcileTx = (tr: Transaction): boolean =>\n !!tr.annotation(reconcileAnnotationType)\n\ntype AutomergeSyncPluginConfig = {\n handle: DocHandle<unknown>\n path: A.Prop[]\n}\n\nexport const automergeSyncPlugin = ({\n handle,\n path,\n}: AutomergeSyncPluginConfig) => {\n if (!handle.isReady()) {\n throw new Error(\n \"ensure the handle is ready before initializing the automergeSyncPlugin\"\n )\n }\n\n return ViewPlugin.fromClass(\n class {\n view: EditorView\n reconciledHeads = A.getHeads(handle.doc())\n isProcessingCmTransaction = false\n\n constructor(view: EditorView) {\n this.view = view\n\n this.onChange = this.onChange.bind(this)\n handle.on(\"change\", this.onChange)\n }\n\n update(update: ViewUpdate) {\n // start processing codemirror transaction\n // changes that are created through the transaction are ignored in the change listener on the handle\n this.isProcessingCmTransaction = true\n\n const newHeads = applyCmTransactionsToAmHandle(\n handle,\n path,\n update.transactions as Transaction[]\n )\n\n if (newHeads) {\n this.reconciledHeads = newHeads\n }\n\n // finish processing transaction\n this.isProcessingCmTransaction = false\n }\n\n // Changes with a replaced scope (the handle was re-pointed at a\n // different backing document) need no special-casing here. A.diff\n // ignores heads that aren't in the doc's history, treating that side\n // as the empty document: when the backings share history (heads\n // pinning, clones) it yields minimal patches that preserve the\n // selection, and when they share nothing it degenerates into\n // full-document patches that rebuild the editor wholesale. Either\n // way the patches are kept off the undo stack by applyAmPatchesToCm.\n // The history and read-only extensions are the ones that consume the\n // `scopeReplaced` flag.\n onChange = () => {\n // ignore changes that where triggered while processing a codemirror transaction\n if (this.isProcessingCmTransaction) {\n return\n }\n\n const currentHeads = A.getHeads(handle.doc())\n if (A.equals(currentHeads, this.reconciledHeads)) {\n return\n }\n\n // get the diff between the reconciled heads and the new heads\n // and apply that to the codemirror doc\n const patches = A.diff(handle.doc(), this.reconciledHeads, currentHeads)\n applyAmPatchesToCm(this.view, path, patches)\n this.reconciledHeads = currentHeads\n }\n\n destroy() {\n handle.off(\"change\", this.onChange)\n }\n }\n )\n}\n", "import * as A from \"@automerge/automerge\"\nimport { Text, Transaction } from \"@codemirror/state\"\nimport { isReconcileTx } from \"./plugin.js\"\nimport { type DocHandle } from \"./DocHandle.js\"\n\nexport const applyCmTransactionsToAmHandle = (\n handle: DocHandle<unknown>,\n path: A.Prop[],\n transactions: Transaction[]\n): A.Heads | undefined => {\n const transactionsWithChanges = transactions.filter(\n tr => !isReconcileTx(tr) && !tr.changes.empty\n )\n\n if (transactionsWithChanges.length === 0) {\n return\n }\n\n // A read-only handle (e.g. pinned to historical heads) rejects writes:\n // never forward editor changes to it. The automergeReadOnly extension\n // keeps the editor from producing such changes in the first place.\n if (handle.isReadOnly?.()) {\n return\n }\n\n handle.change((doc: A.Doc<unknown>) => {\n transactionsWithChanges.forEach(tr => {\n tr.changes.iterChanges(\n (\n fromA: number,\n toA: number,\n fromB: number,\n _toB: number,\n inserted: Text\n ) => {\n // We are cloning the path as `am.splice` calls `.unshift` on it, modifying it in place,\n // causing the path to be broken on subsequent changes\n A.splice(doc, path.slice(), fromB, toA - fromA, inserted.toString())\n }\n )\n })\n })\n\n return A.getHeads(handle.doc())\n}\n", "import type {\n DelPatch,\n InsertPatch,\n Patch,\n Prop,\n PutPatch,\n SpliceTextPatch,\n} from \"@automerge/automerge\"\nimport {\n ChangeSet,\n type ChangeSpec,\n EditorState,\n Transaction,\n} from \"@codemirror/state\"\nimport { EditorView } from \"@codemirror/view\"\nimport { reconcileAnnotationType } from \"./plugin.js\"\n\nexport const applyAmPatchesToCm = (\n view: EditorView,\n target: Prop[],\n patches: Patch[]\n) => {\n let selection = view.state.selection\n\n for (const patch of patches) {\n const changeSpec = handlePatch(patch, target, view.state)\n if (changeSpec != null) {\n const changeSet = ChangeSet.of(changeSpec, view.state.doc.length, \"\\n\")\n selection = selection.map(changeSet, 1)\n // Remote changes from automerge are excluded from local undo (addToHistory: false).\n view.dispatch({\n changes: changeSet,\n annotations: [\n reconcileAnnotationType.of({}),\n Transaction.addToHistory.of(false),\n Transaction.remote.of(true),\n ],\n })\n }\n }\n view.dispatch({\n selection,\n annotations: reconcileAnnotationType.of({}),\n })\n}\n\nfunction handlePatch(\n patch: Patch,\n target: Prop[],\n state: EditorState\n): ChangeSpec | null {\n if (patch.action === \"insert\") {\n return handleInsert(target, patch)\n } else if (patch.action === \"splice\") {\n return handleSplice(target, patch)\n } else if (patch.action === \"del\") {\n return handleDel(target, patch)\n } else if (patch.action === \"put\") {\n return handlePut(target, patch, state)\n } else {\n return null\n }\n}\n\nfunction handleInsert(target: Prop[], patch: InsertPatch): Array<ChangeSpec> {\n const index = charPath(target, patch.path)\n if (index == null) {\n return []\n }\n const text = patch.values.map(v => (v ? v.toString() : \"\")).join(\"\")\n return [{ from: index, to: index, insert: text }]\n}\n\nfunction handleSplice(\n target: Prop[],\n patch: SpliceTextPatch\n): Array<ChangeSpec> {\n const index = charPath(target, patch.path)\n if (index == null) {\n return []\n }\n return [{ from: index, insert: patch.value }]\n}\n\nfunction handleDel(target: Prop[], patch: DelPatch): Array<ChangeSpec> {\n const index = charPath(target, patch.path)\n if (index == null) {\n return []\n }\n const length = patch.length || 1\n return [{ from: index, to: index + length }]\n}\n\nfunction handlePut(\n target: Prop[],\n patch: PutPatch,\n state: EditorState\n): Array<ChangeSpec> {\n const index = charPath(target, [...patch.path, 0])\n if (index == null) {\n return []\n }\n const length = state.doc.length\n if (typeof patch.value !== \"string\") {\n return [] // TODO(dmaretskyi): How to handle non string values?\n }\n return [{ from: 0, to: length, insert: patch.value }]\n}\n\n// If the path of the patch is of the form [path, <index>] then we know this is\n// a path to a character within the sequence given by path\nfunction charPath(textPath: Prop[], candidatePath: Prop[]): number | null {\n if (candidatePath.length !== textPath.length + 1) return null\n for (let i = 0; i < textPath.length; i++) {\n if (textPath[i] !== candidatePath[i]) return null\n }\n const index = candidatePath[candidatePath.length - 1]\n if (typeof index === \"number\") return index\n return null\n}\n", "import { history, historyField, historyKeymap } from \"@codemirror/commands\"\nimport { Compartment, type Extension } from \"@codemirror/state\"\nimport { EditorView, ViewPlugin, keymap } from \"@codemirror/view\"\nimport type { DocHandle, DocHandleChangePayload } from \"./DocHandle.js\"\n\ntype AutomergeHistoryConfig = {\n handle: DocHandle<unknown>\n}\n\n/**\n * Undo/redo history that understands handles whose backing document can be\n * swapped in place: the stack is reset whenever the handle emits a `change`\n * with `scopeReplaced: true`, because the old entries describe a different\n * timeline and undo must only revert what the user has done since.\n *\n * Don't add another `history()` to the editor: the underlying history state\n * field is a module-level singleton in `@codemirror/commands`, so a second copy\n * elsewhere in the configuration keeps the field alive across the reset and defeats it.\n * If the user configures history on their own we detect this and warned about it at mount.\n */\nexport const automergeHistory = ({\n handle,\n}: AutomergeHistoryConfig): Extension => {\n const compartment = new Compartment()\n const historyExtension = () => [history(), keymap.of(historyKeymap)]\n\n const resetPlugin = ViewPlugin.fromClass(\n class {\n warned = false\n destroyed = false\n readonly view: EditorView\n\n constructor(view: EditorView) {\n this.view = view\n this.onChange = this.onChange.bind(this)\n handle.on(\"change\", this.onChange)\n // Probe once at mount, when the history is empty and cycling is\n // harmless: a duplicate history() warns immediately instead of on\n // the first swap. Deferred because dispatching isn't allowed while\n // the view is still initializing.\n queueMicrotask(() => {\n if (!this.destroyed) this.reset()\n })\n }\n\n onChange(payload?: DocHandleChangePayload) {\n if (payload?.scopeReplaced) this.reset()\n }\n\n // CodeMirror has no clear-history API; the sanctioned reset is cycling\n // the extension out of and back into the configuration, which drops\n // the history field's state and re-creates it empty.\n reset() {\n this.view.dispatch({ effects: compartment.reconfigure([]) })\n // With our copy out of the configuration the field must be gone; if\n // it survives, another history() is keeping it alive and the reset\n // is silently defeated.\n if (\n !this.warned &&\n this.view.state.field(historyField, false) !== undefined\n ) {\n this.warned = true\n console.warn(\n \"[automerge-codemirror] another history() extension is present\" +\n \" in this editor's configuration, so the undo history cannot\" +\n \" be reset when the handle's backing is swapped. Remove the\" +\n \" other copy \u2014 note that basicSetup includes one.\"\n )\n }\n this.view.dispatch({\n effects: compartment.reconfigure(historyExtension()),\n })\n }\n\n destroy() {\n this.destroyed = true\n handle.off(\"change\", this.onChange)\n }\n }\n )\n\n return [compartment.of(historyExtension()), resetPlugin]\n}\n", "import { Compartment, EditorState, type Extension } from \"@codemirror/state\"\nimport { EditorView, ViewPlugin } from \"@codemirror/view\"\nimport type { DocHandle, DocHandleChangePayload } from \"./DocHandle.js\"\n\ntype AutomergeReadOnlyConfig = {\n handle: DocHandle<unknown>\n}\n\n/**\n * Makes the editor read-only while the handle rejects writes\n * (`handle.isReadOnly()`, e.g. pinned to historical heads). This is a\n * correctness requirement of syncing, not a preference: an editable editor\n * bound to a read-only handle produces edits the write-back must drop.\n *\n * Tracked live: the flag can flip in place when the handle's backing is\n * swapped (a `change` event with `scopeReplaced: true`). Handles without\n * `isReadOnly` are treated as always writable.\n */\nexport const automergeReadOnly = ({\n handle,\n}: AutomergeReadOnlyConfig): Extension => {\n const compartment = new Compartment()\n const isReadOnly = () => !!handle.isReadOnly?.()\n const extensions = () =>\n isReadOnly()\n ? [EditorState.readOnly.of(true), EditorView.editable.of(false)]\n : []\n\n const trackPlugin = ViewPlugin.fromClass(\n class {\n wasPrevReadOnly = isReadOnly()\n destroyed = false\n readonly view: EditorView\n\n constructor(view: EditorView) {\n this.view = view\n this.onChange = this.onChange.bind(this)\n handle.on(\"change\", this.onChange)\n // The flag may have flipped between extension creation and mount;\n // deferred because dispatching isn't allowed while the view is\n // still initializing.\n queueMicrotask(() => {\n if (!this.destroyed) this.sync()\n })\n }\n\n onChange(payload?: DocHandleChangePayload) {\n if (payload?.scopeReplaced) this.sync()\n }\n\n sync() {\n const current = isReadOnly()\n if (current === this.wasPrevReadOnly) return\n this.wasPrevReadOnly = current\n this.view.dispatch({ effects: compartment.reconfigure(extensions()) })\n }\n\n destroy() {\n this.destroyed = true\n handle.off(\"change\", this.onChange)\n }\n }\n )\n\n return [compartment.of(extensions()), trackPlugin]\n}\n", "import type * as A from \"@automerge/automerge\"\nimport type { Extension } from \"@codemirror/state\"\nimport { automergeSyncPlugin } from \"./plugin.js\"\nimport { automergeHistory } from \"./history.js\"\nimport { automergeReadOnly } from \"./readOnly.js\"\nimport type { DocHandle } from \"./DocHandle.js\"\n\ntype AutomergePluginConfig = {\n handle: DocHandle<unknown>\n path: A.Prop[]\n}\n\n/**\n * The recommended entry point: two-way sync plus the pieces entangled with\n * it \u2014 undo history that resets when the handle's backing is swapped, and\n * read-only tracking for handles that reject writes.\n *\n * Don't add another `history()` to the editor (`basicSetup` includes one):\n * the bundled history must own the only copy for its reset to work. Each\n * piece is also exported individually for \u00E0-la-carte use.\n */\nexport const automergePlugin = ({\n handle,\n path,\n}: AutomergePluginConfig): Extension => [\n automergeSyncPlugin({ handle, path }),\n automergeHistory({ handle }),\n automergeReadOnly({ handle }),\n]\n\nexport { automergeSyncPlugin } from \"./plugin.js\"\nexport { automergeHistory } from \"./history.js\"\nexport { automergeReadOnly } from \"./readOnly.js\"\nexport type { DocHandle, DocHandleChangePayload } from \"./DocHandle.js\"\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport {\n Decoration,\n EditorView,\n ViewPlugin,\n WidgetType,\n type DecorationSet,\n type ViewUpdate,\n} from \"@codemirror/view\";\nimport { RangeSet, StateEffect, type Range } from \"@codemirror/state\";\n\n/** Automerge */\nimport { next as Automerge } from \"@automerge/automerge/slim\";\nimport type { Prop as AutomergeProp } from \"@automerge/automerge/slim\";\nimport {\n decodeHeads,\n type Doc,\n type DocHandle,\n type UrlHeads,\n} from \"@automerge/automerge-repo/slim\";\n\n// Carries the diff baseline (fork-point heads) from the provider subscription\n// into the editor. Dispatched only when the baseline changes (i.e. on fork),\n// which is rare -- per-edit recomputation is driven by `docChanged`, not this.\nconst setBaseline = StateEffect.define<UrlHeads | null>();\n\n/**\n * CodeMirror extension that renders a diff of the synced `path` against the\n * `baseline` heads. It recomputes its decorations on every doc change -- the\n * automerge sync plugin reflects both local and remote changes as editor\n * transactions -- so no external \"tick\" is needed. The baseline is pushed in\n * via a Solid effect because the editor can't observe a fork on its own.\n *\n * @returns the extension and an effect factory that feeds baseline changes in.\n */\nexport function createDiffExtension(\n handle: () => DocHandle<unknown>,\n path: () => AutomergeProp[],\n baseline: () => UrlHeads | null\n) {\n const plugin = ViewPlugin.fromClass(\n class {\n baseline: UrlHeads | null = null;\n decorations: DecorationSet = Decoration.none;\n\n update(update: ViewUpdate) {\n let baselineChanged = false;\n for (const tr of update.transactions) {\n for (const effect of tr.effects) {\n if (effect.is(setBaseline)) {\n this.baseline = effect.value;\n baselineChanged = true;\n }\n }\n }\n if (update.docChanged || baselineChanged) {\n this.decorations = this.build();\n }\n }\n\n build(): DecorationSet {\n const heads = this.baseline;\n const doc = handle()?.doc();\n if (!heads || !doc) return Decoration.none;\n return RangeSet.of(\n buildDiffDecorations(\n diffContent(doc, heads, path()),\n prefersDarkMode()\n ),\n true // sort ranges\n );\n }\n },\n { decorations: (v) => v.decorations }\n );\n\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n view.dispatch({ effects: setBaseline.of(baseline()) });\n });\n\n return [plugin, createReconfigureEffect] as const;\n}\n\ntype ContentDiff =\n | { type: \"added\"; from: number; to: number }\n | { type: \"deleted\"; at: number; text: string };\n\n// Diff the text at `path` between the baseline heads and the live doc using\n// Automerge patches directly (no annotations layer). A string field only ever\n// produces `splice` (insert) and `del` (delete) patches on `[...path, idx]`,\n// and their positions are in live-doc coordinates -- so `added` ranges map\n// straight to CodeMirror offsets. For `del` the removed text isn't in the\n// patch, so we recover it from the baseline view, tracking a running offset to\n// convert the live position back to a baseline position.\nfunction diffContent(\n doc: Doc<unknown>,\n baselineHeads: UrlHeads,\n path: AutomergeProp[]\n): ContentDiff[] {\n const before = decodeHeads(baselineHeads);\n const beforeContent = lookupString(Automerge.view(doc, before), path);\n const patches = Automerge.diff(doc, before, Automerge.getHeads(doc));\n\n const out: ContentDiff[] = [];\n let offset = 0;\n for (const patch of patches) {\n if (!isIndexedChildOf(patch.path, path)) continue;\n const pos = patch.path[path.length] as number;\n if (patch.action === \"splice\") {\n const len = (patch.value as string).length;\n out.push({ type: \"added\", from: pos, to: pos + len });\n offset -= len;\n } else if (patch.action === \"del\") {\n const len = patch.length ?? 1;\n const original = pos + offset;\n out.push({\n type: \"deleted\",\n at: pos,\n text: beforeContent.substring(original, original + len),\n });\n offset += len;\n }\n }\n return out;\n}\n\nfunction buildDiffDecorations(\n diffs: ContentDiff[],\n dark: boolean\n): Range<Decoration>[] {\n const out: Range<Decoration>[] = [];\n for (const diff of diffs) {\n if (diff.type === \"deleted\") {\n out.push(\n Decoration.widget({\n widget: new DeletionMarker(diff.text, false),\n side: 1,\n }).range(diff.at)\n );\n continue;\n }\n // Skip zero-length added ranges.\n if (diff.from === diff.to) continue;\n out.push(\n Decoration.mark({\n attributes: { style: addedDiffStyle(dark) },\n }).range(diff.from, diff.to)\n );\n }\n return out;\n}\n\n// True when `patchPath` addresses a direct indexed child of `path`, e.g.\n// `[\"content\", 5]` is an indexed child of `[\"content\"]`.\nfunction isIndexedChildOf(\n patchPath: readonly AutomergeProp[],\n path: AutomergeProp[]\n): boolean {\n if (patchPath.length !== path.length + 1) return false;\n for (let i = 0; i < path.length; i++) {\n if (patchPath[i] !== path[i]) return false;\n }\n return typeof patchPath[path.length] === \"number\";\n}\n\nfunction lookupString(doc: unknown, path: AutomergeProp[]): string {\n let current: unknown = doc;\n for (const key of path) {\n if (current == null) return \"\";\n current = (current as Record<AutomergeProp, unknown>)[key];\n }\n return typeof current === \"string\" ? current : \"\";\n}\n\nfunction addedDiffStyle(dark: boolean): string {\n return `\n border-bottom: 2px solid ${dark ? \"#4ade80\" : \"#22c55e\"};\n background-color: ${dark ? \"#14532d\" : \"#dcfce7\"};\n `;\n}\n\nfunction prefersDarkMode(): boolean {\n return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\nclass DeletionMarker extends WidgetType {\n deletedText: string;\n isActive: boolean;\n\n constructor(deletedText: string, isActive: boolean) {\n super();\n this.deletedText = deletedText;\n this.isActive = isActive;\n }\n\n toDOM(): HTMLElement {\n const box = document.createElement(\"div\");\n // Pin the badge to its own metrics so a tall line-height (e.g. on heading\n // lines) can't stretch it into a vertical rectangle. `position: relative`\n // anchors the hover tooltip to the badge so it can left-align to it.\n box.style.display = \"inline-block\";\n box.style.position = \"relative\";\n box.style.lineHeight = \"1\";\n box.style.verticalAlign = \"middle\";\n box.style.boxSizing = \"border-box\";\n box.style.padding = \"2px 3px\";\n box.style.color = \"rgb(239 68 68)\"; // red-500\n box.style.margin = \"0 4px\";\n box.style.fontSize = \"1.2em\";\n box.style.whiteSpace = \"nowrap\";\n box.style.backgroundColor = this.isActive\n ? \"rgb(239 68 68 / 20%)\" // red-500 with opacity\n : \"rgb(239 68 68 / 10%)\";\n box.style.borderRadius = \"3px\";\n box.style.cursor = \"var(--studio-cursor-default, default)\";\n box.innerText = \"\\u232b\";\n\n const hoverText = document.createElement(\"div\");\n hoverText.style.position = \"absolute\";\n hoverText.style.top = \"100%\";\n hoverText.style.left = \"0\";\n hoverText.style.zIndex = \"1\";\n hoverText.style.padding = \"5px\";\n hoverText.style.backgroundColor = \"rgb(254 242 242)\"; // red-50\n hoverText.style.fontSize = \"15px\";\n hoverText.style.color = \"rgb(17 24 39)\"; // gray-900\n hoverText.style.border = \"var(--studio-border-width, 1px) var(--studio-border-style, solid) rgb(185 28 28)\"; // red-700\n hoverText.style.boxShadow = \"0px 0px 6px rgba(0, 0, 0, 0.1)\";\n hoverText.style.borderRadius = \"3px\";\n hoverText.style.visibility = \"hidden\";\n hoverText.innerText = this.deletedText;\n\n const isDarkMode =\n document.documentElement.classList.contains(\"dark\") ||\n window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n if (isDarkMode) {\n box.style.color = \"rgb(248 113 113)\"; // red-400 for dark mode\n box.style.backgroundColor = this.isActive\n ? \"rgb(248 113 113 / 20%)\"\n : \"rgb(248 113 113 / 10%)\";\n hoverText.style.backgroundColor = \"rgb(69 10 10)\"; // red-950\n hoverText.style.color = \"rgb(254 226 226)\"; // red-100\n hoverText.style.border = \"var(--studio-border-width, 1px) var(--studio-border-style, solid) rgb(153 27 27)\"; // red-800\n }\n\n box.appendChild(hoverText);\n\n box.onmouseover = function () {\n hoverText.style.visibility = \"visible\";\n };\n box.onmouseout = function () {\n hoverText.style.visibility = \"hidden\";\n };\n\n return box;\n }\n\n eq(other: DeletionMarker) {\n return (\n other.deletedText === this.deletedText && other.isActive === this.isActive\n );\n }\n\n ignoreEvent() {\n return true;\n }\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { EditorSelection, type Extension } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension that scrolls the highlighted range into view\n * when it changes.\n *\n * Uses the \"nearest\" scroll strategy, so a highlight that's already on screen\n * is left untouched and an off-screen one is scrolled just into frame -- i.e.\n * \"scroll the highlight into view only if it isn't already there\". Handy for\n * following focus/selection driven by other views (e.g. picking a comment).\n *\n * @param target An accessor returning the [from, to] range to reveal, or null.\n * @returns A tuple of the extension and a function to create the scroll effect.\n */\nexport function createScrollHighlightIntoViewExtension(\n target: () => readonly [number, number] | null\n) {\n // Scrolling is a fire-and-forget transaction effect with no editor state to\n // hold, so there's nothing to add to the editor. The empty extension just\n // keeps the [extension, effectFactory] shape shared with the siblings.\n const extension: Extension = [];\n\n const createScrollHighlightIntoViewEffect = (view: EditorView) =>\n createEffect(() => {\n const range = target();\n if (!range) return;\n // Clamp to the live doc: a target resolved against a slightly different\n // doc revision could otherwise point past the end and throw.\n const docLength = view.state.doc.length;\n const from = Math.min(range[0], docLength);\n const to = Math.min(range[1], docLength);\n view.dispatch({\n effects: EditorView.scrollIntoView(EditorSelection.range(from, to), {\n x: \"nearest\",\n y: \"nearest\",\n }),\n });\n });\n\n return [extension, createScrollHighlightIntoViewEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport {\n Decoration,\n EditorView,\n RectangleMarker,\n ViewPlugin,\n layer,\n type DecorationSet,\n type ViewUpdate,\n} from \"@codemirror/view\";\nimport {\n Compartment,\n EditorSelection,\n StateEffect,\n StateField,\n Transaction,\n type Extension,\n type Range,\n} from \"@codemirror/state\";\n\n/** Automerge */\nimport {\n next as A,\n type Prop as AutomergeProp,\n} from \"@automerge/automerge/slim\";\nimport {\n Presence,\n type AutomergeUrl,\n type DocHandle,\n type Repo,\n} from \"@automerge/automerge-repo/slim\";\n\n// The payload broadcast to peers: just the selection, as a pair of automerge\n// cursors rather than plain offsets, so every receiver resolves it against\n// its *own* view of the document and it stays glued to the text through\n// concurrent edits. Identity rides on Presence's own `userId` field (the\n// sender's contact url); receivers use it to look up the peer's contact doc\n// and read the color chosen there.\ntype PresenceSelection = {\n start: A.Cursor;\n end: A.Cursor;\n headAtStart: boolean;\n // Sender's Date.now(); used only as a change marker (not for clock comparison)\n lastMoved: number;\n};\ntype PresenceChannels = { selection: PresenceSelection | null };\n\n// A remote peer's selection resolved to positions in the current document.\n// `peerId` is unique per session, so two tabs of the same contact each get\n// their own caret.\ntype RemoteSelection = {\n peerId: string;\n contactUrl: AutomergeUrl | null;\n color: string;\n from: number;\n to: number;\n head: number;\n // Changes exactly when the peer acts (moves, types, refocuses) -- the\n // caret marker uses it to restart its nametag fade-out countdown.\n lastMoved: number;\n};\n\n/**\n * Create a CodeMirror extension for live remote cursors, reconfigurable via a\n * Compartment (same shape as the sync/diff/readOnly extensions).\n *\n * `contactUrl` is our identity: it travels as the Presence userId, and peers\n * use it to mount our \"contact-cursor\" token and read our chosen color. It\n * returning `null` renders no presence -- that's the state before the\n * identity has loaded, and permanently so for read-only views. When the\n * accessor changes, the compartment swaps the plugin wholesale: the outgoing\n * instance stops `Presence` (sending a goodbye to peers) and the new one\n * starts fresh with the new identity.\n *\n * `repo` is used to load each peer's contact doc, where their chosen\n * presence color lives.\n */\nexport function createPresenceExtension(\n handle: () => DocHandle<unknown>,\n path: () => AutomergeProp[],\n contactUrl: () => AutomergeUrl | null,\n repo: Repo\n) {\n const compartment = new Compartment();\n\n const extension = () => {\n const url = contactUrl();\n return url ? presence(handle(), path(), url, repo) : [];\n };\n\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n view.dispatch({ effects: compartment.reconfigure(extension()) });\n });\n\n return [compartment.of(extension()), createReconfigureEffect] as const;\n}\n\n/**\n * Live remote cursors for collaborative text, handling presence transport,\n * broadcasting/resolving selections, rendering colored ranges and contact-cursor carets.\n * Peers are keyed by session (peerId); idle carets hide their nametag after a timeout.\n * Lifetime matches the editor: reconfiguring or closing stops presence.\n */\nfunction presence(\n handle: DocHandle<unknown>,\n path: AutomergeProp[],\n contactUrl: AutomergeUrl,\n repo: Repo\n): Extension {\n const setRemoteSelections = StateEffect.define<RemoteSelection[]>();\n\n const remoteSelectionField = StateField.define<RemoteSelection[]>({\n create() {\n return [];\n },\n update(value, tr) {\n // Between re-resolutions, keep positions glued through edits.\n if (tr.docChanged) {\n value = value.map((sel) => ({\n ...sel,\n from: tr.changes.mapPos(sel.from),\n to: tr.changes.mapPos(sel.to),\n head: tr.changes.mapPos(sel.head),\n }));\n }\n for (const e of tr.effects) {\n if (e.is(setRemoteSelections)) value = e.value;\n }\n return value;\n },\n // Selection tints are plain mark decorations: they carry no stateful\n // DOM, so redrawing them is invisible.\n provide: (f) => EditorView.decorations.from(f, buildSelectionTints),\n });\n\n // Carets and their nametags are rendered in a layer (not as widget decorations)\n // to prevent remounts and visible flicker. This ensures the <patchwork-view>\n // element stays mounted and updated in place, even during edits.\n const caretLayer = layer({\n above: true,\n class: \"cm-presence-layer\",\n update: (update) =>\n update.docChanged ||\n update.transactions.some((tr) =>\n tr.effects.some((e) => e.is(setRemoteSelections))\n ),\n markers(view) {\n // Stable order, so the layer's pairwise DOM reuse matches each marker\n // with the same peer's existing element across redraws.\n const selections = [...view.state.field(remoteSelectionField)].sort(\n (a, b) => (a.peerId < b.peerId ? -1 : a.peerId > b.peerId ? 1 : 0)\n );\n const markers: PresenceCaretMarker[] = [];\n for (const sel of selections) {\n // Reuse drawSelection's measurement for a caret rectangle at head.\n const [rect] = RectangleMarker.forRange(\n view,\n \"cm-presence-caret\",\n EditorSelection.cursor(sel.head)\n );\n if (!rect) continue; // outside the rendered viewport\n markers.push(\n new PresenceCaretMarker(sel, rect.left, rect.top, rect.height)\n );\n }\n return markers;\n },\n });\n\n const plugin = ViewPlugin.fromClass(\n class {\n private view: EditorView;\n private presence: Presence<PresenceChannels>;\n private destroyed = false;\n private broadcastQueued = false;\n // Peers' contact docs, followed live so a color picked in the account\n // picker recolors that peer's caret and tint immediately. Keyed by\n // contact url; the stored function stops the subscription.\n private contactWatchers = new Map<AutomergeUrl, () => void>();\n private contactColors = new Map<AutomergeUrl, string>();\n\n constructor(view: EditorView) {\n this.view = view;\n this.presence = new Presence<PresenceChannels>({\n handle,\n userId: contactUrl,\n });\n this.presence.start({ initialState: { selection: null } });\n this.presence.on(\"update\", this.refresh);\n this.presence.on(\"snapshot\", this.refresh);\n this.presence.on(\"goodbye\", this.refresh);\n this.presence.on(\"pruned\", this.refresh);\n // Closing the page sends a goodbye, which removes us from peers\n // immediately instead of after the stale-peer timeout.\n window.addEventListener(\"pagehide\", this.stopPresence);\n }\n\n update(update: ViewUpdate) {\n // Typing is considered cursor movement; local edits may not set selection explicitly, so we also check userEvent annotations\n const typed =\n update.docChanged &&\n update.transactions.some(\n (tr) => tr.annotation(Transaction.userEvent) !== undefined\n );\n if (update.focusChanged && !update.view.hasFocus) {\n // Hide our caret on peers while blurred; the peer record itself\n // stays alive via heartbeats.\n if (this.presence.running) {\n this.presence.broadcast(\"selection\", null);\n }\n } else if (\n update.selectionSet ||\n typed ||\n (update.focusChanged && update.view.hasFocus)\n ) {\n this.scheduleBroadcast();\n }\n // Local and remote edits alike arrive as transactions (the sync\n // plugin turns automerge patches into transactions), so this\n // re-resolves peers' cursors against the updated doc. Deferred:\n // dispatching is not allowed from inside update().\n if (update.docChanged) {\n queueMicrotask(this.refresh);\n }\n }\n\n destroy() {\n this.destroyed = true;\n this.stopPresence();\n window.removeEventListener(\"pagehide\", this.stopPresence);\n for (const stop of this.contactWatchers.values()) stop();\n this.contactWatchers.clear();\n }\n\n // A peer's color is whatever their account says (contact doc `color`),\n // never derived locally. The doc is fetched once and followed; until it\n // loads (or if the contact never picked a color) the caret stays on the\n // neutral fallback.\n private trackContactColor(url: AutomergeUrl) {\n if (this.contactWatchers.has(url)) return;\n this.contactWatchers.set(url, () => {});\n repo\n .find<ContactDoc>(url)\n .then((contactHandle) => {\n if (this.destroyed) return;\n const read = () => {\n const color = contactHandle.doc()?.color;\n if (!color || this.contactColors.get(url) === color) return;\n this.contactColors.set(url, color);\n this.refresh();\n };\n contactHandle.on(\"change\", read);\n this.contactWatchers.set(url, () =>\n contactHandle.off(\"change\", read)\n );\n read();\n })\n .catch(() => {\n // Contact doc unavailable: the peer stays on the fallback color.\n });\n }\n\n private stopPresence = () => {\n if (this.presence.running) this.presence.stop();\n };\n\n // rAF-throttled (matching tldraw4) so drag-selections don't flood the\n // channel. The selection is read fresh at flush time.\n private scheduleBroadcast() {\n if (this.broadcastQueued) return;\n this.broadcastQueued = true;\n requestAnimationFrame(() => {\n this.broadcastQueued = false;\n if (this.destroyed || !this.presence.running) return;\n // Blurred in the meantime: the null broadcast already went out.\n if (!this.view.hasFocus) return;\n const doc = handle.doc();\n const sel = this.view.state.selection.main;\n this.presence.broadcast(\"selection\", {\n start: A.getCursor(doc, path, sel.from),\n end: A.getCursor(doc, path, sel.to),\n headAtStart: sel.to > sel.from && sel.head === sel.from,\n lastMoved: Date.now(),\n });\n });\n }\n\n // Re-resolve every peer's cursors against the current doc. A cursor can\n // briefly fail to resolve when a presence message races ahead of doc\n // sync -- the peer is skipped and picked up again on the next change.\n private refresh = () => {\n if (this.destroyed) return;\n const doc = handle.doc();\n const resolved: RemoteSelection[] = [];\n for (const peer of this.presence.getPeerStates().peers) {\n const peerId = String(peer.peerId);\n const selection = peer.value?.selection ?? null;\n if (!selection) continue;\n try {\n const from = A.getCursorPosition(doc, path, selection.start);\n const to = A.getCursorPosition(doc, path, selection.end);\n const peerContactUrl =\n (peer.userId as AutomergeUrl | undefined) ?? null;\n if (peerContactUrl) this.trackContactColor(peerContactUrl);\n resolved.push({\n peerId,\n contactUrl: peerContactUrl,\n // The color the peer chose in their account -- the same contact\n // doc the contact-cursor token renders from, so the tint and\n // the token can't drift apart.\n color:\n (peerContactUrl && this.contactColors.get(peerContactUrl)) ||\n FALLBACK_PRESENCE_COLOR,\n from,\n to,\n head: selection.headAtStart ? from : to,\n lastMoved: selection.lastMoved,\n });\n } catch {\n continue;\n }\n }\n this.view.dispatch({ effects: setRemoteSelections.of(resolved) });\n };\n }\n );\n\n return [remoteSelectionField, caretLayer, plugin, presenceTheme];\n}\n\nfunction buildSelectionTints(selections: RemoteSelection[]): DecorationSet {\n const ranges: Range<Decoration>[] = [];\n for (const sel of selections) {\n if (sel.from < sel.to) {\n ranges.push(\n Decoration.mark({\n class: \"cm-presence-range\",\n attributes: {\n style: `background-color: color-mix(in srgb, ${sel.color} 25%, transparent);`,\n },\n }).range(sel.from, sel.to)\n );\n }\n }\n return Decoration.set(ranges, true);\n}\n\n// A peer's nametag fades out once its selection has been still for this\n// long -- the caret itself stays visible. Moving the cursor or typing\n// brings it back.\nconst LABEL_TIMEOUT_MS = 2_000;\n\n// A layer marker for one peer's caret. Markers are throwaway value objects\n// (a fresh set arrives with every measure pass); the peer's DOM element is\n// what persists, via `update` mutating it in place. That persistence is the\n// point of the layer approach: the contact token inside must never remount.\nclass PresenceCaretMarker {\n private readonly sel: RemoteSelection;\n private readonly left: number;\n private readonly top: number;\n private readonly height: number;\n\n constructor(sel: RemoteSelection, left: number, top: number, height: number) {\n this.sel = sel;\n this.left = left;\n this.top = top;\n this.height = height;\n }\n\n eq(other: PresenceCaretMarker): boolean {\n return (\n other.sel.peerId === this.sel.peerId &&\n other.sel.contactUrl === this.sel.contactUrl &&\n other.sel.color === this.sel.color &&\n other.sel.lastMoved === this.sel.lastMoved &&\n other.left === this.left &&\n other.top === this.top &&\n other.height === this.height\n );\n }\n\n draw(): HTMLElement {\n const caret = document.createElement(\"div\");\n caret.className = \"cm-presence-caret\";\n caret.dataset.peerId = this.sel.peerId;\n if (this.sel.contactUrl) {\n const label = document.createElement(\"span\");\n label.className = \"cm-presence-caret-label\";\n const token = document.createElement(\"patchwork-view\");\n token.setAttribute(\"doc-url\", this.sel.contactUrl);\n token.setAttribute(\"tool-id\", \"contact-cursor\");\n token.style.display = \"block\";\n label.appendChild(token);\n caret.appendChild(label);\n }\n this.adjust(caret);\n restartIdleCountdown(caret);\n return caret;\n }\n\n // Reposition the peer's existing element instead of redrawing it, keeping\n // the mounted contact token alive (a remount re-renders asynchronously and\n // flickers -- see the layer comment in `presence`).\n update(dom: HTMLElement, prev: PresenceCaretMarker): boolean {\n // A different peer means a different contact token, which genuinely has\n // to remount. Only happens when peers join or leave.\n if (\n prev.sel.peerId !== this.sel.peerId ||\n prev.sel.contactUrl !== this.sel.contactUrl\n ) {\n return false;\n }\n this.adjust(dom);\n // Fresh activity restarts the nametag fade-out. Position shifts caused\n // by other people's edits deliberately don't.\n if (prev.sel.lastMoved !== this.sel.lastMoved) restartIdleCountdown(dom);\n return true;\n }\n\n private adjust(dom: HTMLElement) {\n dom.style.left = `${this.left}px`;\n dom.style.top = `${this.top}px`;\n dom.style.height = `${this.height}px`;\n dom.style.setProperty(\"--cm-presence-color\", this.sel.color);\n }\n}\n\n// Keyed on the DOM element rather than the marker, because marker instances\n// are replaced on every measure pass while the element lives on.\nconst idleTimers = new WeakMap<HTMLElement, ReturnType<typeof setTimeout>>();\n\nfunction restartIdleCountdown(caret: HTMLElement) {\n clearTimeout(idleTimers.get(caret));\n caret.classList.remove(\"cm-presence-caret--idle\");\n idleTimers.set(\n caret,\n setTimeout(\n () => caret.classList.add(\"cm-presence-caret--idle\"),\n LABEL_TIMEOUT_MS\n )\n );\n}\n\nconst presenceTheme = EditorView.baseTheme({\n // Positioned absolutely by the layer (document-relative); -1px centers\n // the 2px bar on the caret position.\n \".cm-presence-caret\": {\n borderLeft: \"2px solid var(--cm-presence-color)\",\n marginLeft: \"-1px\",\n pointerEvents: \"none\",\n },\n \".cm-presence-caret-label\": {\n position: \"absolute\",\n top: \"-1.4em\",\n left: \"-2px\",\n zIndex: \"150\",\n whiteSpace: \"nowrap\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n opacity: \"1\",\n transition: \"opacity max(1ms, calc(200ms * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))) ease-in-out\",\n },\n \".cm-presence-caret--idle .cm-presence-caret-label\": {\n opacity: \"0\",\n },\n});\n\n// Shown until a peer's contact doc has loaded, and for contacts that never\n// picked a color. Matches the contact-cursor token's CSS fallback\n// (`var(--contact-cursor-color, #888)` in the account package).\nconst FALLBACK_PRESENCE_COLOR = \"#888\";\n\n// The subset of the account package's ContactDoc this extension reads.\ntype ContactDoc = { color?: string };\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { onCleanup, createEffect } from \"solid-js\";\nimport { EditorView } from \"@codemirror/view\";\nimport { EditorState, Compartment } from \"@codemirror/state\";\nimport { createAutomergeExtension, createReadOnlyExtension, createDecorationsExtension, createDiffExtension, createScrollHighlightIntoViewExtension, createPresenceExtension } from \"./extensions\";\nconst lookup = (doc, path) => {\n let current = doc;\n for (const key of path) {\n current = current[key];\n if (current === void 0) {\n return void 0;\n }\n }\n return current;\n};\nexport function CodeMirror(props) {\n const initialDoc = () => props.handle && lookup(props.handle.doc(), props.path) || \"\";\n const [automergeExtension, createEffectReconfigureAutomerge] = createAutomergeExtension(() => props.handle, () => props.path, initialDoc);\n const [readOnlyExtension, createEffectReconfigureReadOnly] = createReadOnlyExtension(() => !!props.readOnly);\n const [decorationsExtension, createEffectReconfigureDecorations] = createDecorationsExtension(() => props.decorations?.());\n const [diffExtension, createEffectReconfigureDiff] = createDiffExtension(() => props.handle, () => props.path, () => props.baseline?.() ?? null);\n const [scrollHighlightIntoViewExtension, createEffectScrollHighlightIntoView] = createScrollHighlightIntoViewExtension(() => props.scrollTarget?.() ?? null);\n const [presenceExtension, createEffectReconfigurePresence] = createPresenceExtension(() => props.handle, () => props.path, () => props.readOnly || props.handle.isReadOnly() ? null : props.contactUrl?.() ?? null, props.repo);\n const userExtensionsCompartment = new Compartment();\n const selectionExtension = EditorView.updateListener.of(update => {\n if (!props.onChangeSelection) return;\n if (update.selectionSet) {\n const sel = update.state.selection.main;\n props.onChangeSelection(sel.from, sel.to);\n }\n });\n const extensions = [selectionExtension, decorationsExtension,\n // automergeExtension must come before diffExtension so diff stays in sync with edits.\n automergeExtension, diffExtension, scrollHighlightIntoViewExtension, presenceExtension, userExtensionsCompartment.of(props.extensions || []), readOnlyExtension].filter(Boolean);\n const state = EditorState.create({\n doc: initialDoc(),\n extensions\n });\n const view = new EditorView({\n state\n });\n props.withView?.(view);\n createEffectReconfigureAutomerge(view);\n createEffectReconfigureReadOnly(view);\n createEffectReconfigureDecorations?.(view);\n createEffectReconfigureDiff(view);\n createEffectScrollHighlightIntoView(view);\n createEffectReconfigurePresence(view);\n createEffect(() => {\n view.dispatch({\n effects: userExtensionsCompartment.reconfigure(props.extensions || [])\n });\n });\n onCleanup(() => view.destroy());\n return view.dom;\n}", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { Decoration, EditorView, type DecorationSet } from \"@codemirror/view\";\nimport { StateEffect, StateField } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension for managing decorations.\n * @param decorations An accessor function that returns the decorations (for reactivity).\n * @returns A tuple containing the extension and a function to create an effect for updating the\n decorations.\n */\nexport function createDecorationsExtension(decorations: () => DecorationSet) {\n const setDecorations = StateEffect.define<DecorationSet>();\n const decorationsField = StateField.define<DecorationSet>({\n create() {\n return Decoration.none;\n },\n update(value, tr) {\n for (const e of tr.effects) {\n if (e.is(setDecorations)) return e.value;\n }\n if (tr.docChanged) return value.map(tr.changes);\n return value;\n },\n provide: (f) => EditorView.decorations.from(f),\n });\n\n const createDecorationsEffect = (view: EditorView) =>\n createEffect(() => {\n decorations() &&\n view.dispatch({\n effects: setDecorations.of(decorations!()),\n });\n });\n\n return [decorationsField, createDecorationsEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { Compartment, EditorState } from \"@codemirror/state\";\n\n/**\n * Force the editor read-only regardless of the handle's state.\n *\n * This is only the override: the handle's own read-only state (e.g. a\n * heads-pinned view, including flips when its backing is swapped in place)\n * is tracked by the vendored `automergeReadOnly`, installed via\n * `createAutomergeExtension`.\n *\n * @param force Forces read-only.\n * @returns A tuple containing the extension and a function to create the\n * effect that reconfigures the extension when `force` changes.\n */\nexport function createReadOnlyExtension(force: () => boolean) {\n const compartment = new Compartment();\n\n const extensions = () =>\n force()\n ? [EditorState.readOnly.of(true), EditorView.editable.of(false)]\n : [];\n\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n view.dispatch({\n effects: compartment.reconfigure(extensions()),\n });\n });\n\n return [compartment.of(extensions()), createReconfigureEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { Compartment, Transaction } from \"@codemirror/state\";\n\n/** Automerge */\nimport type { Prop as AutomergeProp } from \"@automerge/automerge/slim\";\nimport type { DocHandle } from \"@automerge/automerge-repo/slim\";\nimport { automergePlugin } from \"../../vendor/automerge-codemirror/index.js\";\n\n/**\n * Returns a [Compartment extension, reconfig effect] tuple to sync a CodeMirror editor\n * with an Automerge handle+path. When reactive `handle` or `path` change, swaps the\n * plugin via Compartment and resets the doc from `initialDoc()` (kept off undo stack).\n */\nexport function createAutomergeExtension<T>(\n handle: () => DocHandle<T>,\n path: () => AutomergeProp[],\n initialDoc: () => string\n) {\n const compartment = new Compartment();\n\n const extension = () =>\n handle() && path()\n ? automergePlugin({\n handle: handle() as any, // typescript is confused by different version of doc handle\n path: path(),\n })\n : [];\n\n // Reconfigures the plugin and resets the doc to initialDoc() on reactive changes; this is synthetic remote state, so it bypasses the undo stack.\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n // handle()/path()/initialDoc() are tracked; changes rerun the rebuild.\n view.dispatch({\n effects: compartment.reconfigure(extension()),\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: initialDoc(),\n },\n annotations: [\n Transaction.addToHistory.of(false),\n Transaction.remote.of(true),\n ],\n });\n });\n\n return [compartment.of(extension()), createReconfigureEffect] as const;\n}\n", "import * as A from \"@automerge/automerge\"\nimport { EditorView, ViewPlugin, ViewUpdate } from \"@codemirror/view\"\nimport { Transaction, Annotation } from \"@codemirror/state\"\nimport { applyCmTransactionsToAmHandle } from \"./codeMirrorToAm.js\"\nimport { applyAmPatchesToCm } from \"./amToCodemirror.js\"\nimport type { DocHandle } from \"./DocHandle.js\"\n\nexport const reconcileAnnotationType = Annotation.define<unknown>()\n\nexport const isReconcileTx = (tr: Transaction): boolean =>\n !!tr.annotation(reconcileAnnotationType)\n\ntype AutomergeSyncPluginConfig = {\n handle: DocHandle<unknown>\n path: A.Prop[]\n}\n\nexport const automergeSyncPlugin = ({\n handle,\n path,\n}: AutomergeSyncPluginConfig) => {\n if (!handle.isReady()) {\n throw new Error(\n \"ensure the handle is ready before initializing the automergeSyncPlugin\"\n )\n }\n\n return ViewPlugin.fromClass(\n class {\n view: EditorView\n reconciledHeads = A.getHeads(handle.doc())\n isProcessingCmTransaction = false\n\n constructor(view: EditorView) {\n this.view = view\n\n this.onChange = this.onChange.bind(this)\n handle.on(\"change\", this.onChange)\n }\n\n update(update: ViewUpdate) {\n // start processing codemirror transaction\n // changes that are created through the transaction are ignored in the change listener on the handle\n this.isProcessingCmTransaction = true\n\n const newHeads = applyCmTransactionsToAmHandle(\n handle,\n path,\n update.transactions as Transaction[]\n )\n\n if (newHeads) {\n this.reconciledHeads = newHeads\n }\n\n // finish processing transaction\n this.isProcessingCmTransaction = false\n }\n\n // Changes with a replaced scope (the handle was re-pointed at a\n // different backing document) need no special-casing here. A.diff\n // ignores heads that aren't in the doc's history, treating that side\n // as the empty document: when the backings share history (heads\n // pinning, clones) it yields minimal patches that preserve the\n // selection, and when they share nothing it degenerates into\n // full-document patches that rebuild the editor wholesale. Either\n // way the patches are kept off the undo stack by applyAmPatchesToCm.\n // The history and read-only extensions are the ones that consume the\n // `scopeReplaced` flag.\n onChange = () => {\n // ignore changes that where triggered while processing a codemirror transaction\n if (this.isProcessingCmTransaction) {\n return\n }\n\n const currentHeads = A.getHeads(handle.doc())\n if (A.equals(currentHeads, this.reconciledHeads)) {\n return\n }\n\n // get the diff between the reconciled heads and the new heads\n // and apply that to the codemirror doc\n const patches = A.diff(handle.doc(), this.reconciledHeads, currentHeads)\n applyAmPatchesToCm(this.view, path, patches)\n this.reconciledHeads = currentHeads\n }\n\n destroy() {\n handle.off(\"change\", this.onChange)\n }\n }\n )\n}\n", "import * as A from \"@automerge/automerge\"\nimport { Text, Transaction } from \"@codemirror/state\"\nimport { isReconcileTx } from \"./plugin.js\"\nimport { type DocHandle } from \"./DocHandle.js\"\n\nexport const applyCmTransactionsToAmHandle = (\n handle: DocHandle<unknown>,\n path: A.Prop[],\n transactions: Transaction[]\n): A.Heads | undefined => {\n const transactionsWithChanges = transactions.filter(\n tr => !isReconcileTx(tr) && !tr.changes.empty\n )\n\n if (transactionsWithChanges.length === 0) {\n return\n }\n\n // A read-only handle (e.g. pinned to historical heads) rejects writes:\n // never forward editor changes to it. The automergeReadOnly extension\n // keeps the editor from producing such changes in the first place.\n if (handle.isReadOnly?.()) {\n return\n }\n\n handle.change((doc: A.Doc<unknown>) => {\n transactionsWithChanges.forEach(tr => {\n tr.changes.iterChanges(\n (\n fromA: number,\n toA: number,\n fromB: number,\n _toB: number,\n inserted: Text\n ) => {\n // We are cloning the path as `am.splice` calls `.unshift` on it, modifying it in place,\n // causing the path to be broken on subsequent changes\n A.splice(doc, path.slice(), fromB, toA - fromA, inserted.toString())\n }\n )\n })\n })\n\n return A.getHeads(handle.doc())\n}\n", "import type {\n DelPatch,\n InsertPatch,\n Patch,\n Prop,\n PutPatch,\n SpliceTextPatch,\n} from \"@automerge/automerge\"\nimport {\n ChangeSet,\n type ChangeSpec,\n EditorState,\n Transaction,\n} from \"@codemirror/state\"\nimport { EditorView } from \"@codemirror/view\"\nimport { reconcileAnnotationType } from \"./plugin.js\"\n\nexport const applyAmPatchesToCm = (\n view: EditorView,\n target: Prop[],\n patches: Patch[]\n) => {\n let selection = view.state.selection\n\n for (const patch of patches) {\n const changeSpec = handlePatch(patch, target, view.state)\n if (changeSpec != null) {\n const changeSet = ChangeSet.of(changeSpec, view.state.doc.length, \"\\n\")\n selection = selection.map(changeSet, 1)\n // Remote changes from automerge are excluded from local undo (addToHistory: false).\n view.dispatch({\n changes: changeSet,\n annotations: [\n reconcileAnnotationType.of({}),\n Transaction.addToHistory.of(false),\n Transaction.remote.of(true),\n ],\n })\n }\n }\n view.dispatch({\n selection,\n annotations: reconcileAnnotationType.of({}),\n })\n}\n\nfunction handlePatch(\n patch: Patch,\n target: Prop[],\n state: EditorState\n): ChangeSpec | null {\n if (patch.action === \"insert\") {\n return handleInsert(target, patch)\n } else if (patch.action === \"splice\") {\n return handleSplice(target, patch)\n } else if (patch.action === \"del\") {\n return handleDel(target, patch)\n } else if (patch.action === \"put\") {\n return handlePut(target, patch, state)\n } else {\n return null\n }\n}\n\nfunction handleInsert(target: Prop[], patch: InsertPatch): Array<ChangeSpec> {\n const index = charPath(target, patch.path)\n if (index == null) {\n return []\n }\n const text = patch.values.map(v => (v ? v.toString() : \"\")).join(\"\")\n return [{ from: index, to: index, insert: text }]\n}\n\nfunction handleSplice(\n target: Prop[],\n patch: SpliceTextPatch\n): Array<ChangeSpec> {\n const index = charPath(target, patch.path)\n if (index == null) {\n return []\n }\n return [{ from: index, insert: patch.value }]\n}\n\nfunction handleDel(target: Prop[], patch: DelPatch): Array<ChangeSpec> {\n const index = charPath(target, patch.path)\n if (index == null) {\n return []\n }\n const length = patch.length || 1\n return [{ from: index, to: index + length }]\n}\n\nfunction handlePut(\n target: Prop[],\n patch: PutPatch,\n state: EditorState\n): Array<ChangeSpec> {\n const index = charPath(target, [...patch.path, 0])\n if (index == null) {\n return []\n }\n const length = state.doc.length\n if (typeof patch.value !== \"string\") {\n return [] // TODO(dmaretskyi): How to handle non string values?\n }\n return [{ from: 0, to: length, insert: patch.value }]\n}\n\n// If the path of the patch is of the form [path, <index>] then we know this is\n// a path to a character within the sequence given by path\nfunction charPath(textPath: Prop[], candidatePath: Prop[]): number | null {\n if (candidatePath.length !== textPath.length + 1) return null\n for (let i = 0; i < textPath.length; i++) {\n if (textPath[i] !== candidatePath[i]) return null\n }\n const index = candidatePath[candidatePath.length - 1]\n if (typeof index === \"number\") return index\n return null\n}\n", "import { history, historyField, historyKeymap } from \"@codemirror/commands\"\nimport { Compartment, type Extension } from \"@codemirror/state\"\nimport { EditorView, ViewPlugin, keymap } from \"@codemirror/view\"\nimport type { DocHandle, DocHandleChangePayload } from \"./DocHandle.js\"\n\ntype AutomergeHistoryConfig = {\n handle: DocHandle<unknown>\n}\n\n/**\n * Undo/redo history that understands handles whose backing document can be\n * swapped in place: the stack is reset whenever the handle emits a `change`\n * with `scopeReplaced: true`, because the old entries describe a different\n * timeline and undo must only revert what the user has done since.\n *\n * Don't add another `history()` to the editor: the underlying history state\n * field is a module-level singleton in `@codemirror/commands`, so a second copy\n * elsewhere in the configuration keeps the field alive across the reset and defeats it.\n * If the user configures history on their own we detect this and warned about it at mount.\n */\nexport const automergeHistory = ({\n handle,\n}: AutomergeHistoryConfig): Extension => {\n const compartment = new Compartment()\n const historyExtension = () => [history(), keymap.of(historyKeymap)]\n\n const resetPlugin = ViewPlugin.fromClass(\n class {\n warned = false\n destroyed = false\n readonly view: EditorView\n\n constructor(view: EditorView) {\n this.view = view\n this.onChange = this.onChange.bind(this)\n handle.on(\"change\", this.onChange)\n // Probe once at mount, when the history is empty and cycling is\n // harmless: a duplicate history() warns immediately instead of on\n // the first swap. Deferred because dispatching isn't allowed while\n // the view is still initializing.\n queueMicrotask(() => {\n if (!this.destroyed) this.reset()\n })\n }\n\n onChange(payload?: DocHandleChangePayload) {\n if (payload?.scopeReplaced) this.reset()\n }\n\n // CodeMirror has no clear-history API; the sanctioned reset is cycling\n // the extension out of and back into the configuration, which drops\n // the history field's state and re-creates it empty.\n reset() {\n this.view.dispatch({ effects: compartment.reconfigure([]) })\n // With our copy out of the configuration the field must be gone; if\n // it survives, another history() is keeping it alive and the reset\n // is silently defeated.\n if (\n !this.warned &&\n this.view.state.field(historyField, false) !== undefined\n ) {\n this.warned = true\n console.warn(\n \"[automerge-codemirror] another history() extension is present\" +\n \" in this editor's configuration, so the undo history cannot\" +\n \" be reset when the handle's backing is swapped. Remove the\" +\n \" other copy \u2014 note that basicSetup includes one.\"\n )\n }\n this.view.dispatch({\n effects: compartment.reconfigure(historyExtension()),\n })\n }\n\n destroy() {\n this.destroyed = true\n handle.off(\"change\", this.onChange)\n }\n }\n )\n\n return [compartment.of(historyExtension()), resetPlugin]\n}\n", "import { Compartment, EditorState, type Extension } from \"@codemirror/state\"\nimport { EditorView, ViewPlugin } from \"@codemirror/view\"\nimport type { DocHandle, DocHandleChangePayload } from \"./DocHandle.js\"\n\ntype AutomergeReadOnlyConfig = {\n handle: DocHandle<unknown>\n}\n\n/**\n * Makes the editor read-only while the handle rejects writes\n * (`handle.isReadOnly()`, e.g. pinned to historical heads). This is a\n * correctness requirement of syncing, not a preference: an editable editor\n * bound to a read-only handle produces edits the write-back must drop.\n *\n * Tracked live: the flag can flip in place when the handle's backing is\n * swapped (a `change` event with `scopeReplaced: true`). Handles without\n * `isReadOnly` are treated as always writable.\n */\nexport const automergeReadOnly = ({\n handle,\n}: AutomergeReadOnlyConfig): Extension => {\n const compartment = new Compartment()\n const isReadOnly = () => !!handle.isReadOnly?.()\n const extensions = () =>\n isReadOnly()\n ? [EditorState.readOnly.of(true), EditorView.editable.of(false)]\n : []\n\n const trackPlugin = ViewPlugin.fromClass(\n class {\n wasPrevReadOnly = isReadOnly()\n destroyed = false\n readonly view: EditorView\n\n constructor(view: EditorView) {\n this.view = view\n this.onChange = this.onChange.bind(this)\n handle.on(\"change\", this.onChange)\n // The flag may have flipped between extension creation and mount;\n // deferred because dispatching isn't allowed while the view is\n // still initializing.\n queueMicrotask(() => {\n if (!this.destroyed) this.sync()\n })\n }\n\n onChange(payload?: DocHandleChangePayload) {\n if (payload?.scopeReplaced) this.sync()\n }\n\n sync() {\n const current = isReadOnly()\n if (current === this.wasPrevReadOnly) return\n this.wasPrevReadOnly = current\n this.view.dispatch({ effects: compartment.reconfigure(extensions()) })\n }\n\n destroy() {\n this.destroyed = true\n handle.off(\"change\", this.onChange)\n }\n }\n )\n\n return [compartment.of(extensions()), trackPlugin]\n}\n", "import type * as A from \"@automerge/automerge\"\nimport type { Extension } from \"@codemirror/state\"\nimport { automergeSyncPlugin } from \"./plugin.js\"\nimport { automergeHistory } from \"./history.js\"\nimport { automergeReadOnly } from \"./readOnly.js\"\nimport type { DocHandle } from \"./DocHandle.js\"\n\ntype AutomergePluginConfig = {\n handle: DocHandle<unknown>\n path: A.Prop[]\n}\n\n/**\n * The recommended entry point: two-way sync plus the pieces entangled with\n * it \u2014 undo history that resets when the handle's backing is swapped, and\n * read-only tracking for handles that reject writes.\n *\n * Don't add another `history()` to the editor (`basicSetup` includes one):\n * the bundled history must own the only copy for its reset to work. Each\n * piece is also exported individually for \u00E0-la-carte use.\n */\nexport const automergePlugin = ({\n handle,\n path,\n}: AutomergePluginConfig): Extension => [\n automergeSyncPlugin({ handle, path }),\n automergeHistory({ handle }),\n automergeReadOnly({ handle }),\n]\n\nexport { automergeSyncPlugin } from \"./plugin.js\"\nexport { automergeHistory } from \"./history.js\"\nexport { automergeReadOnly } from \"./readOnly.js\"\nexport type { DocHandle, DocHandleChangePayload } from \"./DocHandle.js\"\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport {\n Decoration,\n EditorView,\n ViewPlugin,\n WidgetType,\n type DecorationSet,\n type ViewUpdate,\n} from \"@codemirror/view\";\nimport { RangeSet, StateEffect, type Range } from \"@codemirror/state\";\n\n/** Automerge */\nimport { next as Automerge } from \"@automerge/automerge/slim\";\nimport type { Prop as AutomergeProp } from \"@automerge/automerge/slim\";\nimport {\n decodeHeads,\n type Doc,\n type DocHandle,\n type UrlHeads,\n} from \"@automerge/automerge-repo/slim\";\n\n// Carries the diff baseline (fork-point heads) from the provider subscription\n// into the editor. Dispatched only when the baseline changes (i.e. on fork),\n// which is rare -- per-edit recomputation is driven by `docChanged`, not this.\nconst setBaseline = StateEffect.define<UrlHeads | null>();\n\n/**\n * CodeMirror extension that renders a diff of the synced `path` against the\n * `baseline` heads. It recomputes its decorations on every doc change -- the\n * automerge sync plugin reflects both local and remote changes as editor\n * transactions -- so no external \"tick\" is needed. The baseline is pushed in\n * via a Solid effect because the editor can't observe a fork on its own.\n *\n * @returns the extension and an effect factory that feeds baseline changes in.\n */\nexport function createDiffExtension(\n handle: () => DocHandle<unknown>,\n path: () => AutomergeProp[],\n baseline: () => UrlHeads | null\n) {\n const plugin = ViewPlugin.fromClass(\n class {\n baseline: UrlHeads | null = null;\n decorations: DecorationSet = Decoration.none;\n\n update(update: ViewUpdate) {\n let baselineChanged = false;\n for (const tr of update.transactions) {\n for (const effect of tr.effects) {\n if (effect.is(setBaseline)) {\n this.baseline = effect.value;\n baselineChanged = true;\n }\n }\n }\n if (update.docChanged || baselineChanged) {\n this.decorations = this.build();\n }\n }\n\n build(): DecorationSet {\n const heads = this.baseline;\n const doc = handle()?.doc();\n if (!heads || !doc) return Decoration.none;\n return RangeSet.of(\n buildDiffDecorations(\n diffContent(doc, heads, path()),\n prefersDarkMode()\n ),\n true // sort ranges\n );\n }\n },\n { decorations: (v) => v.decorations }\n );\n\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n view.dispatch({ effects: setBaseline.of(baseline()) });\n });\n\n return [plugin, createReconfigureEffect] as const;\n}\n\ntype ContentDiff =\n | { type: \"added\"; from: number; to: number }\n | { type: \"deleted\"; at: number; text: string };\n\n// Diff the text at `path` between the baseline heads and the live doc using\n// Automerge patches directly (no annotations layer). A string field only ever\n// produces `splice` (insert) and `del` (delete) patches on `[...path, idx]`,\n// and their positions are in live-doc coordinates -- so `added` ranges map\n// straight to CodeMirror offsets. For `del` the removed text isn't in the\n// patch, so we recover it from the baseline view, tracking a running offset to\n// convert the live position back to a baseline position.\nfunction diffContent(\n doc: Doc<unknown>,\n baselineHeads: UrlHeads,\n path: AutomergeProp[]\n): ContentDiff[] {\n const before = decodeHeads(baselineHeads);\n const beforeContent = lookupString(Automerge.view(doc, before), path);\n const patches = Automerge.diff(doc, before, Automerge.getHeads(doc));\n\n const out: ContentDiff[] = [];\n let offset = 0;\n for (const patch of patches) {\n if (!isIndexedChildOf(patch.path, path)) continue;\n const pos = patch.path[path.length] as number;\n if (patch.action === \"splice\") {\n const len = (patch.value as string).length;\n out.push({ type: \"added\", from: pos, to: pos + len });\n offset -= len;\n } else if (patch.action === \"del\") {\n const len = patch.length ?? 1;\n const original = pos + offset;\n out.push({\n type: \"deleted\",\n at: pos,\n text: beforeContent.substring(original, original + len),\n });\n offset += len;\n }\n }\n return out;\n}\n\nfunction buildDiffDecorations(\n diffs: ContentDiff[],\n dark: boolean\n): Range<Decoration>[] {\n const out: Range<Decoration>[] = [];\n for (const diff of diffs) {\n if (diff.type === \"deleted\") {\n out.push(\n Decoration.widget({\n widget: new DeletionMarker(diff.text, false),\n side: 1,\n }).range(diff.at)\n );\n continue;\n }\n // Skip zero-length added ranges.\n if (diff.from === diff.to) continue;\n out.push(\n Decoration.mark({\n attributes: { style: addedDiffStyle(dark) },\n }).range(diff.from, diff.to)\n );\n }\n return out;\n}\n\n// True when `patchPath` addresses a direct indexed child of `path`, e.g.\n// `[\"content\", 5]` is an indexed child of `[\"content\"]`.\nfunction isIndexedChildOf(\n patchPath: readonly AutomergeProp[],\n path: AutomergeProp[]\n): boolean {\n if (patchPath.length !== path.length + 1) return false;\n for (let i = 0; i < path.length; i++) {\n if (patchPath[i] !== path[i]) return false;\n }\n return typeof patchPath[path.length] === \"number\";\n}\n\nfunction lookupString(doc: unknown, path: AutomergeProp[]): string {\n let current: unknown = doc;\n for (const key of path) {\n if (current == null) return \"\";\n current = (current as Record<AutomergeProp, unknown>)[key];\n }\n return typeof current === \"string\" ? current : \"\";\n}\n\nfunction addedDiffStyle(dark: boolean): string {\n return `\n border-bottom: 2px solid ${dark ? \"#4ade80\" : \"#22c55e\"};\n background-color: ${dark ? \"#14532d\" : \"#dcfce7\"};\n `;\n}\n\nfunction prefersDarkMode(): boolean {\n return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\nclass DeletionMarker extends WidgetType {\n deletedText: string;\n isActive: boolean;\n\n constructor(deletedText: string, isActive: boolean) {\n super();\n this.deletedText = deletedText;\n this.isActive = isActive;\n }\n\n toDOM(): HTMLElement {\n const box = document.createElement(\"div\");\n // Pin the badge to its own metrics so a tall line-height (e.g. on heading\n // lines) can't stretch it into a vertical rectangle. `position: relative`\n // anchors the hover tooltip to the badge so it can left-align to it.\n box.style.display = \"inline-block\";\n box.style.position = \"relative\";\n box.style.lineHeight = \"1\";\n box.style.verticalAlign = \"middle\";\n box.style.boxSizing = \"border-box\";\n box.style.padding = \"2px 3px\";\n box.style.color = \"rgb(239 68 68)\"; // red-500\n box.style.margin = \"0 4px\";\n box.style.fontSize = \"1.2em\";\n box.style.whiteSpace = \"nowrap\";\n box.style.backgroundColor = this.isActive\n ? \"rgb(239 68 68 / 20%)\" // red-500 with opacity\n : \"rgb(239 68 68 / 10%)\";\n box.style.borderRadius = \"3px\";\n box.style.cursor = \"var(--studio-cursor-default, default)\";\n box.innerText = \"\\u232b\";\n\n const hoverText = document.createElement(\"div\");\n hoverText.style.position = \"absolute\";\n hoverText.style.top = \"100%\";\n hoverText.style.left = \"0\";\n hoverText.style.zIndex = \"1\";\n hoverText.style.padding = \"5px\";\n hoverText.style.backgroundColor = \"rgb(254 242 242)\"; // red-50\n hoverText.style.fontSize = \"15px\";\n hoverText.style.color = \"rgb(17 24 39)\"; // gray-900\n hoverText.style.border = \"var(--studio-border-width, 1px) var(--studio-border-style, solid) rgb(185 28 28)\"; // red-700\n hoverText.style.boxShadow = \"0px 0px 6px rgba(0, 0, 0, 0.1)\";\n hoverText.style.borderRadius = \"3px\";\n hoverText.style.visibility = \"hidden\";\n hoverText.innerText = this.deletedText;\n\n const isDarkMode =\n document.documentElement.classList.contains(\"dark\") ||\n window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n if (isDarkMode) {\n box.style.color = \"rgb(248 113 113)\"; // red-400 for dark mode\n box.style.backgroundColor = this.isActive\n ? \"rgb(248 113 113 / 20%)\"\n : \"rgb(248 113 113 / 10%)\";\n hoverText.style.backgroundColor = \"rgb(69 10 10)\"; // red-950\n hoverText.style.color = \"rgb(254 226 226)\"; // red-100\n hoverText.style.border = \"var(--studio-border-width, 1px) var(--studio-border-style, solid) rgb(153 27 27)\"; // red-800\n }\n\n box.appendChild(hoverText);\n\n box.onmouseover = function () {\n hoverText.style.visibility = \"visible\";\n };\n box.onmouseout = function () {\n hoverText.style.visibility = \"hidden\";\n };\n\n return box;\n }\n\n eq(other: DeletionMarker) {\n return (\n other.deletedText === this.deletedText && other.isActive === this.isActive\n );\n }\n\n ignoreEvent() {\n return true;\n }\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport { EditorView } from \"@codemirror/view\";\nimport { EditorSelection, type Extension } from \"@codemirror/state\";\n\n/**\n * Create a CodeMirror extension that scrolls the highlighted range into view\n * when it changes.\n *\n * Uses the \"nearest\" scroll strategy, so a highlight that's already on screen\n * is left untouched and an off-screen one is scrolled just into frame -- i.e.\n * \"scroll the highlight into view only if it isn't already there\". Handy for\n * following focus/selection driven by other views (e.g. picking a comment).\n *\n * @param target An accessor returning the [from, to] range to reveal, or null.\n * @returns A tuple of the extension and a function to create the scroll effect.\n */\nexport function createScrollHighlightIntoViewExtension(\n target: () => readonly [number, number] | null\n) {\n // Scrolling is a fire-and-forget transaction effect with no editor state to\n // hold, so there's nothing to add to the editor. The empty extension just\n // keeps the [extension, effectFactory] shape shared with the siblings.\n const extension: Extension = [];\n\n const createScrollHighlightIntoViewEffect = (view: EditorView) =>\n createEffect(() => {\n const range = target();\n if (!range) return;\n // Clamp to the live doc: a target resolved against a slightly different\n // doc revision could otherwise point past the end and throw.\n const docLength = view.state.doc.length;\n const from = Math.min(range[0], docLength);\n const to = Math.min(range[1], docLength);\n view.dispatch({\n effects: EditorView.scrollIntoView(EditorSelection.range(from, to), {\n x: \"nearest\",\n y: \"nearest\",\n }),\n });\n });\n\n return [extension, createScrollHighlightIntoViewEffect] as const;\n}\n", "import { createEffect } from \"solid-js\";\n\n/** CodeMirror */\nimport {\n Decoration,\n EditorView,\n RectangleMarker,\n ViewPlugin,\n layer,\n type DecorationSet,\n type ViewUpdate,\n} from \"@codemirror/view\";\nimport {\n Compartment,\n EditorSelection,\n StateEffect,\n StateField,\n Transaction,\n type Extension,\n type Range,\n} from \"@codemirror/state\";\n\n/** Automerge */\nimport {\n next as A,\n type Prop as AutomergeProp,\n} from \"@automerge/automerge/slim\";\nimport {\n Presence,\n type AutomergeUrl,\n type DocHandle,\n type Repo,\n} from \"@automerge/automerge-repo/slim\";\n\n// The payload broadcast to peers: just the selection, as a pair of automerge\n// cursors rather than plain offsets, so every receiver resolves it against\n// its *own* view of the document and it stays glued to the text through\n// concurrent edits. Identity rides on Presence's own `userId` field (the\n// sender's contact url); receivers use it to look up the peer's contact doc\n// and read the color chosen there.\ntype PresenceSelection = {\n start: A.Cursor;\n end: A.Cursor;\n headAtStart: boolean;\n // Sender's Date.now(); used only as a change marker (not for clock comparison)\n lastMoved: number;\n};\ntype PresenceChannels = { selection: PresenceSelection | null };\n\n// A remote peer's selection resolved to positions in the current document.\n// `peerId` is unique per session, so two tabs of the same contact each get\n// their own caret.\ntype RemoteSelection = {\n peerId: string;\n contactUrl: AutomergeUrl | null;\n color: string;\n from: number;\n to: number;\n head: number;\n // Changes exactly when the peer acts (moves, types, refocuses) -- the\n // caret marker uses it to restart its nametag fade-out countdown.\n lastMoved: number;\n};\n\n/**\n * Create a CodeMirror extension for live remote cursors, reconfigurable via a\n * Compartment (same shape as the sync/diff/readOnly extensions).\n *\n * `contactUrl` is our identity: it travels as the Presence userId, and peers\n * use it to mount our \"contact-cursor\" token and read our chosen color. It\n * returning `null` renders no presence -- that's the state before the\n * identity has loaded, and permanently so for read-only views. When the\n * accessor changes, the compartment swaps the plugin wholesale: the outgoing\n * instance stops `Presence` (sending a goodbye to peers) and the new one\n * starts fresh with the new identity.\n *\n * `repo` is used to load each peer's contact doc, where their chosen\n * presence color lives.\n */\nexport function createPresenceExtension(\n handle: () => DocHandle<unknown>,\n path: () => AutomergeProp[],\n contactUrl: () => AutomergeUrl | null,\n repo: Repo\n) {\n const compartment = new Compartment();\n\n const extension = () => {\n const url = contactUrl();\n return url ? presence(handle(), path(), url, repo) : [];\n };\n\n const createReconfigureEffect = (view: EditorView) =>\n createEffect(() => {\n view.dispatch({ effects: compartment.reconfigure(extension()) });\n });\n\n return [compartment.of(extension()), createReconfigureEffect] as const;\n}\n\n/**\n * Live remote cursors for collaborative text, handling presence transport,\n * broadcasting/resolving selections, rendering colored ranges and contact-cursor carets.\n * Peers are keyed by session (peerId); idle carets hide their nametag after a timeout.\n * Lifetime matches the editor: reconfiguring or closing stops presence.\n */\nfunction presence(\n handle: DocHandle<unknown>,\n path: AutomergeProp[],\n contactUrl: AutomergeUrl,\n repo: Repo\n): Extension {\n const setRemoteSelections = StateEffect.define<RemoteSelection[]>();\n\n const remoteSelectionField = StateField.define<RemoteSelection[]>({\n create() {\n return [];\n },\n update(value, tr) {\n // Between re-resolutions, keep positions glued through edits.\n if (tr.docChanged) {\n value = value.map((sel) => ({\n ...sel,\n from: tr.changes.mapPos(sel.from),\n to: tr.changes.mapPos(sel.to),\n head: tr.changes.mapPos(sel.head),\n }));\n }\n for (const e of tr.effects) {\n if (e.is(setRemoteSelections)) value = e.value;\n }\n return value;\n },\n // Selection tints are plain mark decorations: they carry no stateful\n // DOM, so redrawing them is invisible.\n provide: (f) => EditorView.decorations.from(f, buildSelectionTints),\n });\n\n // Carets and their nametags are rendered in a layer (not as widget decorations)\n // to prevent remounts and visible flicker. This ensures the <patchwork-view>\n // element stays mounted and updated in place, even during edits.\n const caretLayer = layer({\n above: true,\n class: \"cm-presence-layer\",\n update: (update) =>\n update.docChanged ||\n update.transactions.some((tr) =>\n tr.effects.some((e) => e.is(setRemoteSelections))\n ),\n markers(view) {\n // Stable order, so the layer's pairwise DOM reuse matches each marker\n // with the same peer's existing element across redraws.\n const selections = [...view.state.field(remoteSelectionField)].sort(\n (a, b) => (a.peerId < b.peerId ? -1 : a.peerId > b.peerId ? 1 : 0)\n );\n const markers: PresenceCaretMarker[] = [];\n for (const sel of selections) {\n // Reuse drawSelection's measurement for a caret rectangle at head.\n const [rect] = RectangleMarker.forRange(\n view,\n \"cm-presence-caret\",\n EditorSelection.cursor(sel.head)\n );\n if (!rect) continue; // outside the rendered viewport\n markers.push(\n new PresenceCaretMarker(sel, rect.left, rect.top, rect.height)\n );\n }\n return markers;\n },\n });\n\n const plugin = ViewPlugin.fromClass(\n class {\n private view: EditorView;\n private presence: Presence<PresenceChannels>;\n private destroyed = false;\n private broadcastQueued = false;\n // Peers' contact docs, followed live so a color picked in the account\n // picker recolors that peer's caret and tint immediately. Keyed by\n // contact url; the stored function stops the subscription.\n private contactWatchers = new Map<AutomergeUrl, () => void>();\n private contactColors = new Map<AutomergeUrl, string>();\n\n constructor(view: EditorView) {\n this.view = view;\n this.presence = new Presence<PresenceChannels>({\n handle,\n userId: contactUrl,\n });\n this.presence.start({ initialState: { selection: null } });\n this.presence.on(\"update\", this.refresh);\n this.presence.on(\"snapshot\", this.refresh);\n this.presence.on(\"goodbye\", this.refresh);\n this.presence.on(\"pruned\", this.refresh);\n // Closing the page sends a goodbye, which removes us from peers\n // immediately instead of after the stale-peer timeout.\n window.addEventListener(\"pagehide\", this.stopPresence);\n }\n\n update(update: ViewUpdate) {\n // Typing is considered cursor movement; local edits may not set selection explicitly, so we also check userEvent annotations\n const typed =\n update.docChanged &&\n update.transactions.some(\n (tr) => tr.annotation(Transaction.userEvent) !== undefined\n );\n if (update.focusChanged && !update.view.hasFocus) {\n // Hide our caret on peers while blurred; the peer record itself\n // stays alive via heartbeats.\n if (this.presence.running) {\n this.presence.broadcast(\"selection\", null);\n }\n } else if (\n update.selectionSet ||\n typed ||\n (update.focusChanged && update.view.hasFocus)\n ) {\n this.scheduleBroadcast();\n }\n // Local and remote edits alike arrive as transactions (the sync\n // plugin turns automerge patches into transactions), so this\n // re-resolves peers' cursors against the updated doc. Deferred:\n // dispatching is not allowed from inside update().\n if (update.docChanged) {\n queueMicrotask(this.refresh);\n }\n }\n\n destroy() {\n this.destroyed = true;\n this.stopPresence();\n window.removeEventListener(\"pagehide\", this.stopPresence);\n for (const stop of this.contactWatchers.values()) stop();\n this.contactWatchers.clear();\n }\n\n // A peer's color is whatever their account says (contact doc `color`),\n // never derived locally. The doc is fetched once and followed; until it\n // loads (or if the contact never picked a color) the caret stays on the\n // neutral fallback.\n private trackContactColor(url: AutomergeUrl) {\n if (this.contactWatchers.has(url)) return;\n this.contactWatchers.set(url, () => {});\n repo\n .find<ContactDoc>(url)\n .then((contactHandle) => {\n if (this.destroyed) return;\n const read = () => {\n const color = contactHandle.doc()?.color;\n if (!color || this.contactColors.get(url) === color) return;\n this.contactColors.set(url, color);\n this.refresh();\n };\n contactHandle.on(\"change\", read);\n this.contactWatchers.set(url, () =>\n contactHandle.off(\"change\", read)\n );\n read();\n })\n .catch(() => {\n // Contact doc unavailable: the peer stays on the fallback color.\n });\n }\n\n private stopPresence = () => {\n if (this.presence.running) this.presence.stop();\n };\n\n // rAF-throttled (matching tldraw4) so drag-selections don't flood the\n // channel. The selection is read fresh at flush time.\n private scheduleBroadcast() {\n if (this.broadcastQueued) return;\n this.broadcastQueued = true;\n requestAnimationFrame(() => {\n this.broadcastQueued = false;\n if (this.destroyed || !this.presence.running) return;\n // Blurred in the meantime: the null broadcast already went out.\n if (!this.view.hasFocus) return;\n const doc = handle.doc();\n const sel = this.view.state.selection.main;\n this.presence.broadcast(\"selection\", {\n start: A.getCursor(doc, path, sel.from),\n end: A.getCursor(doc, path, sel.to),\n headAtStart: sel.to > sel.from && sel.head === sel.from,\n lastMoved: Date.now(),\n });\n });\n }\n\n // Re-resolve every peer's cursors against the current doc. A cursor can\n // briefly fail to resolve when a presence message races ahead of doc\n // sync -- the peer is skipped and picked up again on the next change.\n private refresh = () => {\n if (this.destroyed) return;\n const doc = handle.doc();\n const resolved: RemoteSelection[] = [];\n for (const peer of this.presence.getPeerStates().peers) {\n const peerId = String(peer.peerId);\n const selection = peer.value?.selection ?? null;\n if (!selection) continue;\n try {\n const from = A.getCursorPosition(doc, path, selection.start);\n const to = A.getCursorPosition(doc, path, selection.end);\n const peerContactUrl =\n (peer.userId as AutomergeUrl | undefined) ?? null;\n if (peerContactUrl) this.trackContactColor(peerContactUrl);\n resolved.push({\n peerId,\n contactUrl: peerContactUrl,\n // The color the peer chose in their account -- the same contact\n // doc the contact-cursor token renders from, so the tint and\n // the token can't drift apart.\n color: themedColor(\n (peerContactUrl && this.contactColors.get(peerContactUrl)) ||\n FALLBACK_PRESENCE_COLOR\n ),\n from,\n to,\n head: selection.headAtStart ? from : to,\n lastMoved: selection.lastMoved,\n });\n } catch {\n continue;\n }\n }\n this.view.dispatch({ effects: setRemoteSelections.of(resolved) });\n };\n }\n );\n\n return [remoteSelectionField, caretLayer, plugin, presenceTheme];\n}\n\nfunction buildSelectionTints(selections: RemoteSelection[]): DecorationSet {\n const ranges: Range<Decoration>[] = [];\n for (const sel of selections) {\n if (sel.from < sel.to) {\n ranges.push(\n Decoration.mark({\n class: \"cm-presence-range\",\n attributes: {\n style: `background-color: color-mix(in srgb, ${sel.color} 25%, transparent);`,\n },\n }).range(sel.from, sel.to)\n );\n }\n }\n return Decoration.set(ranges, true);\n}\n\n// A peer's nametag fades out once its selection has been still for this\n// long -- the caret itself stays visible. Moving the cursor or typing\n// brings it back.\nconst LABEL_TIMEOUT_MS = 2_000;\n\n// A layer marker for one peer's caret. Markers are throwaway value objects\n// (a fresh set arrives with every measure pass); the peer's DOM element is\n// what persists, via `update` mutating it in place. That persistence is the\n// point of the layer approach: the contact token inside must never remount.\nclass PresenceCaretMarker {\n private readonly sel: RemoteSelection;\n private readonly left: number;\n private readonly top: number;\n private readonly height: number;\n\n constructor(sel: RemoteSelection, left: number, top: number, height: number) {\n this.sel = sel;\n this.left = left;\n this.top = top;\n this.height = height;\n }\n\n eq(other: PresenceCaretMarker): boolean {\n return (\n other.sel.peerId === this.sel.peerId &&\n other.sel.contactUrl === this.sel.contactUrl &&\n other.sel.color === this.sel.color &&\n other.sel.lastMoved === this.sel.lastMoved &&\n other.left === this.left &&\n other.top === this.top &&\n other.height === this.height\n );\n }\n\n draw(): HTMLElement {\n const caret = document.createElement(\"div\");\n caret.className = \"cm-presence-caret\";\n caret.dataset.peerId = this.sel.peerId;\n if (this.sel.contactUrl) {\n const label = document.createElement(\"span\");\n label.className = \"cm-presence-caret-label\";\n const token = document.createElement(\"patchwork-view\");\n token.setAttribute(\"doc-url\", this.sel.contactUrl);\n token.setAttribute(\"tool-id\", \"contact-cursor\");\n token.style.display = \"block\";\n label.appendChild(token);\n caret.appendChild(label);\n }\n this.adjust(caret);\n restartIdleCountdown(caret);\n return caret;\n }\n\n // Reposition the peer's existing element instead of redrawing it, keeping\n // the mounted contact token alive (a remount re-renders asynchronously and\n // flickers -- see the layer comment in `presence`).\n update(dom: HTMLElement, prev: PresenceCaretMarker): boolean {\n // A different peer means a different contact token, which genuinely has\n // to remount. Only happens when peers join or leave.\n if (\n prev.sel.peerId !== this.sel.peerId ||\n prev.sel.contactUrl !== this.sel.contactUrl\n ) {\n return false;\n }\n this.adjust(dom);\n // Fresh activity restarts the nametag fade-out. Position shifts caused\n // by other people's edits deliberately don't.\n if (prev.sel.lastMoved !== this.sel.lastMoved) restartIdleCountdown(dom);\n return true;\n }\n\n private adjust(dom: HTMLElement) {\n dom.style.left = `${this.left}px`;\n dom.style.top = `${this.top}px`;\n dom.style.height = `${this.height}px`;\n dom.style.setProperty(\"--cm-presence-color\", this.sel.color);\n }\n}\n\n// Keyed on the DOM element rather than the marker, because marker instances\n// are replaced on every measure pass while the element lives on.\nconst idleTimers = new WeakMap<HTMLElement, ReturnType<typeof setTimeout>>();\n\nfunction restartIdleCountdown(caret: HTMLElement) {\n clearTimeout(idleTimers.get(caret));\n caret.classList.remove(\"cm-presence-caret--idle\");\n idleTimers.set(\n caret,\n setTimeout(\n () => caret.classList.add(\"cm-presence-caret--idle\"),\n LABEL_TIMEOUT_MS\n )\n );\n}\n\nconst presenceTheme = EditorView.baseTheme({\n // Positioned absolutely by the layer (document-relative); -1px centers\n // the 2px bar on the caret position.\n \".cm-presence-caret\": {\n borderLeft: \"2px solid var(--cm-presence-color)\",\n marginLeft: \"-1px\",\n pointerEvents: \"none\",\n },\n \".cm-presence-caret-label\": {\n position: \"absolute\",\n top: \"-1.4em\",\n left: \"-2px\",\n zIndex: \"150\",\n whiteSpace: \"nowrap\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n opacity: \"1\",\n transition: \"opacity max(1ms, calc(200ms * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))) ease-in-out\",\n },\n \".cm-presence-caret--idle .cm-presence-caret-label\": {\n opacity: \"0\",\n },\n});\n\n// Shown until a peer's contact doc has loaded, and for contacts that never\n// picked a color. Matches the contact-cursor token's CSS fallback\n// (`var(--contact-cursor-color, #888)` in the account package).\nconst FALLBACK_PRESENCE_COLOR = \"#888\";\n\n// The account picker's palette (account/src/user-colors.ts), by the theme\n// token each colour is drawn through. Copied, not imported: tools don't share\n// code at build time. A contact stores the colour's value; a palette value is\n// drawn as `var(--studio-presence-<name>, <value>)` so a theme can restyle it\n// (see theming's theme.css). Any other colour is drawn as it is.\nconst PRESENCE_TOKENS = new Map(\n (\n [\n [\"sky-blue\", \"hsl(200, 70%, 50%)\"],\n [\"coral\", \"hsl(10, 75%, 58%)\"],\n [\"emerald\", \"hsl(145, 70%, 45%)\"],\n [\"violet\", \"hsl(270, 70%, 55%)\"],\n [\"amber\", \"hsl(38, 85%, 50%)\"],\n [\"rose\", \"hsl(350, 70%, 55%)\"],\n [\"teal\", \"hsl(178, 70%, 45%)\"],\n [\"indigo\", \"hsl(235, 70%, 58%)\"],\n [\"lime\", \"hsl(85, 70%, 45%)\"],\n [\"fuchsia\", \"hsl(310, 70%, 55%)\"],\n [\"orange\", \"hsl(25, 80%, 52%)\"],\n [\"cyan\", \"hsl(188, 75%, 48%)\"],\n ] as const\n ).map(([name, value]) => [squash(value), `--studio-presence-${name}`])\n);\n\nfunction squash(color: string) {\n return color.replace(/\\s+/g, \"\").toLowerCase();\n}\n\nexport function themedColor(color: string): string {\n const token = PRESENCE_TOKENS.get(squash(color));\n return token ? `var(${token}, ${color})` : color;\n}\n\n// The subset of the account package's ContactDoc this extension reads.\ntype ContactDoc = { color?: string };\n"],
5
+ "mappings": "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",
6
6
  "names": ["createEffect", "EditorView", "EditorState", "Compartment", "createEffect", "EditorView", "createEffect", "Compartment", "Transaction", "A", "Compartment", "ViewPlugin", "Compartment", "EditorState", "EditorView", "ViewPlugin", "Compartment", "createEffect", "Transaction", "createEffect", "Decoration", "ViewPlugin", "StateEffect", "diff", "createEffect", "EditorView", "createEffect", "Decoration", "EditorView", "ViewPlugin", "Compartment", "EditorSelection", "StateEffect", "StateField", "Transaction", "A", "Compartment", "EditorView", "EditorState", "createEffect"]
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  CodeMirror
3
- } from "../chunk-A2WBDY3J.js";
3
+ } from "../chunk-REXVGJ53.js";
4
4
  export {
5
5
  CodeMirror
6
6
  };