@bendyline/squisq-editor-react 2.0.1 → 2.2.0

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 (357) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +40 -0
  3. package/README.md +10 -2
  4. package/dist/index.d.ts +683 -60
  5. package/dist/index.js +9648 -3750
  6. package/dist/monaco.js +0 -1
  7. package/dist/styles/index.css +1160 -241
  8. package/package.json +10 -6
  9. package/dist/index.js.map +0 -1
  10. package/dist/monaco.js.map +0 -1
  11. package/src/BlockCardView.tsx +0 -121
  12. package/src/BlockPreviewPanel.tsx +0 -69
  13. package/src/BlockPropertiesPopover.tsx +0 -222
  14. package/src/DocumentSettingsDialog.tsx +0 -272
  15. package/src/DropZoneOverlay.tsx +0 -137
  16. package/src/EditorContext.tsx +0 -1247
  17. package/src/EditorShell.tsx +0 -1334
  18. package/src/EmojiPicker.tsx +0 -332
  19. package/src/FolderView.tsx +0 -131
  20. package/src/Icon.tsx +0 -26
  21. package/src/ImageEditor.tsx +0 -395
  22. package/src/ImageNodeView.tsx +0 -284
  23. package/src/ImageViewer.tsx +0 -221
  24. package/src/InlineIcon.ts +0 -84
  25. package/src/InlinePreviewGutter.tsx +0 -590
  26. package/src/LinkDialog.tsx +0 -276
  27. package/src/MediaBin.tsx +0 -500
  28. package/src/MentionExtension.tsx +0 -261
  29. package/src/OutlinePanel.tsx +0 -547
  30. package/src/PlainHtmlPreview.tsx +0 -277
  31. package/src/PreviewControls.tsx +0 -1250
  32. package/src/PreviewPanel.tsx +0 -422
  33. package/src/RawEditor.tsx +0 -731
  34. package/src/RecorderEntry.tsx +0 -159
  35. package/src/StatusBar.tsx +0 -51
  36. package/src/TemplateAnnotation.ts +0 -167
  37. package/src/TemplateContentPreview.tsx +0 -56
  38. package/src/TemplatePicker.tsx +0 -1314
  39. package/src/ThemeCustomizerPanel.tsx +0 -304
  40. package/src/ThemePicker.tsx +0 -433
  41. package/src/TimelineBlockPreview.tsx +0 -37
  42. package/src/TimelineTrack.tsx +0 -671
  43. package/src/Toolbar.tsx +0 -2587
  44. package/src/Tooltip.tsx +0 -142
  45. package/src/TransitionPicker.tsx +0 -390
  46. package/src/VersionHistoryPanel.tsx +0 -359
  47. package/src/ViewMenuPanel.tsx +0 -189
  48. package/src/ViewSwitcher.tsx +0 -56
  49. package/src/WysiwygEditor.tsx +0 -792
  50. package/src/__tests__/blockProperties.test.ts +0 -92
  51. package/src/__tests__/blockPropertiesPopoverTheme.test.tsx +0 -33
  52. package/src/__tests__/blockRange.test.ts +0 -105
  53. package/src/__tests__/blockTagActivity.test.ts +0 -183
  54. package/src/__tests__/buildDocumentPreviewMarkdown.test.ts +0 -75
  55. package/src/__tests__/buildPreviewDocContent.test.ts +0 -48
  56. package/src/__tests__/buildPreviewDocTransition.test.ts +0 -92
  57. package/src/__tests__/canvasSurfaceTextEditing.test.tsx +0 -60
  58. package/src/__tests__/codeContextSectionView.test.tsx +0 -97
  59. package/src/__tests__/codeContextZoneManager.test.ts +0 -127
  60. package/src/__tests__/createShapeLayer.test.ts +0 -46
  61. package/src/__tests__/customLayoutManagerTheme.test.tsx +0 -34
  62. package/src/__tests__/detectMarkdown.test.ts +0 -73
  63. package/src/__tests__/diffContextSections.test.ts +0 -39
  64. package/src/__tests__/documentSettingsDialog.test.tsx +0 -197
  65. package/src/__tests__/drawingShapeRoundTrip.test.ts +0 -49
  66. package/src/__tests__/editorScrollHandoff.test.tsx +0 -102
  67. package/src/__tests__/editorScrollSync.test.ts +0 -65
  68. package/src/__tests__/editorShellCodeContext.test.tsx +0 -86
  69. package/src/__tests__/editorShellProps.test.tsx +0 -485
  70. package/src/__tests__/embeddedMedia.test.ts +0 -48
  71. package/src/__tests__/emojiPicker.test.tsx +0 -93
  72. package/src/__tests__/fileKind.test.ts +0 -112
  73. package/src/__tests__/headingTransition.test.ts +0 -176
  74. package/src/__tests__/imageEditAffordance.test.tsx +0 -272
  75. package/src/__tests__/imageEditModalContract.test.tsx +0 -119
  76. package/src/__tests__/imageEditorShell.test.tsx +0 -94
  77. package/src/__tests__/imageEditorState.test.ts +0 -171
  78. package/src/__tests__/inlinePreviewGutter.test.tsx +0 -62
  79. package/src/__tests__/inlinePreviewGutterAllBlocks.test.tsx +0 -103
  80. package/src/__tests__/jsonEditor.test.tsx +0 -223
  81. package/src/__tests__/layersPanel.test.tsx +0 -167
  82. package/src/__tests__/layoutChildRoundTrip.test.ts +0 -71
  83. package/src/__tests__/linkDialogDocPicker.test.tsx +0 -137
  84. package/src/__tests__/majorApiTypes.test.ts +0 -26
  85. package/src/__tests__/mediaAttachmentFlow.test.ts +0 -110
  86. package/src/__tests__/mediaBinDrop.test.tsx +0 -90
  87. package/src/__tests__/mediaReferences.test.ts +0 -82
  88. package/src/__tests__/narrationSave.test.ts +0 -148
  89. package/src/__tests__/outlinePanel.test.tsx +0 -169
  90. package/src/__tests__/outlineSource.test.ts +0 -217
  91. package/src/__tests__/plainHtmlPreview.test.tsx +0 -125
  92. package/src/__tests__/presentationMode.test.tsx +0 -290
  93. package/src/__tests__/previewControls.test.tsx +0 -540
  94. package/src/__tests__/previewPanelAudioFailure.test.tsx +0 -46
  95. package/src/__tests__/previewPanelPresentation.test.tsx +0 -126
  96. package/src/__tests__/previewPanelTransforms.test.tsx +0 -117
  97. package/src/__tests__/propertiesPanel.test.tsx +0 -69
  98. package/src/__tests__/rawEditorModelIsolation.test.ts +0 -19
  99. package/src/__tests__/recorderFormats.test.ts +0 -146
  100. package/src/__tests__/recorderMediaInsert.test.ts +0 -86
  101. package/src/__tests__/recorderTheme.test.tsx +0 -42
  102. package/src/__tests__/recorderTimingJson.test.ts +0 -41
  103. package/src/__tests__/resolveBlockVisual.test.ts +0 -43
  104. package/src/__tests__/selectionConversions.test.ts +0 -80
  105. package/src/__tests__/statusBar.test.tsx +0 -27
  106. package/src/__tests__/teleprompter.test.tsx +0 -190
  107. package/src/__tests__/templateAnnotationRoundTrip.test.ts +0 -99
  108. package/src/__tests__/templateContentPreview.test.ts +0 -101
  109. package/src/__tests__/templatePickerMetadata.test.ts +0 -32
  110. package/src/__tests__/templatePickerPortal.test.tsx +0 -62
  111. package/src/__tests__/timelineSource.test.ts +0 -134
  112. package/src/__tests__/tiptapBridge.test.ts +0 -566
  113. package/src/__tests__/tiptapBridgeConformance.test.ts +0 -47
  114. package/src/__tests__/tiptapCodeBlockRoundTrip.test.ts +0 -109
  115. package/src/__tests__/tiptapImageRoundTrip.test.ts +0 -73
  116. package/src/__tests__/toolbarSelectionConversion.test.tsx +0 -164
  117. package/src/__tests__/tooltip.test.tsx +0 -72
  118. package/src/__tests__/transformStyleId.test.ts +0 -13
  119. package/src/__tests__/transitionCatalog.test.ts +0 -64
  120. package/src/__tests__/useBlockNavigator.test.tsx +0 -67
  121. package/src/__tests__/useImageEditor.test.tsx +0 -226
  122. package/src/__tests__/useJsonEditorTokens.test.ts +0 -59
  123. package/src/__tests__/useMediaRecorder.test.ts +0 -302
  124. package/src/__tests__/useTimelineClock.test.ts +0 -21
  125. package/src/__tests__/versionHistory.test.tsx +0 -197
  126. package/src/__tests__/viewMenuPanel.test.tsx +0 -130
  127. package/src/__tests__/wysiwygImageUpload.test.ts +0 -69
  128. package/src/__tests__/wysiwygTemplateBadgeFocus.test.tsx +0 -56
  129. package/src/asciiDiagram/AsciiDiagramExtension.ts +0 -343
  130. package/src/asciiDiagram/AsciiDiagramWidget.tsx +0 -254
  131. package/src/asciiDiagram/RepairableDiagramExtension.ts +0 -200
  132. package/src/asciiDiagram/__tests__/AsciiDiagramExtension.test.ts +0 -145
  133. package/src/asciiDiagram/__tests__/RepairableDiagramExtension.test.ts +0 -159
  134. package/src/asciiDiagram/__tests__/asciiDiagramCommands.test.ts +0 -284
  135. package/src/asciiDiagram/__tests__/asciiDiagramOps.test.ts +0 -114
  136. package/src/asciiDiagram/__tests__/asciiPaste.test.ts +0 -43
  137. package/src/asciiDiagram/asciiDiagramCommands.ts +0 -174
  138. package/src/asciiDiagram/asciiDiagramData.ts +0 -149
  139. package/src/asciiDiagram/asciiDiagramOps.ts +0 -238
  140. package/src/asciiDiagram/asciiPaste.ts +0 -19
  141. package/src/blockProperties.ts +0 -88
  142. package/src/blockRange.ts +0 -132
  143. package/src/blockSlice.ts +0 -75
  144. package/src/blockTagActivity.ts +0 -233
  145. package/src/buildDocumentPreviewMarkdown.ts +0 -168
  146. package/src/buildPreviewDoc.ts +0 -405
  147. package/src/codeContext/CodeContextSectionView.tsx +0 -124
  148. package/src/codeContext/CodeContextZoneManager.ts +0 -149
  149. package/src/codeContext/CodeContextZones.tsx +0 -121
  150. package/src/codeContext/diffContextSections.ts +0 -38
  151. package/src/codeContext/types.ts +0 -75
  152. package/src/customTemplates/AddBin.tsx +0 -126
  153. package/src/customTemplates/CustomLayoutManager.tsx +0 -234
  154. package/src/customTemplates/CustomTemplateContext.tsx +0 -188
  155. package/src/customTemplates/LayerToolbar.tsx +0 -580
  156. package/src/customTemplates/ShapeGlyph.tsx +0 -47
  157. package/src/customTemplates/TemplateDesigner.tsx +0 -433
  158. package/src/customTemplates/__tests__/library.test.ts +0 -96
  159. package/src/customTemplates/__tests__/normalizePositions.test.ts +0 -109
  160. package/src/customTemplates/__tests__/shapeDefs.test.ts +0 -49
  161. package/src/customTemplates/__tests__/useMemoryLayerAdapter.test.ts +0 -108
  162. package/src/customTemplates/designer.css +0 -732
  163. package/src/customTemplates/index.ts +0 -31
  164. package/src/customTemplates/library.ts +0 -110
  165. package/src/customTemplates/normalizePositions.ts +0 -75
  166. package/src/customTemplates/shapeDefs.ts +0 -131
  167. package/src/customTemplates/thumbnail.tsx +0 -63
  168. package/src/customTemplates/tokenDefs.ts +0 -60
  169. package/src/customTemplates/useDocCustomTemplates.ts +0 -52
  170. package/src/customTemplates/useMemoryLayerAdapter.ts +0 -129
  171. package/src/customThemes/CustomThemeContext.tsx +0 -185
  172. package/src/customThemes/CustomThemeDialog.tsx +0 -316
  173. package/src/customThemes/ImportThemeSection.tsx +0 -178
  174. package/src/customThemes/__tests__/CustomThemeContext.test.tsx +0 -64
  175. package/src/customThemes/__tests__/CustomThemeDialog.test.tsx +0 -47
  176. package/src/customThemes/__tests__/customThemeLibrary.test.ts +0 -60
  177. package/src/customThemes/__tests__/importThemeSection.test.tsx +0 -192
  178. package/src/customThemes/customThemeLibrary.ts +0 -100
  179. package/src/customThemes/index.ts +0 -37
  180. package/src/customThemes/themeControls.tsx +0 -229
  181. package/src/customThemes/themeDraft.ts +0 -288
  182. package/src/customThemes/useDocCustomThemes.ts +0 -49
  183. package/src/detectMarkdown.ts +0 -62
  184. package/src/diagram/DiagramCanvas.tsx +0 -259
  185. package/src/diagram/DiagramMaximizedOverlay.tsx +0 -46
  186. package/src/diagram/diagramCommands.ts +0 -604
  187. package/src/diagram/diagramConstants.ts +0 -17
  188. package/src/diagram/types.ts +0 -35
  189. package/src/editorScrollSync.ts +0 -73
  190. package/src/embeddedMedia.ts +0 -78
  191. package/src/emojiData.ts +0 -1317
  192. package/src/fileKind.ts +0 -158
  193. package/src/frontmatter.ts +0 -29
  194. package/src/frontmatterSettings.ts +0 -23
  195. package/src/headingTransition.ts +0 -291
  196. package/src/hooks/useFileDrop.ts +0 -266
  197. package/src/imageEditor/CanvasSurface.tsx +0 -703
  198. package/src/imageEditor/ImageVersionHistoryDropdown.tsx +0 -396
  199. package/src/imageEditor/LayersPanel.tsx +0 -218
  200. package/src/imageEditor/PropertiesPanel.tsx +0 -474
  201. package/src/imageEditor/Toolbar.tsx +0 -459
  202. package/src/imageEditor/createShapeLayer.ts +0 -280
  203. package/src/imageEditor/icons.tsx +0 -68
  204. package/src/imageEditor/image-editor.css +0 -574
  205. package/src/imageEditor/layers/EditorImageLayer.tsx +0 -45
  206. package/src/imageEditor/layers/EditorShapeLayer.tsx +0 -62
  207. package/src/imageEditor/layers/EditorTextLayer.tsx +0 -45
  208. package/src/imageEditor/layers/SelectionHandles.tsx +0 -86
  209. package/src/imageEditor/state.ts +0 -173
  210. package/src/imageEditor/useImageEditor.ts +0 -385
  211. package/src/imageEditor/useImageEditorTokens.ts +0 -70
  212. package/src/index.ts +0 -470
  213. package/src/jsonEditor/EmbeddedRichTextField.tsx +0 -81
  214. package/src/jsonEditor/JsonEditor.tsx +0 -81
  215. package/src/jsonEditor/JsonEditorContext.tsx +0 -81
  216. package/src/jsonEditor/RenderNode.tsx +0 -87
  217. package/src/jsonEditor/editors.tsx +0 -745
  218. package/src/jsonEditor/index.ts +0 -2
  219. package/src/jsonEditor/json-editor.css +0 -463
  220. package/src/jsonEditor/useJsonEditorTokens.ts +0 -33
  221. package/src/mediaDragMime.ts +0 -32
  222. package/src/mediaEntries.ts +0 -12
  223. package/src/mediaReferences.ts +0 -299
  224. package/src/monaco.ts +0 -35
  225. package/src/monacoWorkers.ts +0 -89
  226. package/src/outlineSource.ts +0 -171
  227. package/src/presentation/PresentationMode.tsx +0 -596
  228. package/src/rawEditorIsolation.ts +0 -18
  229. package/src/recorder/RecorderButton.tsx +0 -80
  230. package/src/recorder/RecorderModal.tsx +0 -706
  231. package/src/recorder/RecorderPanel.tsx +0 -77
  232. package/src/recorder/formats.ts +0 -159
  233. package/src/recorder/hooks/useMediaRecorder.ts +0 -436
  234. package/src/recorder/hooks/useStreamPreview.ts +0 -47
  235. package/src/recorder/insertMediaBlock.ts +0 -30
  236. package/src/recorder/sources/cameraStream.ts +0 -32
  237. package/src/recorder/sources/micStream.ts +0 -25
  238. package/src/recorder/sources/screenStream.ts +0 -162
  239. package/src/recorder/timingJson.ts +0 -66
  240. package/src/resolveBlockVisual.ts +0 -39
  241. package/src/scene/Scene.tsx +0 -616
  242. package/src/scene/SceneBlockExtension.ts +0 -205
  243. package/src/scene/SceneBlockToolbar.tsx +0 -201
  244. package/src/scene/SceneBlockWidget.tsx +0 -441
  245. package/src/scene/ScenePropsBar.tsx +0 -85
  246. package/src/scene/SceneSelection.tsx +0 -111
  247. package/src/scene/SceneSideToolbar.tsx +0 -89
  248. package/src/scene/SceneViewport.tsx +0 -106
  249. package/src/scene/ShapePalette.tsx +0 -196
  250. package/src/scene/__tests__/DiagramAdapter.test.ts +0 -142
  251. package/src/scene/__tests__/SceneBlockExtension.test.ts +0 -33
  252. package/src/scene/__tests__/bezierEdit.test.ts +0 -85
  253. package/src/scene/__tests__/blockLayers.test.ts +0 -57
  254. package/src/scene/__tests__/sceneIsolation.test.tsx +0 -119
  255. package/src/scene/__tests__/shapeLayers.test.ts +0 -106
  256. package/src/scene/__tests__/useSceneHitTest.test.ts +0 -90
  257. package/src/scene/__tests__/useScenePanZoom.test.ts +0 -103
  258. package/src/scene/adapters/DiagramAdapter.ts +0 -79
  259. package/src/scene/adapters/DrawingAdapter.ts +0 -420
  260. package/src/scene/adapters/LayoutAdapter.ts +0 -313
  261. package/src/scene/adapters/blockLayers.ts +0 -159
  262. package/src/scene/commands/SceneCommand.ts +0 -84
  263. package/src/scene/commands/drawingCommands.ts +0 -318
  264. package/src/scene/commands/layoutCommands.ts +0 -301
  265. package/src/scene/hooks/useSceneHitTest.ts +0 -105
  266. package/src/scene/hooks/useScenePanZoom.ts +0 -147
  267. package/src/scene/hooks/useSceneSelection.ts +0 -62
  268. package/src/scene/index.ts +0 -90
  269. package/src/scene/layers/DiagramEdges.tsx +0 -142
  270. package/src/scene/layers/edgeGeometry.ts +0 -104
  271. package/src/scene/layers/nodeCard.tsx +0 -164
  272. package/src/scene/layers/renderLayer.tsx +0 -70
  273. package/src/scene/layers/shapeLayers.ts +0 -201
  274. package/src/scene/paths/bezierEdit.ts +0 -208
  275. package/src/scene/scene.css +0 -792
  276. package/src/scene/text/SceneTextOverlay.tsx +0 -161
  277. package/src/scene/text/sceneTextChannel.ts +0 -46
  278. package/src/scene/text/sceneTextConfig.ts +0 -31
  279. package/src/scene/text/sceneTiptap.ts +0 -36
  280. package/src/scene/text/useSceneTextEditing.ts +0 -39
  281. package/src/scene/tools/ConnectTool.ts +0 -209
  282. package/src/scene/tools/DrawingConnectTool.ts +0 -231
  283. package/src/scene/tools/PathTool.ts +0 -158
  284. package/src/scene/tools/PlaceTool.ts +0 -47
  285. package/src/scene/tools/SceneTool.ts +0 -85
  286. package/src/scene/tools/SelectTool.ts +0 -300
  287. package/src/scene/tools/ShapeTool.ts +0 -143
  288. package/src/scene/tools/TextTool.ts +0 -72
  289. package/src/scene/tools/TokenTool.ts +0 -95
  290. package/src/scene/tools/createDrawShapeTool.ts +0 -82
  291. package/src/selectionConversions.ts +0 -155
  292. package/src/styles/ascii-diagram.css +0 -79
  293. package/src/styles/ascii-timeline.css +0 -596
  294. package/src/styles/code-context.css +0 -155
  295. package/src/styles/diagram.css +0 -183
  296. package/src/styles/editor.css +0 -6811
  297. package/src/styles/folder-view.css +0 -210
  298. package/src/styles/image-edit-affordance.css +0 -201
  299. package/src/styles/index.css +0 -18
  300. package/src/styles/tree-view.css +0 -189
  301. package/src/teleprompter/TeleprompterControls.tsx +0 -218
  302. package/src/teleprompter/TeleprompterSelfView.tsx +0 -22
  303. package/src/teleprompter/TeleprompterSurface.tsx +0 -267
  304. package/src/teleprompter/TeleprompterView.tsx +0 -338
  305. package/src/teleprompter/canvasRenderer.ts +0 -161
  306. package/src/teleprompter/floatingWindow.ts +0 -352
  307. package/src/teleprompter/index.ts +0 -61
  308. package/src/teleprompter/pcmWorklet.ts +0 -62
  309. package/src/teleprompter/recording/insertPreamble.ts +0 -80
  310. package/src/teleprompter/recording/narrationSave.ts +0 -134
  311. package/src/teleprompter/recording/useNarrationRecorder.ts +0 -367
  312. package/src/teleprompter/scrollModel.ts +0 -85
  313. package/src/teleprompter/teleprompterTheme.ts +0 -303
  314. package/src/teleprompter/types.ts +0 -38
  315. package/src/teleprompter/useFloatingWindow.ts +0 -74
  316. package/src/teleprompter/useMicAnalysis.ts +0 -211
  317. package/src/teleprompter/useTeleprompter.ts +0 -421
  318. package/src/templateContentPreviewResolver.ts +0 -360
  319. package/src/timeline/TimelineEditorWidget.tsx +0 -861
  320. package/src/timeline/TimelineViewExtension.ts +0 -252
  321. package/src/timeline/__tests__/TimelineEditorWidget.test.tsx +0 -414
  322. package/src/timeline/__tests__/TimelineViewExtension.test.ts +0 -163
  323. package/src/timeline/__tests__/timelineCommands.test.ts +0 -359
  324. package/src/timeline/__tests__/timelineOps.test.ts +0 -277
  325. package/src/timeline/__tests__/timelinePaste.test.ts +0 -34
  326. package/src/timeline/timelineCommands.ts +0 -421
  327. package/src/timeline/timelineData.ts +0 -54
  328. package/src/timeline/timelineOps.ts +0 -381
  329. package/src/timeline/timelinePaste.ts +0 -8
  330. package/src/timelineSource.ts +0 -244
  331. package/src/tiptap/TiptapAudio.tsx +0 -86
  332. package/src/tiptap/TiptapVideo.tsx +0 -119
  333. package/src/tiptap/useResolvedMediaSrc.ts +0 -47
  334. package/src/tiptapBridge.ts +0 -986
  335. package/src/tooltipPlacement.ts +0 -13
  336. package/src/transformStyleId.ts +0 -17
  337. package/src/transitionCatalog.ts +0 -159
  338. package/src/treeview/TreeOutlineWidget.tsx +0 -390
  339. package/src/treeview/TreeViewExtension.ts +0 -250
  340. package/src/treeview/__tests__/TreeOutlineWidget.test.tsx +0 -156
  341. package/src/treeview/__tests__/TreeViewExtension.test.ts +0 -122
  342. package/src/treeview/__tests__/treeOps.test.ts +0 -177
  343. package/src/treeview/__tests__/treePaste.test.ts +0 -40
  344. package/src/treeview/__tests__/treeViewCommands.test.ts +0 -179
  345. package/src/treeview/treeOps.ts +0 -231
  346. package/src/treeview/treePaste.ts +0 -13
  347. package/src/treeview/treeViewCommands.ts +0 -99
  348. package/src/treeview/treeViewData.ts +0 -41
  349. package/src/types/monaco-shims.d.ts +0 -10
  350. package/src/useBlockNavigator.ts +0 -153
  351. package/src/useHeadingLayout.ts +0 -294
  352. package/src/useMonacoLoader.ts +0 -82
  353. package/src/useTimelineClock.ts +0 -76
  354. package/src/utils/collectInlineFontAwesomeCss.ts +0 -69
  355. package/src/utils/dropUtils.ts +0 -136
  356. package/src/utils/normalizeMalformedAssetUrl.ts +0 -22
  357. package/src/wysiwygImageUpload.ts +0 -113
@@ -1,149 +0,0 @@
1
- /**
2
- * Read direction of the ASCII diagram loop: fence text → canvas data.
3
- *
4
- * `useAsciiDiagramData` re-derives on every editor transaction (mirroring
5
- * the philosophy of the old heading-based `useDiagramData`: no store, so
6
- * nothing to invalidate). Parsing is memoized per PMNode instance by the
7
- * extension's WeakMap caches, so untouched fences cost nothing.
8
- */
9
-
10
- import { useEffect, useMemo, useState } from 'react';
11
- import type { Editor } from '@tiptap/react';
12
- import {
13
- asciiCellToCanvas,
14
- asciiDiagramToTemplateData,
15
- ASCII_CHAR_H,
16
- ASCII_CHAR_W,
17
- type AsciiDiagram,
18
- } from '@bendyline/squisq/doc';
19
- import type { DiagramEdge, DiagramNode } from '../diagram/types';
20
- import { findAsciiDiagramBlockPos, parseAsciiDiagramForNode } from './AsciiDiagramExtension';
21
- import { translateDiagramOp } from './asciiDiagramOps';
22
-
23
- /** Persisted grid space reserved north/west of legacy origin-hugging art. */
24
- export const ASCII_DIAGRAM_GUTTER_COLS = 8;
25
- export const ASCII_DIAGRAM_GUTTER_ROWS = 2;
26
-
27
- export interface AsciiDiagramCanvasOffset {
28
- col: number;
29
- row: number;
30
- }
31
-
32
- export interface AsciiDiagramView {
33
- /** Canvas nodes, containers ordered first so their cards paint behind. */
34
- nodes: DiagramNode[];
35
- edges: DiagramEdge[];
36
- warnings: string[];
37
- style: 'unicode' | 'ascii';
38
- /** The current fence text. */
39
- text: string;
40
- /** The parse behind `nodes`/`edges` (grid units) — ops operate on this. */
41
- diagram: AsciiDiagram;
42
- }
43
-
44
- /**
45
- * Offset needed to give an existing diagram the same editing gutter as a
46
- * newly inserted one. The widget applies this virtually until the first real
47
- * canvas edit, which then writes the shifted coordinates into the fence.
48
- */
49
- export function initialAsciiDiagramCanvasOffset(diagram: AsciiDiagram): AsciiDiagramCanvasOffset {
50
- if (diagram.nodes.length === 0) return { col: 0, row: 0 };
51
- const minCol = Math.min(...diagram.nodes.map((node) => node.col));
52
- const minRow = Math.min(...diagram.nodes.map((node) => node.row));
53
- return {
54
- col: Math.max(0, ASCII_DIAGRAM_GUTTER_COLS - minCol),
55
- row: Math.max(0, ASCII_DIAGRAM_GUTTER_ROWS - minRow),
56
- };
57
- }
58
-
59
- /** Apply a canvas-only origin offset to a parsed grid model. */
60
- export function offsetAsciiDiagram(
61
- diagram: AsciiDiagram,
62
- offset: AsciiDiagramCanvasOffset,
63
- ): AsciiDiagram {
64
- return translateDiagramOp(diagram, offset.col, offset.row);
65
- }
66
-
67
- /** Grid model → canvas model, containers-first for paint order. */
68
- export function asciiDiagramToCanvas(
69
- diagram: AsciiDiagram,
70
- ): Pick<AsciiDiagramView, 'nodes' | 'edges'> {
71
- const containerIds = new Set(
72
- diagram.nodes.map((n) => n.containerId).filter((id): id is string => id !== undefined),
73
- );
74
- const depthOf = (id: string | undefined): number => {
75
- let depth = 0;
76
- let current = diagram.nodes.find((n) => n.id === id);
77
- while (current?.containerId) {
78
- depth++;
79
- current = diagram.nodes.find((n) => n.id === current?.containerId);
80
- if (depth > diagram.nodes.length) break;
81
- }
82
- return depth;
83
- };
84
- const ordered = [...diagram.nodes].sort((a, b) => {
85
- const aContainer = containerIds.has(a.id) ? 0 : 1;
86
- const bContainer = containerIds.has(b.id) ? 0 : 1;
87
- return aContainer - bContainer || depthOf(a.id) - depthOf(b.id);
88
- });
89
- const nodes: DiagramNode[] = ordered.map((n) => ({
90
- id: n.id,
91
- position: asciiCellToCanvas(n.col, n.row),
92
- data: { label: n.label },
93
- width: n.wCols * ASCII_CHAR_W,
94
- height: n.hRows * ASCII_CHAR_H,
95
- ...(containerIds.has(n.id) ? { kind: 'container' as const } : {}),
96
- }));
97
- const templateEdges = asciiDiagramToTemplateData(diagram).edges;
98
- const edges: DiagramEdge[] = diagram.edges.map((e, index) => ({
99
- id: e.label ? `${e.source}->${e.target}:${e.label}` : `${e.source}->${e.target}`,
100
- source: e.source,
101
- target: e.target,
102
- ...(e.label ? { label: e.label } : {}),
103
- ...(e.directed ? {} : { directed: false }),
104
- ...(templateEdges[index]?.sourceAnchor
105
- ? { sourceAnchor: templateEdges[index].sourceAnchor }
106
- : {}),
107
- ...(templateEdges[index]?.targetAnchor
108
- ? { targetAnchor: templateEdges[index].targetAnchor }
109
- : {}),
110
- ...(templateEdges[index]?.routing ? { routing: templateEdges[index].routing } : {}),
111
- }));
112
- return { nodes, edges };
113
- }
114
-
115
- /**
116
- * Live view of one registered ASCII diagram block. Returns null when the
117
- * block no longer exists or no longer parses (the extension will drop the
118
- * widget on its next pass).
119
- */
120
- export function useAsciiDiagramData(editor: Editor, blockId: string): AsciiDiagramView | null {
121
- const [version, setVersion] = useState(0);
122
- useEffect(() => {
123
- const onUpdate = () => setVersion((v) => v + 1);
124
- editor.on('transaction', onUpdate);
125
- return () => {
126
- editor.off('transaction', onUpdate);
127
- };
128
- }, [editor]);
129
-
130
- return useMemo(() => {
131
- const pos = findAsciiDiagramBlockPos(editor, blockId);
132
- if (pos === null) return null;
133
- const node = editor.state.doc.nodeAt(pos);
134
- if (!node || node.type.name !== 'codeBlock') return null;
135
- const diagram = parseAsciiDiagramForNode(node);
136
- if (!diagram) return null;
137
- const { nodes, edges } = asciiDiagramToCanvas(diagram);
138
- return {
139
- nodes,
140
- edges,
141
- warnings: diagram.warnings,
142
- style: diagram.style,
143
- text: node.textContent,
144
- diagram,
145
- };
146
- // `version` tracks transactions; editor/blockId are stable.
147
- // eslint-disable-next-line react-hooks/exhaustive-deps
148
- }, [editor, blockId, version]);
149
- }
@@ -1,238 +0,0 @@
1
- /**
2
- * Pure data operations over the ASCII diagram model — the write-direction
3
- * half of the fence-is-source-of-truth loop:
4
- *
5
- * fence text → parseAsciiDiagram → op → renderAsciiDiagram → fence text
6
- *
7
- * Every op returns a new AsciiDiagram (inputs are never mutated) and
8
- * maintains the invariants the renderer/parser fixpoint relies on:
9
- * container moves translate whole subtrees, removals promote children and
10
- * drop incident edges, sizes never fall below what a label needs.
11
- */
12
-
13
- import type { AsciiDiagram, AsciiDiagramEdge, AsciiDiagramNode } from '@bendyline/squisq/doc';
14
-
15
- /**
16
- * Make arbitrary (rename-dialog) input safe as a box label: box-drawing /
17
- * arrow glyphs would corrupt the art, and the Scene's inline editor is
18
- * single-line, so newlines collapse to spaces.
19
- */
20
- export function sanitizeAsciiLabel(label: string): string {
21
- return label
22
- .replace(/[─-╿▲▼◀-◄▶-►←-↓`]/gu, ' ') // backticks would terminate the fence
23
- .replace(/\s+/g, ' ')
24
- .trim();
25
- }
26
-
27
- function descendantsOf(diagram: AsciiDiagram, nodeId: string): Set<string> {
28
- const out = new Set<string>();
29
- let grew = true;
30
- while (grew) {
31
- grew = false;
32
- for (const n of diagram.nodes) {
33
- if (out.has(n.id)) continue;
34
- if (n.containerId === nodeId || (n.containerId && out.has(n.containerId))) {
35
- out.add(n.id);
36
- grew = true;
37
- }
38
- }
39
- }
40
- return out;
41
- }
42
-
43
- /** Translate every node by the same grid delta (edges/containment are unchanged). */
44
- export function translateDiagramOp(
45
- diagram: AsciiDiagram,
46
- dCol: number,
47
- dRow: number,
48
- ): AsciiDiagram {
49
- const colDelta = Math.round(dCol);
50
- const rowDelta = Math.round(dRow);
51
- if (colDelta === 0 && rowDelta === 0) return diagram;
52
- return {
53
- ...diagram,
54
- nodes: diagram.nodes.map((node) => ({
55
- ...node,
56
- col: Math.max(0, node.col + colDelta),
57
- row: Math.max(0, node.row + rowDelta),
58
- })),
59
- };
60
- }
61
-
62
- /** Move a node to (col, row); a container drags its whole subtree along. */
63
- export function moveNodeOp(
64
- diagram: AsciiDiagram,
65
- nodeId: string,
66
- col: number,
67
- row: number,
68
- ): AsciiDiagram {
69
- const node = diagram.nodes.find((n) => n.id === nodeId);
70
- if (!node) return diagram;
71
- const dCol = Math.max(0, col) - node.col;
72
- const dRow = Math.max(0, row) - node.row;
73
- if (dCol === 0 && dRow === 0) return diagram;
74
- const moving = descendantsOf(diagram, nodeId);
75
- moving.add(nodeId);
76
- return {
77
- ...diagram,
78
- nodes: diagram.nodes.map((n) =>
79
- moving.has(n.id)
80
- ? { ...n, col: Math.max(0, n.col + dCol), row: Math.max(0, n.row + dRow) }
81
- : n,
82
- ),
83
- };
84
- }
85
-
86
- /** Resize a node (grid cells). Clamped so the label always fits. */
87
- export function resizeNodeOp(
88
- diagram: AsciiDiagram,
89
- nodeId: string,
90
- wCols: number,
91
- hRows: number,
92
- ): AsciiDiagram {
93
- const node = diagram.nodes.find((n) => n.id === nodeId);
94
- if (!node) return diagram;
95
- const labelLines = node.label.length > 0 ? node.label.split('\n') : [];
96
- const minW = Math.max(3, labelLines.reduce((w, l) => Math.max(w, l.length), 0) + 4);
97
- const minH = Math.max(3, labelLines.length + 2);
98
- return {
99
- ...diagram,
100
- nodes: diagram.nodes.map((n) =>
101
- n.id === nodeId
102
- ? {
103
- ...n,
104
- wCols: Math.max(minW, Math.round(wCols)),
105
- hRows: Math.max(minH, Math.round(hRows)),
106
- }
107
- : n,
108
- ),
109
- };
110
- }
111
-
112
- /** Add a directed edge; duplicates (same source/target/label) are no-ops. */
113
- export function addEdgeOp(
114
- diagram: AsciiDiagram,
115
- source: string,
116
- target: string,
117
- label?: string,
118
- ): AsciiDiagram {
119
- const ids = new Set(diagram.nodes.map((n) => n.id));
120
- if (!ids.has(source) || !ids.has(target) || source === target) return diagram;
121
- const exists = diagram.edges.some(
122
- (e) => e.source === source && e.target === target && (e.label ?? '') === (label ?? ''),
123
- );
124
- if (exists) return diagram;
125
- const edge: AsciiDiagramEdge = {
126
- source,
127
- target,
128
- ...(label ? { label } : {}),
129
- directed: true,
130
- };
131
- return { ...diagram, edges: [...diagram.edges, edge] };
132
- }
133
-
134
- /**
135
- * Remove an edge. A label-qualified call removes the exact match; without
136
- * a label the first (source, target) match goes — mirroring the legacy
137
- * `removeConnection` semantics.
138
- */
139
- export function removeEdgeOp(
140
- diagram: AsciiDiagram,
141
- source: string,
142
- target: string,
143
- label?: string,
144
- ): AsciiDiagram {
145
- let removed = false;
146
- const edges = diagram.edges.filter((e) => {
147
- if (removed) return true;
148
- const match =
149
- e.source === source &&
150
- e.target === target &&
151
- (label !== undefined ? (e.label ?? '') === label : true);
152
- if (match) {
153
- removed = true;
154
- return false;
155
- }
156
- return true;
157
- });
158
- return removed ? { ...diagram, edges } : diagram;
159
- }
160
-
161
- /**
162
- * Rename a node. The label drives the node's parse-derived id, so edges
163
- * and containment references are rewritten to the id the next parse will
164
- * produce. (Selection in the canvas drops after a rename — documented.)
165
- */
166
- export function renameNodeOp(diagram: AsciiDiagram, nodeId: string, label: string): AsciiDiagram {
167
- const node = diagram.nodes.find((n) => n.id === nodeId);
168
- if (!node) return diagram;
169
- const clean = sanitizeAsciiLabel(label);
170
- if (clean.length === 0 || clean === node.label) return diagram;
171
- return {
172
- ...diagram,
173
- nodes: diagram.nodes.map((n) => (n.id === nodeId ? { ...n, label: clean } : n)),
174
- };
175
- }
176
-
177
- /** Add a node at (col, row). Inherits a container when placed inside one. */
178
- export function addNodeOp(
179
- diagram: AsciiDiagram,
180
- opts: { col: number; row: number; label?: string },
181
- ): { diagram: AsciiDiagram; label: string } {
182
- // First free "Node N" label.
183
- let label = opts.label;
184
- if (!label) {
185
- let i = 1;
186
- const labels = new Set(diagram.nodes.map((n) => n.label.split('\n')[0]));
187
- while (labels.has(`Node ${i}`)) i++;
188
- label = `Node ${i}`;
189
- }
190
- const clean = sanitizeAsciiLabel(label) || 'Node';
191
- const col = Math.max(0, Math.round(opts.col));
192
- const row = Math.max(0, Math.round(opts.row));
193
- const wCols = clean.length + 4;
194
- const hRows = 3;
195
- // Container inheritance: the new box's center falls inside a container.
196
- const centerCol = col + wCols / 2;
197
- const centerRow = row + hRows / 2;
198
- const containers = diagram.nodes
199
- .filter((n) => diagram.nodes.some((m) => m.containerId === n.id))
200
- .filter(
201
- (n) =>
202
- centerCol > n.col &&
203
- centerCol < n.col + n.wCols &&
204
- centerRow > n.row &&
205
- centerRow < n.row + n.hRows,
206
- )
207
- .sort((a, b) => a.wCols * a.hRows - b.wCols * b.hRows);
208
- const node: AsciiDiagramNode = {
209
- id: `__new-${diagram.nodes.length}`, // provisional; the re-parse derives the real slug id
210
- label: clean,
211
- col,
212
- row,
213
- wCols,
214
- hRows,
215
- ...(containers[0] ? { containerId: containers[0].id } : {}),
216
- };
217
- return { diagram: { ...diagram, nodes: [...diagram.nodes, node] }, label: clean };
218
- }
219
-
220
- /**
221
- * Remove a node: incident edges (both directions) drop, direct children
222
- * are promoted to the removed node's own container (or top level).
223
- */
224
- export function removeNodeOp(diagram: AsciiDiagram, nodeId: string): AsciiDiagram {
225
- const node = diagram.nodes.find((n) => n.id === nodeId);
226
- if (!node) return diagram;
227
- const nodes = diagram.nodes
228
- .filter((n) => n.id !== nodeId)
229
- .map((n) => {
230
- if (n.containerId !== nodeId) return n;
231
- const promoted = { ...n };
232
- if (node.containerId) promoted.containerId = node.containerId;
233
- else delete promoted.containerId;
234
- return promoted;
235
- });
236
- const edges = diagram.edges.filter((e) => e.source !== nodeId && e.target !== nodeId);
237
- return { ...diagram, nodes, edges };
238
- }
@@ -1,19 +0,0 @@
1
- /**
2
- * Paste gate for bare (unfenced) ASCII diagram art.
3
- *
4
- * `+--+ | |` art pasted as plain text is otherwise mangled: its `| x |`
5
- * rows match the GFM table-row pattern in `detectMarkdown`, so the paste
6
- * handler routes it through the markdown converter, fails table
7
- * validation, and emits one broken paragraph per line. When this gate
8
- * matches, the paste handler inserts the text verbatim into a fresh code
9
- * block instead — which the AsciiDiagramExtension then picks up as an
10
- * interactive diagram.
11
- */
12
-
13
- import { detectAsciiDiagram } from '@bendyline/squisq/doc';
14
-
15
- export function shouldPasteAsAsciiFence(text: string): boolean {
16
- if (!text || text.includes('```')) return false;
17
- const detection = detectAsciiDiagram(text);
18
- return detection.isDiagram && (detection.diagram?.nodes.length ?? 0) >= 2;
19
- }
@@ -1,88 +0,0 @@
1
- /**
2
- * blockProperties
3
- *
4
- * Generic read/write of a single block-meta key on a heading's Pandoc `{…}`
5
- * attribute block (stored as the `dataBlockAttrs` inner string in the WYSIWYG
6
- * heading node — no braces, matching `tiptapBridge`).
7
- *
8
- * The transition family (which spans three coupled keys) has its own helpers
9
- * in `headingTransition.ts`; this module covers the standalone scalar keys the
10
- * block-properties palette edits — `duration`, `startTime`, `x`, `y`, … — all
11
- * of which are plain `key=value` params. Parse/serialize is delegated to the
12
- * shared core helpers so quoting and ordering match the parser exactly.
13
- */
14
-
15
- import {
16
- parsePandocAttrTokens,
17
- serializePandocAttributes,
18
- parseTimeSeconds,
19
- type HeadingAttributes,
20
- } from '@bendyline/squisq/markdown';
21
- import { normalizeTransitionType } from '@bendyline/squisq/schemas';
22
- import { readBlockAttrsTransition } from './headingTransition';
23
- import { transitionLabel } from './transitionCatalog';
24
-
25
- /** Parse a `dataBlockAttrs` inner string into its flat `key → value` map. */
26
- export function readBlockAttrsParams(inner: string | null | undefined): Record<string, string> {
27
- return inner ? (parsePandocAttrTokens(inner).params ?? {}) : {};
28
- }
29
-
30
- /** Read a single block-meta param, or '' when unset. */
31
- export function readBlockAttrsValue(inner: string | null | undefined, key: string): string {
32
- return readBlockAttrsParams(inner)[key] ?? '';
33
- }
34
-
35
- /**
36
- * Set (or, when `value` is empty, remove) a single param in a `dataBlockAttrs`
37
- * inner string. Returns the new inner (no braces), or null when the block is
38
- * left with no attributes at all — matching how `tiptapBridge` stores an
39
- * absent attribute (null, not `{}`).
40
- */
41
- export function setBlockAttrsValue(
42
- inner: string | null | undefined,
43
- key: string,
44
- value: string,
45
- ): string | null {
46
- const attrs: HeadingAttributes = inner ? parsePandocAttrTokens(inner) : {};
47
- const params: Record<string, string> = { ...(attrs.params ?? {}) };
48
- const trimmed = value.trim();
49
- if (trimmed === '') delete params[key];
50
- else params[key] = trimmed;
51
- attrs.params = params;
52
- const raw = serializePandocAttributes(attrs);
53
- return raw == null || raw === '{}' ? null : raw.slice(1, -1);
54
- }
55
-
56
- /**
57
- * A concise, human-readable summary of a block's authored properties for the
58
- * on-canvas badge — e.g. `Doors · 1:30 start · 3:20 long`. Returns '' when no
59
- * properties are set (the badge then shows just its icon). Reads transition
60
- * from both the Pandoc block and the `{[…]}` params; timing from the block.
61
- */
62
- export function summarizeBlockProps(
63
- blockAttrs: string | null | undefined,
64
- templateParams: string | null | undefined,
65
- ): string {
66
- const parts: string[] = [];
67
-
68
- const transition = readBlockAttrsTransition(blockAttrs, templateParams);
69
- if (transition.type) {
70
- parts.push(transitionLabel(normalizeTransitionType(transition.type) ?? transition.type));
71
- }
72
-
73
- const params = readBlockAttrsParams(blockAttrs);
74
- if (params.startTime) parts.push(`${formatClock(params.startTime)} start`);
75
- if (params.duration) parts.push(`${formatClock(params.duration)} long`);
76
-
77
- return parts.join(' · ');
78
- }
79
-
80
- /** Format a raw time value (`90`, `1:30`, `1500ms`) as `m:ss`, or pass through. */
81
- function formatClock(raw: string): string {
82
- const seconds = parseTimeSeconds(raw);
83
- if (seconds == null) return raw;
84
- const total = Math.round(seconds);
85
- const minutes = Math.floor(total / 60);
86
- const secs = total % 60;
87
- return `${minutes}:${String(secs).padStart(2, '0')}`;
88
- }
package/src/blockRange.ts DELETED
@@ -1,132 +0,0 @@
1
- /**
2
- * blockRange
3
- *
4
- * Source-text-range slicing for the block-at-a-time editing view. Splits a
5
- * full markdown document into ordered, contiguous slices — one per
6
- * heading-defined block plus an optional leading preamble — so a single
7
- * block can be shown in isolation and edits spliced back into the parent.
8
- *
9
- * A block runs from its heading line through the character just before the
10
- * next heading at ANY depth (or EOF). Sub-headings therefore start their own
11
- * slices — they are NOT folded into their parent — which matches the
12
- * "don't see child blocks" requirement and the `slicePastHeading` boundary
13
- * in `blockSlice.ts`. Ranges are half-open `[startOffset, endOffset)` and
14
- * line-aligned, so trailing blank lines stay with the current block and
15
- * `spliceBlock(src, range, getBlockSlices(src)[i].text) === src` for every i.
16
- *
17
- * These are pure functions over a markdown string — no React, no editor
18
- * coupling — so any host can reuse them.
19
- */
20
-
21
- import { parseMarkdown } from '@bendyline/squisq/markdown';
22
- import type { MarkdownDocument } from '@bendyline/squisq/markdown';
23
- import { frontmatterEndOffset } from './frontmatter';
24
-
25
- /** Half-open character range into the full source: `[startOffset, endOffset)`. */
26
- export interface BlockRange {
27
- startOffset: number;
28
- endOffset: number;
29
- }
30
-
31
- /** One block's source text plus the range it occupies in the full document. */
32
- export interface BlockSlice {
33
- text: string;
34
- range: BlockRange;
35
- }
36
-
37
- /** Map every line start to its character offset (`lineStarts[line - 1]`). */
38
- function computeLineStarts(source: string): number[] {
39
- const starts = [0];
40
- for (let i = 0; i < source.length; i++) {
41
- if (source[i] === '\n') starts.push(i + 1);
42
- }
43
- return starts;
44
- }
45
-
46
- function makeSlice(source: string, startOffset: number, endOffset: number): BlockSlice {
47
- return { text: source.slice(startOffset, endOffset), range: { startOffset, endOffset } };
48
- }
49
-
50
- /**
51
- * Split `fullSource` into ordered block slices.
52
- *
53
- * - With no headings, the entire post-frontmatter body is a single slice
54
- * (so an empty or heading-less document still shows one editable card).
55
- * - With headings, a leading preamble slice is included only when the text
56
- * before the first heading has non-whitespace content. Each heading then
57
- * yields one slice spanning up to the next heading (any depth) or EOF.
58
- *
59
- * Frontmatter is never part of any slice — slices start at the body offset.
60
- */
61
- export function getBlockSlices(fullSource: string): BlockSlice[] {
62
- const bodyStart = frontmatterEndOffset(fullSource);
63
-
64
- let doc: MarkdownDocument;
65
- try {
66
- doc = parseMarkdown(fullSource);
67
- } catch {
68
- // Unparseable mid-edit — treat the whole body as one slice rather than
69
- // dropping the user into an empty card.
70
- return [makeSlice(fullSource, bodyStart, fullSource.length)];
71
- }
72
-
73
- const lineStarts = computeLineStarts(fullSource);
74
- const headingOffsets: number[] = [];
75
- for (const node of doc.children) {
76
- if (node.type !== 'heading') continue;
77
- const line = node.position?.start.line;
78
- if (typeof line !== 'number') continue;
79
- const off = lineStarts[line - 1];
80
- if (typeof off === 'number') headingOffsets.push(off);
81
- }
82
-
83
- if (headingOffsets.length === 0) {
84
- return [makeSlice(fullSource, bodyStart, fullSource.length)];
85
- }
86
-
87
- const slices: BlockSlice[] = [];
88
- const firstHeading = headingOffsets[0];
89
- if (fullSource.slice(bodyStart, firstHeading).trim().length > 0) {
90
- slices.push(makeSlice(fullSource, bodyStart, firstHeading));
91
- }
92
- for (let i = 0; i < headingOffsets.length; i++) {
93
- const start = headingOffsets[i];
94
- const end = i + 1 < headingOffsets.length ? headingOffsets[i + 1] : fullSource.length;
95
- slices.push(makeSlice(fullSource, start, end));
96
- }
97
- return slices;
98
- }
99
-
100
- /** Replace the text in `range` with `newText`, returning the new full source. */
101
- export function spliceBlock(fullSource: string, range: BlockRange, newText: string): string {
102
- return fullSource.slice(0, range.startOffset) + newText + fullSource.slice(range.endOffset);
103
- }
104
-
105
- /** Character offset of the start of 1-based `line` (clamps past EOF). */
106
- export function lineToOffset(source: string, line: number): number {
107
- const starts = computeLineStarts(source);
108
- return starts[Math.max(0, line - 1)] ?? source.length;
109
- }
110
-
111
- /** 1-based line number containing `offset`. */
112
- export function offsetToLine(source: string, offset: number): number {
113
- const starts = computeLineStarts(source);
114
- let lo = 0;
115
- let hi = starts.length - 1;
116
- let ans = 0;
117
- while (lo <= hi) {
118
- const mid = (lo + hi) >> 1;
119
- if (starts[mid] <= offset) {
120
- ans = mid;
121
- lo = mid + 1;
122
- } else {
123
- hi = mid - 1;
124
- }
125
- }
126
- return ans + 1;
127
- }
128
-
129
- /** Index of the slice whose range contains `offset`, or -1. */
130
- export function sliceIndexAtOffset(slices: BlockSlice[], offset: number): number {
131
- return slices.findIndex((s) => offset >= s.range.startOffset && offset < s.range.endOffset);
132
- }
package/src/blockSlice.ts DELETED
@@ -1,75 +0,0 @@
1
- /**
2
- * Helpers for extracting the immediate body of the heading-defined block
3
- * that's currently being edited. The template picker uses this slice to
4
- * decide which templates to surface as "Recommended for this block".
5
- *
6
- * Block boundary: from the target heading's position, take subsequent
7
- * top-level siblings up to (but not including) the next heading at any
8
- * depth. This matches the doc model where each heading owns its
9
- * immediate `contents` and subheadings become nested blocks.
10
- */
11
-
12
- import { parseMarkdown } from '@bendyline/squisq/markdown';
13
- import type {
14
- MarkdownBlockNode,
15
- MarkdownDocument,
16
- MarkdownHeading,
17
- } from '@bendyline/squisq/markdown';
18
-
19
- function slicePastHeading(
20
- doc: MarkdownDocument,
21
- headingNode: MarkdownHeading,
22
- ): MarkdownBlockNode[] {
23
- const children = doc.children;
24
- const startIdx = children.indexOf(headingNode);
25
- if (startIdx < 0) return [];
26
- const out: MarkdownBlockNode[] = [];
27
- for (let i = startIdx + 1; i < children.length; i++) {
28
- const node = children[i];
29
- if (node.type === 'heading') break;
30
- out.push(node);
31
- }
32
- return out;
33
- }
34
-
35
- /**
36
- * Parse `source` and return the body of the heading whose source range
37
- * covers `lineNumber` (1-indexed). Returns `null` if `lineNumber` isn't
38
- * on a heading line.
39
- */
40
- export function findBlockSliceAtLine(
41
- source: string,
42
- lineNumber: number,
43
- ): MarkdownBlockNode[] | null {
44
- const doc = parseMarkdown(source);
45
- for (const node of doc.children) {
46
- if (node.type !== 'heading') continue;
47
- const pos = node.position;
48
- if (!pos) continue;
49
- if (pos.start.line <= lineNumber && pos.end.line >= lineNumber) {
50
- return slicePastHeading(doc, node);
51
- }
52
- }
53
- return null;
54
- }
55
-
56
- /**
57
- * Parse `source` and return the body of the Nth top-level heading
58
- * (0-indexed). Used by the WYSIWYG path, which knows the heading's
59
- * index in the Tiptap doc but not its source line.
60
- */
61
- export function findBlockSliceByHeadingIndex(
62
- source: string,
63
- headingIndex: number,
64
- ): MarkdownBlockNode[] | null {
65
- const doc = parseMarkdown(source);
66
- let seen = 0;
67
- for (const node of doc.children) {
68
- if (node.type !== 'heading') continue;
69
- if (seen === headingIndex) {
70
- return slicePastHeading(doc, node);
71
- }
72
- seen++;
73
- }
74
- return null;
75
- }