@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,575 +0,0 @@
1
- import { describe, it, expect } from 'vitest';
2
- import { Editor } from '@tiptap/core';
3
- import StarterKit from '@tiptap/starter-kit';
4
- import { markdownToTiptap, tiptapToMarkdown } from '../tiptapBridge';
5
-
6
- // ---------------------------------------------------------------------------
7
- // markdownToTiptap
8
- // ---------------------------------------------------------------------------
9
-
10
- describe('markdownToTiptap', () => {
11
- it('returns empty paragraph for empty input', () => {
12
- expect(markdownToTiptap('')).toBe('<p></p>');
13
- expect(markdownToTiptap(' ')).toBe('<p></p>');
14
- });
15
-
16
- it('converts a plain paragraph', () => {
17
- const html = markdownToTiptap('Hello world');
18
- expect(html).toContain('<p>');
19
- expect(html).toContain('Hello world');
20
- });
21
-
22
- it('preserves extra blank lines as empty paragraphs', () => {
23
- expect(markdownToTiptap('Alpha\n\nBeta')).toBe('<p>Alpha</p><p>Beta</p>');
24
- expect(markdownToTiptap('Alpha\n\n\nBeta')).toBe('<p>Alpha</p><p></p><p>Beta</p>');
25
- expect(markdownToTiptap('Alpha\n\n\n\nBeta')).toBe('<p>Alpha</p><p></p><p></p><p>Beta</p>');
26
- });
27
-
28
- it('preserves trailing extra blank lines as empty paragraphs', () => {
29
- expect(markdownToTiptap('Alpha\n')).toBe('<p>Alpha</p>');
30
- expect(markdownToTiptap('Alpha\n\n')).toBe('<p>Alpha</p><p></p>');
31
- });
32
-
33
- it('preserves leading paragraph spaces as visible HTML whitespace', () => {
34
- expect(markdownToTiptap(' indented')).toBe('<p>&nbsp;&nbsp;indented</p>');
35
- expect(markdownToTiptap('Alpha\n\n Beta')).toBe('<p>Alpha</p><p>&nbsp;&nbsp;&nbsp;Beta</p>');
36
- });
37
-
38
- it('converts headings h1-h3', () => {
39
- expect(markdownToTiptap('# Title')).toContain('<h1');
40
- expect(markdownToTiptap('## Subtitle')).toContain('<h2');
41
- expect(markdownToTiptap('### Section')).toContain('<h3');
42
- });
43
-
44
- it('converts bold text', () => {
45
- const html = markdownToTiptap('This is **bold** text');
46
- expect(html).toContain('<strong>bold</strong>');
47
- });
48
-
49
- it('converts italic text', () => {
50
- const html = markdownToTiptap('This is *italic* text');
51
- expect(html).toContain('<em>italic</em>');
52
- });
53
-
54
- it('converts strikethrough text', () => {
55
- const html = markdownToTiptap('This is ~~deleted~~ text');
56
- expect(html).toContain('<s>deleted</s>');
57
- });
58
-
59
- it('converts inline code', () => {
60
- const html = markdownToTiptap('Use `console.log` here');
61
- expect(html).toContain('<code>console.log</code>');
62
- });
63
-
64
- it('converts links', () => {
65
- const html = markdownToTiptap('Visit [Example](https://example.com)');
66
- expect(html).toContain('href="https://example.com"');
67
- expect(html).toContain('Example');
68
- });
69
-
70
- it('converts mentions to chip spans', () => {
71
- const html = markdownToTiptap('Hey @[Leo](person:leo), take a look.');
72
- expect(html).toContain('data-mention="true"');
73
- expect(html).toContain('data-kind="person"');
74
- expect(html).toContain('data-id="leo"');
75
- expect(html).toContain('data-label="Leo"');
76
- // "@Leo" appears inside the chip — NOT as a broken link
77
- expect(html).not.toContain('href="person:leo"');
78
- });
79
-
80
- it('tolerates the backslash-escaped colon remark emits', () => {
81
- // remark-stringify sometimes emits `person\:leo` to disambiguate
82
- // from autolink syntax. The bridge should still recognize it.
83
- const html = markdownToTiptap('Hey @[Leo](person\\:leo).');
84
- expect(html).toContain('data-kind="person"');
85
- expect(html).toContain('data-id="leo"');
86
- });
87
-
88
- it('round-trips mentions back to markdown', () => {
89
- const md = 'Hey @[Leo](person:leo), ping @[Tess](person:tess) too.';
90
- const html = markdownToTiptap(md);
91
- const back = tiptapToMarkdown(html);
92
- expect(back.trim()).toBe(md);
93
- });
94
-
95
- it('converts FontAwesome inline icons to <i data-icon> tags', () => {
96
- const html = markdownToTiptap('{[angellist]}');
97
- expect(html).toContain('data-icon="angellist"');
98
- expect(html).toContain('data-family="brands"');
99
- expect(html).toContain('data-name="angellist"');
100
- expect(html).toContain('class="fa-brands fa-angellist"');
101
- });
102
-
103
- it('round-trips FA inline icons through markdown↔HTML', () => {
104
- const md = 'Repo {[github]} and {[angellist]}.';
105
- const html = markdownToTiptap(md);
106
- const back = tiptapToMarkdown(html);
107
- expect(back.trim()).toBe(md);
108
- });
109
-
110
- it('converts images', () => {
111
- const html = markdownToTiptap('![Logo](logo.png)');
112
- expect(html).toContain('alt="Logo"');
113
- expect(html).toContain('src="logo.png"');
114
- });
115
-
116
- it('converts fenced code blocks', () => {
117
- const md = '```javascript\nconst x = 1;\n```';
118
- const html = markdownToTiptap(md);
119
- expect(html).toContain('<pre>');
120
- expect(html).toContain('<code');
121
- expect(html).toContain('language-javascript');
122
- expect(html).toContain('const x = 1;');
123
- });
124
-
125
- it('keeps squisq annotation syntax literal inside fenced code', () => {
126
- const md = '```markdown\n## Example {[sectionHeader]}\n{[github]}\n{[ ]}\n```';
127
- const html = markdownToTiptap(md);
128
-
129
- expect(html).not.toContain('data-template=');
130
- expect(html).not.toContain('data-icon=');
131
- expect(tiptapToMarkdown(html).trim()).toBe(md);
132
- });
133
-
134
- it('converts unordered lists', () => {
135
- const md = '- Item one\n- Item two\n- Item three';
136
- const html = markdownToTiptap(md);
137
- expect(html).toContain('<ul>');
138
- expect(html).toContain('<li>');
139
- expect(html).toContain('Item one');
140
- expect(html).toContain('Item two');
141
- });
142
-
143
- it('converts ordered lists', () => {
144
- const md = '1. First\n2. Second\n3. Third';
145
- const html = markdownToTiptap(md);
146
- expect(html).toContain('<ol>');
147
- expect(html).toContain('<li>');
148
- expect(html).toContain('First');
149
- });
150
-
151
- it('converts task lists to taskList/taskItem markup', () => {
152
- const md = '- [ ] buy milk\n- [x] walk dog';
153
- const html = markdownToTiptap(md);
154
- expect(html).toContain('data-type="taskList"');
155
- // Unchecked item carries no data-checked; checked item is marked true.
156
- expect(html).toContain('<li data-type="taskItem"><p>buy milk</p></li>');
157
- expect(html).toContain('<li data-type="taskItem" data-checked="true"><p>walk dog</p></li>');
158
- });
159
-
160
- it('treats [X] (uppercase) as checked', () => {
161
- const html = markdownToTiptap('- [X] done');
162
- expect(html).toContain('data-checked="true"');
163
- });
164
-
165
- it('converts blockquotes', () => {
166
- const md = '> This is a quote';
167
- const html = markdownToTiptap(md);
168
- expect(html).toContain('<blockquote>');
169
- expect(html).toContain('This is a quote');
170
- });
171
-
172
- it('groups consecutive quote lines into one visual blockquote', () => {
173
- const html = markdownToTiptap('> A wise quote\n> -- Ada');
174
- expect(html.match(/<blockquote>/g)).toHaveLength(1);
175
- expect(html).toContain('<blockquote><p>A wise quote</p><p>-- Ada</p></blockquote>');
176
- });
177
-
178
- it('converts horizontal rules', () => {
179
- const md = 'Before\n\n---\n\nAfter';
180
- const html = markdownToTiptap(md);
181
- expect(html).toContain('<hr');
182
- });
183
-
184
- it('converts markdown tables', () => {
185
- const md = '| A | B |\n| --- | --- |\n| 1 | 2 |';
186
- const html = markdownToTiptap(md);
187
- expect(html).toContain('<table>');
188
- expect(html).toContain('<thead>');
189
- expect(html).toContain('<th>');
190
- expect(html).toContain('<td>');
191
- });
192
-
193
- it('handles table column alignment', () => {
194
- const md = '| Left | Center | Right |\n| :--- | :---: | ---: |\n| a | b | c |';
195
- const html = markdownToTiptap(md);
196
- expect(html).toContain('text-align: left');
197
- expect(html).toContain('text-align: center');
198
- expect(html).toContain('text-align: right');
199
- });
200
-
201
- it('escapes HTML special characters in text', () => {
202
- const html = markdownToTiptap('Use <div> & "quotes"');
203
- expect(html).toContain('&lt;div&gt;');
204
- expect(html).toContain('&amp;');
205
- });
206
-
207
- it('normalizes \\r\\n line endings', () => {
208
- const html = markdownToTiptap('Line one\r\nLine two');
209
- // Should not contain raw \r
210
- expect(html).not.toContain('\r');
211
- });
212
- });
213
-
214
- // ---------------------------------------------------------------------------
215
- // tiptapToMarkdown
216
- // ---------------------------------------------------------------------------
217
-
218
- describe('tiptapToMarkdown', () => {
219
- it('returns empty string for empty paragraph', () => {
220
- expect(tiptapToMarkdown('')).toBe('');
221
- expect(tiptapToMarkdown('<p></p>')).toBe('');
222
- });
223
-
224
- it('converts a paragraph to plain text', () => {
225
- const md = tiptapToMarkdown('<p>Hello world</p>');
226
- expect(md).toContain('Hello world');
227
- });
228
-
229
- it('preserves empty paragraphs as extra blank lines', () => {
230
- expect(tiptapToMarkdown('<p>Alpha</p><p>Beta</p>')).toBe('Alpha\n\nBeta\n');
231
- expect(tiptapToMarkdown('<p>Alpha</p><p></p><p>Beta</p>')).toBe('Alpha\n\n\nBeta\n');
232
- expect(tiptapToMarkdown('<p>Alpha</p><p></p><p></p><p>Beta</p>')).toBe('Alpha\n\n\n\nBeta\n');
233
- });
234
-
235
- it('preserves trailing empty paragraphs', () => {
236
- expect(tiptapToMarkdown('<p>Alpha</p><p></p>')).toBe('Alpha\n\n');
237
- });
238
-
239
- it('restores leading paragraph spaces from visible HTML whitespace', () => {
240
- expect(tiptapToMarkdown('<p>&nbsp;&nbsp;indented</p>')).toBe(' indented\n');
241
- expect(tiptapToMarkdown('<p>\u00a0\u00a0indented</p>')).toBe(' indented\n');
242
- expect(tiptapToMarkdown('<p>&#160;&#xA0;indented</p>')).toBe(' indented\n');
243
- });
244
-
245
- it('converts headings', () => {
246
- expect(tiptapToMarkdown('<h1>Title</h1>')).toContain('# Title');
247
- expect(tiptapToMarkdown('<h2>Sub</h2>')).toContain('## Sub');
248
- expect(tiptapToMarkdown('<h3>Section</h3>')).toContain('### Section');
249
- });
250
-
251
- it('converts strong tags to bold markdown', () => {
252
- const md = tiptapToMarkdown('<p>This is <strong>bold</strong> text</p>');
253
- expect(md).toContain('**bold**');
254
- });
255
-
256
- it('converts em tags to italic markdown', () => {
257
- const md = tiptapToMarkdown('<p>This is <em>italic</em> text</p>');
258
- expect(md).toContain('*italic*');
259
- });
260
-
261
- it('converts s/del tags to strikethrough', () => {
262
- const md = tiptapToMarkdown('<p>This is <s>deleted</s> text</p>');
263
- expect(md).toContain('~~deleted~~');
264
- });
265
-
266
- it('converts code tags to inline code', () => {
267
- const md = tiptapToMarkdown('<p>Use <code>foo</code> here</p>');
268
- expect(md).toContain('`foo`');
269
- });
270
-
271
- it('converts images regardless of attribute order', () => {
272
- // TipTap's default Image extension renders `src` before `alt`. The
273
- // tiptapToMarkdown parser previously required `alt` first and
274
- // silently dropped every src-first image, so a pasted/toolbar
275
- // image attached in the WYSIWYG editor never made it back into
276
- // the outgoing markdown.
277
- const altFirst = tiptapToMarkdown('<p><img alt="Logo" src="logo.png"></p>');
278
- expect(altFirst).toContain('![Logo](logo.png)');
279
- const srcFirst = tiptapToMarkdown('<p><img src="attachments/xyz.png" alt="xyz"></p>');
280
- expect(srcFirst).toContain('![xyz](attachments/xyz.png)');
281
- const srcOnly = tiptapToMarkdown('<p><img src="attachments/nm.png"></p>');
282
- expect(srcOnly).toContain('![](attachments/nm.png)');
283
- });
284
-
285
- it('converts links', () => {
286
- const md = tiptapToMarkdown('<p><a href="https://example.com">Example</a></p>');
287
- expect(md).toContain('[Example](https://example.com)');
288
- });
289
-
290
- it('converts code blocks with language', () => {
291
- const md = tiptapToMarkdown('<pre><code class="language-js">const x = 1;</code></pre>');
292
- expect(md).toContain('```js');
293
- expect(md).toContain('const x = 1;');
294
- expect(md).toContain('```');
295
- });
296
-
297
- it('converts code blocks without language', () => {
298
- const md = tiptapToMarkdown('<pre><code>plain code</code></pre>');
299
- expect(md).toContain('```');
300
- expect(md).toContain('plain code');
301
- });
302
-
303
- it('converts code blocks when <pre> carries attributes (real getHTML shape)', () => {
304
- // StarterKit is configured with codeBlock HTMLAttributes, so real
305
- // editor.getHTML() output puts class="squisq-code-block" on <pre>.
306
- const md = tiptapToMarkdown(
307
- '<pre class="squisq-code-block"><code class="language-js">const x = 1;</code></pre>',
308
- );
309
- expect(md).toContain('```js');
310
- expect(md).toContain('const x = 1;');
311
- });
312
-
313
- it('converts attribute-bearing code blocks without language', () => {
314
- const md = tiptapToMarkdown('<pre class="squisq-code-block"><code>plain code</code></pre>');
315
- expect(md).toContain('```\nplain code\n```');
316
- });
317
-
318
- it('extracts language regardless of surrounding attributes on <code>', () => {
319
- const md = tiptapToMarkdown(
320
- '<pre class="squisq-code-block"><code spellcheck="false" class="language-python">x = 1</code></pre>',
321
- );
322
- expect(md).toContain('```python');
323
- expect(md).toContain('x = 1');
324
- });
325
-
326
- it('converts blockquotes', () => {
327
- const md = tiptapToMarkdown('<blockquote><p>A wise quote</p></blockquote>');
328
- expect(md).toContain('> ');
329
- expect(md).toContain('A wise quote');
330
- });
331
-
332
- it('keeps adjacent blockquote nodes on adjacent markdown lines', () => {
333
- const md = tiptapToMarkdown(
334
- '<blockquote><p>A wise quote</p></blockquote><blockquote><p>-- Ada</p></blockquote>',
335
- );
336
- expect(md).toBe('> A wise quote\n> -- Ada\n');
337
- });
338
-
339
- it('converts horizontal rules', () => {
340
- const md = tiptapToMarkdown('<p>Before</p><hr><p>After</p>');
341
- expect(md).toContain('---');
342
- });
343
-
344
- it('converts unordered lists', () => {
345
- const md = tiptapToMarkdown('<ul><li><p>Alpha</p></li><li><p>Beta</p></li></ul>');
346
- expect(md).toContain('- Alpha');
347
- expect(md).toContain('- Beta');
348
- });
349
-
350
- it('converts ordered lists', () => {
351
- const md = tiptapToMarkdown('<ol><li><p>First</p></li><li><p>Second</p></li></ol>');
352
- expect(md).toContain('1. First');
353
- expect(md).toContain('2. Second');
354
- });
355
-
356
- it('converts task lists, preserving checked state and text', () => {
357
- // Mirrors the structure Tiptap's getHTML() emits for TaskItem:
358
- // a <label> holding the checkbox chrome, then a content <div>.
359
- const html =
360
- '<ul data-type="taskList">' +
361
- '<li data-type="taskItem" data-checked="false"><label><input type="checkbox"><span></span></label><div><p>buy milk</p></div></li>' +
362
- '<li data-type="taskItem" data-checked="true"><label><input type="checkbox" checked="checked"><span></span></label><div><p>walk dog</p></div></li>' +
363
- '</ul>';
364
- const md = tiptapToMarkdown(html);
365
- expect(md).toContain('- [ ] buy milk');
366
- expect(md).toContain('- [x] walk dog');
367
- // The unchecked item must NOT be promoted to checked.
368
- expect(md).not.toContain('- [x] buy milk');
369
- });
370
-
371
- it('preserves a still-empty task item', () => {
372
- const html =
373
- '<ul data-type="taskList">' +
374
- '<li data-type="taskItem" data-checked="false"><label><input type="checkbox"><span></span></label><div><p></p></div></li>' +
375
- '</ul>';
376
- const md = tiptapToMarkdown(html);
377
- expect(md).toContain('- [ ]');
378
- });
379
-
380
- it('converts tables', () => {
381
- const html =
382
- '<table><thead><tr><th>Name</th><th>Age</th></tr></thead>' +
383
- '<tbody><tr><td>Alice</td><td>30</td></tr></tbody></table>';
384
- const md = tiptapToMarkdown(html);
385
- expect(md).toContain('| Name | Age |');
386
- expect(md).toContain('| --- | --- |');
387
- expect(md).toContain('| Alice | 30 |');
388
- });
389
-
390
- it('preserves template annotations in headings', () => {
391
- const html = '<h2 data-template="statHighlight" data-template-params="stat=42%">Stats</h2>';
392
- const md = tiptapToMarkdown(html);
393
- expect(md).toContain('## Stats');
394
- expect(md).toContain('{[statHighlight');
395
- expect(md).toContain('stat=42%');
396
- });
397
-
398
- it('unescapes HTML entities', () => {
399
- const md = tiptapToMarkdown('<pre><code>&lt;div&gt; &amp; &quot;test&quot;</code></pre>');
400
- expect(md).toContain('<div>');
401
- expect(md).toContain('&');
402
- expect(md).toContain('"test"');
403
- });
404
-
405
- it('converts <br> to a hard line break (two trailing spaces)', () => {
406
- const md = tiptapToMarkdown('<p>line one<br>line two</p>');
407
- expect(md).toContain('line one \nline two');
408
- });
409
-
410
- it('preserves paragraph break inside list items', () => {
411
- const md = tiptapToMarkdown(
412
- '<ul><li><p><strong>Title</strong></p><p>Description text</p></li></ul>',
413
- );
414
- expect(md).toContain('- **Title**');
415
- expect(md).toContain(' Description text');
416
- });
417
-
418
- it('preserves <br> hard break inside list items', () => {
419
- const md = tiptapToMarkdown('<ul><li><p>First line<br>Second line</p></li></ul>');
420
- expect(md).toContain('- First line ');
421
- expect(md).toContain(' Second line');
422
- });
423
-
424
- it('keeps a <video> nested in a list item (no silent drop)', () => {
425
- const md = tiptapToMarkdown(
426
- '<ol><li><p>Step</p><video src="video/clip.webm" width="480" controls=""></video></li></ol>',
427
- );
428
- expect(md).toContain('1. Step');
429
- // The media survives, indented as a continuation of the list item.
430
- expect(md).toContain(' <video src="video/clip.webm" controls width="480"></video>');
431
- });
432
-
433
- it('keeps an <audio> nested in a list item', () => {
434
- const md = tiptapToMarkdown(
435
- '<ul><li><p>Note</p><audio src="audio/take.webm" controls=""></audio></li></ul>',
436
- );
437
- expect(md).toContain('- Note');
438
- expect(md).toContain(' <audio src="audio/take.webm" controls></audio>');
439
- });
440
-
441
- it('keeps a media-only list item (first tag takes the bullet)', () => {
442
- const md = tiptapToMarkdown(
443
- '<ul><li><video src="video/only.webm" controls=""></video></li></ul>',
444
- );
445
- expect(md).toContain('- <video src="video/only.webm" controls></video>');
446
- });
447
- });
448
-
449
- // ---------------------------------------------------------------------------
450
- // Round-trip tests
451
- // ---------------------------------------------------------------------------
452
-
453
- describe('round-trip: markdownToTiptap → tiptapToMarkdown', () => {
454
- const roundTrip = (md: string) => tiptapToMarkdown(markdownToTiptap(md));
455
-
456
- it('preserves plain text', () => {
457
- expect(roundTrip('Hello world')).toContain('Hello world');
458
- });
459
-
460
- it('preserves headings', () => {
461
- const result = roundTrip('## My Heading');
462
- expect(result).toContain('## My Heading');
463
- });
464
-
465
- it('preserves bold text', () => {
466
- expect(roundTrip('Some **bold** here')).toContain('**bold**');
467
- });
468
-
469
- it('preserves italic text', () => {
470
- expect(roundTrip('Some *italic* here')).toContain('*italic*');
471
- });
472
-
473
- it('preserves inline code', () => {
474
- expect(roundTrip('Use `code` here')).toContain('`code`');
475
- });
476
-
477
- it('preserves code blocks', () => {
478
- const md = '```js\nconst x = 1;\n```';
479
- const result = roundTrip(md);
480
- expect(result).toContain('```js');
481
- expect(result).toContain('const x = 1;');
482
- });
483
-
484
- it('preserves links', () => {
485
- const result = roundTrip('Click [here](https://example.com)');
486
- expect(result).toContain('[here](https://example.com)');
487
- });
488
-
489
- it('preserves blockquotes', () => {
490
- expect(roundTrip('> Important note')).toContain('> Important note');
491
- });
492
-
493
- it('does not add a blank line before a quote attribution', () => {
494
- const md = [
495
- '### A Famous Quote {[quote]}',
496
- '',
497
- '> "The best way to predict the future is to invent it."',
498
- '> -- Alan Kay',
499
- ].join('\n');
500
-
501
- expect(roundTrip(md)).toBe(md + '\n');
502
- });
503
-
504
- it('does not add a blank line after Tiptap normalizes a quote attribution', () => {
505
- const md = ['> "The best way to predict the future is to invent it."', '> -- Alan Kay'].join(
506
- '\n',
507
- );
508
- const editor = new Editor({
509
- extensions: [StarterKit],
510
- content: markdownToTiptap(md),
511
- });
512
-
513
- const normalizedHtml = editor.getHTML();
514
- expect(normalizedHtml.match(/<blockquote>/g)).toHaveLength(1);
515
- expect(tiptapToMarkdown(normalizedHtml)).toBe(md + '\n');
516
- editor.destroy();
517
- });
518
-
519
- it('preserves unordered lists', () => {
520
- const result = roundTrip('- Alpha\n- Beta');
521
- expect(result).toContain('- Alpha');
522
- expect(result).toContain('- Beta');
523
- });
524
-
525
- it('preserves ordered lists', () => {
526
- const result = roundTrip('1. First\n2. Second');
527
- expect(result).toContain('1. First');
528
- expect(result).toContain('2. Second');
529
- });
530
-
531
- it('preserves task lists with mixed checked state', () => {
532
- const result = roundTrip('- [ ] buy milk\n- [x] walk dog');
533
- expect(result).toContain('- [ ] buy milk');
534
- expect(result).toContain('- [x] walk dog');
535
- expect(result).not.toContain('- [x] buy milk');
536
- });
537
-
538
- it('preserves extra blank lines between paragraphs exactly', () => {
539
- expect(roundTrip('Alpha\n\nBeta\n')).toBe('Alpha\n\nBeta\n');
540
- expect(roundTrip('Alpha\n\n\nBeta\n')).toBe('Alpha\n\n\nBeta\n');
541
- expect(roundTrip('Alpha\n\n\n\nBeta\n')).toBe('Alpha\n\n\n\nBeta\n');
542
- });
543
-
544
- it('preserves trailing empty paragraphs exactly', () => {
545
- expect(roundTrip('Alpha\n\n')).toBe('Alpha\n\n');
546
- });
547
-
548
- it('preserves leading paragraph spaces exactly', () => {
549
- expect(roundTrip(' indented\n')).toBe(' indented\n');
550
- expect(roundTrip('Alpha\n\n Beta\n')).toBe('Alpha\n\n Beta\n');
551
- });
552
-
553
- it('preserves quoted template params with spaces', () => {
554
- const result = roundTrip(
555
- '## Gallery {[imageWithCaption src=photo.jpg caption="Beach at sunset"]}',
556
- );
557
- expect(result).toContain('{[imageWithCaption src=photo.jpg caption="Beach at sunset"]}');
558
- });
559
-
560
- it('preserves single-quoted template params', () => {
561
- const result = roundTrip("## X {[quote text='A long caption']}");
562
- expect(result).toContain("text='A long caption'");
563
- });
564
-
565
- it('preserves quoted Pandoc attribute values with spaces', () => {
566
- const result = roundTrip('## X {#intro caption="hello world"}');
567
- expect(result).toContain('{#intro caption="hello world"}');
568
- });
569
-
570
- it('preserves both annotation forms with quoted values on one heading', () => {
571
- const result = roundTrip('## X {#a label="big plan"} {[quote text="She left"]}');
572
- expect(result).toContain('{#a label="big plan"}');
573
- expect(result).toContain('{[quote text="She left"]}');
574
- });
575
- });
@@ -1,47 +0,0 @@
1
- import { describe, it, expect } from 'vitest';
2
- import { parseMarkdown } from '@bendyline/squisq/markdown';
3
- import { markdownToTiptap, tiptapToMarkdown } from '../tiptapBridge';
4
-
5
- /**
6
- * tiptapBridge maintains a SECOND, regex-based markdown parser/serializer that
7
- * must agree with core's `parseMarkdown` (see the "must stay in sync" note in
8
- * tiptapBridge.ts). Comment-enforced parallel parsers drift silently; this test
9
- * makes the agreement mechanical.
10
- *
11
- * The comparable artifact across the two representations (ProseMirror HTML vs.
12
- * mdast) is the block-type sequence core's parser sees. If a bridge round-trip
13
- * drops or mangles a construct core understands, the sequence changes and this
14
- * test fails — surfacing drift in CI instead of in the editor.
15
- */
16
-
17
- const blockSeq = (md: string): string[] => parseMarkdown(md).children.map((n) => n.type);
18
- const bridgeRoundTrip = (md: string): string => tiptapToMarkdown(markdownToTiptap(md));
19
-
20
- const CORPUS: Record<string, string> = {
21
- heading: '# Title\n\n## Subtitle',
22
- paragraph: 'Just a paragraph of text.',
23
- bulletList: '- one\n- two\n- three',
24
- orderedList: '1. first\n2. second\n3. third',
25
- blockquote: '> a quote',
26
- codeBlock: '```js\nconst x = 1;\n```',
27
- table: '| a | b |\n| --- | --- |\n| 1 | 2 |',
28
- inlineEmphasis: 'Some **bold** and *italic* and `code` text.',
29
- link: 'A [link](https://example.com) inline.',
30
- thematicBreak: 'before\n\n---\n\nafter',
31
- mixed: '# Heading\n\nA paragraph.\n\n- a\n- b\n\n> quote\n\n```\ncode\n```',
32
- };
33
-
34
- describe('tiptapBridge ↔ core markdown parser conformance', () => {
35
- for (const [name, md] of Object.entries(CORPUS)) {
36
- it(`preserves the block-type sequence for: ${name}`, () => {
37
- expect(blockSeq(bridgeRoundTrip(md))).toEqual(blockSeq(md));
38
- });
39
- }
40
-
41
- it('round-trip is idempotent (a second pass changes nothing)', () => {
42
- for (const md of Object.values(CORPUS)) {
43
- const once = bridgeRoundTrip(md);
44
- expect(bridgeRoundTrip(once)).toBe(once);
45
- }
46
- });
47
- });