@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.
- package/LICENSE +21 -0
- package/NOTICE.md +40 -0
- package/dist/index.d.ts +188 -55
- package/dist/index.js +5094 -2948
- package/dist/monaco.js +0 -1
- package/dist/styles/index.css +234 -145
- package/package.json +9 -6
- package/dist/index.js.map +0 -1
- package/dist/monaco.js.map +0 -1
- package/src/BlockCardView.tsx +0 -121
- package/src/BlockPreviewPanel.tsx +0 -69
- package/src/BlockPropertiesPopover.tsx +0 -222
- package/src/DocumentSettingsDialog.tsx +0 -272
- package/src/DropZoneOverlay.tsx +0 -137
- package/src/EditorContext.tsx +0 -1274
- package/src/EditorShell.tsx +0 -1358
- package/src/EmojiPicker.tsx +0 -332
- package/src/FolderView.tsx +0 -131
- package/src/Icon.tsx +0 -26
- package/src/ImageEditor.tsx +0 -395
- package/src/ImageNodeView.tsx +0 -284
- package/src/ImageViewer.tsx +0 -221
- package/src/InlineIcon.ts +0 -84
- package/src/InlinePreviewGutter.tsx +0 -590
- package/src/LinkDialog.tsx +0 -276
- package/src/MediaBin.tsx +0 -500
- package/src/MentionExtension.tsx +0 -261
- package/src/OutlinePanel.tsx +0 -547
- package/src/PlainHtmlPreview.tsx +0 -277
- package/src/PreviewControls.tsx +0 -1265
- package/src/PreviewPanel.tsx +0 -426
- package/src/RawEditor.tsx +0 -743
- package/src/RecorderEntry.tsx +0 -162
- package/src/StatusBar.tsx +0 -51
- package/src/TemplateAnnotation.ts +0 -167
- package/src/TemplateContentPreview.tsx +0 -56
- package/src/TemplatePicker.tsx +0 -1314
- package/src/ThemeCustomizerPanel.tsx +0 -304
- package/src/ThemePicker.tsx +0 -433
- package/src/TimelineBlockPreview.tsx +0 -37
- package/src/TimelineTrack.tsx +0 -671
- package/src/Toolbar.tsx +0 -2885
- package/src/Tooltip.tsx +0 -142
- package/src/TransitionPicker.tsx +0 -390
- package/src/VersionHistoryPanel.tsx +0 -359
- package/src/ViewMenuPanel.tsx +0 -189
- package/src/ViewSwitcher.tsx +0 -56
- package/src/WysiwygEditor.tsx +0 -806
- package/src/__tests__/blockProperties.test.ts +0 -92
- package/src/__tests__/blockPropertiesPopoverTheme.test.tsx +0 -33
- package/src/__tests__/blockRange.test.ts +0 -105
- package/src/__tests__/blockTagActivity.test.ts +0 -183
- package/src/__tests__/buildDocumentPreviewMarkdown.test.ts +0 -75
- package/src/__tests__/buildPreviewDocContent.test.ts +0 -65
- package/src/__tests__/buildPreviewDocTransition.test.ts +0 -92
- package/src/__tests__/canvasSurfaceTextEditing.test.tsx +0 -60
- package/src/__tests__/codeContextSectionView.test.tsx +0 -97
- package/src/__tests__/codeContextZoneManager.test.ts +0 -127
- package/src/__tests__/createShapeLayer.test.ts +0 -46
- package/src/__tests__/customLayoutManagerTheme.test.tsx +0 -34
- package/src/__tests__/detectMarkdown.test.ts +0 -73
- package/src/__tests__/diffContextSections.test.ts +0 -39
- package/src/__tests__/documentSettingsDialog.test.tsx +0 -197
- package/src/__tests__/drawingShapeRoundTrip.test.ts +0 -49
- package/src/__tests__/editorScrollHandoff.test.tsx +0 -102
- package/src/__tests__/editorScrollSync.test.ts +0 -65
- package/src/__tests__/editorShellCodeContext.test.tsx +0 -86
- package/src/__tests__/editorShellProps.test.tsx +0 -550
- package/src/__tests__/embeddedMedia.test.ts +0 -48
- package/src/__tests__/emojiPicker.test.tsx +0 -93
- package/src/__tests__/fileKind.test.ts +0 -112
- package/src/__tests__/findMode.test.tsx +0 -104
- package/src/__tests__/findModel.test.ts +0 -55
- package/src/__tests__/headingTransition.test.ts +0 -176
- package/src/__tests__/imageEditAffordance.test.tsx +0 -272
- package/src/__tests__/imageEditModalContract.test.tsx +0 -119
- package/src/__tests__/imageEditorShell.test.tsx +0 -94
- package/src/__tests__/imageEditorState.test.ts +0 -171
- package/src/__tests__/inlinePreviewGutter.test.tsx +0 -62
- package/src/__tests__/inlinePreviewGutterAllBlocks.test.tsx +0 -103
- package/src/__tests__/jsonEditor.test.tsx +0 -223
- package/src/__tests__/layersPanel.test.tsx +0 -167
- package/src/__tests__/layoutChildRoundTrip.test.ts +0 -71
- package/src/__tests__/linkDialogDocPicker.test.tsx +0 -137
- package/src/__tests__/majorApiTypes.test.ts +0 -26
- package/src/__tests__/markdownCodeFence.test.ts +0 -45
- package/src/__tests__/mediaAttachmentFlow.test.ts +0 -110
- package/src/__tests__/mediaBinDrop.test.tsx +0 -90
- package/src/__tests__/mediaReferences.test.ts +0 -97
- package/src/__tests__/narrationSave.test.ts +0 -148
- package/src/__tests__/outlinePanel.test.tsx +0 -169
- package/src/__tests__/outlineSource.test.ts +0 -217
- package/src/__tests__/plainHtmlPreview.test.tsx +0 -125
- package/src/__tests__/presentationMode.test.tsx +0 -290
- package/src/__tests__/previewControls.test.tsx +0 -571
- package/src/__tests__/previewPanelAudioFailure.test.tsx +0 -46
- package/src/__tests__/previewPanelPresentation.test.tsx +0 -126
- package/src/__tests__/previewPanelTransforms.test.tsx +0 -117
- package/src/__tests__/propertiesPanel.test.tsx +0 -69
- package/src/__tests__/rawEditorModelIsolation.test.ts +0 -19
- package/src/__tests__/recorderFormats.test.ts +0 -146
- package/src/__tests__/recorderMediaInsert.test.ts +0 -86
- package/src/__tests__/recorderTheme.test.tsx +0 -42
- package/src/__tests__/recorderTimingJson.test.ts +0 -41
- package/src/__tests__/resolveBlockVisual.test.ts +0 -43
- package/src/__tests__/selectionConversions.test.ts +0 -80
- package/src/__tests__/statusBar.test.tsx +0 -27
- package/src/__tests__/teleprompter.test.tsx +0 -190
- package/src/__tests__/templateAnnotationRoundTrip.test.ts +0 -99
- package/src/__tests__/templateContentPreview.test.ts +0 -101
- package/src/__tests__/templatePickerMetadata.test.ts +0 -32
- package/src/__tests__/templatePickerPortal.test.tsx +0 -62
- package/src/__tests__/timelineSource.test.ts +0 -134
- package/src/__tests__/tiptapBridge.test.ts +0 -575
- package/src/__tests__/tiptapBridgeConformance.test.ts +0 -47
- package/src/__tests__/tiptapCodeBlockRoundTrip.test.ts +0 -109
- package/src/__tests__/tiptapImageRoundTrip.test.ts +0 -73
- package/src/__tests__/toolbarSelectionConversion.test.tsx +0 -190
- package/src/__tests__/tooltip.test.tsx +0 -72
- package/src/__tests__/transformStyleId.test.ts +0 -13
- package/src/__tests__/transitionCatalog.test.ts +0 -64
- package/src/__tests__/useBlockNavigator.test.tsx +0 -67
- package/src/__tests__/useImageEditor.test.tsx +0 -226
- package/src/__tests__/useJsonEditorTokens.test.ts +0 -59
- package/src/__tests__/useMediaRecorder.test.ts +0 -302
- package/src/__tests__/useTimelineClock.test.ts +0 -21
- package/src/__tests__/versionHistory.test.tsx +0 -197
- package/src/__tests__/viewMenuPanel.test.tsx +0 -130
- package/src/__tests__/writeCanvasSettings.test.ts +0 -15
- package/src/__tests__/wysiwygImageUpload.test.ts +0 -69
- package/src/__tests__/wysiwygTemplateBadgeFocus.test.tsx +0 -56
- package/src/asciiDiagram/AsciiDiagramExtension.ts +0 -343
- package/src/asciiDiagram/AsciiDiagramWidget.tsx +0 -254
- package/src/asciiDiagram/RepairableDiagramExtension.ts +0 -200
- package/src/asciiDiagram/__tests__/AsciiDiagramExtension.test.ts +0 -164
- package/src/asciiDiagram/__tests__/RepairableDiagramExtension.test.ts +0 -159
- package/src/asciiDiagram/__tests__/asciiDiagramCommands.test.ts +0 -284
- package/src/asciiDiagram/__tests__/asciiDiagramOps.test.ts +0 -114
- package/src/asciiDiagram/__tests__/asciiPaste.test.ts +0 -43
- package/src/asciiDiagram/asciiDiagramCommands.ts +0 -174
- package/src/asciiDiagram/asciiDiagramData.ts +0 -149
- package/src/asciiDiagram/asciiDiagramOps.ts +0 -238
- package/src/asciiDiagram/asciiPaste.ts +0 -19
- package/src/blockProperties.ts +0 -88
- package/src/blockRange.ts +0 -132
- package/src/blockSlice.ts +0 -75
- package/src/blockTagActivity.ts +0 -233
- package/src/buildDocumentPreviewMarkdown.ts +0 -168
- package/src/buildPreviewDoc.ts +0 -407
- package/src/codeContext/CodeContextSectionView.tsx +0 -124
- package/src/codeContext/CodeContextZoneManager.ts +0 -149
- package/src/codeContext/CodeContextZones.tsx +0 -121
- package/src/codeContext/diffContextSections.ts +0 -38
- package/src/codeContext/types.ts +0 -75
- package/src/codeSnippet/CodeSnippetExtension.ts +0 -205
- package/src/codeSnippet/CodeSnippetWidget.tsx +0 -109
- package/src/codeSnippet/__tests__/CodeSnippetExtension.test.ts +0 -95
- package/src/codeSnippet/__tests__/codeSnippetLanguages.test.ts +0 -50
- package/src/codeSnippet/codeSnippetCommands.ts +0 -21
- package/src/codeSnippet/codeSnippetData.ts +0 -43
- package/src/codeSnippet/codeSnippetLanguages.ts +0 -216
- package/src/customTemplates/AddBin.tsx +0 -126
- package/src/customTemplates/CustomLayoutManager.tsx +0 -234
- package/src/customTemplates/CustomTemplateContext.tsx +0 -188
- package/src/customTemplates/LayerToolbar.tsx +0 -580
- package/src/customTemplates/ShapeGlyph.tsx +0 -47
- package/src/customTemplates/TemplateDesigner.tsx +0 -433
- package/src/customTemplates/__tests__/library.test.ts +0 -96
- package/src/customTemplates/__tests__/normalizePositions.test.ts +0 -109
- package/src/customTemplates/__tests__/shapeDefs.test.ts +0 -49
- package/src/customTemplates/__tests__/useMemoryLayerAdapter.test.ts +0 -108
- package/src/customTemplates/designer.css +0 -732
- package/src/customTemplates/index.ts +0 -31
- package/src/customTemplates/library.ts +0 -110
- package/src/customTemplates/normalizePositions.ts +0 -75
- package/src/customTemplates/shapeDefs.ts +0 -131
- package/src/customTemplates/thumbnail.tsx +0 -63
- package/src/customTemplates/tokenDefs.ts +0 -60
- package/src/customTemplates/useDocCustomTemplates.ts +0 -52
- package/src/customTemplates/useMemoryLayerAdapter.ts +0 -129
- package/src/customThemes/CustomThemeContext.tsx +0 -185
- package/src/customThemes/CustomThemeDialog.tsx +0 -316
- package/src/customThemes/ImportThemeSection.tsx +0 -178
- package/src/customThemes/__tests__/CustomThemeContext.test.tsx +0 -64
- package/src/customThemes/__tests__/CustomThemeDialog.test.tsx +0 -47
- package/src/customThemes/__tests__/customThemeLibrary.test.ts +0 -60
- package/src/customThemes/__tests__/importThemeSection.test.tsx +0 -192
- package/src/customThemes/customThemeLibrary.ts +0 -100
- package/src/customThemes/index.ts +0 -37
- package/src/customThemes/themeControls.tsx +0 -229
- package/src/customThemes/themeDraft.ts +0 -288
- package/src/customThemes/useDocCustomThemes.ts +0 -49
- package/src/detectMarkdown.ts +0 -62
- package/src/diagram/DiagramCanvas.tsx +0 -260
- package/src/diagram/DiagramMaximizedOverlay.tsx +0 -46
- package/src/diagram/diagramCommands.ts +0 -604
- package/src/diagram/diagramConstants.ts +0 -17
- package/src/diagram/types.ts +0 -35
- package/src/editorScrollSync.ts +0 -73
- package/src/embeddedMedia.ts +0 -78
- package/src/emojiData.ts +0 -1317
- package/src/fileKind.ts +0 -158
- package/src/find/FindHighlightExtension.ts +0 -81
- package/src/find/FindToolbar.tsx +0 -314
- package/src/find/findModel.ts +0 -77
- package/src/frontmatter.ts +0 -29
- package/src/frontmatterSettings.ts +0 -23
- package/src/headingTransition.ts +0 -291
- package/src/hooks/useFileDrop.ts +0 -266
- package/src/imageEditor/CanvasSurface.tsx +0 -703
- package/src/imageEditor/ImageVersionHistoryDropdown.tsx +0 -396
- package/src/imageEditor/LayersPanel.tsx +0 -218
- package/src/imageEditor/PropertiesPanel.tsx +0 -474
- package/src/imageEditor/Toolbar.tsx +0 -459
- package/src/imageEditor/createShapeLayer.ts +0 -280
- package/src/imageEditor/icons.tsx +0 -68
- package/src/imageEditor/image-editor.css +0 -574
- package/src/imageEditor/layers/EditorImageLayer.tsx +0 -45
- package/src/imageEditor/layers/EditorShapeLayer.tsx +0 -62
- package/src/imageEditor/layers/EditorTextLayer.tsx +0 -45
- package/src/imageEditor/layers/SelectionHandles.tsx +0 -86
- package/src/imageEditor/state.ts +0 -173
- package/src/imageEditor/useImageEditor.ts +0 -385
- package/src/imageEditor/useImageEditorTokens.ts +0 -70
- package/src/index.ts +0 -559
- package/src/jsonEditor/EmbeddedRichTextField.tsx +0 -81
- package/src/jsonEditor/JsonEditor.tsx +0 -81
- package/src/jsonEditor/JsonEditorContext.tsx +0 -81
- package/src/jsonEditor/RenderNode.tsx +0 -87
- package/src/jsonEditor/editors.tsx +0 -745
- package/src/jsonEditor/index.ts +0 -2
- package/src/jsonEditor/json-editor.css +0 -463
- package/src/jsonEditor/useJsonEditorTokens.ts +0 -33
- package/src/markdownCodeFence.ts +0 -72
- package/src/mediaDragMime.ts +0 -32
- package/src/mediaEntries.ts +0 -12
- package/src/mediaReferences.ts +0 -301
- package/src/mermaid/MermaidDiagramCanvas.tsx +0 -693
- package/src/mermaid/MermaidDiagramExtension.ts +0 -243
- package/src/mermaid/MermaidDiagramTypeThumbnail.tsx +0 -184
- package/src/mermaid/MermaidDiagramWidget.tsx +0 -653
- package/src/mermaid/MermaidShapePalette.tsx +0 -245
- package/src/mermaid/__tests__/MermaidDiagramExtension.test.ts +0 -361
- package/src/mermaid/__tests__/mermaidDiagramTypes.test.ts +0 -35
- package/src/mermaid/__tests__/mermaidRenderer.test.ts +0 -49
- package/src/mermaid/__tests__/mermaidSourceOps.test.ts +0 -213
- package/src/mermaid/__tests__/mermaidSyntax.test.ts +0 -71
- package/src/mermaid/mermaidCommands.ts +0 -34
- package/src/mermaid/mermaidData.ts +0 -31
- package/src/mermaid/mermaidDiagramTypes.ts +0 -325
- package/src/mermaid/mermaidModel.ts +0 -31
- package/src/mermaid/mermaidRenderer.ts +0 -181
- package/src/mermaid/mermaidShapes.ts +0 -113
- package/src/mermaid/mermaidSourceOps.ts +0 -454
- package/src/monaco.ts +0 -35
- package/src/monacoWorkers.ts +0 -89
- package/src/outlineSource.ts +0 -171
- package/src/presentation/PresentationMode.tsx +0 -596
- package/src/rawEditorIsolation.ts +0 -18
- package/src/recorder/RecorderButton.tsx +0 -80
- package/src/recorder/RecorderModal.tsx +0 -706
- package/src/recorder/RecorderPanel.tsx +0 -77
- package/src/recorder/formats.ts +0 -159
- package/src/recorder/hooks/useMediaRecorder.ts +0 -436
- package/src/recorder/hooks/useStreamPreview.ts +0 -47
- package/src/recorder/insertMediaBlock.ts +0 -30
- package/src/recorder/sources/cameraStream.ts +0 -32
- package/src/recorder/sources/micStream.ts +0 -25
- package/src/recorder/sources/screenStream.ts +0 -162
- package/src/recorder/timingJson.ts +0 -66
- package/src/resolveBlockVisual.ts +0 -39
- package/src/scene/Scene.tsx +0 -647
- package/src/scene/SceneBlockExtension.ts +0 -205
- package/src/scene/SceneBlockToolbar.tsx +0 -216
- package/src/scene/SceneBlockWidget.tsx +0 -441
- package/src/scene/ScenePropsBar.tsx +0 -85
- package/src/scene/SceneSelection.tsx +0 -111
- package/src/scene/SceneSideToolbar.tsx +0 -89
- package/src/scene/SceneViewControls.tsx +0 -43
- package/src/scene/SceneViewport.tsx +0 -106
- package/src/scene/ShapePalette.tsx +0 -196
- package/src/scene/__tests__/DiagramAdapter.test.ts +0 -142
- package/src/scene/__tests__/SceneBlockExtension.test.ts +0 -33
- package/src/scene/__tests__/bezierEdit.test.ts +0 -85
- package/src/scene/__tests__/blockLayers.test.ts +0 -57
- package/src/scene/__tests__/fitScale.test.ts +0 -19
- package/src/scene/__tests__/sceneIsolation.test.tsx +0 -119
- package/src/scene/__tests__/shapeLayers.test.ts +0 -106
- package/src/scene/__tests__/useSceneHitTest.test.ts +0 -90
- package/src/scene/__tests__/useScenePanZoom.test.ts +0 -130
- package/src/scene/adapters/DiagramAdapter.ts +0 -79
- package/src/scene/adapters/DrawingAdapter.ts +0 -420
- package/src/scene/adapters/LayoutAdapter.ts +0 -313
- package/src/scene/adapters/blockLayers.ts +0 -159
- package/src/scene/commands/SceneCommand.ts +0 -84
- package/src/scene/commands/drawingCommands.ts +0 -318
- package/src/scene/commands/layoutCommands.ts +0 -301
- package/src/scene/fitScale.ts +0 -17
- package/src/scene/hooks/useSceneHitTest.ts +0 -105
- package/src/scene/hooks/useScenePanZoom.ts +0 -154
- package/src/scene/hooks/useSceneSelection.ts +0 -62
- package/src/scene/index.ts +0 -90
- package/src/scene/layers/DiagramEdges.tsx +0 -142
- package/src/scene/layers/edgeGeometry.ts +0 -104
- package/src/scene/layers/nodeCard.tsx +0 -164
- package/src/scene/layers/renderLayer.tsx +0 -70
- package/src/scene/layers/shapeLayers.ts +0 -201
- package/src/scene/paths/bezierEdit.ts +0 -208
- package/src/scene/scene.css +0 -874
- package/src/scene/text/SceneTextOverlay.tsx +0 -161
- package/src/scene/text/sceneTextChannel.ts +0 -46
- package/src/scene/text/sceneTextConfig.ts +0 -31
- package/src/scene/text/sceneTiptap.ts +0 -36
- package/src/scene/text/useSceneTextEditing.ts +0 -39
- package/src/scene/tools/ConnectTool.ts +0 -209
- package/src/scene/tools/DrawingConnectTool.ts +0 -231
- package/src/scene/tools/PathTool.ts +0 -158
- package/src/scene/tools/PlaceTool.ts +0 -47
- package/src/scene/tools/SceneTool.ts +0 -85
- package/src/scene/tools/SelectTool.ts +0 -300
- package/src/scene/tools/ShapeTool.ts +0 -143
- package/src/scene/tools/TextTool.ts +0 -72
- package/src/scene/tools/TokenTool.ts +0 -95
- package/src/scene/tools/createDrawShapeTool.ts +0 -82
- package/src/selectionConversions.ts +0 -155
- package/src/styles/ascii-diagram.css +0 -79
- package/src/styles/ascii-timeline.css +0 -596
- package/src/styles/code-context.css +0 -155
- package/src/styles/code-snippet.css +0 -76
- package/src/styles/diagram.css +0 -183
- package/src/styles/editor.css +0 -7131
- package/src/styles/folder-view.css +0 -210
- package/src/styles/image-edit-affordance.css +0 -201
- package/src/styles/index.css +0 -20
- package/src/styles/mermaid-diagram.css +0 -487
- package/src/styles/tree-view.css +0 -189
- package/src/teleprompter/TeleprompterControls.tsx +0 -218
- package/src/teleprompter/TeleprompterSelfView.tsx +0 -22
- package/src/teleprompter/TeleprompterSurface.tsx +0 -267
- package/src/teleprompter/TeleprompterView.tsx +0 -338
- package/src/teleprompter/canvasRenderer.ts +0 -161
- package/src/teleprompter/floatingWindow.ts +0 -352
- package/src/teleprompter/index.ts +0 -61
- package/src/teleprompter/pcmWorklet.ts +0 -62
- package/src/teleprompter/recording/insertPreamble.ts +0 -80
- package/src/teleprompter/recording/narrationSave.ts +0 -134
- package/src/teleprompter/recording/useNarrationRecorder.ts +0 -367
- package/src/teleprompter/scrollModel.ts +0 -85
- package/src/teleprompter/teleprompterTheme.ts +0 -303
- package/src/teleprompter/types.ts +0 -38
- package/src/teleprompter/useFloatingWindow.ts +0 -74
- package/src/teleprompter/useMicAnalysis.ts +0 -211
- package/src/teleprompter/useTeleprompter.ts +0 -421
- package/src/templateContentPreviewResolver.ts +0 -360
- package/src/timeline/TimelineEditorWidget.tsx +0 -861
- package/src/timeline/TimelineViewExtension.ts +0 -252
- package/src/timeline/__tests__/TimelineEditorWidget.test.tsx +0 -414
- package/src/timeline/__tests__/TimelineViewExtension.test.ts +0 -163
- package/src/timeline/__tests__/timelineCommands.test.ts +0 -359
- package/src/timeline/__tests__/timelineOps.test.ts +0 -277
- package/src/timeline/__tests__/timelinePaste.test.ts +0 -34
- package/src/timeline/timelineCommands.ts +0 -421
- package/src/timeline/timelineData.ts +0 -54
- package/src/timeline/timelineOps.ts +0 -381
- package/src/timeline/timelinePaste.ts +0 -8
- package/src/timelineSource.ts +0 -244
- package/src/tiptap/TiptapAudio.tsx +0 -86
- package/src/tiptap/TiptapVideo.tsx +0 -119
- package/src/tiptap/useResolvedMediaSrc.ts +0 -47
- package/src/tiptapBridge.ts +0 -986
- package/src/tooltipPlacement.ts +0 -13
- package/src/transformStyleId.ts +0 -17
- package/src/transitionCatalog.ts +0 -159
- package/src/treeview/TreeOutlineWidget.tsx +0 -390
- package/src/treeview/TreeViewExtension.ts +0 -250
- package/src/treeview/__tests__/TreeOutlineWidget.test.tsx +0 -156
- package/src/treeview/__tests__/TreeViewExtension.test.ts +0 -122
- package/src/treeview/__tests__/treeOps.test.ts +0 -177
- package/src/treeview/__tests__/treePaste.test.ts +0 -40
- package/src/treeview/__tests__/treeViewCommands.test.ts +0 -179
- package/src/treeview/treeOps.ts +0 -231
- package/src/treeview/treePaste.ts +0 -13
- package/src/treeview/treeViewCommands.ts +0 -99
- package/src/treeview/treeViewData.ts +0 -41
- package/src/types/monaco-shims.d.ts +0 -10
- package/src/useBlockNavigator.ts +0 -153
- package/src/useHeadingLayout.ts +0 -294
- package/src/useMonacoLoader.ts +0 -82
- package/src/useTimelineClock.ts +0 -76
- package/src/utils/collectInlineFontAwesomeCss.ts +0 -69
- package/src/utils/dropUtils.ts +0 -136
- package/src/utils/normalizeMalformedAssetUrl.ts +0 -22
- package/src/writeCanvasSettings.ts +0 -30
- 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> indented</p>');
|
|
35
|
-
expect(markdownToTiptap('Alpha\n\n Beta')).toBe('<p>Alpha</p><p> 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('');
|
|
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('<div>');
|
|
204
|
-
expect(html).toContain('&');
|
|
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> indented</p>')).toBe(' indented\n');
|
|
241
|
-
expect(tiptapToMarkdown('<p>\u00a0\u00a0indented</p>')).toBe(' indented\n');
|
|
242
|
-
expect(tiptapToMarkdown('<p>  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('');
|
|
279
|
-
const srcFirst = tiptapToMarkdown('<p><img src="attachments/xyz.png" alt="xyz"></p>');
|
|
280
|
-
expect(srcFirst).toContain('');
|
|
281
|
-
const srcOnly = tiptapToMarkdown('<p><img src="attachments/nm.png"></p>');
|
|
282
|
-
expect(srcOnly).toContain('');
|
|
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><div> & "test"</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
|
-
});
|