@bendyline/squisq-editor-react 2.0.1 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (357) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +40 -0
  3. package/README.md +10 -2
  4. package/dist/index.d.ts +683 -60
  5. package/dist/index.js +9648 -3750
  6. package/dist/monaco.js +0 -1
  7. package/dist/styles/index.css +1160 -241
  8. package/package.json +10 -6
  9. package/dist/index.js.map +0 -1
  10. package/dist/monaco.js.map +0 -1
  11. package/src/BlockCardView.tsx +0 -121
  12. package/src/BlockPreviewPanel.tsx +0 -69
  13. package/src/BlockPropertiesPopover.tsx +0 -222
  14. package/src/DocumentSettingsDialog.tsx +0 -272
  15. package/src/DropZoneOverlay.tsx +0 -137
  16. package/src/EditorContext.tsx +0 -1247
  17. package/src/EditorShell.tsx +0 -1334
  18. package/src/EmojiPicker.tsx +0 -332
  19. package/src/FolderView.tsx +0 -131
  20. package/src/Icon.tsx +0 -26
  21. package/src/ImageEditor.tsx +0 -395
  22. package/src/ImageNodeView.tsx +0 -284
  23. package/src/ImageViewer.tsx +0 -221
  24. package/src/InlineIcon.ts +0 -84
  25. package/src/InlinePreviewGutter.tsx +0 -590
  26. package/src/LinkDialog.tsx +0 -276
  27. package/src/MediaBin.tsx +0 -500
  28. package/src/MentionExtension.tsx +0 -261
  29. package/src/OutlinePanel.tsx +0 -547
  30. package/src/PlainHtmlPreview.tsx +0 -277
  31. package/src/PreviewControls.tsx +0 -1250
  32. package/src/PreviewPanel.tsx +0 -422
  33. package/src/RawEditor.tsx +0 -731
  34. package/src/RecorderEntry.tsx +0 -159
  35. package/src/StatusBar.tsx +0 -51
  36. package/src/TemplateAnnotation.ts +0 -167
  37. package/src/TemplateContentPreview.tsx +0 -56
  38. package/src/TemplatePicker.tsx +0 -1314
  39. package/src/ThemeCustomizerPanel.tsx +0 -304
  40. package/src/ThemePicker.tsx +0 -433
  41. package/src/TimelineBlockPreview.tsx +0 -37
  42. package/src/TimelineTrack.tsx +0 -671
  43. package/src/Toolbar.tsx +0 -2587
  44. package/src/Tooltip.tsx +0 -142
  45. package/src/TransitionPicker.tsx +0 -390
  46. package/src/VersionHistoryPanel.tsx +0 -359
  47. package/src/ViewMenuPanel.tsx +0 -189
  48. package/src/ViewSwitcher.tsx +0 -56
  49. package/src/WysiwygEditor.tsx +0 -792
  50. package/src/__tests__/blockProperties.test.ts +0 -92
  51. package/src/__tests__/blockPropertiesPopoverTheme.test.tsx +0 -33
  52. package/src/__tests__/blockRange.test.ts +0 -105
  53. package/src/__tests__/blockTagActivity.test.ts +0 -183
  54. package/src/__tests__/buildDocumentPreviewMarkdown.test.ts +0 -75
  55. package/src/__tests__/buildPreviewDocContent.test.ts +0 -48
  56. package/src/__tests__/buildPreviewDocTransition.test.ts +0 -92
  57. package/src/__tests__/canvasSurfaceTextEditing.test.tsx +0 -60
  58. package/src/__tests__/codeContextSectionView.test.tsx +0 -97
  59. package/src/__tests__/codeContextZoneManager.test.ts +0 -127
  60. package/src/__tests__/createShapeLayer.test.ts +0 -46
  61. package/src/__tests__/customLayoutManagerTheme.test.tsx +0 -34
  62. package/src/__tests__/detectMarkdown.test.ts +0 -73
  63. package/src/__tests__/diffContextSections.test.ts +0 -39
  64. package/src/__tests__/documentSettingsDialog.test.tsx +0 -197
  65. package/src/__tests__/drawingShapeRoundTrip.test.ts +0 -49
  66. package/src/__tests__/editorScrollHandoff.test.tsx +0 -102
  67. package/src/__tests__/editorScrollSync.test.ts +0 -65
  68. package/src/__tests__/editorShellCodeContext.test.tsx +0 -86
  69. package/src/__tests__/editorShellProps.test.tsx +0 -485
  70. package/src/__tests__/embeddedMedia.test.ts +0 -48
  71. package/src/__tests__/emojiPicker.test.tsx +0 -93
  72. package/src/__tests__/fileKind.test.ts +0 -112
  73. package/src/__tests__/headingTransition.test.ts +0 -176
  74. package/src/__tests__/imageEditAffordance.test.tsx +0 -272
  75. package/src/__tests__/imageEditModalContract.test.tsx +0 -119
  76. package/src/__tests__/imageEditorShell.test.tsx +0 -94
  77. package/src/__tests__/imageEditorState.test.ts +0 -171
  78. package/src/__tests__/inlinePreviewGutter.test.tsx +0 -62
  79. package/src/__tests__/inlinePreviewGutterAllBlocks.test.tsx +0 -103
  80. package/src/__tests__/jsonEditor.test.tsx +0 -223
  81. package/src/__tests__/layersPanel.test.tsx +0 -167
  82. package/src/__tests__/layoutChildRoundTrip.test.ts +0 -71
  83. package/src/__tests__/linkDialogDocPicker.test.tsx +0 -137
  84. package/src/__tests__/majorApiTypes.test.ts +0 -26
  85. package/src/__tests__/mediaAttachmentFlow.test.ts +0 -110
  86. package/src/__tests__/mediaBinDrop.test.tsx +0 -90
  87. package/src/__tests__/mediaReferences.test.ts +0 -82
  88. package/src/__tests__/narrationSave.test.ts +0 -148
  89. package/src/__tests__/outlinePanel.test.tsx +0 -169
  90. package/src/__tests__/outlineSource.test.ts +0 -217
  91. package/src/__tests__/plainHtmlPreview.test.tsx +0 -125
  92. package/src/__tests__/presentationMode.test.tsx +0 -290
  93. package/src/__tests__/previewControls.test.tsx +0 -540
  94. package/src/__tests__/previewPanelAudioFailure.test.tsx +0 -46
  95. package/src/__tests__/previewPanelPresentation.test.tsx +0 -126
  96. package/src/__tests__/previewPanelTransforms.test.tsx +0 -117
  97. package/src/__tests__/propertiesPanel.test.tsx +0 -69
  98. package/src/__tests__/rawEditorModelIsolation.test.ts +0 -19
  99. package/src/__tests__/recorderFormats.test.ts +0 -146
  100. package/src/__tests__/recorderMediaInsert.test.ts +0 -86
  101. package/src/__tests__/recorderTheme.test.tsx +0 -42
  102. package/src/__tests__/recorderTimingJson.test.ts +0 -41
  103. package/src/__tests__/resolveBlockVisual.test.ts +0 -43
  104. package/src/__tests__/selectionConversions.test.ts +0 -80
  105. package/src/__tests__/statusBar.test.tsx +0 -27
  106. package/src/__tests__/teleprompter.test.tsx +0 -190
  107. package/src/__tests__/templateAnnotationRoundTrip.test.ts +0 -99
  108. package/src/__tests__/templateContentPreview.test.ts +0 -101
  109. package/src/__tests__/templatePickerMetadata.test.ts +0 -32
  110. package/src/__tests__/templatePickerPortal.test.tsx +0 -62
  111. package/src/__tests__/timelineSource.test.ts +0 -134
  112. package/src/__tests__/tiptapBridge.test.ts +0 -566
  113. package/src/__tests__/tiptapBridgeConformance.test.ts +0 -47
  114. package/src/__tests__/tiptapCodeBlockRoundTrip.test.ts +0 -109
  115. package/src/__tests__/tiptapImageRoundTrip.test.ts +0 -73
  116. package/src/__tests__/toolbarSelectionConversion.test.tsx +0 -164
  117. package/src/__tests__/tooltip.test.tsx +0 -72
  118. package/src/__tests__/transformStyleId.test.ts +0 -13
  119. package/src/__tests__/transitionCatalog.test.ts +0 -64
  120. package/src/__tests__/useBlockNavigator.test.tsx +0 -67
  121. package/src/__tests__/useImageEditor.test.tsx +0 -226
  122. package/src/__tests__/useJsonEditorTokens.test.ts +0 -59
  123. package/src/__tests__/useMediaRecorder.test.ts +0 -302
  124. package/src/__tests__/useTimelineClock.test.ts +0 -21
  125. package/src/__tests__/versionHistory.test.tsx +0 -197
  126. package/src/__tests__/viewMenuPanel.test.tsx +0 -130
  127. package/src/__tests__/wysiwygImageUpload.test.ts +0 -69
  128. package/src/__tests__/wysiwygTemplateBadgeFocus.test.tsx +0 -56
  129. package/src/asciiDiagram/AsciiDiagramExtension.ts +0 -343
  130. package/src/asciiDiagram/AsciiDiagramWidget.tsx +0 -254
  131. package/src/asciiDiagram/RepairableDiagramExtension.ts +0 -200
  132. package/src/asciiDiagram/__tests__/AsciiDiagramExtension.test.ts +0 -145
  133. package/src/asciiDiagram/__tests__/RepairableDiagramExtension.test.ts +0 -159
  134. package/src/asciiDiagram/__tests__/asciiDiagramCommands.test.ts +0 -284
  135. package/src/asciiDiagram/__tests__/asciiDiagramOps.test.ts +0 -114
  136. package/src/asciiDiagram/__tests__/asciiPaste.test.ts +0 -43
  137. package/src/asciiDiagram/asciiDiagramCommands.ts +0 -174
  138. package/src/asciiDiagram/asciiDiagramData.ts +0 -149
  139. package/src/asciiDiagram/asciiDiagramOps.ts +0 -238
  140. package/src/asciiDiagram/asciiPaste.ts +0 -19
  141. package/src/blockProperties.ts +0 -88
  142. package/src/blockRange.ts +0 -132
  143. package/src/blockSlice.ts +0 -75
  144. package/src/blockTagActivity.ts +0 -233
  145. package/src/buildDocumentPreviewMarkdown.ts +0 -168
  146. package/src/buildPreviewDoc.ts +0 -405
  147. package/src/codeContext/CodeContextSectionView.tsx +0 -124
  148. package/src/codeContext/CodeContextZoneManager.ts +0 -149
  149. package/src/codeContext/CodeContextZones.tsx +0 -121
  150. package/src/codeContext/diffContextSections.ts +0 -38
  151. package/src/codeContext/types.ts +0 -75
  152. package/src/customTemplates/AddBin.tsx +0 -126
  153. package/src/customTemplates/CustomLayoutManager.tsx +0 -234
  154. package/src/customTemplates/CustomTemplateContext.tsx +0 -188
  155. package/src/customTemplates/LayerToolbar.tsx +0 -580
  156. package/src/customTemplates/ShapeGlyph.tsx +0 -47
  157. package/src/customTemplates/TemplateDesigner.tsx +0 -433
  158. package/src/customTemplates/__tests__/library.test.ts +0 -96
  159. package/src/customTemplates/__tests__/normalizePositions.test.ts +0 -109
  160. package/src/customTemplates/__tests__/shapeDefs.test.ts +0 -49
  161. package/src/customTemplates/__tests__/useMemoryLayerAdapter.test.ts +0 -108
  162. package/src/customTemplates/designer.css +0 -732
  163. package/src/customTemplates/index.ts +0 -31
  164. package/src/customTemplates/library.ts +0 -110
  165. package/src/customTemplates/normalizePositions.ts +0 -75
  166. package/src/customTemplates/shapeDefs.ts +0 -131
  167. package/src/customTemplates/thumbnail.tsx +0 -63
  168. package/src/customTemplates/tokenDefs.ts +0 -60
  169. package/src/customTemplates/useDocCustomTemplates.ts +0 -52
  170. package/src/customTemplates/useMemoryLayerAdapter.ts +0 -129
  171. package/src/customThemes/CustomThemeContext.tsx +0 -185
  172. package/src/customThemes/CustomThemeDialog.tsx +0 -316
  173. package/src/customThemes/ImportThemeSection.tsx +0 -178
  174. package/src/customThemes/__tests__/CustomThemeContext.test.tsx +0 -64
  175. package/src/customThemes/__tests__/CustomThemeDialog.test.tsx +0 -47
  176. package/src/customThemes/__tests__/customThemeLibrary.test.ts +0 -60
  177. package/src/customThemes/__tests__/importThemeSection.test.tsx +0 -192
  178. package/src/customThemes/customThemeLibrary.ts +0 -100
  179. package/src/customThemes/index.ts +0 -37
  180. package/src/customThemes/themeControls.tsx +0 -229
  181. package/src/customThemes/themeDraft.ts +0 -288
  182. package/src/customThemes/useDocCustomThemes.ts +0 -49
  183. package/src/detectMarkdown.ts +0 -62
  184. package/src/diagram/DiagramCanvas.tsx +0 -259
  185. package/src/diagram/DiagramMaximizedOverlay.tsx +0 -46
  186. package/src/diagram/diagramCommands.ts +0 -604
  187. package/src/diagram/diagramConstants.ts +0 -17
  188. package/src/diagram/types.ts +0 -35
  189. package/src/editorScrollSync.ts +0 -73
  190. package/src/embeddedMedia.ts +0 -78
  191. package/src/emojiData.ts +0 -1317
  192. package/src/fileKind.ts +0 -158
  193. package/src/frontmatter.ts +0 -29
  194. package/src/frontmatterSettings.ts +0 -23
  195. package/src/headingTransition.ts +0 -291
  196. package/src/hooks/useFileDrop.ts +0 -266
  197. package/src/imageEditor/CanvasSurface.tsx +0 -703
  198. package/src/imageEditor/ImageVersionHistoryDropdown.tsx +0 -396
  199. package/src/imageEditor/LayersPanel.tsx +0 -218
  200. package/src/imageEditor/PropertiesPanel.tsx +0 -474
  201. package/src/imageEditor/Toolbar.tsx +0 -459
  202. package/src/imageEditor/createShapeLayer.ts +0 -280
  203. package/src/imageEditor/icons.tsx +0 -68
  204. package/src/imageEditor/image-editor.css +0 -574
  205. package/src/imageEditor/layers/EditorImageLayer.tsx +0 -45
  206. package/src/imageEditor/layers/EditorShapeLayer.tsx +0 -62
  207. package/src/imageEditor/layers/EditorTextLayer.tsx +0 -45
  208. package/src/imageEditor/layers/SelectionHandles.tsx +0 -86
  209. package/src/imageEditor/state.ts +0 -173
  210. package/src/imageEditor/useImageEditor.ts +0 -385
  211. package/src/imageEditor/useImageEditorTokens.ts +0 -70
  212. package/src/index.ts +0 -470
  213. package/src/jsonEditor/EmbeddedRichTextField.tsx +0 -81
  214. package/src/jsonEditor/JsonEditor.tsx +0 -81
  215. package/src/jsonEditor/JsonEditorContext.tsx +0 -81
  216. package/src/jsonEditor/RenderNode.tsx +0 -87
  217. package/src/jsonEditor/editors.tsx +0 -745
  218. package/src/jsonEditor/index.ts +0 -2
  219. package/src/jsonEditor/json-editor.css +0 -463
  220. package/src/jsonEditor/useJsonEditorTokens.ts +0 -33
  221. package/src/mediaDragMime.ts +0 -32
  222. package/src/mediaEntries.ts +0 -12
  223. package/src/mediaReferences.ts +0 -299
  224. package/src/monaco.ts +0 -35
  225. package/src/monacoWorkers.ts +0 -89
  226. package/src/outlineSource.ts +0 -171
  227. package/src/presentation/PresentationMode.tsx +0 -596
  228. package/src/rawEditorIsolation.ts +0 -18
  229. package/src/recorder/RecorderButton.tsx +0 -80
  230. package/src/recorder/RecorderModal.tsx +0 -706
  231. package/src/recorder/RecorderPanel.tsx +0 -77
  232. package/src/recorder/formats.ts +0 -159
  233. package/src/recorder/hooks/useMediaRecorder.ts +0 -436
  234. package/src/recorder/hooks/useStreamPreview.ts +0 -47
  235. package/src/recorder/insertMediaBlock.ts +0 -30
  236. package/src/recorder/sources/cameraStream.ts +0 -32
  237. package/src/recorder/sources/micStream.ts +0 -25
  238. package/src/recorder/sources/screenStream.ts +0 -162
  239. package/src/recorder/timingJson.ts +0 -66
  240. package/src/resolveBlockVisual.ts +0 -39
  241. package/src/scene/Scene.tsx +0 -616
  242. package/src/scene/SceneBlockExtension.ts +0 -205
  243. package/src/scene/SceneBlockToolbar.tsx +0 -201
  244. package/src/scene/SceneBlockWidget.tsx +0 -441
  245. package/src/scene/ScenePropsBar.tsx +0 -85
  246. package/src/scene/SceneSelection.tsx +0 -111
  247. package/src/scene/SceneSideToolbar.tsx +0 -89
  248. package/src/scene/SceneViewport.tsx +0 -106
  249. package/src/scene/ShapePalette.tsx +0 -196
  250. package/src/scene/__tests__/DiagramAdapter.test.ts +0 -142
  251. package/src/scene/__tests__/SceneBlockExtension.test.ts +0 -33
  252. package/src/scene/__tests__/bezierEdit.test.ts +0 -85
  253. package/src/scene/__tests__/blockLayers.test.ts +0 -57
  254. package/src/scene/__tests__/sceneIsolation.test.tsx +0 -119
  255. package/src/scene/__tests__/shapeLayers.test.ts +0 -106
  256. package/src/scene/__tests__/useSceneHitTest.test.ts +0 -90
  257. package/src/scene/__tests__/useScenePanZoom.test.ts +0 -103
  258. package/src/scene/adapters/DiagramAdapter.ts +0 -79
  259. package/src/scene/adapters/DrawingAdapter.ts +0 -420
  260. package/src/scene/adapters/LayoutAdapter.ts +0 -313
  261. package/src/scene/adapters/blockLayers.ts +0 -159
  262. package/src/scene/commands/SceneCommand.ts +0 -84
  263. package/src/scene/commands/drawingCommands.ts +0 -318
  264. package/src/scene/commands/layoutCommands.ts +0 -301
  265. package/src/scene/hooks/useSceneHitTest.ts +0 -105
  266. package/src/scene/hooks/useScenePanZoom.ts +0 -147
  267. package/src/scene/hooks/useSceneSelection.ts +0 -62
  268. package/src/scene/index.ts +0 -90
  269. package/src/scene/layers/DiagramEdges.tsx +0 -142
  270. package/src/scene/layers/edgeGeometry.ts +0 -104
  271. package/src/scene/layers/nodeCard.tsx +0 -164
  272. package/src/scene/layers/renderLayer.tsx +0 -70
  273. package/src/scene/layers/shapeLayers.ts +0 -201
  274. package/src/scene/paths/bezierEdit.ts +0 -208
  275. package/src/scene/scene.css +0 -792
  276. package/src/scene/text/SceneTextOverlay.tsx +0 -161
  277. package/src/scene/text/sceneTextChannel.ts +0 -46
  278. package/src/scene/text/sceneTextConfig.ts +0 -31
  279. package/src/scene/text/sceneTiptap.ts +0 -36
  280. package/src/scene/text/useSceneTextEditing.ts +0 -39
  281. package/src/scene/tools/ConnectTool.ts +0 -209
  282. package/src/scene/tools/DrawingConnectTool.ts +0 -231
  283. package/src/scene/tools/PathTool.ts +0 -158
  284. package/src/scene/tools/PlaceTool.ts +0 -47
  285. package/src/scene/tools/SceneTool.ts +0 -85
  286. package/src/scene/tools/SelectTool.ts +0 -300
  287. package/src/scene/tools/ShapeTool.ts +0 -143
  288. package/src/scene/tools/TextTool.ts +0 -72
  289. package/src/scene/tools/TokenTool.ts +0 -95
  290. package/src/scene/tools/createDrawShapeTool.ts +0 -82
  291. package/src/selectionConversions.ts +0 -155
  292. package/src/styles/ascii-diagram.css +0 -79
  293. package/src/styles/ascii-timeline.css +0 -596
  294. package/src/styles/code-context.css +0 -155
  295. package/src/styles/diagram.css +0 -183
  296. package/src/styles/editor.css +0 -6811
  297. package/src/styles/folder-view.css +0 -210
  298. package/src/styles/image-edit-affordance.css +0 -201
  299. package/src/styles/index.css +0 -18
  300. package/src/styles/tree-view.css +0 -189
  301. package/src/teleprompter/TeleprompterControls.tsx +0 -218
  302. package/src/teleprompter/TeleprompterSelfView.tsx +0 -22
  303. package/src/teleprompter/TeleprompterSurface.tsx +0 -267
  304. package/src/teleprompter/TeleprompterView.tsx +0 -338
  305. package/src/teleprompter/canvasRenderer.ts +0 -161
  306. package/src/teleprompter/floatingWindow.ts +0 -352
  307. package/src/teleprompter/index.ts +0 -61
  308. package/src/teleprompter/pcmWorklet.ts +0 -62
  309. package/src/teleprompter/recording/insertPreamble.ts +0 -80
  310. package/src/teleprompter/recording/narrationSave.ts +0 -134
  311. package/src/teleprompter/recording/useNarrationRecorder.ts +0 -367
  312. package/src/teleprompter/scrollModel.ts +0 -85
  313. package/src/teleprompter/teleprompterTheme.ts +0 -303
  314. package/src/teleprompter/types.ts +0 -38
  315. package/src/teleprompter/useFloatingWindow.ts +0 -74
  316. package/src/teleprompter/useMicAnalysis.ts +0 -211
  317. package/src/teleprompter/useTeleprompter.ts +0 -421
  318. package/src/templateContentPreviewResolver.ts +0 -360
  319. package/src/timeline/TimelineEditorWidget.tsx +0 -861
  320. package/src/timeline/TimelineViewExtension.ts +0 -252
  321. package/src/timeline/__tests__/TimelineEditorWidget.test.tsx +0 -414
  322. package/src/timeline/__tests__/TimelineViewExtension.test.ts +0 -163
  323. package/src/timeline/__tests__/timelineCommands.test.ts +0 -359
  324. package/src/timeline/__tests__/timelineOps.test.ts +0 -277
  325. package/src/timeline/__tests__/timelinePaste.test.ts +0 -34
  326. package/src/timeline/timelineCommands.ts +0 -421
  327. package/src/timeline/timelineData.ts +0 -54
  328. package/src/timeline/timelineOps.ts +0 -381
  329. package/src/timeline/timelinePaste.ts +0 -8
  330. package/src/timelineSource.ts +0 -244
  331. package/src/tiptap/TiptapAudio.tsx +0 -86
  332. package/src/tiptap/TiptapVideo.tsx +0 -119
  333. package/src/tiptap/useResolvedMediaSrc.ts +0 -47
  334. package/src/tiptapBridge.ts +0 -986
  335. package/src/tooltipPlacement.ts +0 -13
  336. package/src/transformStyleId.ts +0 -17
  337. package/src/transitionCatalog.ts +0 -159
  338. package/src/treeview/TreeOutlineWidget.tsx +0 -390
  339. package/src/treeview/TreeViewExtension.ts +0 -250
  340. package/src/treeview/__tests__/TreeOutlineWidget.test.tsx +0 -156
  341. package/src/treeview/__tests__/TreeViewExtension.test.ts +0 -122
  342. package/src/treeview/__tests__/treeOps.test.ts +0 -177
  343. package/src/treeview/__tests__/treePaste.test.ts +0 -40
  344. package/src/treeview/__tests__/treeViewCommands.test.ts +0 -179
  345. package/src/treeview/treeOps.ts +0 -231
  346. package/src/treeview/treePaste.ts +0 -13
  347. package/src/treeview/treeViewCommands.ts +0 -99
  348. package/src/treeview/treeViewData.ts +0 -41
  349. package/src/types/monaco-shims.d.ts +0 -10
  350. package/src/useBlockNavigator.ts +0 -153
  351. package/src/useHeadingLayout.ts +0 -294
  352. package/src/useMonacoLoader.ts +0 -82
  353. package/src/useTimelineClock.ts +0 -76
  354. package/src/utils/collectInlineFontAwesomeCss.ts +0 -69
  355. package/src/utils/dropUtils.ts +0 -136
  356. package/src/utils/normalizeMalformedAssetUrl.ts +0 -22
  357. package/src/wysiwygImageUpload.ts +0 -113
@@ -1,566 +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('converts unordered lists', () => {
126
- const md = '- Item one\n- Item two\n- Item three';
127
- const html = markdownToTiptap(md);
128
- expect(html).toContain('<ul>');
129
- expect(html).toContain('<li>');
130
- expect(html).toContain('Item one');
131
- expect(html).toContain('Item two');
132
- });
133
-
134
- it('converts ordered lists', () => {
135
- const md = '1. First\n2. Second\n3. Third';
136
- const html = markdownToTiptap(md);
137
- expect(html).toContain('<ol>');
138
- expect(html).toContain('<li>');
139
- expect(html).toContain('First');
140
- });
141
-
142
- it('converts task lists to taskList/taskItem markup', () => {
143
- const md = '- [ ] buy milk\n- [x] walk dog';
144
- const html = markdownToTiptap(md);
145
- expect(html).toContain('data-type="taskList"');
146
- // Unchecked item carries no data-checked; checked item is marked true.
147
- expect(html).toContain('<li data-type="taskItem"><p>buy milk</p></li>');
148
- expect(html).toContain('<li data-type="taskItem" data-checked="true"><p>walk dog</p></li>');
149
- });
150
-
151
- it('treats [X] (uppercase) as checked', () => {
152
- const html = markdownToTiptap('- [X] done');
153
- expect(html).toContain('data-checked="true"');
154
- });
155
-
156
- it('converts blockquotes', () => {
157
- const md = '> This is a quote';
158
- const html = markdownToTiptap(md);
159
- expect(html).toContain('<blockquote>');
160
- expect(html).toContain('This is a quote');
161
- });
162
-
163
- it('groups consecutive quote lines into one visual blockquote', () => {
164
- const html = markdownToTiptap('> A wise quote\n> -- Ada');
165
- expect(html.match(/<blockquote>/g)).toHaveLength(1);
166
- expect(html).toContain('<blockquote><p>A wise quote</p><p>-- Ada</p></blockquote>');
167
- });
168
-
169
- it('converts horizontal rules', () => {
170
- const md = 'Before\n\n---\n\nAfter';
171
- const html = markdownToTiptap(md);
172
- expect(html).toContain('<hr');
173
- });
174
-
175
- it('converts markdown tables', () => {
176
- const md = '| A | B |\n| --- | --- |\n| 1 | 2 |';
177
- const html = markdownToTiptap(md);
178
- expect(html).toContain('<table>');
179
- expect(html).toContain('<thead>');
180
- expect(html).toContain('<th>');
181
- expect(html).toContain('<td>');
182
- });
183
-
184
- it('handles table column alignment', () => {
185
- const md = '| Left | Center | Right |\n| :--- | :---: | ---: |\n| a | b | c |';
186
- const html = markdownToTiptap(md);
187
- expect(html).toContain('text-align: left');
188
- expect(html).toContain('text-align: center');
189
- expect(html).toContain('text-align: right');
190
- });
191
-
192
- it('escapes HTML special characters in text', () => {
193
- const html = markdownToTiptap('Use <div> & "quotes"');
194
- expect(html).toContain('&lt;div&gt;');
195
- expect(html).toContain('&amp;');
196
- });
197
-
198
- it('normalizes \\r\\n line endings', () => {
199
- const html = markdownToTiptap('Line one\r\nLine two');
200
- // Should not contain raw \r
201
- expect(html).not.toContain('\r');
202
- });
203
- });
204
-
205
- // ---------------------------------------------------------------------------
206
- // tiptapToMarkdown
207
- // ---------------------------------------------------------------------------
208
-
209
- describe('tiptapToMarkdown', () => {
210
- it('returns empty string for empty paragraph', () => {
211
- expect(tiptapToMarkdown('')).toBe('');
212
- expect(tiptapToMarkdown('<p></p>')).toBe('');
213
- });
214
-
215
- it('converts a paragraph to plain text', () => {
216
- const md = tiptapToMarkdown('<p>Hello world</p>');
217
- expect(md).toContain('Hello world');
218
- });
219
-
220
- it('preserves empty paragraphs as extra blank lines', () => {
221
- expect(tiptapToMarkdown('<p>Alpha</p><p>Beta</p>')).toBe('Alpha\n\nBeta\n');
222
- expect(tiptapToMarkdown('<p>Alpha</p><p></p><p>Beta</p>')).toBe('Alpha\n\n\nBeta\n');
223
- expect(tiptapToMarkdown('<p>Alpha</p><p></p><p></p><p>Beta</p>')).toBe('Alpha\n\n\n\nBeta\n');
224
- });
225
-
226
- it('preserves trailing empty paragraphs', () => {
227
- expect(tiptapToMarkdown('<p>Alpha</p><p></p>')).toBe('Alpha\n\n');
228
- });
229
-
230
- it('restores leading paragraph spaces from visible HTML whitespace', () => {
231
- expect(tiptapToMarkdown('<p>&nbsp;&nbsp;indented</p>')).toBe(' indented\n');
232
- expect(tiptapToMarkdown('<p>\u00a0\u00a0indented</p>')).toBe(' indented\n');
233
- expect(tiptapToMarkdown('<p>&#160;&#xA0;indented</p>')).toBe(' indented\n');
234
- });
235
-
236
- it('converts headings', () => {
237
- expect(tiptapToMarkdown('<h1>Title</h1>')).toContain('# Title');
238
- expect(tiptapToMarkdown('<h2>Sub</h2>')).toContain('## Sub');
239
- expect(tiptapToMarkdown('<h3>Section</h3>')).toContain('### Section');
240
- });
241
-
242
- it('converts strong tags to bold markdown', () => {
243
- const md = tiptapToMarkdown('<p>This is <strong>bold</strong> text</p>');
244
- expect(md).toContain('**bold**');
245
- });
246
-
247
- it('converts em tags to italic markdown', () => {
248
- const md = tiptapToMarkdown('<p>This is <em>italic</em> text</p>');
249
- expect(md).toContain('*italic*');
250
- });
251
-
252
- it('converts s/del tags to strikethrough', () => {
253
- const md = tiptapToMarkdown('<p>This is <s>deleted</s> text</p>');
254
- expect(md).toContain('~~deleted~~');
255
- });
256
-
257
- it('converts code tags to inline code', () => {
258
- const md = tiptapToMarkdown('<p>Use <code>foo</code> here</p>');
259
- expect(md).toContain('`foo`');
260
- });
261
-
262
- it('converts images regardless of attribute order', () => {
263
- // TipTap's default Image extension renders `src` before `alt`. The
264
- // tiptapToMarkdown parser previously required `alt` first and
265
- // silently dropped every src-first image, so a pasted/toolbar
266
- // image attached in the WYSIWYG editor never made it back into
267
- // the outgoing markdown.
268
- const altFirst = tiptapToMarkdown('<p><img alt="Logo" src="logo.png"></p>');
269
- expect(altFirst).toContain('![Logo](logo.png)');
270
- const srcFirst = tiptapToMarkdown('<p><img src="attachments/xyz.png" alt="xyz"></p>');
271
- expect(srcFirst).toContain('![xyz](attachments/xyz.png)');
272
- const srcOnly = tiptapToMarkdown('<p><img src="attachments/nm.png"></p>');
273
- expect(srcOnly).toContain('![](attachments/nm.png)');
274
- });
275
-
276
- it('converts links', () => {
277
- const md = tiptapToMarkdown('<p><a href="https://example.com">Example</a></p>');
278
- expect(md).toContain('[Example](https://example.com)');
279
- });
280
-
281
- it('converts code blocks with language', () => {
282
- const md = tiptapToMarkdown('<pre><code class="language-js">const x = 1;</code></pre>');
283
- expect(md).toContain('```js');
284
- expect(md).toContain('const x = 1;');
285
- expect(md).toContain('```');
286
- });
287
-
288
- it('converts code blocks without language', () => {
289
- const md = tiptapToMarkdown('<pre><code>plain code</code></pre>');
290
- expect(md).toContain('```');
291
- expect(md).toContain('plain code');
292
- });
293
-
294
- it('converts code blocks when <pre> carries attributes (real getHTML shape)', () => {
295
- // StarterKit is configured with codeBlock HTMLAttributes, so real
296
- // editor.getHTML() output puts class="squisq-code-block" on <pre>.
297
- const md = tiptapToMarkdown(
298
- '<pre class="squisq-code-block"><code class="language-js">const x = 1;</code></pre>',
299
- );
300
- expect(md).toContain('```js');
301
- expect(md).toContain('const x = 1;');
302
- });
303
-
304
- it('converts attribute-bearing code blocks without language', () => {
305
- const md = tiptapToMarkdown('<pre class="squisq-code-block"><code>plain code</code></pre>');
306
- expect(md).toContain('```\nplain code\n```');
307
- });
308
-
309
- it('extracts language regardless of surrounding attributes on <code>', () => {
310
- const md = tiptapToMarkdown(
311
- '<pre class="squisq-code-block"><code spellcheck="false" class="language-python">x = 1</code></pre>',
312
- );
313
- expect(md).toContain('```python');
314
- expect(md).toContain('x = 1');
315
- });
316
-
317
- it('converts blockquotes', () => {
318
- const md = tiptapToMarkdown('<blockquote><p>A wise quote</p></blockquote>');
319
- expect(md).toContain('> ');
320
- expect(md).toContain('A wise quote');
321
- });
322
-
323
- it('keeps adjacent blockquote nodes on adjacent markdown lines', () => {
324
- const md = tiptapToMarkdown(
325
- '<blockquote><p>A wise quote</p></blockquote><blockquote><p>-- Ada</p></blockquote>',
326
- );
327
- expect(md).toBe('> A wise quote\n> -- Ada\n');
328
- });
329
-
330
- it('converts horizontal rules', () => {
331
- const md = tiptapToMarkdown('<p>Before</p><hr><p>After</p>');
332
- expect(md).toContain('---');
333
- });
334
-
335
- it('converts unordered lists', () => {
336
- const md = tiptapToMarkdown('<ul><li><p>Alpha</p></li><li><p>Beta</p></li></ul>');
337
- expect(md).toContain('- Alpha');
338
- expect(md).toContain('- Beta');
339
- });
340
-
341
- it('converts ordered lists', () => {
342
- const md = tiptapToMarkdown('<ol><li><p>First</p></li><li><p>Second</p></li></ol>');
343
- expect(md).toContain('1. First');
344
- expect(md).toContain('2. Second');
345
- });
346
-
347
- it('converts task lists, preserving checked state and text', () => {
348
- // Mirrors the structure Tiptap's getHTML() emits for TaskItem:
349
- // a <label> holding the checkbox chrome, then a content <div>.
350
- const html =
351
- '<ul data-type="taskList">' +
352
- '<li data-type="taskItem" data-checked="false"><label><input type="checkbox"><span></span></label><div><p>buy milk</p></div></li>' +
353
- '<li data-type="taskItem" data-checked="true"><label><input type="checkbox" checked="checked"><span></span></label><div><p>walk dog</p></div></li>' +
354
- '</ul>';
355
- const md = tiptapToMarkdown(html);
356
- expect(md).toContain('- [ ] buy milk');
357
- expect(md).toContain('- [x] walk dog');
358
- // The unchecked item must NOT be promoted to checked.
359
- expect(md).not.toContain('- [x] buy milk');
360
- });
361
-
362
- it('preserves a still-empty task item', () => {
363
- const html =
364
- '<ul data-type="taskList">' +
365
- '<li data-type="taskItem" data-checked="false"><label><input type="checkbox"><span></span></label><div><p></p></div></li>' +
366
- '</ul>';
367
- const md = tiptapToMarkdown(html);
368
- expect(md).toContain('- [ ]');
369
- });
370
-
371
- it('converts tables', () => {
372
- const html =
373
- '<table><thead><tr><th>Name</th><th>Age</th></tr></thead>' +
374
- '<tbody><tr><td>Alice</td><td>30</td></tr></tbody></table>';
375
- const md = tiptapToMarkdown(html);
376
- expect(md).toContain('| Name | Age |');
377
- expect(md).toContain('| --- | --- |');
378
- expect(md).toContain('| Alice | 30 |');
379
- });
380
-
381
- it('preserves template annotations in headings', () => {
382
- const html = '<h2 data-template="statHighlight" data-template-params="stat=42%">Stats</h2>';
383
- const md = tiptapToMarkdown(html);
384
- expect(md).toContain('## Stats');
385
- expect(md).toContain('{[statHighlight');
386
- expect(md).toContain('stat=42%');
387
- });
388
-
389
- it('unescapes HTML entities', () => {
390
- const md = tiptapToMarkdown('<pre><code>&lt;div&gt; &amp; &quot;test&quot;</code></pre>');
391
- expect(md).toContain('<div>');
392
- expect(md).toContain('&');
393
- expect(md).toContain('"test"');
394
- });
395
-
396
- it('converts <br> to a hard line break (two trailing spaces)', () => {
397
- const md = tiptapToMarkdown('<p>line one<br>line two</p>');
398
- expect(md).toContain('line one \nline two');
399
- });
400
-
401
- it('preserves paragraph break inside list items', () => {
402
- const md = tiptapToMarkdown(
403
- '<ul><li><p><strong>Title</strong></p><p>Description text</p></li></ul>',
404
- );
405
- expect(md).toContain('- **Title**');
406
- expect(md).toContain(' Description text');
407
- });
408
-
409
- it('preserves <br> hard break inside list items', () => {
410
- const md = tiptapToMarkdown('<ul><li><p>First line<br>Second line</p></li></ul>');
411
- expect(md).toContain('- First line ');
412
- expect(md).toContain(' Second line');
413
- });
414
-
415
- it('keeps a <video> nested in a list item (no silent drop)', () => {
416
- const md = tiptapToMarkdown(
417
- '<ol><li><p>Step</p><video src="video/clip.webm" width="480" controls=""></video></li></ol>',
418
- );
419
- expect(md).toContain('1. Step');
420
- // The media survives, indented as a continuation of the list item.
421
- expect(md).toContain(' <video src="video/clip.webm" controls width="480"></video>');
422
- });
423
-
424
- it('keeps an <audio> nested in a list item', () => {
425
- const md = tiptapToMarkdown(
426
- '<ul><li><p>Note</p><audio src="audio/take.webm" controls=""></audio></li></ul>',
427
- );
428
- expect(md).toContain('- Note');
429
- expect(md).toContain(' <audio src="audio/take.webm" controls></audio>');
430
- });
431
-
432
- it('keeps a media-only list item (first tag takes the bullet)', () => {
433
- const md = tiptapToMarkdown(
434
- '<ul><li><video src="video/only.webm" controls=""></video></li></ul>',
435
- );
436
- expect(md).toContain('- <video src="video/only.webm" controls></video>');
437
- });
438
- });
439
-
440
- // ---------------------------------------------------------------------------
441
- // Round-trip tests
442
- // ---------------------------------------------------------------------------
443
-
444
- describe('round-trip: markdownToTiptap → tiptapToMarkdown', () => {
445
- const roundTrip = (md: string) => tiptapToMarkdown(markdownToTiptap(md));
446
-
447
- it('preserves plain text', () => {
448
- expect(roundTrip('Hello world')).toContain('Hello world');
449
- });
450
-
451
- it('preserves headings', () => {
452
- const result = roundTrip('## My Heading');
453
- expect(result).toContain('## My Heading');
454
- });
455
-
456
- it('preserves bold text', () => {
457
- expect(roundTrip('Some **bold** here')).toContain('**bold**');
458
- });
459
-
460
- it('preserves italic text', () => {
461
- expect(roundTrip('Some *italic* here')).toContain('*italic*');
462
- });
463
-
464
- it('preserves inline code', () => {
465
- expect(roundTrip('Use `code` here')).toContain('`code`');
466
- });
467
-
468
- it('preserves code blocks', () => {
469
- const md = '```js\nconst x = 1;\n```';
470
- const result = roundTrip(md);
471
- expect(result).toContain('```js');
472
- expect(result).toContain('const x = 1;');
473
- });
474
-
475
- it('preserves links', () => {
476
- const result = roundTrip('Click [here](https://example.com)');
477
- expect(result).toContain('[here](https://example.com)');
478
- });
479
-
480
- it('preserves blockquotes', () => {
481
- expect(roundTrip('> Important note')).toContain('> Important note');
482
- });
483
-
484
- it('does not add a blank line before a quote attribution', () => {
485
- const md = [
486
- '### A Famous Quote {[quote]}',
487
- '',
488
- '> "The best way to predict the future is to invent it."',
489
- '> -- Alan Kay',
490
- ].join('\n');
491
-
492
- expect(roundTrip(md)).toBe(md + '\n');
493
- });
494
-
495
- it('does not add a blank line after Tiptap normalizes a quote attribution', () => {
496
- const md = ['> "The best way to predict the future is to invent it."', '> -- Alan Kay'].join(
497
- '\n',
498
- );
499
- const editor = new Editor({
500
- extensions: [StarterKit],
501
- content: markdownToTiptap(md),
502
- });
503
-
504
- const normalizedHtml = editor.getHTML();
505
- expect(normalizedHtml.match(/<blockquote>/g)).toHaveLength(1);
506
- expect(tiptapToMarkdown(normalizedHtml)).toBe(md + '\n');
507
- editor.destroy();
508
- });
509
-
510
- it('preserves unordered lists', () => {
511
- const result = roundTrip('- Alpha\n- Beta');
512
- expect(result).toContain('- Alpha');
513
- expect(result).toContain('- Beta');
514
- });
515
-
516
- it('preserves ordered lists', () => {
517
- const result = roundTrip('1. First\n2. Second');
518
- expect(result).toContain('1. First');
519
- expect(result).toContain('2. Second');
520
- });
521
-
522
- it('preserves task lists with mixed checked state', () => {
523
- const result = roundTrip('- [ ] buy milk\n- [x] walk dog');
524
- expect(result).toContain('- [ ] buy milk');
525
- expect(result).toContain('- [x] walk dog');
526
- expect(result).not.toContain('- [x] buy milk');
527
- });
528
-
529
- it('preserves extra blank lines between paragraphs exactly', () => {
530
- expect(roundTrip('Alpha\n\nBeta\n')).toBe('Alpha\n\nBeta\n');
531
- expect(roundTrip('Alpha\n\n\nBeta\n')).toBe('Alpha\n\n\nBeta\n');
532
- expect(roundTrip('Alpha\n\n\n\nBeta\n')).toBe('Alpha\n\n\n\nBeta\n');
533
- });
534
-
535
- it('preserves trailing empty paragraphs exactly', () => {
536
- expect(roundTrip('Alpha\n\n')).toBe('Alpha\n\n');
537
- });
538
-
539
- it('preserves leading paragraph spaces exactly', () => {
540
- expect(roundTrip(' indented\n')).toBe(' indented\n');
541
- expect(roundTrip('Alpha\n\n Beta\n')).toBe('Alpha\n\n Beta\n');
542
- });
543
-
544
- it('preserves quoted template params with spaces', () => {
545
- const result = roundTrip(
546
- '## Gallery {[imageWithCaption src=photo.jpg caption="Beach at sunset"]}',
547
- );
548
- expect(result).toContain('{[imageWithCaption src=photo.jpg caption="Beach at sunset"]}');
549
- });
550
-
551
- it('preserves single-quoted template params', () => {
552
- const result = roundTrip("## X {[quote text='A long caption']}");
553
- expect(result).toContain("text='A long caption'");
554
- });
555
-
556
- it('preserves quoted Pandoc attribute values with spaces', () => {
557
- const result = roundTrip('## X {#intro caption="hello world"}');
558
- expect(result).toContain('{#intro caption="hello world"}');
559
- });
560
-
561
- it('preserves both annotation forms with quoted values on one heading', () => {
562
- const result = roundTrip('## X {#a label="big plan"} {[quote text="She left"]}');
563
- expect(result).toContain('{#a label="big plan"}');
564
- expect(result).toContain('{[quote text="She left"]}');
565
- });
566
- });
@@ -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
- });