@shivaedev/work-board 0.5.0 → 0.6.1

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 (112) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/README.md +40 -2
  3. package/dist/board.d.ts.map +1 -1
  4. package/dist/board.js +2 -0
  5. package/dist/board.js.map +1 -1
  6. package/dist/cli.js +1 -1
  7. package/dist/files/watchDirectories.d.ts.map +1 -1
  8. package/dist/files/watchDirectories.js +2 -1
  9. package/dist/files/watchDirectories.js.map +1 -1
  10. package/dist/http/assets.d.ts.map +1 -1
  11. package/dist/http/assets.js +4 -0
  12. package/dist/http/assets.js.map +1 -1
  13. package/dist/http/attachment.d.ts +4 -0
  14. package/dist/http/attachment.d.ts.map +1 -0
  15. package/dist/http/attachment.js +43 -0
  16. package/dist/http/attachment.js.map +1 -0
  17. package/dist/metadata/sourceLinks.d.ts.map +1 -1
  18. package/dist/metadata/sourceLinks.js +3 -1
  19. package/dist/metadata/sourceLinks.js.map +1 -1
  20. package/dist/page/client.d.ts +1 -1
  21. package/dist/page/client.d.ts.map +1 -1
  22. package/dist/page/client.js +1 -0
  23. package/dist/page/client.js.map +1 -1
  24. package/dist/page/diagrams.d.ts +1 -1
  25. package/dist/page/diagrams.d.ts.map +1 -1
  26. package/dist/page/diagrams.js +8 -0
  27. package/dist/page/diagrams.js.map +1 -1
  28. package/dist/page/shell.d.ts.map +1 -1
  29. package/dist/page/shell.js +3 -2
  30. package/dist/page/shell.js.map +1 -1
  31. package/dist/page/style.d.ts.map +1 -1
  32. package/dist/page/style.js +3 -2
  33. package/dist/page/style.js.map +1 -1
  34. package/dist/page/swap.d.ts +1 -1
  35. package/dist/page/swap.d.ts.map +1 -1
  36. package/dist/page/swap.js +7 -2
  37. package/dist/page/swap.js.map +1 -1
  38. package/dist/page/visualDialog.d.ts +3 -0
  39. package/dist/page/visualDialog.d.ts.map +1 -0
  40. package/dist/page/visualDialog.js +25 -0
  41. package/dist/page/visualDialog.js.map +1 -0
  42. package/dist/page/visualScript.d.ts +2 -0
  43. package/dist/page/visualScript.d.ts.map +1 -0
  44. package/dist/page/visualScript.js +42 -0
  45. package/dist/page/visualScript.js.map +1 -0
  46. package/dist/page/visualViewport.d.ts +2 -0
  47. package/dist/page/visualViewport.d.ts.map +1 -0
  48. package/dist/page/visualViewport.js +87 -0
  49. package/dist/page/visualViewport.js.map +1 -0
  50. package/dist/path/attachment.d.ts +3 -0
  51. package/dist/path/attachment.d.ts.map +1 -0
  52. package/dist/path/attachment.js +22 -0
  53. package/dist/path/attachment.js.map +1 -0
  54. package/dist/render/code.d.ts +2 -8
  55. package/dist/render/code.d.ts.map +1 -1
  56. package/dist/render/code.js +26 -18
  57. package/dist/render/code.js.map +1 -1
  58. package/dist/render/documentHeadings.d.ts +2 -658
  59. package/dist/render/documentHeadings.d.ts.map +1 -1
  60. package/dist/render/documentHeadings.js +20 -23
  61. package/dist/render/documentHeadings.js.map +1 -1
  62. package/dist/render/documentLinks.d.ts +2 -658
  63. package/dist/render/documentLinks.d.ts.map +1 -1
  64. package/dist/render/documentLinks.js +23 -15
  65. package/dist/render/documentLinks.js.map +1 -1
  66. package/dist/render/footnotes.d.ts +2 -18
  67. package/dist/render/footnotes.d.ts.map +1 -1
  68. package/dist/render/footnotes.js +9 -11
  69. package/dist/render/footnotes.js.map +1 -1
  70. package/dist/render/markdown.d.ts.map +1 -1
  71. package/dist/render/markdown.js +13 -4
  72. package/dist/render/markdown.js.map +1 -1
  73. package/dist/render/textContent.d.ts +3 -0
  74. package/dist/render/textContent.d.ts.map +1 -0
  75. package/dist/render/textContent.js +7 -0
  76. package/dist/render/textContent.js.map +1 -0
  77. package/dist/search/collector.d.ts +2 -8
  78. package/dist/search/collector.d.ts.map +1 -1
  79. package/dist/search/collector.js +29 -25
  80. package/dist/search/collector.js.map +1 -1
  81. package/dist/search/entries.d.ts.map +1 -1
  82. package/dist/search/entries.js +7 -3
  83. package/dist/search/entries.js.map +1 -1
  84. package/dist/search/linkCollector.d.ts +2 -7
  85. package/dist/search/linkCollector.d.ts.map +1 -1
  86. package/dist/search/linkCollector.js +12 -13
  87. package/dist/search/linkCollector.js.map +1 -1
  88. package/package.json +10 -1
  89. package/src/board.ts +2 -0
  90. package/src/cli.ts +1 -1
  91. package/src/files/watchDirectories.ts +2 -1
  92. package/src/http/assets.ts +4 -0
  93. package/src/http/attachment.ts +46 -0
  94. package/src/metadata/sourceLinks.ts +3 -1
  95. package/src/page/client.ts +1 -0
  96. package/src/page/diagrams.ts +8 -0
  97. package/src/page/shell.ts +3 -2
  98. package/src/page/style.ts +4 -2
  99. package/src/page/swap.ts +7 -2
  100. package/src/page/visualDialog.ts +25 -0
  101. package/src/page/visualScript.ts +41 -0
  102. package/src/page/visualViewport.ts +86 -0
  103. package/src/path/attachment.ts +23 -0
  104. package/src/render/code.ts +29 -19
  105. package/src/render/documentHeadings.ts +21 -23
  106. package/src/render/documentLinks.ts +24 -15
  107. package/src/render/footnotes.ts +11 -14
  108. package/src/render/markdown.ts +17 -4
  109. package/src/render/textContent.ts +8 -0
  110. package/src/search/collector.ts +30 -27
  111. package/src/search/entries.ts +7 -3
  112. package/src/search/linkCollector.ts +13 -13
@@ -1,19 +1,27 @@
1
- import { defineHastPlugin } from "satteri";
1
+ import { visit as visitElements } from "unist-util-visit";
2
2
  import { fileUrl } from "#files/url.ts";
3
+ import { attachmentHref } from "#path/attachment.ts";
3
4
  export function documentLinks(file) {
4
- return defineHastPlugin({
5
- element: {
6
- filter: ["a"],
7
- visit: (element) => {
8
- const href = element.properties.href;
9
- if (typeof href !== "string" || href.startsWith("#") || href.startsWith("/") || /^[a-z][a-z\d+.-]*:/iu.exec(href) !== null) {
10
- return;
11
- }
12
- const target = new URL(href, `http://work-board.local${fileUrl(file)}`);
13
- return { ...element, properties: { ...element.properties, href: target.pathname + target.search + target.hash } };
14
- },
15
- },
16
- name: "work-board-document-links",
17
- });
5
+ function resolve(element) {
6
+ const attribute = element.tagName === "img" ? "src" : "href";
7
+ const href = element.properties[attribute];
8
+ if (typeof href !== "string" || href.startsWith("#") || href.startsWith("//") || /^[a-z][a-z\d+.-]*:/iu.exec(href) !== null) {
9
+ return;
10
+ }
11
+ const target = new URL(href, `http://work-board.local${fileUrl(file)}`);
12
+ const resolved = target.pathname + target.search + target.hash;
13
+ const image = attachmentHref(resolved);
14
+ element.properties[attribute] = image ?? resolved;
15
+ if (element.tagName === "img" && image) {
16
+ element.properties.dataLocalImage = image;
17
+ }
18
+ }
19
+ return () => (tree) => {
20
+ visitElements(tree, "element", (element) => {
21
+ if (element.tagName === "a" || element.tagName === "img") {
22
+ resolve(element);
23
+ }
24
+ });
25
+ };
18
26
  }
19
27
  //# sourceMappingURL=documentLinks.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"documentLinks.js","sourceRoot":"","sources":["../../src/render/documentLinks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,UAAU,aAAa,CAAC,IAAY;IACzC,OAAO,gBAAgB,CAAC;QACvB,OAAO,EAAE;YACR,MAAM,EAAE,CAAC,GAAG,CAAC;YACb,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE;gBAClB,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;gBACrC,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;oBAC5H,OAAO;gBACR,CAAC;gBACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACxE,OAAO,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC;YACnH,CAAC;SACD;QACD,IAAI,EAAE,2BAA2B;KACjC,CAAC,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"documentLinks.js","sourceRoot":"","sources":["../../src/render/documentLinks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,UAAU,aAAa,CAAC,IAAY;IACzC,SAAS,OAAO,CAAC,OAAgB;QAChC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YAC7H,OAAO;QACR,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;QAC/D,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;QACvC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,KAAK,IAAI,QAAQ,CAAC;QAClD,IAAI,OAAO,CAAC,OAAO,KAAK,KAAK,IAAI,KAAK,EAAE,CAAC;YACxC,OAAO,CAAC,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;QAC3C,CAAC;IACF,CAAC;IACD,OAAO,GAAG,EAAE,CAAC,CAAC,IAAU,EAAE,EAAE;QAC3B,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;YAC1C,IAAI,OAAO,CAAC,OAAO,KAAK,GAAG,IAAI,OAAO,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;gBAC1D,OAAO,CAAC,OAAO,CAAC,CAAC;YAClB,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;AACH,CAAC"}
@@ -1,19 +1,3 @@
1
- import type { Element } from "hast";
2
- export declare const footnoteIds: (prefix: string) => {
3
- element: {
4
- filter: string[];
5
- visit: (element: Readonly<Element>) => {
6
- position?: import("satteri").Position | undefined;
7
- type: "element";
8
- tagName: string;
9
- children: import("hast").ElementContent[];
10
- content?: import("hast").Root | undefined;
11
- data?: import("hast").ElementData | undefined;
12
- properties: {
13
- [k: string]: string | number | boolean | (string | number)[] | null | undefined;
14
- };
15
- };
16
- };
17
- name: string;
18
- };
1
+ import type { Root } from "hast";
2
+ export declare const footnoteIds: (prefix: string) => () => (tree: Root) => void;
19
3
  //# sourceMappingURL=footnotes.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../src/render/footnotes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAmBpC,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM;;;;;;;;;;;;;;;;CAYvC,CAAC"}
1
+ {"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../src/render/footnotes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,IAAI,EAAE,MAAM,MAAM,CAAC;AAmB1C,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,YAAY,MAAM,IAAI,SAS/D,CAAC"}
@@ -1,4 +1,4 @@
1
- import { defineHastPlugin } from "satteri";
1
+ import { visit as visitElements } from "unist-util-visit";
2
2
  const FOOTNOTE_IDS = /^(?:user-content-fn|footnote-label)/u;
3
3
  const SCOPED = new Set(["id", "href", "ariaDescribedBy"]);
4
4
  const scoped = (prefix, value) => {
@@ -10,14 +10,12 @@ const scoped = (prefix, value) => {
10
10
  }
11
11
  return Array.isArray(value) ? value.map((each) => (typeof each === "string" ? String(scoped(prefix, each)) : each)) : value;
12
12
  };
13
- export const footnoteIds = (prefix) => defineHastPlugin({
14
- element: {
15
- filter: ["a", "h2", "li"],
16
- visit: (element) => ({
17
- ...element,
18
- properties: Object.fromEntries(Object.entries(element.properties).map(([name, value]) => [name, SCOPED.has(name) ? scoped(prefix, value) : value])),
19
- }),
20
- },
21
- name: "work-board-footnote-ids",
22
- });
13
+ export const footnoteIds = (prefix) => () => (tree) => {
14
+ visitElements(tree, "element", (element) => {
15
+ if (!["a", "h2", "li"].includes(element.tagName)) {
16
+ return;
17
+ }
18
+ element.properties = Object.fromEntries(Object.entries(element.properties).map(([name, value]) => [name, SCOPED.has(name) ? scoped(prefix, value) : value]));
19
+ });
20
+ };
23
21
  //# sourceMappingURL=footnotes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"footnotes.js","sourceRoot":"","sources":["../../src/render/footnotes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,YAAY,GAAG,sCAAsC,CAAC;AAI5D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,CAAC,MAAc,EAAE,KAAY,EAAS,EAAE;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3D,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC;IAC5B,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,OAAO,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7H,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAC7C,gBAAgB,CAAC;IAChB,OAAO,EAAE;QACR,MAAM,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;QACzB,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACpB,GAAG,OAAO;YACV,UAAU,EAAE,MAAM,CAAC,WAAW,CAC7B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACnH;SACD,CAAC;KACF;IACD,IAAI,EAAE,yBAAyB;CAC/B,CAAC,CAAC"}
1
+ {"version":3,"file":"footnotes.js","sourceRoot":"","sources":["../../src/render/footnotes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,YAAY,GAAG,sCAAsC,CAAC;AAI5D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,CAAC,MAAc,EAAE,KAAY,EAAS,EAAE;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3D,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC;IAC5B,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,OAAO,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7H,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAU,EAAE,EAAE;IACnE,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;YAClD,OAAO;QACR,CAAC;QACD,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,CACtC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACnH,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/render/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,2GAiBzB,CAAC"}
1
+ {"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/render/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAQhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,2GAyBzB,CAAC"}
@@ -1,5 +1,9 @@
1
1
  import { Effect } from "effect";
2
- import { markdownToHtml } from "satteri";
2
+ import { createElement } from "react";
3
+ import { renderToStaticMarkup } from "react-dom/server";
4
+ import { MarkdownAsync } from "react-markdown";
5
+ import rehypeRaw from "rehype-raw";
6
+ import remarkGfm from "remark-gfm";
3
7
  import { codeBlocks } from "./code.js";
4
8
  import { documentLinks } from "./documentLinks.js";
5
9
  import { RenderFailed } from "./failed.js";
@@ -7,7 +11,7 @@ import { footnoteIds } from "./footnotes.js";
7
11
  import { Highlighter } from "./highlighter.js";
8
12
  export const renderMarkdown = Effect.fn("WorkBoard.renderMarkdown")(function* (source, options = {}) {
9
13
  const highlighter = yield* Highlighter;
10
- const plugins = [codeBlocks(highlighter)];
14
+ const plugins = [rehypeRaw, codeBlocks(highlighter)];
11
15
  if (options.idPrefix !== undefined) {
12
16
  plugins.push(footnoteIds(options.idPrefix));
13
17
  }
@@ -17,9 +21,14 @@ export const renderMarkdown = Effect.fn("WorkBoard.renderMarkdown")(function* (s
17
21
  if (options.headings !== undefined) {
18
22
  plugins.push(options.headings.plugin);
19
23
  }
20
- const { html } = yield* Effect.tryPromise({
24
+ const html = yield* Effect.tryPromise({
21
25
  catch: (cause) => new RenderFailed({ cause }),
22
- try: async () => markdownToHtml(source, { hastPlugins: plugins }),
26
+ try: async () => renderToStaticMarkup(await MarkdownAsync({
27
+ children: source,
28
+ components: { img: ({ node: _node, ...props }) => createElement("img", { ...props, loading: "lazy" }) },
29
+ rehypePlugins: plugins,
30
+ remarkPlugins: [remarkGfm],
31
+ })),
23
32
  });
24
33
  return html;
25
34
  });
@@ -1 +1 @@
1
- {"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../src/render/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAwB,cAAc,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAc,EAAE,UAAyB,EAAE;IACzH,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,WAAW,CAAC;IACvC,MAAM,OAAO,GAAsB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;IACD,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC;IACD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QACzC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;QAC7C,GAAG,EAAE,KAAK,IAAI,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;KACjE,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACb,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../src/render/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAc,EAAE,UAAyB,EAAE;IACzH,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,WAAW,CAAC;IACvC,MAAM,OAAO,GAAkB,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;IACpE,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;IACD,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QACrC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;QAC7C,GAAG,EAAE,KAAK,IAAI,EAAE,CACf,oBAAoB,CACnB,MAAM,aAAa,CAAC;YACnB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;YACvG,aAAa,EAAE,OAAO;YACtB,aAAa,EAAE,CAAC,SAAS,CAAC;SAC1B,CAAC,CACF;KACF,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACb,CAAC,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { ElementContent } from "hast";
2
+ export declare function textContent(node: ElementContent): string;
3
+ //# sourceMappingURL=textContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textContent.d.ts","sourceRoot":"","sources":["../../src/render/textContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAE3C,wBAAgB,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAKxD"}
@@ -0,0 +1,7 @@
1
+ export function textContent(node) {
2
+ if (node.type === "text") {
3
+ return node.value;
4
+ }
5
+ return node.type === "element" ? node.children.map(textContent).join("") : "";
6
+ }
7
+ //# sourceMappingURL=textContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textContent.js","sourceRoot":"","sources":["../../src/render/textContent.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,IAAoB;IAC/C,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IACD,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/E,CAAC"}
@@ -1,13 +1,7 @@
1
- import type { Element } from "hast";
1
+ import type { Root } from "hast";
2
2
  import type { Entry } from "./entries.ts";
3
3
  export declare function searchCollector(file: string, startLine: () => number | undefined, length: () => number): {
4
4
  entries: Entry[];
5
- plugin: {
6
- element: {
7
- filter: string[];
8
- visit: (element: Readonly<Element>, context: import("satteri").HastVisitorContext) => void;
9
- };
10
- name: string;
11
- };
5
+ plugin: () => (tree: Root) => void;
12
6
  };
13
7
  //# sourceMappingURL=collector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/search/collector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAGpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAS1C,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,MAAM;;;;;;;;;EA+BtG"}
1
+ {"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/search/collector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,IAAI,EAAE,MAAM,MAAM,CAAC;AAI1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAS1C,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,MAAM;;mBAwB3E,MAAM,IAAI;EASrC"}
@@ -1,5 +1,6 @@
1
- import { defineHastPlugin } from "satteri";
1
+ import { visit as visitElements } from "unist-util-visit";
2
2
  import { fileUrl } from "#files/url.ts";
3
+ import { textContent } from "#render/textContent.ts";
3
4
  function sourceLine(element, first, length) {
4
5
  if (!element.position || first === undefined || element.position.start.line > length) {
5
6
  return {};
@@ -10,31 +11,34 @@ export function searchCollector(file, startLine, length) {
10
11
  const entries = [];
11
12
  let passage = "";
12
13
  let label = file;
13
- const plugin = defineHastPlugin({
14
- element: {
15
- filter: ["h1", "h2", "h3", "h4", "h5", "h6", "p", "pre", "li", "td", "th"],
16
- visit: (element, context) => {
17
- const text = context.textContent(element).replace(/\s+/gu, " ").trim();
18
- if (!text || element.properties.id === "footnote-label") {
19
- return;
20
- }
21
- const heading = element.tagName.startsWith("h") && element.tagName !== "th";
22
- if (heading && typeof element.properties.id === "string") {
23
- passage = element.properties.id;
24
- label = text;
14
+ function collect(element) {
15
+ const text = element.children.map(textContent).join("").replace(/\s+/gu, " ").trim();
16
+ if (!text || element.properties.id === "footnote-label") {
17
+ return;
18
+ }
19
+ const heading = element.tagName.startsWith("h") && element.tagName !== "th";
20
+ if (heading && typeof element.properties.id === "string") {
21
+ passage = element.properties.id;
22
+ label = text;
23
+ }
24
+ entries.push({
25
+ file,
26
+ href: fileUrl(file) + (passage ? `#${encodeURIComponent(passage)}` : ""),
27
+ kind: heading ? "heading" : "passage",
28
+ ...sourceLine(element, startLine(), length()),
29
+ text,
30
+ title: label,
31
+ });
32
+ }
33
+ function plugin() {
34
+ return function transform(tree) {
35
+ visitElements(tree, "element", (element) => {
36
+ if (["h1", "h2", "h3", "h4", "h5", "h6", "p", "pre", "li", "td", "th"].includes(element.tagName)) {
37
+ collect(element);
25
38
  }
26
- entries.push({
27
- file,
28
- href: fileUrl(file) + (passage ? `#${encodeURIComponent(passage)}` : ""),
29
- kind: heading ? "heading" : "passage",
30
- ...sourceLine(element, startLine(), length()),
31
- text,
32
- title: label,
33
- });
34
- },
35
- },
36
- name: "work-board-search-text",
37
- });
39
+ });
40
+ };
41
+ }
38
42
  return { entries, plugin };
39
43
  }
40
44
  //# sourceMappingURL=collector.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"collector.js","sourceRoot":"","sources":["../../src/search/collector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,SAAS,UAAU,CAAC,OAAgB,EAAE,KAAyB,EAAE,MAAc;IAC9E,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC;QACtF,OAAO,EAAE,CAAC;IACX,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAY,EAAE,SAAmC,EAAE,MAAoB;IACtG,MAAM,OAAO,GAAY,EAAE,CAAC;IAC5B,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,MAAM,MAAM,GAAG,gBAAgB,CAAC;QAC/B,OAAO,EAAE;YACR,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC1E,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;gBAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;gBACvE,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,gBAAgB,EAAE,CAAC;oBACzD,OAAO;gBACR,CAAC;gBACD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;gBAC5E,IAAI,OAAO,IAAI,OAAO,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,QAAQ,EAAE,CAAC;oBAC1D,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;oBAChC,KAAK,GAAG,IAAI,CAAC;gBACd,CAAC;gBACD,OAAO,CAAC,IAAI,CAAC;oBACZ,IAAI;oBACJ,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oBACrC,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC;oBAC7C,IAAI;oBACJ,KAAK,EAAE,KAAK;iBACZ,CAAC,CAAC;YACJ,CAAC;SACD;QACD,IAAI,EAAE,wBAAwB;KAC9B,CAAC,CAAC;IAEH,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC5B,CAAC"}
1
+ {"version":3,"file":"collector.js","sourceRoot":"","sources":["../../src/search/collector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,SAAS,UAAU,CAAC,OAAgB,EAAE,KAAyB,EAAE,MAAc;IAC9E,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC;QACtF,OAAO,EAAE,CAAC;IACX,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAY,EAAE,SAAmC,EAAE,MAAoB;IACtG,MAAM,OAAO,GAAY,EAAE,CAAC;IAC5B,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,SAAS,OAAO,CAAC,OAAgB;QAChC,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QACrF,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,gBAAgB,EAAE,CAAC;YACzD,OAAO;QACR,CAAC;QACD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;QAC5E,IAAI,OAAO,IAAI,OAAO,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,QAAQ,EAAE,CAAC;YAC1D,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YAChC,KAAK,GAAG,IAAI,CAAC;QACd,CAAC;QACD,OAAO,CAAC,IAAI,CAAC;YACZ,IAAI;YACJ,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACrC,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC;YAC7C,IAAI;YACJ,KAAK,EAAE,KAAK;SACZ,CAAC,CAAC;IACJ,CAAC;IACD,SAAS,MAAM;QACd,OAAO,SAAS,SAAS,CAAC,IAAU;YACnC,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;gBAC1C,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;oBAClG,OAAO,CAAC,OAAO,CAAC,CAAC;gBAClB,CAAC;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"entries.d.ts","sourceRoot":"","sources":["../../src/search/entries.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAWD,wBAAsB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,SAAI,EAAE,KAAK,cAAoB,GAAG,OAAO,CAAC,SAAS,KAAK,EAAE,CAAC,CAyB/I"}
1
+ {"version":3,"file":"entries.d.ts","sourceRoot":"","sources":["../../src/search/entries.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAWD,wBAAsB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,SAAI,EAAE,KAAK,cAAoB,GAAG,OAAO,CAAC,SAAS,KAAK,EAAE,CAAC,CA2B/I"}
@@ -1,4 +1,6 @@
1
- import { markdownToHtml } from "satteri";
1
+ import { MarkdownAsync } from "react-markdown";
2
+ import rehypeRaw from "rehype-raw";
3
+ import remarkGfm from "remark-gfm";
2
4
  import { fileUrl } from "#files/url.ts";
3
5
  import { boardOf } from "#render/board.ts";
4
6
  import { documentHeadings } from "#render/documentHeadings.ts";
@@ -26,8 +28,10 @@ export async function entriesOf(source, file, home, bodyLine = 1, links = new Se
26
28
  if (fragment) {
27
29
  fragmentLength = fragment.split("\n").length;
28
30
  fragmentLine = board ? fragmentLocation(source, fragment, bodyLine, seenFragments) : bodyLine;
29
- await markdownToHtml(board?.definitions ? `${fragment}\n\n${board.definitions}` : fragment, {
30
- hastPlugins: [headings.plugin, plugin, linkCollector(links)],
31
+ await MarkdownAsync({
32
+ children: board?.definitions ? `${fragment}\n\n${board.definitions}` : fragment,
33
+ rehypePlugins: [rehypeRaw, headings.plugin, plugin, linkCollector(links)],
34
+ remarkPlugins: [remarkGfm],
31
35
  });
32
36
  }
33
37
  }
@@ -1 +1 @@
1
- {"version":3,"file":"entries.js","sourceRoot":"","sources":["../../src/search/entries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAWnD,SAAS,gBAAgB,CAAC,MAAc,EAAE,QAAgB,EAAE,QAAgB,EAAE,IAAyB;IACtG,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACf,OAAO,SAAS,CAAC;IAClB,CAAC;IACD,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5C,OAAO,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,MAAc,EAAE,IAAY,EAAE,IAAa,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,IAAI,GAAG,EAAU;IACnH,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,IAAI,YAAY,GAAuB,QAAQ,CAAC;IAChD,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;IAChD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,eAAe,CAC1C,IAAI,EACJ,GAAG,EAAE,CAAC,YAAY,EAClB,GAAG,EAAE,CAAC,cAAc,CACpB,CAAC;IACF,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACjD,MAAM,SAAS,GAAG,KAAK;QACtB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC;QACtI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACZ,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QAClC,IAAI,QAAQ,EAAE,CAAC;YACd,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;YAC7C,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC9F,MAAM,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,QAAQ,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;gBAC3F,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;aAC5D,CAAC,CAAC;QACJ,CAAC;IACF,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC;IACrF,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,CAAC;AACvH,CAAC"}
1
+ {"version":3,"file":"entries.js","sourceRoot":"","sources":["../../src/search/entries.ts"],"names":[],"mappings":"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"}
@@ -1,8 +1,3 @@
1
- export declare function linkCollector(links: Set<string>): {
2
- element: {
3
- filter: string[];
4
- visit: (element: Readonly<import("hast").Element>) => void;
5
- };
6
- name: string;
7
- };
1
+ import type { Root } from "hast";
2
+ export declare function linkCollector(links: Set<string>): () => (tree: Root) => void;
8
3
  //# sourceMappingURL=linkCollector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"linkCollector.d.ts","sourceRoot":"","sources":["../../src/search/linkCollector.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC;;;;;;EAa/C"}
1
+ {"version":3,"file":"linkCollector.d.ts","sourceRoot":"","sources":["../../src/search/linkCollector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAGjC,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,UACjC,MAAM,IAAI,UAWxB"}
@@ -1,16 +1,15 @@
1
- import { defineHastPlugin } from "satteri";
1
+ import { visit as visitElements } from "unist-util-visit";
2
2
  export function linkCollector(links) {
3
- return defineHastPlugin({
4
- element: {
5
- filter: ["a"],
6
- visit: (element) => {
7
- const href = element.properties.href;
8
- if (typeof href === "string" && !href.startsWith("#")) {
9
- links.add(href);
10
- }
11
- },
12
- },
13
- name: "work-board-link-collector",
14
- });
3
+ return () => (tree) => {
4
+ visitElements(tree, "element", (element) => {
5
+ if (element.tagName !== "a") {
6
+ return;
7
+ }
8
+ const href = element.properties.href;
9
+ if (typeof href === "string" && !href.startsWith("#")) {
10
+ links.add(href);
11
+ }
12
+ });
13
+ };
15
14
  }
16
15
  //# sourceMappingURL=linkCollector.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"linkCollector.js","sourceRoot":"","sources":["../../src/search/linkCollector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,UAAU,aAAa,CAAC,KAAkB;IAC/C,OAAO,gBAAgB,CAAC;QACvB,OAAO,EAAE;YACR,MAAM,EAAE,CAAC,GAAG,CAAC;YACb,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE;gBAClB,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;gBACrC,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;oBACvD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC;YACF,CAAC;SACD;QACD,IAAI,EAAE,2BAA2B;KACjC,CAAC,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"linkCollector.js","sourceRoot":"","sources":["../../src/search/linkCollector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,UAAU,aAAa,CAAC,KAAkB;IAC/C,OAAO,GAAG,EAAE,CAAC,CAAC,IAAU,EAAE,EAAE;QAC3B,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;YAC1C,IAAI,OAAO,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;gBAC7B,OAAO;YACR,CAAC;YACD,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;YACrC,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACvD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;AACH,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shivaedev/work-board",
3
- "version": "0.5.0",
3
+ "version": "0.6.1",
4
4
  "description": "Serve a folder of markdown files as a live local page that updates in place when a file changes",
5
5
  "homepage": "https://github.com/ShivaeDev/platform/tree/main/packages/work-board#readme",
6
6
  "bugs": {
@@ -47,8 +47,15 @@
47
47
  "dependencies": {
48
48
  "@shivaedev/effect-contract": "0.4.0",
49
49
  "mermaid": "11.16.1",
50
+ "react": "19.2.8",
51
+ "react-dom": "19.2.8",
52
+ "react-markdown": "10.1.0",
53
+ "rehype-raw": "7.0.0",
54
+ "remark-gfm": "4.0.1",
50
55
  "satteri": "0.9.5",
51
56
  "shiki": "4.4.2",
57
+ "unified": "11.0.5",
58
+ "unist-util-visit": "5.0.0",
52
59
  "yaml": "2.9.0"
53
60
  },
54
61
  "devDependencies": {
@@ -58,6 +65,8 @@
58
65
  "@types/hast": "3.0.5",
59
66
  "@types/mdast": "4.0.4",
60
67
  "@types/node": "24.10.1",
68
+ "@types/react": "19.2.18",
69
+ "@types/react-dom": "19.2.4",
61
70
  "@typescript/native": "npm:typescript@7.0.2",
62
71
  "effect": "4.0.0-rc.112",
63
72
  "esbuild": "0.28.1",
package/src/board.ts CHANGED
@@ -3,6 +3,7 @@ import { HttpRouter, HttpServerRequest, type HttpServerResponse } from "effect/u
3
3
  import { watchChanges } from "#files/changes.ts";
4
4
  import { type HomeMissing, homeIn } from "#files/home.ts";
5
5
  import { ASSETS, MERMAID_ROUTE, type MermaidMissing, mermaidFile, mermaidRoot, NATIVE_ROUTE, nativeAsset } from "#http/assets.ts";
6
+ import { attachment } from "#http/attachment.ts";
6
7
  import { events } from "#http/events.ts";
7
8
  import { changesPage, history } from "#http/history.ts";
8
9
  import { identity } from "#http/identity.ts";
@@ -40,6 +41,7 @@ const routes = (options: BoardOptions) =>
40
41
  loopbackOnly((request) => Effect.provideContext(handler(request), context)),
41
42
  );
42
43
  yield* serve("/events", events(changes));
44
+ yield* serve("/_board/attachment/*", attachment(options.root, changes.realRoot));
43
45
  const index = yield* searchSnapshot(options.root, home, changes);
44
46
  yield* serve("/_board/search", search(index));
45
47
  const workPage = work(index, changes, home);
package/src/cli.ts CHANGED
@@ -4,7 +4,7 @@ import { Effect, Layer, Option, Path } from "effect";
4
4
  import { Argument, Command, Flag } from "effect/unstable/cli";
5
5
  import { HOST, serveBoard } from "./serve.ts";
6
6
 
7
- const VERSION = "0.5.0";
7
+ const VERSION = "0.6.1";
8
8
 
9
9
  const serve = Effect.fn("WorkBoard.serve")(function* (input: { readonly dir: string; readonly port: number; readonly home: Option.Option<string> }) {
10
10
  const path = yield* Path.Path;
@@ -1,4 +1,5 @@
1
1
  import { Data, Deferred, Effect, FileSystem, Option, Path, Stream } from "effect";
2
+ import { attachmentType } from "#path/attachment.ts";
2
3
  import { isMarkdown, scanMarkdown } from "./list.ts";
3
4
 
4
5
  class WatchEnded extends Data.TaggedError("WatchEnded") {}
@@ -45,7 +46,7 @@ export const watchDirectories = Effect.fn("WorkBoard.watchDirectories")(function
45
46
  }
46
47
  }),
47
48
  ),
48
- Stream.filter(isMarkdown),
49
+ Stream.filter((relative) => isMarkdown(relative) || attachmentType(relative) !== undefined),
49
50
  Stream.interruptWhen(Deferred.await(topology)),
50
51
  Stream.groupedWithin(BATCH, SETTLE),
51
52
  Stream.runForEach((paths) => publish([...new Set(paths)])),
@@ -13,11 +13,15 @@ import { searchScript } from "#page/searchScript.ts";
13
13
  import { pageStateScript } from "#page/stateScript.ts";
14
14
  import { style } from "#page/style.ts";
15
15
  import { swap } from "#page/swap.ts";
16
+ import { visualScript } from "#page/visualScript.ts";
17
+ import { visualViewport } from "#page/visualViewport.ts";
16
18
  import { savedScript } from "#views/savedScript.ts";
17
19
  import { respond } from "./respond.ts";
18
20
 
19
21
  export const ASSETS: ReadonlyArray<readonly [HttpRouter.PathInput, string, string]> = [
20
22
  ["/_board/style.css", style, "text/css"],
23
+ ["/_board/visuals.js", visualScript(), "text/javascript"],
24
+ ["/_board/visual-viewport.js", visualViewport(), "text/javascript"],
21
25
  ["/_board/saved-views.js", savedScript(), "text/javascript"],
22
26
  ["/_board/client.js", client, "text/javascript"],
23
27
  ["/_board/ages.js", ageScript(), "text/javascript"],
@@ -0,0 +1,46 @@
1
+ import { Effect, FileSystem, Path } from "effect";
2
+ import type { HttpServerRequest } from "effect/unstable/http";
3
+ import { within } from "#files/list.ts";
4
+ import { attachmentType } from "#path/attachment.ts";
5
+ import { respond } from "./respond.ts";
6
+
7
+ const MAX_BYTES = 16 * 1024 * 1024;
8
+
9
+ export function attachment(root: string, realRoot: string) {
10
+ return Effect.fn("WorkBoard.attachment")(function* (request: HttpServerRequest.HttpServerRequest) {
11
+ function missing() {
12
+ return respond("Local image unavailable: unsupported type, missing file or workspace boundary.", "text/plain", 404);
13
+ }
14
+ let relative: string;
15
+ try {
16
+ relative = decodeURIComponent(new URL(request.url, "http://127.0.0.1").pathname.slice("/_board/attachment/".length));
17
+ } catch {
18
+ return missing();
19
+ }
20
+ const type = attachmentType(relative);
21
+ if (
22
+ !type
23
+ || relative.includes("\\")
24
+ || relative.split("/").some((part) => !part || part === ".." || part.startsWith(".") || part === "node_modules")
25
+ ) {
26
+ return missing();
27
+ }
28
+ const fs = yield* FileSystem.FileSystem;
29
+ const path = yield* Path.Path;
30
+ return yield* Effect.gen(function* () {
31
+ const real = yield* fs.realPath(path.join(root, relative));
32
+ if (!within(realRoot, path.sep, real)) {
33
+ return missing();
34
+ }
35
+ const info = yield* fs.stat(real);
36
+ if (info.type !== "File") {
37
+ return missing();
38
+ }
39
+ if (info.size > BigInt(MAX_BYTES)) {
40
+ return respond("Local image exceeds the 16 MiB limit.", "text/plain", 413);
41
+ }
42
+ const body = yield* fs.readFile(real);
43
+ return body.byteLength > MAX_BYTES ? respond("Local image exceeds the 16 MiB limit.", "text/plain", 413) : respond(body, type);
44
+ }).pipe(Effect.orElseSucceed(missing));
45
+ });
46
+ }
@@ -1,4 +1,5 @@
1
1
  import { fileUrl } from "#files/url.ts";
2
+ import { attachmentHref } from "#path/attachment.ts";
2
3
  import { referenceTarget } from "./links.ts";
3
4
  import type { MetadataModel } from "./model.ts";
4
5
 
@@ -11,7 +12,8 @@ export function sourceHref(source: string, file: string): string | undefined {
11
12
  if (!["http:", "https:"].includes(url.protocol)) {
12
13
  return undefined;
13
14
  }
14
- return absolute.exec(source) === null ? url.pathname + url.search + url.hash : url.href;
15
+ const local = url.pathname + url.search + url.hash;
16
+ return absolute.exec(source) === null ? (attachmentHref(local) ?? local) : url.href;
15
17
  } catch {
16
18
  return undefined;
17
19
  }
@@ -12,6 +12,7 @@ import { refreshLibrary } from "/_board/library.js";
12
12
  import { session } from "/_board/native.js";
13
13
 
14
14
 
15
+ document.documentElement.dataset.js = "true";
15
16
  remember(document.getElementById("files"));
16
17
  remember(document.getElementById("doc"));
17
18
 
@@ -1,4 +1,5 @@
1
1
  export const diagrams = `
2
+ import { diagramTools } from "/_board/visuals.js";
2
3
  const rendered = new Map();
3
4
  const dark = matchMedia("(prefers-color-scheme: dark)");
4
5
  let mermaid;
@@ -10,6 +11,7 @@ const load = async () => {
10
11
  mermaid ??= (await import("/_board/mermaid/mermaid.esm.min.mjs")).default;
11
12
  mermaid.initialize({
12
13
  startOnLoad: false,
14
+ suppressErrorRendering: true,
13
15
  securityLevel: "strict",
14
16
  theme: "base",
15
17
  themeVariables: {
@@ -43,14 +45,20 @@ const draw = async (figure) => {
43
45
  return;
44
46
  }
45
47
  figure.querySelector(".diagram-svg")?.remove();
48
+ figure.querySelector("[data-diagram-error]")?.remove();
46
49
  figure.insertAdjacentHTML("afterbegin", '<div class="diagram-svg">' + svg + "</div>");
47
50
  figure.dataset.state = "drawn";
51
+ diagramTools(figure);
48
52
  } catch (error) {
49
53
  rendered.delete(key);
50
54
  if (scheme !== schemeNow()) return;
51
55
  figure.querySelector(".diagram-svg")?.remove();
52
56
  figure.dataset.state = "failed";
53
57
  figure.dataset.error = String(error?.message ?? error);
58
+ figure.querySelector("[data-diagram-error]")?.remove();
59
+ const message = document.createElement("p"); message.setAttribute("data-diagram-error", ""); message.setAttribute("role", "status");
60
+ message.textContent = "Diagram could not be drawn: " + figure.dataset.error; figure.append(message);
61
+ diagramTools(figure);
54
62
  }
55
63
  };
56
64