@bendyline/squisq-editor-react 2.1.0 → 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 (394) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +40 -0
  3. package/dist/index.d.ts +188 -55
  4. package/dist/index.js +5094 -2948
  5. package/dist/monaco.js +0 -1
  6. package/dist/styles/index.css +234 -145
  7. package/package.json +9 -6
  8. package/dist/index.js.map +0 -1
  9. package/dist/monaco.js.map +0 -1
  10. package/src/BlockCardView.tsx +0 -121
  11. package/src/BlockPreviewPanel.tsx +0 -69
  12. package/src/BlockPropertiesPopover.tsx +0 -222
  13. package/src/DocumentSettingsDialog.tsx +0 -272
  14. package/src/DropZoneOverlay.tsx +0 -137
  15. package/src/EditorContext.tsx +0 -1274
  16. package/src/EditorShell.tsx +0 -1358
  17. package/src/EmojiPicker.tsx +0 -332
  18. package/src/FolderView.tsx +0 -131
  19. package/src/Icon.tsx +0 -26
  20. package/src/ImageEditor.tsx +0 -395
  21. package/src/ImageNodeView.tsx +0 -284
  22. package/src/ImageViewer.tsx +0 -221
  23. package/src/InlineIcon.ts +0 -84
  24. package/src/InlinePreviewGutter.tsx +0 -590
  25. package/src/LinkDialog.tsx +0 -276
  26. package/src/MediaBin.tsx +0 -500
  27. package/src/MentionExtension.tsx +0 -261
  28. package/src/OutlinePanel.tsx +0 -547
  29. package/src/PlainHtmlPreview.tsx +0 -277
  30. package/src/PreviewControls.tsx +0 -1265
  31. package/src/PreviewPanel.tsx +0 -426
  32. package/src/RawEditor.tsx +0 -743
  33. package/src/RecorderEntry.tsx +0 -162
  34. package/src/StatusBar.tsx +0 -51
  35. package/src/TemplateAnnotation.ts +0 -167
  36. package/src/TemplateContentPreview.tsx +0 -56
  37. package/src/TemplatePicker.tsx +0 -1314
  38. package/src/ThemeCustomizerPanel.tsx +0 -304
  39. package/src/ThemePicker.tsx +0 -433
  40. package/src/TimelineBlockPreview.tsx +0 -37
  41. package/src/TimelineTrack.tsx +0 -671
  42. package/src/Toolbar.tsx +0 -2885
  43. package/src/Tooltip.tsx +0 -142
  44. package/src/TransitionPicker.tsx +0 -390
  45. package/src/VersionHistoryPanel.tsx +0 -359
  46. package/src/ViewMenuPanel.tsx +0 -189
  47. package/src/ViewSwitcher.tsx +0 -56
  48. package/src/WysiwygEditor.tsx +0 -806
  49. package/src/__tests__/blockProperties.test.ts +0 -92
  50. package/src/__tests__/blockPropertiesPopoverTheme.test.tsx +0 -33
  51. package/src/__tests__/blockRange.test.ts +0 -105
  52. package/src/__tests__/blockTagActivity.test.ts +0 -183
  53. package/src/__tests__/buildDocumentPreviewMarkdown.test.ts +0 -75
  54. package/src/__tests__/buildPreviewDocContent.test.ts +0 -65
  55. package/src/__tests__/buildPreviewDocTransition.test.ts +0 -92
  56. package/src/__tests__/canvasSurfaceTextEditing.test.tsx +0 -60
  57. package/src/__tests__/codeContextSectionView.test.tsx +0 -97
  58. package/src/__tests__/codeContextZoneManager.test.ts +0 -127
  59. package/src/__tests__/createShapeLayer.test.ts +0 -46
  60. package/src/__tests__/customLayoutManagerTheme.test.tsx +0 -34
  61. package/src/__tests__/detectMarkdown.test.ts +0 -73
  62. package/src/__tests__/diffContextSections.test.ts +0 -39
  63. package/src/__tests__/documentSettingsDialog.test.tsx +0 -197
  64. package/src/__tests__/drawingShapeRoundTrip.test.ts +0 -49
  65. package/src/__tests__/editorScrollHandoff.test.tsx +0 -102
  66. package/src/__tests__/editorScrollSync.test.ts +0 -65
  67. package/src/__tests__/editorShellCodeContext.test.tsx +0 -86
  68. package/src/__tests__/editorShellProps.test.tsx +0 -550
  69. package/src/__tests__/embeddedMedia.test.ts +0 -48
  70. package/src/__tests__/emojiPicker.test.tsx +0 -93
  71. package/src/__tests__/fileKind.test.ts +0 -112
  72. package/src/__tests__/findMode.test.tsx +0 -104
  73. package/src/__tests__/findModel.test.ts +0 -55
  74. package/src/__tests__/headingTransition.test.ts +0 -176
  75. package/src/__tests__/imageEditAffordance.test.tsx +0 -272
  76. package/src/__tests__/imageEditModalContract.test.tsx +0 -119
  77. package/src/__tests__/imageEditorShell.test.tsx +0 -94
  78. package/src/__tests__/imageEditorState.test.ts +0 -171
  79. package/src/__tests__/inlinePreviewGutter.test.tsx +0 -62
  80. package/src/__tests__/inlinePreviewGutterAllBlocks.test.tsx +0 -103
  81. package/src/__tests__/jsonEditor.test.tsx +0 -223
  82. package/src/__tests__/layersPanel.test.tsx +0 -167
  83. package/src/__tests__/layoutChildRoundTrip.test.ts +0 -71
  84. package/src/__tests__/linkDialogDocPicker.test.tsx +0 -137
  85. package/src/__tests__/majorApiTypes.test.ts +0 -26
  86. package/src/__tests__/markdownCodeFence.test.ts +0 -45
  87. package/src/__tests__/mediaAttachmentFlow.test.ts +0 -110
  88. package/src/__tests__/mediaBinDrop.test.tsx +0 -90
  89. package/src/__tests__/mediaReferences.test.ts +0 -97
  90. package/src/__tests__/narrationSave.test.ts +0 -148
  91. package/src/__tests__/outlinePanel.test.tsx +0 -169
  92. package/src/__tests__/outlineSource.test.ts +0 -217
  93. package/src/__tests__/plainHtmlPreview.test.tsx +0 -125
  94. package/src/__tests__/presentationMode.test.tsx +0 -290
  95. package/src/__tests__/previewControls.test.tsx +0 -571
  96. package/src/__tests__/previewPanelAudioFailure.test.tsx +0 -46
  97. package/src/__tests__/previewPanelPresentation.test.tsx +0 -126
  98. package/src/__tests__/previewPanelTransforms.test.tsx +0 -117
  99. package/src/__tests__/propertiesPanel.test.tsx +0 -69
  100. package/src/__tests__/rawEditorModelIsolation.test.ts +0 -19
  101. package/src/__tests__/recorderFormats.test.ts +0 -146
  102. package/src/__tests__/recorderMediaInsert.test.ts +0 -86
  103. package/src/__tests__/recorderTheme.test.tsx +0 -42
  104. package/src/__tests__/recorderTimingJson.test.ts +0 -41
  105. package/src/__tests__/resolveBlockVisual.test.ts +0 -43
  106. package/src/__tests__/selectionConversions.test.ts +0 -80
  107. package/src/__tests__/statusBar.test.tsx +0 -27
  108. package/src/__tests__/teleprompter.test.tsx +0 -190
  109. package/src/__tests__/templateAnnotationRoundTrip.test.ts +0 -99
  110. package/src/__tests__/templateContentPreview.test.ts +0 -101
  111. package/src/__tests__/templatePickerMetadata.test.ts +0 -32
  112. package/src/__tests__/templatePickerPortal.test.tsx +0 -62
  113. package/src/__tests__/timelineSource.test.ts +0 -134
  114. package/src/__tests__/tiptapBridge.test.ts +0 -575
  115. package/src/__tests__/tiptapBridgeConformance.test.ts +0 -47
  116. package/src/__tests__/tiptapCodeBlockRoundTrip.test.ts +0 -109
  117. package/src/__tests__/tiptapImageRoundTrip.test.ts +0 -73
  118. package/src/__tests__/toolbarSelectionConversion.test.tsx +0 -190
  119. package/src/__tests__/tooltip.test.tsx +0 -72
  120. package/src/__tests__/transformStyleId.test.ts +0 -13
  121. package/src/__tests__/transitionCatalog.test.ts +0 -64
  122. package/src/__tests__/useBlockNavigator.test.tsx +0 -67
  123. package/src/__tests__/useImageEditor.test.tsx +0 -226
  124. package/src/__tests__/useJsonEditorTokens.test.ts +0 -59
  125. package/src/__tests__/useMediaRecorder.test.ts +0 -302
  126. package/src/__tests__/useTimelineClock.test.ts +0 -21
  127. package/src/__tests__/versionHistory.test.tsx +0 -197
  128. package/src/__tests__/viewMenuPanel.test.tsx +0 -130
  129. package/src/__tests__/writeCanvasSettings.test.ts +0 -15
  130. package/src/__tests__/wysiwygImageUpload.test.ts +0 -69
  131. package/src/__tests__/wysiwygTemplateBadgeFocus.test.tsx +0 -56
  132. package/src/asciiDiagram/AsciiDiagramExtension.ts +0 -343
  133. package/src/asciiDiagram/AsciiDiagramWidget.tsx +0 -254
  134. package/src/asciiDiagram/RepairableDiagramExtension.ts +0 -200
  135. package/src/asciiDiagram/__tests__/AsciiDiagramExtension.test.ts +0 -164
  136. package/src/asciiDiagram/__tests__/RepairableDiagramExtension.test.ts +0 -159
  137. package/src/asciiDiagram/__tests__/asciiDiagramCommands.test.ts +0 -284
  138. package/src/asciiDiagram/__tests__/asciiDiagramOps.test.ts +0 -114
  139. package/src/asciiDiagram/__tests__/asciiPaste.test.ts +0 -43
  140. package/src/asciiDiagram/asciiDiagramCommands.ts +0 -174
  141. package/src/asciiDiagram/asciiDiagramData.ts +0 -149
  142. package/src/asciiDiagram/asciiDiagramOps.ts +0 -238
  143. package/src/asciiDiagram/asciiPaste.ts +0 -19
  144. package/src/blockProperties.ts +0 -88
  145. package/src/blockRange.ts +0 -132
  146. package/src/blockSlice.ts +0 -75
  147. package/src/blockTagActivity.ts +0 -233
  148. package/src/buildDocumentPreviewMarkdown.ts +0 -168
  149. package/src/buildPreviewDoc.ts +0 -407
  150. package/src/codeContext/CodeContextSectionView.tsx +0 -124
  151. package/src/codeContext/CodeContextZoneManager.ts +0 -149
  152. package/src/codeContext/CodeContextZones.tsx +0 -121
  153. package/src/codeContext/diffContextSections.ts +0 -38
  154. package/src/codeContext/types.ts +0 -75
  155. package/src/codeSnippet/CodeSnippetExtension.ts +0 -205
  156. package/src/codeSnippet/CodeSnippetWidget.tsx +0 -109
  157. package/src/codeSnippet/__tests__/CodeSnippetExtension.test.ts +0 -95
  158. package/src/codeSnippet/__tests__/codeSnippetLanguages.test.ts +0 -50
  159. package/src/codeSnippet/codeSnippetCommands.ts +0 -21
  160. package/src/codeSnippet/codeSnippetData.ts +0 -43
  161. package/src/codeSnippet/codeSnippetLanguages.ts +0 -216
  162. package/src/customTemplates/AddBin.tsx +0 -126
  163. package/src/customTemplates/CustomLayoutManager.tsx +0 -234
  164. package/src/customTemplates/CustomTemplateContext.tsx +0 -188
  165. package/src/customTemplates/LayerToolbar.tsx +0 -580
  166. package/src/customTemplates/ShapeGlyph.tsx +0 -47
  167. package/src/customTemplates/TemplateDesigner.tsx +0 -433
  168. package/src/customTemplates/__tests__/library.test.ts +0 -96
  169. package/src/customTemplates/__tests__/normalizePositions.test.ts +0 -109
  170. package/src/customTemplates/__tests__/shapeDefs.test.ts +0 -49
  171. package/src/customTemplates/__tests__/useMemoryLayerAdapter.test.ts +0 -108
  172. package/src/customTemplates/designer.css +0 -732
  173. package/src/customTemplates/index.ts +0 -31
  174. package/src/customTemplates/library.ts +0 -110
  175. package/src/customTemplates/normalizePositions.ts +0 -75
  176. package/src/customTemplates/shapeDefs.ts +0 -131
  177. package/src/customTemplates/thumbnail.tsx +0 -63
  178. package/src/customTemplates/tokenDefs.ts +0 -60
  179. package/src/customTemplates/useDocCustomTemplates.ts +0 -52
  180. package/src/customTemplates/useMemoryLayerAdapter.ts +0 -129
  181. package/src/customThemes/CustomThemeContext.tsx +0 -185
  182. package/src/customThemes/CustomThemeDialog.tsx +0 -316
  183. package/src/customThemes/ImportThemeSection.tsx +0 -178
  184. package/src/customThemes/__tests__/CustomThemeContext.test.tsx +0 -64
  185. package/src/customThemes/__tests__/CustomThemeDialog.test.tsx +0 -47
  186. package/src/customThemes/__tests__/customThemeLibrary.test.ts +0 -60
  187. package/src/customThemes/__tests__/importThemeSection.test.tsx +0 -192
  188. package/src/customThemes/customThemeLibrary.ts +0 -100
  189. package/src/customThemes/index.ts +0 -37
  190. package/src/customThemes/themeControls.tsx +0 -229
  191. package/src/customThemes/themeDraft.ts +0 -288
  192. package/src/customThemes/useDocCustomThemes.ts +0 -49
  193. package/src/detectMarkdown.ts +0 -62
  194. package/src/diagram/DiagramCanvas.tsx +0 -260
  195. package/src/diagram/DiagramMaximizedOverlay.tsx +0 -46
  196. package/src/diagram/diagramCommands.ts +0 -604
  197. package/src/diagram/diagramConstants.ts +0 -17
  198. package/src/diagram/types.ts +0 -35
  199. package/src/editorScrollSync.ts +0 -73
  200. package/src/embeddedMedia.ts +0 -78
  201. package/src/emojiData.ts +0 -1317
  202. package/src/fileKind.ts +0 -158
  203. package/src/find/FindHighlightExtension.ts +0 -81
  204. package/src/find/FindToolbar.tsx +0 -314
  205. package/src/find/findModel.ts +0 -77
  206. package/src/frontmatter.ts +0 -29
  207. package/src/frontmatterSettings.ts +0 -23
  208. package/src/headingTransition.ts +0 -291
  209. package/src/hooks/useFileDrop.ts +0 -266
  210. package/src/imageEditor/CanvasSurface.tsx +0 -703
  211. package/src/imageEditor/ImageVersionHistoryDropdown.tsx +0 -396
  212. package/src/imageEditor/LayersPanel.tsx +0 -218
  213. package/src/imageEditor/PropertiesPanel.tsx +0 -474
  214. package/src/imageEditor/Toolbar.tsx +0 -459
  215. package/src/imageEditor/createShapeLayer.ts +0 -280
  216. package/src/imageEditor/icons.tsx +0 -68
  217. package/src/imageEditor/image-editor.css +0 -574
  218. package/src/imageEditor/layers/EditorImageLayer.tsx +0 -45
  219. package/src/imageEditor/layers/EditorShapeLayer.tsx +0 -62
  220. package/src/imageEditor/layers/EditorTextLayer.tsx +0 -45
  221. package/src/imageEditor/layers/SelectionHandles.tsx +0 -86
  222. package/src/imageEditor/state.ts +0 -173
  223. package/src/imageEditor/useImageEditor.ts +0 -385
  224. package/src/imageEditor/useImageEditorTokens.ts +0 -70
  225. package/src/index.ts +0 -559
  226. package/src/jsonEditor/EmbeddedRichTextField.tsx +0 -81
  227. package/src/jsonEditor/JsonEditor.tsx +0 -81
  228. package/src/jsonEditor/JsonEditorContext.tsx +0 -81
  229. package/src/jsonEditor/RenderNode.tsx +0 -87
  230. package/src/jsonEditor/editors.tsx +0 -745
  231. package/src/jsonEditor/index.ts +0 -2
  232. package/src/jsonEditor/json-editor.css +0 -463
  233. package/src/jsonEditor/useJsonEditorTokens.ts +0 -33
  234. package/src/markdownCodeFence.ts +0 -72
  235. package/src/mediaDragMime.ts +0 -32
  236. package/src/mediaEntries.ts +0 -12
  237. package/src/mediaReferences.ts +0 -301
  238. package/src/mermaid/MermaidDiagramCanvas.tsx +0 -693
  239. package/src/mermaid/MermaidDiagramExtension.ts +0 -243
  240. package/src/mermaid/MermaidDiagramTypeThumbnail.tsx +0 -184
  241. package/src/mermaid/MermaidDiagramWidget.tsx +0 -653
  242. package/src/mermaid/MermaidShapePalette.tsx +0 -245
  243. package/src/mermaid/__tests__/MermaidDiagramExtension.test.ts +0 -361
  244. package/src/mermaid/__tests__/mermaidDiagramTypes.test.ts +0 -35
  245. package/src/mermaid/__tests__/mermaidRenderer.test.ts +0 -49
  246. package/src/mermaid/__tests__/mermaidSourceOps.test.ts +0 -213
  247. package/src/mermaid/__tests__/mermaidSyntax.test.ts +0 -71
  248. package/src/mermaid/mermaidCommands.ts +0 -34
  249. package/src/mermaid/mermaidData.ts +0 -31
  250. package/src/mermaid/mermaidDiagramTypes.ts +0 -325
  251. package/src/mermaid/mermaidModel.ts +0 -31
  252. package/src/mermaid/mermaidRenderer.ts +0 -181
  253. package/src/mermaid/mermaidShapes.ts +0 -113
  254. package/src/mermaid/mermaidSourceOps.ts +0 -454
  255. package/src/monaco.ts +0 -35
  256. package/src/monacoWorkers.ts +0 -89
  257. package/src/outlineSource.ts +0 -171
  258. package/src/presentation/PresentationMode.tsx +0 -596
  259. package/src/rawEditorIsolation.ts +0 -18
  260. package/src/recorder/RecorderButton.tsx +0 -80
  261. package/src/recorder/RecorderModal.tsx +0 -706
  262. package/src/recorder/RecorderPanel.tsx +0 -77
  263. package/src/recorder/formats.ts +0 -159
  264. package/src/recorder/hooks/useMediaRecorder.ts +0 -436
  265. package/src/recorder/hooks/useStreamPreview.ts +0 -47
  266. package/src/recorder/insertMediaBlock.ts +0 -30
  267. package/src/recorder/sources/cameraStream.ts +0 -32
  268. package/src/recorder/sources/micStream.ts +0 -25
  269. package/src/recorder/sources/screenStream.ts +0 -162
  270. package/src/recorder/timingJson.ts +0 -66
  271. package/src/resolveBlockVisual.ts +0 -39
  272. package/src/scene/Scene.tsx +0 -647
  273. package/src/scene/SceneBlockExtension.ts +0 -205
  274. package/src/scene/SceneBlockToolbar.tsx +0 -216
  275. package/src/scene/SceneBlockWidget.tsx +0 -441
  276. package/src/scene/ScenePropsBar.tsx +0 -85
  277. package/src/scene/SceneSelection.tsx +0 -111
  278. package/src/scene/SceneSideToolbar.tsx +0 -89
  279. package/src/scene/SceneViewControls.tsx +0 -43
  280. package/src/scene/SceneViewport.tsx +0 -106
  281. package/src/scene/ShapePalette.tsx +0 -196
  282. package/src/scene/__tests__/DiagramAdapter.test.ts +0 -142
  283. package/src/scene/__tests__/SceneBlockExtension.test.ts +0 -33
  284. package/src/scene/__tests__/bezierEdit.test.ts +0 -85
  285. package/src/scene/__tests__/blockLayers.test.ts +0 -57
  286. package/src/scene/__tests__/fitScale.test.ts +0 -19
  287. package/src/scene/__tests__/sceneIsolation.test.tsx +0 -119
  288. package/src/scene/__tests__/shapeLayers.test.ts +0 -106
  289. package/src/scene/__tests__/useSceneHitTest.test.ts +0 -90
  290. package/src/scene/__tests__/useScenePanZoom.test.ts +0 -130
  291. package/src/scene/adapters/DiagramAdapter.ts +0 -79
  292. package/src/scene/adapters/DrawingAdapter.ts +0 -420
  293. package/src/scene/adapters/LayoutAdapter.ts +0 -313
  294. package/src/scene/adapters/blockLayers.ts +0 -159
  295. package/src/scene/commands/SceneCommand.ts +0 -84
  296. package/src/scene/commands/drawingCommands.ts +0 -318
  297. package/src/scene/commands/layoutCommands.ts +0 -301
  298. package/src/scene/fitScale.ts +0 -17
  299. package/src/scene/hooks/useSceneHitTest.ts +0 -105
  300. package/src/scene/hooks/useScenePanZoom.ts +0 -154
  301. package/src/scene/hooks/useSceneSelection.ts +0 -62
  302. package/src/scene/index.ts +0 -90
  303. package/src/scene/layers/DiagramEdges.tsx +0 -142
  304. package/src/scene/layers/edgeGeometry.ts +0 -104
  305. package/src/scene/layers/nodeCard.tsx +0 -164
  306. package/src/scene/layers/renderLayer.tsx +0 -70
  307. package/src/scene/layers/shapeLayers.ts +0 -201
  308. package/src/scene/paths/bezierEdit.ts +0 -208
  309. package/src/scene/scene.css +0 -874
  310. package/src/scene/text/SceneTextOverlay.tsx +0 -161
  311. package/src/scene/text/sceneTextChannel.ts +0 -46
  312. package/src/scene/text/sceneTextConfig.ts +0 -31
  313. package/src/scene/text/sceneTiptap.ts +0 -36
  314. package/src/scene/text/useSceneTextEditing.ts +0 -39
  315. package/src/scene/tools/ConnectTool.ts +0 -209
  316. package/src/scene/tools/DrawingConnectTool.ts +0 -231
  317. package/src/scene/tools/PathTool.ts +0 -158
  318. package/src/scene/tools/PlaceTool.ts +0 -47
  319. package/src/scene/tools/SceneTool.ts +0 -85
  320. package/src/scene/tools/SelectTool.ts +0 -300
  321. package/src/scene/tools/ShapeTool.ts +0 -143
  322. package/src/scene/tools/TextTool.ts +0 -72
  323. package/src/scene/tools/TokenTool.ts +0 -95
  324. package/src/scene/tools/createDrawShapeTool.ts +0 -82
  325. package/src/selectionConversions.ts +0 -155
  326. package/src/styles/ascii-diagram.css +0 -79
  327. package/src/styles/ascii-timeline.css +0 -596
  328. package/src/styles/code-context.css +0 -155
  329. package/src/styles/code-snippet.css +0 -76
  330. package/src/styles/diagram.css +0 -183
  331. package/src/styles/editor.css +0 -7131
  332. package/src/styles/folder-view.css +0 -210
  333. package/src/styles/image-edit-affordance.css +0 -201
  334. package/src/styles/index.css +0 -20
  335. package/src/styles/mermaid-diagram.css +0 -487
  336. package/src/styles/tree-view.css +0 -189
  337. package/src/teleprompter/TeleprompterControls.tsx +0 -218
  338. package/src/teleprompter/TeleprompterSelfView.tsx +0 -22
  339. package/src/teleprompter/TeleprompterSurface.tsx +0 -267
  340. package/src/teleprompter/TeleprompterView.tsx +0 -338
  341. package/src/teleprompter/canvasRenderer.ts +0 -161
  342. package/src/teleprompter/floatingWindow.ts +0 -352
  343. package/src/teleprompter/index.ts +0 -61
  344. package/src/teleprompter/pcmWorklet.ts +0 -62
  345. package/src/teleprompter/recording/insertPreamble.ts +0 -80
  346. package/src/teleprompter/recording/narrationSave.ts +0 -134
  347. package/src/teleprompter/recording/useNarrationRecorder.ts +0 -367
  348. package/src/teleprompter/scrollModel.ts +0 -85
  349. package/src/teleprompter/teleprompterTheme.ts +0 -303
  350. package/src/teleprompter/types.ts +0 -38
  351. package/src/teleprompter/useFloatingWindow.ts +0 -74
  352. package/src/teleprompter/useMicAnalysis.ts +0 -211
  353. package/src/teleprompter/useTeleprompter.ts +0 -421
  354. package/src/templateContentPreviewResolver.ts +0 -360
  355. package/src/timeline/TimelineEditorWidget.tsx +0 -861
  356. package/src/timeline/TimelineViewExtension.ts +0 -252
  357. package/src/timeline/__tests__/TimelineEditorWidget.test.tsx +0 -414
  358. package/src/timeline/__tests__/TimelineViewExtension.test.ts +0 -163
  359. package/src/timeline/__tests__/timelineCommands.test.ts +0 -359
  360. package/src/timeline/__tests__/timelineOps.test.ts +0 -277
  361. package/src/timeline/__tests__/timelinePaste.test.ts +0 -34
  362. package/src/timeline/timelineCommands.ts +0 -421
  363. package/src/timeline/timelineData.ts +0 -54
  364. package/src/timeline/timelineOps.ts +0 -381
  365. package/src/timeline/timelinePaste.ts +0 -8
  366. package/src/timelineSource.ts +0 -244
  367. package/src/tiptap/TiptapAudio.tsx +0 -86
  368. package/src/tiptap/TiptapVideo.tsx +0 -119
  369. package/src/tiptap/useResolvedMediaSrc.ts +0 -47
  370. package/src/tiptapBridge.ts +0 -986
  371. package/src/tooltipPlacement.ts +0 -13
  372. package/src/transformStyleId.ts +0 -17
  373. package/src/transitionCatalog.ts +0 -159
  374. package/src/treeview/TreeOutlineWidget.tsx +0 -390
  375. package/src/treeview/TreeViewExtension.ts +0 -250
  376. package/src/treeview/__tests__/TreeOutlineWidget.test.tsx +0 -156
  377. package/src/treeview/__tests__/TreeViewExtension.test.ts +0 -122
  378. package/src/treeview/__tests__/treeOps.test.ts +0 -177
  379. package/src/treeview/__tests__/treePaste.test.ts +0 -40
  380. package/src/treeview/__tests__/treeViewCommands.test.ts +0 -179
  381. package/src/treeview/treeOps.ts +0 -231
  382. package/src/treeview/treePaste.ts +0 -13
  383. package/src/treeview/treeViewCommands.ts +0 -99
  384. package/src/treeview/treeViewData.ts +0 -41
  385. package/src/types/monaco-shims.d.ts +0 -10
  386. package/src/useBlockNavigator.ts +0 -153
  387. package/src/useHeadingLayout.ts +0 -294
  388. package/src/useMonacoLoader.ts +0 -82
  389. package/src/useTimelineClock.ts +0 -76
  390. package/src/utils/collectInlineFontAwesomeCss.ts +0 -69
  391. package/src/utils/dropUtils.ts +0 -136
  392. package/src/utils/normalizeMalformedAssetUrl.ts +0 -22
  393. package/src/writeCanvasSettings.ts +0 -30
  394. 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
- }