@bendyline/squisq-editor-react 1.3.0 → 1.5.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/dist/DocumentSettingsDialog.d.ts +26 -0
- package/dist/DocumentSettingsDialog.d.ts.map +1 -0
- package/dist/DocumentSettingsDialog.js +115 -0
- package/dist/DocumentSettingsDialog.js.map +1 -0
- package/dist/EditorContext.d.ts +248 -4
- package/dist/EditorContext.d.ts.map +1 -1
- package/dist/EditorContext.js +248 -10
- package/dist/EditorContext.js.map +1 -1
- package/dist/EditorShell.d.ts +184 -4
- package/dist/EditorShell.d.ts.map +1 -1
- package/dist/EditorShell.js +184 -12
- package/dist/EditorShell.js.map +1 -1
- package/dist/EmojiPicker.d.ts +50 -0
- package/dist/EmojiPicker.d.ts.map +1 -0
- package/dist/EmojiPicker.js +182 -0
- package/dist/EmojiPicker.js.map +1 -0
- package/dist/ImageEditor.d.ts +68 -0
- package/dist/ImageEditor.d.ts.map +1 -0
- package/dist/ImageEditor.js +166 -0
- package/dist/ImageEditor.js.map +1 -0
- package/dist/ImageNodeView.d.ts +13 -1
- package/dist/ImageNodeView.d.ts.map +1 -1
- package/dist/ImageNodeView.js +172 -19
- package/dist/ImageNodeView.js.map +1 -1
- package/dist/ImageViewer.d.ts +26 -0
- package/dist/ImageViewer.d.ts.map +1 -0
- package/dist/ImageViewer.js +119 -0
- package/dist/ImageViewer.js.map +1 -0
- package/dist/InlineIcon.d.ts +17 -0
- package/dist/InlineIcon.d.ts.map +1 -0
- package/dist/InlineIcon.js +72 -0
- package/dist/InlineIcon.js.map +1 -0
- package/dist/InlinePreviewGutter.d.ts +52 -0
- package/dist/InlinePreviewGutter.d.ts.map +1 -0
- package/dist/InlinePreviewGutter.js +397 -0
- package/dist/InlinePreviewGutter.js.map +1 -0
- package/dist/LinkDialog.d.ts +43 -0
- package/dist/LinkDialog.d.ts.map +1 -0
- package/dist/LinkDialog.js +102 -0
- package/dist/LinkDialog.js.map +1 -0
- package/dist/MediaBin.d.ts +12 -1
- package/dist/MediaBin.d.ts.map +1 -1
- package/dist/MediaBin.js +13 -3
- package/dist/MediaBin.js.map +1 -1
- package/dist/MentionExtension.js +10 -7
- package/dist/MentionExtension.js.map +1 -1
- package/dist/OutlinePanel.d.ts +17 -0
- package/dist/OutlinePanel.d.ts.map +1 -0
- package/dist/OutlinePanel.js +167 -0
- package/dist/OutlinePanel.js.map +1 -0
- package/dist/PlainHtmlPreview.d.ts +50 -0
- package/dist/PlainHtmlPreview.d.ts.map +1 -0
- package/dist/PlainHtmlPreview.js +155 -0
- package/dist/PlainHtmlPreview.js.map +1 -0
- package/dist/PreviewControls.d.ts +15 -1
- package/dist/PreviewControls.d.ts.map +1 -1
- package/dist/PreviewControls.js +75 -18
- package/dist/PreviewControls.js.map +1 -1
- package/dist/PreviewPanel.d.ts +11 -10
- package/dist/PreviewPanel.d.ts.map +1 -1
- package/dist/PreviewPanel.js +20 -17
- package/dist/PreviewPanel.js.map +1 -1
- package/dist/RawEditor.d.ts.map +1 -1
- package/dist/RawEditor.js +198 -4
- package/dist/RawEditor.js.map +1 -1
- package/dist/RecorderEntry.d.ts +24 -0
- package/dist/RecorderEntry.d.ts.map +1 -0
- package/dist/RecorderEntry.js +139 -0
- package/dist/RecorderEntry.js.map +1 -0
- package/dist/TemplateAnnotation.d.ts.map +1 -1
- package/dist/TemplateAnnotation.js +32 -6
- package/dist/TemplateAnnotation.js.map +1 -1
- package/dist/TemplatePicker.d.ts +53 -0
- package/dist/TemplatePicker.d.ts.map +1 -0
- package/dist/TemplatePicker.js +388 -0
- package/dist/TemplatePicker.js.map +1 -0
- package/dist/ThemeCustomizerPanel.d.ts +32 -0
- package/dist/ThemeCustomizerPanel.d.ts.map +1 -0
- package/dist/ThemeCustomizerPanel.js +256 -0
- package/dist/ThemeCustomizerPanel.js.map +1 -0
- package/dist/ThemePicker.d.ts +33 -0
- package/dist/ThemePicker.d.ts.map +1 -0
- package/dist/ThemePicker.js +148 -0
- package/dist/ThemePicker.js.map +1 -0
- package/dist/Toolbar.d.ts.map +1 -1
- package/dist/Toolbar.js +508 -33
- package/dist/Toolbar.js.map +1 -1
- package/dist/VersionHistoryPanel.d.ts +14 -0
- package/dist/VersionHistoryPanel.d.ts.map +1 -0
- package/dist/VersionHistoryPanel.js +147 -0
- package/dist/VersionHistoryPanel.js.map +1 -0
- package/dist/ViewMenuPanel.d.ts +13 -0
- package/dist/ViewMenuPanel.d.ts.map +1 -0
- package/dist/ViewMenuPanel.js +58 -0
- package/dist/ViewMenuPanel.js.map +1 -0
- package/dist/WysiwygEditor.d.ts.map +1 -1
- package/dist/WysiwygEditor.js +198 -9
- package/dist/WysiwygEditor.js.map +1 -1
- package/dist/__tests__/detectMarkdown.test.js +0 -14
- package/dist/__tests__/detectMarkdown.test.js.map +1 -1
- package/dist/__tests__/documentSettingsDialog.test.d.ts +2 -0
- package/dist/__tests__/documentSettingsDialog.test.d.ts.map +1 -0
- package/dist/__tests__/documentSettingsDialog.test.js +132 -0
- package/dist/__tests__/documentSettingsDialog.test.js.map +1 -0
- package/dist/__tests__/emojiPicker.test.d.ts +2 -0
- package/dist/__tests__/emojiPicker.test.d.ts.map +1 -0
- package/dist/__tests__/emojiPicker.test.js +111 -0
- package/dist/__tests__/emojiPicker.test.js.map +1 -0
- package/dist/__tests__/fileKind.test.js +13 -0
- package/dist/__tests__/fileKind.test.js.map +1 -1
- package/dist/__tests__/imageEditAffordance.test.d.ts +2 -0
- package/dist/__tests__/imageEditAffordance.test.d.ts.map +1 -0
- package/dist/__tests__/imageEditAffordance.test.js +188 -0
- package/dist/__tests__/imageEditAffordance.test.js.map +1 -0
- package/dist/__tests__/imageEditorShell.test.d.ts +2 -0
- package/dist/__tests__/imageEditorShell.test.d.ts.map +1 -0
- package/dist/__tests__/imageEditorShell.test.js +52 -0
- package/dist/__tests__/imageEditorShell.test.js.map +1 -0
- package/dist/__tests__/imageEditorState.test.d.ts +3 -0
- package/dist/__tests__/imageEditorState.test.d.ts.map +1 -0
- package/dist/__tests__/imageEditorState.test.js +148 -0
- package/dist/__tests__/imageEditorState.test.js.map +1 -0
- package/dist/__tests__/inlinePreviewGutter.test.d.ts +2 -0
- package/dist/__tests__/inlinePreviewGutter.test.d.ts.map +1 -0
- package/dist/__tests__/inlinePreviewGutter.test.js +51 -0
- package/dist/__tests__/inlinePreviewGutter.test.js.map +1 -0
- package/dist/__tests__/inlinePreviewGutterAllBlocks.test.d.ts +2 -0
- package/dist/__tests__/inlinePreviewGutterAllBlocks.test.d.ts.map +1 -0
- package/dist/__tests__/inlinePreviewGutterAllBlocks.test.js +63 -0
- package/dist/__tests__/inlinePreviewGutterAllBlocks.test.js.map +1 -0
- package/dist/__tests__/jsonEditor.test.d.ts +2 -0
- package/dist/__tests__/jsonEditor.test.d.ts.map +1 -0
- package/dist/__tests__/jsonEditor.test.js +134 -0
- package/dist/__tests__/jsonEditor.test.js.map +1 -0
- package/dist/__tests__/layersPanel.test.d.ts +2 -0
- package/dist/__tests__/layersPanel.test.d.ts.map +1 -0
- package/dist/__tests__/layersPanel.test.js +84 -0
- package/dist/__tests__/layersPanel.test.js.map +1 -0
- package/dist/__tests__/linkDialogDocPicker.test.d.ts +7 -0
- package/dist/__tests__/linkDialogDocPicker.test.d.ts.map +1 -0
- package/dist/__tests__/linkDialogDocPicker.test.js +75 -0
- package/dist/__tests__/linkDialogDocPicker.test.js.map +1 -0
- package/dist/__tests__/mediaAttachmentFlow.test.d.ts +2 -0
- package/dist/__tests__/mediaAttachmentFlow.test.d.ts.map +1 -0
- package/dist/__tests__/mediaAttachmentFlow.test.js +99 -0
- package/dist/__tests__/mediaAttachmentFlow.test.js.map +1 -0
- package/dist/__tests__/outlinePanel.test.d.ts +2 -0
- package/dist/__tests__/outlinePanel.test.d.ts.map +1 -0
- package/dist/__tests__/outlinePanel.test.js +68 -0
- package/dist/__tests__/outlinePanel.test.js.map +1 -0
- package/dist/__tests__/plainHtmlPreview.test.d.ts +2 -0
- package/dist/__tests__/plainHtmlPreview.test.d.ts.map +1 -0
- package/dist/__tests__/plainHtmlPreview.test.js +87 -0
- package/dist/__tests__/plainHtmlPreview.test.js.map +1 -0
- package/dist/__tests__/propertiesPanel.test.d.ts +2 -0
- package/dist/__tests__/propertiesPanel.test.d.ts.map +1 -0
- package/dist/__tests__/propertiesPanel.test.js +64 -0
- package/dist/__tests__/propertiesPanel.test.js.map +1 -0
- package/dist/__tests__/recorderFormats.test.d.ts +2 -0
- package/dist/__tests__/recorderFormats.test.d.ts.map +1 -0
- package/dist/__tests__/recorderFormats.test.js +121 -0
- package/dist/__tests__/recorderFormats.test.js.map +1 -0
- package/dist/__tests__/recorderTimingJson.test.d.ts +2 -0
- package/dist/__tests__/recorderTimingJson.test.d.ts.map +1 -0
- package/dist/__tests__/recorderTimingJson.test.js +37 -0
- package/dist/__tests__/recorderTimingJson.test.js.map +1 -0
- package/dist/__tests__/templateAnnotationRoundTrip.test.d.ts +2 -0
- package/dist/__tests__/templateAnnotationRoundTrip.test.d.ts.map +1 -0
- package/dist/__tests__/templateAnnotationRoundTrip.test.js +31 -0
- package/dist/__tests__/templateAnnotationRoundTrip.test.js.map +1 -0
- package/dist/__tests__/tiptapBridge.test.js +26 -0
- package/dist/__tests__/tiptapBridge.test.js.map +1 -1
- package/dist/__tests__/tiptapImageRoundTrip.test.d.ts +2 -0
- package/dist/__tests__/tiptapImageRoundTrip.test.d.ts.map +1 -0
- package/dist/__tests__/tiptapImageRoundTrip.test.js +68 -0
- package/dist/__tests__/tiptapImageRoundTrip.test.js.map +1 -0
- package/dist/__tests__/useImageEditor.test.d.ts +2 -0
- package/dist/__tests__/useImageEditor.test.d.ts.map +1 -0
- package/dist/__tests__/useImageEditor.test.js +131 -0
- package/dist/__tests__/useImageEditor.test.js.map +1 -0
- package/dist/__tests__/useMediaRecorder.test.d.ts +2 -0
- package/dist/__tests__/useMediaRecorder.test.d.ts.map +1 -0
- package/dist/__tests__/useMediaRecorder.test.js +153 -0
- package/dist/__tests__/useMediaRecorder.test.js.map +1 -0
- package/dist/__tests__/versionHistory.test.d.ts +2 -0
- package/dist/__tests__/versionHistory.test.d.ts.map +1 -0
- package/dist/__tests__/versionHistory.test.js +124 -0
- package/dist/__tests__/versionHistory.test.js.map +1 -0
- package/dist/blockSlice.d.ts +24 -0
- package/dist/blockSlice.d.ts.map +1 -0
- package/dist/blockSlice.js +63 -0
- package/dist/blockSlice.js.map +1 -0
- package/dist/buildPreviewDoc.d.ts.map +1 -1
- package/dist/buildPreviewDoc.js +52 -2
- package/dist/buildPreviewDoc.js.map +1 -1
- package/dist/emojiData.d.ts +81 -0
- package/dist/emojiData.d.ts.map +1 -0
- package/dist/emojiData.js +1283 -0
- package/dist/emojiData.js.map +1 -0
- package/dist/fileKind.d.ts +6 -2
- package/dist/fileKind.d.ts.map +1 -1
- package/dist/fileKind.js +25 -4
- package/dist/fileKind.js.map +1 -1
- package/dist/hooks/useFileDrop.d.ts.map +1 -1
- package/dist/hooks/useFileDrop.js +40 -4
- package/dist/hooks/useFileDrop.js.map +1 -1
- package/dist/imageEditor/CanvasSurface.d.ts +31 -0
- package/dist/imageEditor/CanvasSurface.d.ts.map +1 -0
- package/dist/imageEditor/CanvasSurface.js +264 -0
- package/dist/imageEditor/CanvasSurface.js.map +1 -0
- package/dist/imageEditor/ImageVersionHistoryDropdown.d.ts +39 -0
- package/dist/imageEditor/ImageVersionHistoryDropdown.d.ts.map +1 -0
- package/dist/imageEditor/ImageVersionHistoryDropdown.js +283 -0
- package/dist/imageEditor/ImageVersionHistoryDropdown.js.map +1 -0
- package/dist/imageEditor/LayersPanel.d.ts +14 -0
- package/dist/imageEditor/LayersPanel.d.ts.map +1 -0
- package/dist/imageEditor/LayersPanel.js +43 -0
- package/dist/imageEditor/LayersPanel.js.map +1 -0
- package/dist/imageEditor/PropertiesPanel.d.ts +14 -0
- package/dist/imageEditor/PropertiesPanel.d.ts.map +1 -0
- package/dist/imageEditor/PropertiesPanel.js +97 -0
- package/dist/imageEditor/PropertiesPanel.js.map +1 -0
- package/dist/imageEditor/Toolbar.d.ts +30 -0
- package/dist/imageEditor/Toolbar.d.ts.map +1 -0
- package/dist/imageEditor/Toolbar.js +108 -0
- package/dist/imageEditor/Toolbar.js.map +1 -0
- package/dist/imageEditor/icons.d.ts +24 -0
- package/dist/imageEditor/icons.d.ts.map +1 -0
- package/dist/imageEditor/icons.js +45 -0
- package/dist/imageEditor/icons.js.map +1 -0
- package/dist/imageEditor/layers/EditorImageLayer.d.ts +16 -0
- package/dist/imageEditor/layers/EditorImageLayer.d.ts.map +1 -0
- package/dist/imageEditor/layers/EditorImageLayer.js +37 -0
- package/dist/imageEditor/layers/EditorImageLayer.js.map +1 -0
- package/dist/imageEditor/layers/EditorShapeLayer.d.ts +15 -0
- package/dist/imageEditor/layers/EditorShapeLayer.d.ts.map +1 -0
- package/dist/imageEditor/layers/EditorShapeLayer.js +20 -0
- package/dist/imageEditor/layers/EditorShapeLayer.js.map +1 -0
- package/dist/imageEditor/layers/EditorTextLayer.d.ts +18 -0
- package/dist/imageEditor/layers/EditorTextLayer.d.ts.map +1 -0
- package/dist/imageEditor/layers/EditorTextLayer.js +13 -0
- package/dist/imageEditor/layers/EditorTextLayer.js.map +1 -0
- package/dist/imageEditor/layers/SelectionHandles.d.ts +17 -0
- package/dist/imageEditor/layers/SelectionHandles.d.ts.map +1 -0
- package/dist/imageEditor/layers/SelectionHandles.js +19 -0
- package/dist/imageEditor/layers/SelectionHandles.js.map +1 -0
- package/dist/imageEditor/state.d.ts +76 -0
- package/dist/imageEditor/state.d.ts.map +1 -0
- package/dist/imageEditor/state.js +87 -0
- package/dist/imageEditor/state.js.map +1 -0
- package/dist/imageEditor/useImageEditor.d.ts +53 -0
- package/dist/imageEditor/useImageEditor.d.ts.map +1 -0
- package/dist/imageEditor/useImageEditor.js +244 -0
- package/dist/imageEditor/useImageEditor.js.map +1 -0
- package/dist/imageEditor/useImageEditorTokens.d.ts +16 -0
- package/dist/imageEditor/useImageEditorTokens.d.ts.map +1 -0
- package/dist/imageEditor/useImageEditorTokens.js +45 -0
- package/dist/imageEditor/useImageEditorTokens.js.map +1 -0
- package/dist/index.d.ts +48 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +36 -0
- package/dist/index.js.map +1 -1
- package/dist/jsonEditor/EmbeddedRichTextField.d.ts +15 -0
- package/dist/jsonEditor/EmbeddedRichTextField.d.ts.map +1 -0
- package/dist/jsonEditor/EmbeddedRichTextField.js +74 -0
- package/dist/jsonEditor/EmbeddedRichTextField.js.map +1 -0
- package/dist/jsonEditor/JsonEditor.d.ts +36 -0
- package/dist/jsonEditor/JsonEditor.d.ts.map +1 -0
- package/dist/jsonEditor/JsonEditor.js +15 -0
- package/dist/jsonEditor/JsonEditor.js.map +1 -0
- package/dist/jsonEditor/JsonEditorContext.d.ts +28 -0
- package/dist/jsonEditor/JsonEditorContext.d.ts.map +1 -0
- package/dist/jsonEditor/JsonEditorContext.js +41 -0
- package/dist/jsonEditor/JsonEditorContext.js.map +1 -0
- package/dist/jsonEditor/RenderNode.d.ts +16 -0
- package/dist/jsonEditor/RenderNode.d.ts.map +1 -0
- package/dist/jsonEditor/RenderNode.js +32 -0
- package/dist/jsonEditor/RenderNode.js.map +1 -0
- package/dist/jsonEditor/editors.d.ts +36 -0
- package/dist/jsonEditor/editors.d.ts.map +1 -0
- package/dist/jsonEditor/editors.js +347 -0
- package/dist/jsonEditor/editors.js.map +1 -0
- package/dist/jsonEditor/index.d.ts +3 -0
- package/dist/jsonEditor/index.d.ts.map +1 -0
- package/dist/jsonEditor/index.js +2 -0
- package/dist/jsonEditor/index.js.map +1 -0
- package/dist/jsonEditor/useJsonEditorTokens.d.ts +13 -0
- package/dist/jsonEditor/useJsonEditorTokens.d.ts.map +1 -0
- package/dist/jsonEditor/useJsonEditorTokens.js +38 -0
- package/dist/jsonEditor/useJsonEditorTokens.js.map +1 -0
- package/dist/recorder/RecorderButton.d.ts +31 -0
- package/dist/recorder/RecorderButton.d.ts.map +1 -0
- package/dist/recorder/RecorderButton.js +24 -0
- package/dist/recorder/RecorderButton.js.map +1 -0
- package/dist/recorder/RecorderModal.d.ts +59 -0
- package/dist/recorder/RecorderModal.d.ts.map +1 -0
- package/dist/recorder/RecorderModal.js +333 -0
- package/dist/recorder/RecorderModal.js.map +1 -0
- package/dist/recorder/RecorderPanel.d.ts +25 -0
- package/dist/recorder/RecorderPanel.d.ts.map +1 -0
- package/dist/recorder/RecorderPanel.js +30 -0
- package/dist/recorder/RecorderPanel.js.map +1 -0
- package/dist/recorder/formats.d.ts +51 -0
- package/dist/recorder/formats.d.ts.map +1 -0
- package/dist/recorder/formats.js +144 -0
- package/dist/recorder/formats.js.map +1 -0
- package/dist/recorder/hooks/useMediaRecorder.d.ts +90 -0
- package/dist/recorder/hooks/useMediaRecorder.d.ts.map +1 -0
- package/dist/recorder/hooks/useMediaRecorder.js +277 -0
- package/dist/recorder/hooks/useMediaRecorder.js.map +1 -0
- package/dist/recorder/hooks/useStreamPreview.d.ts +22 -0
- package/dist/recorder/hooks/useStreamPreview.d.ts.map +1 -0
- package/dist/recorder/hooks/useStreamPreview.js +44 -0
- package/dist/recorder/hooks/useStreamPreview.js.map +1 -0
- package/dist/recorder/sources/cameraStream.d.ts +22 -0
- package/dist/recorder/sources/cameraStream.d.ts.map +1 -0
- package/dist/recorder/sources/cameraStream.js +24 -0
- package/dist/recorder/sources/cameraStream.js.map +1 -0
- package/dist/recorder/sources/micStream.d.ts +15 -0
- package/dist/recorder/sources/micStream.d.ts.map +1 -0
- package/dist/recorder/sources/micStream.js +24 -0
- package/dist/recorder/sources/micStream.js.map +1 -0
- package/dist/recorder/sources/screenStream.d.ts +53 -0
- package/dist/recorder/sources/screenStream.d.ts.map +1 -0
- package/dist/recorder/sources/screenStream.js +114 -0
- package/dist/recorder/sources/screenStream.js.map +1 -0
- package/dist/recorder/timingJson.d.ts +51 -0
- package/dist/recorder/timingJson.d.ts.map +1 -0
- package/dist/recorder/timingJson.js +42 -0
- package/dist/recorder/timingJson.js.map +1 -0
- package/dist/tiptap/TiptapAudio.d.ts +26 -0
- package/dist/tiptap/TiptapAudio.d.ts.map +1 -0
- package/dist/tiptap/TiptapAudio.js +58 -0
- package/dist/tiptap/TiptapAudio.js.map +1 -0
- package/dist/tiptap/TiptapVideo.d.ts +30 -0
- package/dist/tiptap/TiptapVideo.d.ts.map +1 -0
- package/dist/tiptap/TiptapVideo.js +66 -0
- package/dist/tiptap/TiptapVideo.js.map +1 -0
- package/dist/tiptap/useResolvedMediaSrc.d.ts +2 -0
- package/dist/tiptap/useResolvedMediaSrc.d.ts.map +1 -0
- package/dist/tiptap/useResolvedMediaSrc.js +42 -0
- package/dist/tiptap/useResolvedMediaSrc.js.map +1 -0
- package/dist/tiptapBridge.d.ts.map +1 -1
- package/dist/tiptapBridge.js +210 -16
- package/dist/tiptapBridge.js.map +1 -1
- package/dist/useHeadingLayout.d.ts +54 -0
- package/dist/useHeadingLayout.d.ts.map +1 -0
- package/dist/useHeadingLayout.js +260 -0
- package/dist/useHeadingLayout.js.map +1 -0
- package/dist/utils/collectInlineFontAwesomeCss.d.ts +21 -0
- package/dist/utils/collectInlineFontAwesomeCss.d.ts.map +1 -0
- package/dist/utils/collectInlineFontAwesomeCss.js +68 -0
- package/dist/utils/collectInlineFontAwesomeCss.js.map +1 -0
- package/dist/utils/dropUtils.d.ts +21 -2
- package/dist/utils/dropUtils.d.ts.map +1 -1
- package/dist/utils/dropUtils.js +43 -4
- package/dist/utils/dropUtils.js.map +1 -1
- package/dist/utils/normalizeMalformedAssetUrl.d.ts +15 -0
- package/dist/utils/normalizeMalformedAssetUrl.d.ts.map +1 -0
- package/dist/utils/normalizeMalformedAssetUrl.js +27 -0
- package/dist/utils/normalizeMalformedAssetUrl.js.map +1 -0
- package/package.json +8 -5
- package/src/DocumentSettingsDialog.tsx +266 -0
- package/src/EditorContext.tsx +534 -10
- package/src/EditorShell.tsx +691 -63
- package/src/EmojiPicker.tsx +332 -0
- package/src/ImageEditor.tsx +327 -0
- package/src/ImageNodeView.tsx +222 -21
- package/src/ImageViewer.tsx +221 -0
- package/src/InlineIcon.ts +84 -0
- package/src/InlinePreviewGutter.tsx +582 -0
- package/src/LinkDialog.tsx +276 -0
- package/src/MediaBin.tsx +22 -3
- package/src/MentionExtension.tsx +10 -7
- package/src/OutlinePanel.tsx +295 -0
- package/src/PlainHtmlPreview.tsx +211 -0
- package/src/PreviewControls.tsx +130 -24
- package/src/PreviewPanel.tsx +38 -21
- package/src/RawEditor.tsx +215 -4
- package/src/RecorderEntry.tsx +164 -0
- package/src/TemplateAnnotation.ts +32 -6
- package/src/TemplatePicker.tsx +818 -0
- package/src/ThemeCustomizerPanel.tsx +595 -0
- package/src/ThemePicker.tsx +319 -0
- package/src/Toolbar.tsx +708 -111
- package/src/VersionHistoryPanel.tsx +329 -0
- package/src/ViewMenuPanel.tsx +188 -0
- package/src/WysiwygEditor.tsx +229 -9
- package/src/__tests__/detectMarkdown.test.ts +0 -15
- package/src/__tests__/documentSettingsDialog.test.tsx +147 -0
- package/src/__tests__/emojiPicker.test.tsx +133 -0
- package/src/__tests__/fileKind.test.ts +16 -0
- package/src/__tests__/imageEditAffordance.test.tsx +268 -0
- package/src/__tests__/imageEditorShell.test.tsx +57 -0
- package/src/__tests__/imageEditorState.test.ts +171 -0
- package/src/__tests__/inlinePreviewGutter.test.tsx +62 -0
- package/src/__tests__/inlinePreviewGutterAllBlocks.test.tsx +103 -0
- package/src/__tests__/jsonEditor.test.tsx +168 -0
- package/src/__tests__/layersPanel.test.tsx +97 -0
- package/src/__tests__/linkDialogDocPicker.test.tsx +137 -0
- package/src/__tests__/mediaAttachmentFlow.test.ts +110 -0
- package/src/__tests__/outlinePanel.test.tsx +79 -0
- package/src/__tests__/plainHtmlPreview.test.tsx +107 -0
- package/src/__tests__/propertiesPanel.test.tsx +69 -0
- package/src/__tests__/recorderFormats.test.ts +146 -0
- package/src/__tests__/recorderTimingJson.test.ts +41 -0
- package/src/__tests__/templateAnnotationRoundTrip.test.ts +34 -0
- package/src/__tests__/tiptapBridge.test.ts +29 -0
- package/src/__tests__/tiptapImageRoundTrip.test.ts +73 -0
- package/src/__tests__/useImageEditor.test.tsx +159 -0
- package/src/__tests__/useMediaRecorder.test.ts +186 -0
- package/src/__tests__/versionHistory.test.tsx +197 -0
- package/src/blockSlice.ts +75 -0
- package/src/buildPreviewDoc.ts +61 -6
- package/src/emojiData.ts +1337 -0
- package/src/fileKind.ts +30 -6
- package/src/hooks/useFileDrop.ts +40 -4
- package/src/imageEditor/CanvasSurface.tsx +402 -0
- package/src/imageEditor/ImageVersionHistoryDropdown.tsx +396 -0
- package/src/imageEditor/LayersPanel.tsx +143 -0
- package/src/imageEditor/PropertiesPanel.tsx +428 -0
- package/src/imageEditor/Toolbar.tsx +242 -0
- package/src/imageEditor/icons.tsx +144 -0
- package/src/imageEditor/image-editor.css +450 -0
- package/src/imageEditor/layers/EditorImageLayer.tsx +45 -0
- package/src/imageEditor/layers/EditorShapeLayer.tsx +62 -0
- package/src/imageEditor/layers/EditorTextLayer.tsx +45 -0
- package/src/imageEditor/layers/SelectionHandles.tsx +86 -0
- package/src/imageEditor/state.ts +153 -0
- package/src/imageEditor/useImageEditor.ts +328 -0
- package/src/imageEditor/useImageEditorTokens.ts +70 -0
- package/src/index.ts +82 -0
- package/src/jsonEditor/EmbeddedRichTextField.tsx +81 -0
- package/src/jsonEditor/JsonEditor.tsx +81 -0
- package/src/jsonEditor/JsonEditorContext.tsx +75 -0
- package/src/jsonEditor/RenderNode.tsx +66 -0
- package/src/jsonEditor/editors.tsx +678 -0
- package/src/jsonEditor/index.ts +2 -0
- package/src/jsonEditor/json-editor.css +463 -0
- package/src/jsonEditor/useJsonEditorTokens.ts +63 -0
- package/src/recorder/RecorderButton.tsx +72 -0
- package/src/recorder/RecorderModal.tsx +596 -0
- package/src/recorder/RecorderPanel.tsx +93 -0
- package/src/recorder/formats.ts +159 -0
- package/src/recorder/hooks/useMediaRecorder.ts +378 -0
- package/src/recorder/hooks/useStreamPreview.ts +47 -0
- package/src/recorder/sources/cameraStream.ts +32 -0
- package/src/recorder/sources/micStream.ts +25 -0
- package/src/recorder/sources/screenStream.ts +162 -0
- package/src/recorder/timingJson.ts +66 -0
- package/src/styles/editor.css +2490 -51
- package/src/styles/image-edit-affordance.css +201 -0
- package/src/styles/index.css +10 -0
- package/src/tiptap/TiptapAudio.tsx +86 -0
- package/src/tiptap/TiptapVideo.tsx +119 -0
- package/src/tiptap/useResolvedMediaSrc.ts +47 -0
- package/src/tiptapBridge.ts +227 -22
- package/src/useHeadingLayout.ts +294 -0
- package/src/utils/collectInlineFontAwesomeCss.ts +69 -0
- package/src/utils/dropUtils.ts +54 -6
- package/src/utils/normalizeMalformedAssetUrl.ts +22 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, expect, it } from 'vitest';
|
|
3
|
+
import { render, screen } from '@testing-library/react';
|
|
4
|
+
import { EditorProvider } from '../EditorContext';
|
|
5
|
+
import { InlinePreviewGutter } from '../InlinePreviewGutter';
|
|
6
|
+
/**
|
|
7
|
+
* The gutter pulls its data from the EditorContext's parsed Doc. We mount
|
|
8
|
+
* it against a real provider seeded with markdown that contains both an
|
|
9
|
+
* annotated heading (`{[title]}`) and a plain heading. The first
|
|
10
|
+
* should produce a card; the second should be ignored.
|
|
11
|
+
*
|
|
12
|
+
* We deliberately don't snapshot the SVG — the BlockRenderer covers that
|
|
13
|
+
* elsewhere. Here we just assert (a) the gutter mounts, (b) it renders
|
|
14
|
+
* one card per annotated block, and (c) the empty state shows when there
|
|
15
|
+
* are no annotated blocks.
|
|
16
|
+
*/
|
|
17
|
+
function renderGutter(markdown) {
|
|
18
|
+
return render(_jsx(EditorProvider, { initialMarkdown: markdown, initialView: "wysiwyg", articleId: "test", children: _jsx(InlinePreviewGutter, {}) }));
|
|
19
|
+
}
|
|
20
|
+
describe('InlinePreviewGutter', () => {
|
|
21
|
+
it('renders the empty state when no blocks are template-annotated', async () => {
|
|
22
|
+
renderGutter('# Plain heading\n\nSome body text.\n');
|
|
23
|
+
expect(await screen.findByText(/tag a heading with a template/i)).toBeTruthy();
|
|
24
|
+
});
|
|
25
|
+
it('renders one card per template-annotated block', async () => {
|
|
26
|
+
const md = [
|
|
27
|
+
'# Welcome {[title]}',
|
|
28
|
+
'',
|
|
29
|
+
'Subtitle goes here.',
|
|
30
|
+
'',
|
|
31
|
+
'## Plain heading',
|
|
32
|
+
'',
|
|
33
|
+
'No template tag — should not produce a card.',
|
|
34
|
+
'',
|
|
35
|
+
'## Big number {[statHighlight]}',
|
|
36
|
+
'',
|
|
37
|
+
'42',
|
|
38
|
+
].join('\n');
|
|
39
|
+
const { container } = renderGutter(md);
|
|
40
|
+
// Two annotated headings → two cards.
|
|
41
|
+
await screen.findByTestId('inline-preview-gutter');
|
|
42
|
+
const cards = container.querySelectorAll('.squisq-inline-preview-card');
|
|
43
|
+
expect(cards.length).toBe(2);
|
|
44
|
+
// Template labels are rendered alongside each card.
|
|
45
|
+
const labels = Array.from(container.querySelectorAll('.squisq-inline-preview-card-template')).map((el) => el.textContent);
|
|
46
|
+
// Templates render their human-readable label (via `templateLabel`).
|
|
47
|
+
expect(labels).toContain('Title');
|
|
48
|
+
expect(labels).toContain('Stat Highlight');
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
//# sourceMappingURL=inlinePreviewGutter.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inlinePreviewGutter.test.js","sourceRoot":"","sources":["../../src/__tests__/inlinePreviewGutter.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;;;;;;;;GAUG;AAEH,SAAS,YAAY,CAAC,QAAgB;IACpC,OAAO,MAAM,CACX,KAAC,cAAc,IAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC/E,KAAC,mBAAmB,KAAG,GACR,CAClB,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,YAAY,CAAC,sCAAsC,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,gCAAgC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACjF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG;YACT,qBAAqB;YACrB,EAAE;YACF,qBAAqB;YACrB,EAAE;YACF,kBAAkB;YAClB,EAAE;YACF,8CAA8C;YAC9C,EAAE;YACF,iCAAiC;YACjC,EAAE;YACF,IAAI;SACL,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEb,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;QAEvC,sCAAsC;QACtC,MAAM,MAAM,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,SAAS,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,CAAC;QACxE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7B,oDAAoD;QACpD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CACvB,SAAS,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CACnE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QAC9B,qEAAqE;QACrE,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inlinePreviewGutterAllBlocks.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/inlinePreviewGutterAllBlocks.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { describe, expect, it, beforeAll } from 'vitest';
|
|
3
|
+
import { render, screen, waitFor } from '@testing-library/react';
|
|
4
|
+
import { EditorProvider } from '../EditorContext';
|
|
5
|
+
import { InlinePreviewGutter } from '../InlinePreviewGutter';
|
|
6
|
+
// jsdom lacks ResizeObserver — the gutter's heading-layout hook wires one
|
|
7
|
+
// up to recompute on editor resizes. Stub a no-op for these tests.
|
|
8
|
+
beforeAll(() => {
|
|
9
|
+
if (typeof globalThis.ResizeObserver === 'undefined') {
|
|
10
|
+
globalThis.ResizeObserver = class {
|
|
11
|
+
observe() { }
|
|
12
|
+
unobserve() { }
|
|
13
|
+
disconnect() { }
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
/**
|
|
18
|
+
* The gutter pulls heading data from the parsed Doc (via `useHeadingLayout`)
|
|
19
|
+
* and pairs it to DOM headings inside the `.squisq-wysiwyg-container`.
|
|
20
|
+
* To exercise the all-blocks bracket logic we provide both: real markdown
|
|
21
|
+
* (so the parser populates `doc.blocks`) AND a sibling stub container with
|
|
22
|
+
* matching `<h*>` elements (so the DOM-pairing path finds something to
|
|
23
|
+
* measure).
|
|
24
|
+
*/
|
|
25
|
+
function renderWithMatchingDom(markdown, headingHtml) {
|
|
26
|
+
return render(_jsx(EditorProvider, { initialMarkdown: markdown, initialView: "wysiwyg", articleId: "test", children: _jsxs("div", { className: "squisq-editor-with-gutter", style: { position: 'relative', height: 600 }, children: [_jsx("div", { className: "squisq-wysiwyg-container", style: { position: 'relative', width: 800, height: 600 }, children: _jsx("div", { className: "squisq-wysiwyg-editor", dangerouslySetInnerHTML: { __html: headingHtml } }) }), _jsx(InlinePreviewGutter, {})] }) }));
|
|
27
|
+
}
|
|
28
|
+
describe('InlinePreviewGutter — all-block bracket lines', () => {
|
|
29
|
+
it('renders a vertical-extent bar per heading even when none are annotated', async () => {
|
|
30
|
+
const md = '# Hello World\n\nBody\n\n## Getting Started\n\nBody\n\n## Tips\n\nBody\n';
|
|
31
|
+
const { container } = renderWithMatchingDom(md, '<h1>Hello World</h1>' +
|
|
32
|
+
'<p>Body</p>' +
|
|
33
|
+
'<h2>Getting Started</h2>' +
|
|
34
|
+
'<p>Body</p>' +
|
|
35
|
+
'<h2>Tips</h2>' +
|
|
36
|
+
'<p>Body</p>');
|
|
37
|
+
await waitFor(() => {
|
|
38
|
+
const bars = container.querySelectorAll('.squisq-inline-preview-extent');
|
|
39
|
+
expect(bars.length).toBe(3);
|
|
40
|
+
}, { timeout: 1000 });
|
|
41
|
+
// All three should be the untagged variant (no `data-template` on any).
|
|
42
|
+
const bars = container.querySelectorAll('.squisq-inline-preview-extent');
|
|
43
|
+
bars.forEach((bar) => expect(bar.classList.contains('squisq-inline-preview-extent--untagged')).toBe(true));
|
|
44
|
+
});
|
|
45
|
+
it('renders a strong tagged bar for annotated headings + lighter bars for the rest', async () => {
|
|
46
|
+
const md = '# Welcome\n\n## Getting Started {[sectionHeader]}\n\n## Tips\n';
|
|
47
|
+
const { container } = renderWithMatchingDom(md, '<h1>Welcome</h1>' +
|
|
48
|
+
'<h2 data-template="sectionHeader">Getting Started</h2>' +
|
|
49
|
+
'<h2>Tips</h2>');
|
|
50
|
+
await waitFor(() => {
|
|
51
|
+
const bars = container.querySelectorAll('.squisq-inline-preview-extent');
|
|
52
|
+
expect(bars.length).toBe(3);
|
|
53
|
+
}, { timeout: 1000 });
|
|
54
|
+
const bars = Array.from(container.querySelectorAll('.squisq-inline-preview-extent'));
|
|
55
|
+
const tagged = bars.filter((b) => !b.classList.contains('squisq-inline-preview-extent--untagged'));
|
|
56
|
+
const untagged = bars.filter((b) => b.classList.contains('squisq-inline-preview-extent--untagged'));
|
|
57
|
+
expect(tagged.length).toBe(1);
|
|
58
|
+
expect(untagged.length).toBe(2);
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
// `screen` import unused but kept to mirror the sibling test file's style.
|
|
62
|
+
void screen;
|
|
63
|
+
//# sourceMappingURL=inlinePreviewGutterAllBlocks.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inlinePreviewGutterAllBlocks.test.js","sourceRoot":"","sources":["../../src/__tests__/inlinePreviewGutterAllBlocks.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsonEditor.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/jsonEditor.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect, vi } from 'vitest';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { fireEvent, render, screen } from '@testing-library/react';
|
|
5
|
+
import { JsonEditor } from '../jsonEditor';
|
|
6
|
+
function Controlled({ schema, initial, onValueChange, }) {
|
|
7
|
+
const [value, setValue] = useState(initial);
|
|
8
|
+
return (_jsx(JsonEditor, { schema: schema, value: value, onChange: (v) => {
|
|
9
|
+
setValue(v);
|
|
10
|
+
onValueChange?.(v);
|
|
11
|
+
} }));
|
|
12
|
+
}
|
|
13
|
+
describe('JsonEditor', () => {
|
|
14
|
+
it('renders text input and propagates edits through onChange', () => {
|
|
15
|
+
const schema = {
|
|
16
|
+
type: 'object',
|
|
17
|
+
properties: { title: { type: 'string', title: 'Title' } },
|
|
18
|
+
};
|
|
19
|
+
const onChange = vi.fn();
|
|
20
|
+
render(_jsx(Controlled, { schema: schema, initial: { title: 'Hi' }, onValueChange: onChange }));
|
|
21
|
+
const input = screen.getByDisplayValue('Hi');
|
|
22
|
+
fireEvent.change(input, { target: { value: 'Hello' } });
|
|
23
|
+
expect(onChange).toHaveBeenLastCalledWith({ title: 'Hello' });
|
|
24
|
+
});
|
|
25
|
+
it('toggles a boolean via the toggle control', () => {
|
|
26
|
+
const schema = {
|
|
27
|
+
type: 'object',
|
|
28
|
+
properties: { active: { type: 'boolean', title: 'Active' } },
|
|
29
|
+
};
|
|
30
|
+
const onChange = vi.fn();
|
|
31
|
+
render(_jsx(Controlled, { schema: schema, initial: { active: false }, onValueChange: onChange }));
|
|
32
|
+
const button = screen.getByRole('button', { pressed: false });
|
|
33
|
+
fireEvent.click(button);
|
|
34
|
+
expect(onChange).toHaveBeenLastCalledWith({ active: true });
|
|
35
|
+
});
|
|
36
|
+
it('hides fields whose hidden rule matches', () => {
|
|
37
|
+
const schema = {
|
|
38
|
+
type: 'object',
|
|
39
|
+
properties: {
|
|
40
|
+
showAuthor: { type: 'boolean', title: 'Show author' },
|
|
41
|
+
authorName: {
|
|
42
|
+
type: 'string',
|
|
43
|
+
title: 'Author name',
|
|
44
|
+
squisq: { hidden: { field: 'showAuthor', truthy: false } },
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
const { container } = render(_jsx(Controlled, { schema: schema, initial: { showAuthor: false, authorName: 'Alex' } }));
|
|
49
|
+
expect(container.textContent).not.toContain('Author name');
|
|
50
|
+
});
|
|
51
|
+
it('selecting a different segmented option commits the new enum value', () => {
|
|
52
|
+
const schema = {
|
|
53
|
+
type: 'object',
|
|
54
|
+
properties: {
|
|
55
|
+
size: { type: 'string', title: 'Size', enum: ['s', 'm', 'l'] },
|
|
56
|
+
},
|
|
57
|
+
};
|
|
58
|
+
const onChange = vi.fn();
|
|
59
|
+
render(_jsx(Controlled, { schema: schema, initial: { size: 's' }, onValueChange: onChange }));
|
|
60
|
+
fireEvent.click(screen.getByRole('button', { name: 'l' }));
|
|
61
|
+
expect(onChange).toHaveBeenLastCalledWith({ size: 'l' });
|
|
62
|
+
});
|
|
63
|
+
it('card-stack: + Add appends, × Remove removes, ↑↓ reorder', () => {
|
|
64
|
+
const schema = {
|
|
65
|
+
type: 'object',
|
|
66
|
+
properties: {
|
|
67
|
+
sections: {
|
|
68
|
+
type: 'array',
|
|
69
|
+
title: 'Sections',
|
|
70
|
+
items: {
|
|
71
|
+
type: 'object',
|
|
72
|
+
properties: { heading: { type: 'string' } },
|
|
73
|
+
squisq: { itemLabel: { fromField: 'heading' } },
|
|
74
|
+
},
|
|
75
|
+
squisq: { control: 'card-stack', addLabel: '+ Add section' },
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
const onChange = vi.fn();
|
|
80
|
+
render(_jsx(Controlled, { schema: schema, initial: { sections: [{ heading: 'A' }, { heading: 'B' }] }, onValueChange: onChange }));
|
|
81
|
+
// + Add appends a new empty item.
|
|
82
|
+
fireEvent.click(screen.getByText('+ Add section'));
|
|
83
|
+
expect(onChange).toHaveBeenLastCalledWith({
|
|
84
|
+
sections: [{ heading: 'A' }, { heading: 'B' }, { heading: '' }],
|
|
85
|
+
});
|
|
86
|
+
// × on the first card removes it.
|
|
87
|
+
const removeButtons = screen.getAllByLabelText('Remove');
|
|
88
|
+
fireEvent.click(removeButtons[0]);
|
|
89
|
+
expect(onChange).toHaveBeenLastCalledWith({
|
|
90
|
+
sections: [{ heading: 'B' }, { heading: '' }],
|
|
91
|
+
});
|
|
92
|
+
// ↓ on the first card reorders.
|
|
93
|
+
const downs = screen.getAllByLabelText('Move down');
|
|
94
|
+
fireEvent.click(downs[0]);
|
|
95
|
+
expect(onChange).toHaveBeenLastCalledWith({
|
|
96
|
+
sections: [{ heading: '' }, { heading: 'B' }],
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
it('chip-bin: typing + Enter appends, × removes', () => {
|
|
100
|
+
const schema = {
|
|
101
|
+
type: 'object',
|
|
102
|
+
properties: {
|
|
103
|
+
tags: {
|
|
104
|
+
type: 'array',
|
|
105
|
+
items: { type: 'string' },
|
|
106
|
+
squisq: { control: 'chip-bin', addLabel: '+ Add tag' },
|
|
107
|
+
},
|
|
108
|
+
},
|
|
109
|
+
};
|
|
110
|
+
const onChange = vi.fn();
|
|
111
|
+
render(_jsx(Controlled, { schema: schema, initial: { tags: ['one'] }, onValueChange: onChange }));
|
|
112
|
+
const addInput = screen.getByPlaceholderText('+ Add tag');
|
|
113
|
+
fireEvent.change(addInput, { target: { value: 'two' } });
|
|
114
|
+
fireEvent.keyDown(addInput, { key: 'Enter' });
|
|
115
|
+
expect(onChange).toHaveBeenLastCalledWith({ tags: ['one', 'two'] });
|
|
116
|
+
fireEvent.click(screen.getByLabelText('Remove one'));
|
|
117
|
+
expect(onChange).toHaveBeenLastCalledWith({ tags: ['two'] });
|
|
118
|
+
});
|
|
119
|
+
it('omitting onChange disables every editor', () => {
|
|
120
|
+
const schema = {
|
|
121
|
+
type: 'object',
|
|
122
|
+
properties: { title: { type: 'string', title: 'Title' } },
|
|
123
|
+
};
|
|
124
|
+
const onChange = vi.fn();
|
|
125
|
+
// Use a sniffer onChange we can verify is never called by simulating an
|
|
126
|
+
// attempted change. We render WITHOUT passing onChange to JsonEditor.
|
|
127
|
+
render(_jsx(JsonEditor, { schema: schema, value: { title: 'Hi' } }));
|
|
128
|
+
const input = screen.getByDisplayValue('Hi');
|
|
129
|
+
expect(input.disabled).toBe(true);
|
|
130
|
+
fireEvent.change(input, { target: { value: 'changed' } });
|
|
131
|
+
expect(onChange).not.toHaveBeenCalled();
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
//# sourceMappingURL=jsonEditor.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsonEditor.test.js","sourceRoot":"","sources":["../../src/__tests__/jsonEditor.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,SAAS,UAAU,CAAI,EACrB,MAAM,EACN,OAAO,EACP,aAAa,GAKd;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,OAAO,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,QAAQ,CAAC,CAAM,CAAC,CAAC;YACjB,aAAa,EAAE,CAAC,CAAM,CAAC,CAAC;QAC1B,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;SAC1D,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,QAAQ,GAAI,CAAC,CAAC;QAC1F,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAqB,CAAC;QACjE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QACxD,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;SAC7D,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,GAAI,CAAC,CAAC;QAC5F,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9D,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxB,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;gBACrD,UAAU,EAAE;oBACV,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;iBAC3D;aACF;SACF,CAAC;QACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,GAAI,CACnF,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC3E,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;aAC/D;SACF,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,GAAI,CAAC,CAAC;QACxF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QAC3D,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,QAAQ,EAAE;oBACR,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE;wBACL,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;wBAC3C,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE;qBAChD;oBACD,MAAM,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE;iBAC7D;aACF;SACF,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CACJ,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAC3D,aAAa,EAAE,QAAQ,GACvB,CACH,CAAC;QAEF,kCAAkC;QAClC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC;YACxC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;SAChE,CAAC,CAAC;QAEH,kCAAkC;QAClC,MAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACzD,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC;YACxC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;SAC9C,CAAC,CAAC;QAEH,gCAAgC;QAChC,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACpD,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC;YACxC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;SAC9C,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,IAAI,EAAE;oBACJ,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACzB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;iBACvD;aACF;SACF,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,EAAE,QAAQ,GAAI,CAAC,CAAC;QAE5F,MAAM,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;QAC1D,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACzD,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAEpE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,MAAM,GAA0B;YACpC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;SAC1D,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,wEAAwE;QACxE,sEAAsE;QACtE,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAI,CAAC,CAAC;QAC/D,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAqB,CAAC;QACjE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;QAC1D,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layersPanel.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/layersPanel.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* @vitest-environment jsdom
|
|
4
|
+
*/
|
|
5
|
+
import { describe, it, expect, vi } from 'vitest';
|
|
6
|
+
import { fireEvent, render, screen } from '@testing-library/react';
|
|
7
|
+
import { LayersPanel } from '../imageEditor/LayersPanel.js';
|
|
8
|
+
function buildDoc() {
|
|
9
|
+
return {
|
|
10
|
+
version: 1,
|
|
11
|
+
canvas: { width: 100, height: 100 },
|
|
12
|
+
layers: [
|
|
13
|
+
{
|
|
14
|
+
id: 'a',
|
|
15
|
+
type: 'shape',
|
|
16
|
+
name: 'Bottom',
|
|
17
|
+
position: { x: 0, y: 0, width: 10, height: 10 },
|
|
18
|
+
content: { shape: 'rect' },
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
id: 'b',
|
|
22
|
+
type: 'text',
|
|
23
|
+
name: 'Middle',
|
|
24
|
+
position: { x: 0, y: 0, width: 50, height: 20 },
|
|
25
|
+
content: { text: 'Hi', style: { fontSize: 16, color: '#000' } },
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
id: 'c',
|
|
29
|
+
type: 'shape',
|
|
30
|
+
name: 'Top',
|
|
31
|
+
visible: false,
|
|
32
|
+
position: { x: 0, y: 0, width: 10, height: 10 },
|
|
33
|
+
content: { shape: 'rect' },
|
|
34
|
+
},
|
|
35
|
+
],
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
describe('LayersPanel', () => {
|
|
39
|
+
it('renders layers with the top of the SVG stack first', () => {
|
|
40
|
+
const dispatch = vi.fn();
|
|
41
|
+
render(_jsx(LayersPanel, { doc: buildDoc(), selectedLayerId: null, dispatch: dispatch }));
|
|
42
|
+
const items = screen.getAllByText(/Bottom|Middle|Top/);
|
|
43
|
+
expect(items[0]?.textContent).toContain('Top');
|
|
44
|
+
expect(items[items.length - 1]?.textContent).toContain('Bottom');
|
|
45
|
+
});
|
|
46
|
+
it('clicking the layer name dispatches a select action', () => {
|
|
47
|
+
const dispatch = vi.fn();
|
|
48
|
+
render(_jsx(LayersPanel, { doc: buildDoc(), selectedLayerId: null, dispatch: dispatch }));
|
|
49
|
+
fireEvent.click(screen.getByText('Middle'));
|
|
50
|
+
expect(dispatch).toHaveBeenCalledWith({ type: 'select', layerId: 'b' });
|
|
51
|
+
});
|
|
52
|
+
it('toggling visibility dispatches an update-layer action', () => {
|
|
53
|
+
const dispatch = vi.fn();
|
|
54
|
+
render(_jsx(LayersPanel, { doc: buildDoc(), selectedLayerId: null, dispatch: dispatch }));
|
|
55
|
+
// The "Hide layer" buttons exist for visible layers.
|
|
56
|
+
const hideButtons = screen.getAllByRole('button', { name: 'Hide layer' });
|
|
57
|
+
fireEvent.click(hideButtons[0]); // top-most visible layer is 'b'
|
|
58
|
+
expect(dispatch).toHaveBeenCalledWith({
|
|
59
|
+
type: 'update-layer',
|
|
60
|
+
layerId: 'b',
|
|
61
|
+
patch: { visible: false },
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
it('move-up button is disabled at the top of the stack', () => {
|
|
65
|
+
const dispatch = vi.fn();
|
|
66
|
+
render(_jsx(LayersPanel, { doc: buildDoc(), selectedLayerId: null, dispatch: dispatch }));
|
|
67
|
+
const upButtons = screen.getAllByRole('button', { name: 'Move layer up' });
|
|
68
|
+
// Visual order is c, b, a; layer 'c' is at the top of the stack and cannot move up.
|
|
69
|
+
expect(upButtons[0].disabled).toBe(true);
|
|
70
|
+
});
|
|
71
|
+
it('delete button dispatches a remove-layer action', () => {
|
|
72
|
+
const dispatch = vi.fn();
|
|
73
|
+
render(_jsx(LayersPanel, { doc: buildDoc(), selectedLayerId: null, dispatch: dispatch }));
|
|
74
|
+
const delButtons = screen.getAllByRole('button', { name: 'Delete layer' });
|
|
75
|
+
fireEvent.click(delButtons[0]); // top of stack ('c')
|
|
76
|
+
expect(dispatch).toHaveBeenCalledWith({ type: 'remove-layer', layerId: 'c' });
|
|
77
|
+
});
|
|
78
|
+
it('shows an empty-state message when there are no layers', () => {
|
|
79
|
+
const dispatch = vi.fn();
|
|
80
|
+
render(_jsx(LayersPanel, { doc: { version: 1, canvas: { width: 1, height: 1 }, layers: [] }, selectedLayerId: null, dispatch: dispatch }));
|
|
81
|
+
expect(screen.getByText(/no layers yet/i)).toBeTruthy();
|
|
82
|
+
});
|
|
83
|
+
});
|
|
84
|
+
//# sourceMappingURL=layersPanel.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layersPanel.test.js","sourceRoot":"","sources":["../../src/__tests__/layersPanel.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Covers the LinkDialog's "Browse documents" picker added behind the
|
|
3
|
+
* `documentLinkProvider` prop. The picker is purely additive — when
|
|
4
|
+
* the prop is absent the dialog renders its original URL-only layout.
|
|
5
|
+
*/
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=linkDialogDocPicker.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linkDialogDocPicker.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/linkDialogDocPicker.test.tsx"],"names":[],"mappings":"AAAA;;;;GAIG"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Covers the LinkDialog's "Browse documents" picker added behind the
|
|
4
|
+
* `documentLinkProvider` prop. The picker is purely additive — when
|
|
5
|
+
* the prop is absent the dialog renders its original URL-only layout.
|
|
6
|
+
*/
|
|
7
|
+
import { describe, expect, it, vi } from 'vitest';
|
|
8
|
+
import { fireEvent, render, screen, waitFor } from '@testing-library/react';
|
|
9
|
+
import { LinkDialog } from '../LinkDialog';
|
|
10
|
+
const NEIGHBORS = [
|
|
11
|
+
{ path: 'resume.md', label: 'Resume', description: 'My CV' },
|
|
12
|
+
{ path: 'projects.md', label: 'Projects' },
|
|
13
|
+
{ path: 'misc/notes.md', label: 'Notes', description: 'Scratchpad' },
|
|
14
|
+
];
|
|
15
|
+
const provider = async (q) => {
|
|
16
|
+
const query = q.trim().toLowerCase();
|
|
17
|
+
if (!query)
|
|
18
|
+
return NEIGHBORS;
|
|
19
|
+
return NEIGHBORS.filter((n) => n.label.toLowerCase().includes(query) || n.path.toLowerCase().includes(query));
|
|
20
|
+
};
|
|
21
|
+
describe('LinkDialog — document picker', () => {
|
|
22
|
+
it('hides the documents tab when no provider is supplied', () => {
|
|
23
|
+
render(_jsx(LinkDialog, { mode: "insert", initialText: "", initialUrl: "", onConfirm: () => { }, onClose: () => { } }));
|
|
24
|
+
expect(screen.queryByRole('tab', { name: /browse documents/i })).toBeNull();
|
|
25
|
+
});
|
|
26
|
+
it('shows both tabs when the provider is supplied', () => {
|
|
27
|
+
render(_jsx(LinkDialog, { mode: "insert", initialText: "", initialUrl: "", onConfirm: () => { }, onClose: () => { }, documentLinkProvider: provider }));
|
|
28
|
+
expect(screen.getByRole('tab', { name: 'URL' })).toBeTruthy();
|
|
29
|
+
expect(screen.getByRole('tab', { name: 'Browse documents' })).toBeTruthy();
|
|
30
|
+
});
|
|
31
|
+
it('lists initial candidates when the documents tab opens', async () => {
|
|
32
|
+
render(_jsx(LinkDialog, { mode: "insert", initialText: "", initialUrl: "", onConfirm: () => { }, onClose: () => { }, documentLinkProvider: provider }));
|
|
33
|
+
fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
|
|
34
|
+
await waitFor(() => {
|
|
35
|
+
expect(screen.getByText('Resume')).toBeTruthy();
|
|
36
|
+
expect(screen.getByText('Projects')).toBeTruthy();
|
|
37
|
+
expect(screen.getByText('Notes')).toBeTruthy();
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
it('filters candidates as the user types', async () => {
|
|
41
|
+
render(_jsx(LinkDialog, { mode: "insert", initialText: "", initialUrl: "", onConfirm: () => { }, onClose: () => { }, documentLinkProvider: provider }));
|
|
42
|
+
fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
|
|
43
|
+
await waitFor(() => screen.getByText('Resume'));
|
|
44
|
+
const search = screen.getByLabelText('Search');
|
|
45
|
+
fireEvent.change(search, { target: { value: 'proj' } });
|
|
46
|
+
await waitFor(() => {
|
|
47
|
+
expect(screen.getByText('Projects')).toBeTruthy();
|
|
48
|
+
expect(screen.queryByText('Resume')).toBeNull();
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
it('picking a document fills the URL and auto-fills the caption when empty', async () => {
|
|
52
|
+
const onConfirm = vi.fn();
|
|
53
|
+
render(_jsx(LinkDialog, { mode: "insert", initialText: "", initialUrl: "", onConfirm: onConfirm, onClose: () => { }, documentLinkProvider: provider }));
|
|
54
|
+
fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
|
|
55
|
+
await waitFor(() => screen.getByText('Resume'));
|
|
56
|
+
fireEvent.click(screen.getByRole('option', { name: /Resume/i }));
|
|
57
|
+
// After picking, the dialog jumps back to the URL tab so Enter submits.
|
|
58
|
+
const urlInput = screen.getByLabelText('URL');
|
|
59
|
+
expect(urlInput.value).toBe('resume.md');
|
|
60
|
+
const textInput = screen.getByLabelText('Text');
|
|
61
|
+
expect(textInput.value).toBe('Resume');
|
|
62
|
+
// Submit
|
|
63
|
+
fireEvent.submit(urlInput.closest('form'));
|
|
64
|
+
expect(onConfirm).toHaveBeenCalledWith('Resume', 'resume.md');
|
|
65
|
+
});
|
|
66
|
+
it('preserves a caption the user already typed when picking a document', async () => {
|
|
67
|
+
render(_jsx(LinkDialog, { mode: "insert", initialText: "Read my work", initialUrl: "", onConfirm: () => { }, onClose: () => { }, documentLinkProvider: provider }));
|
|
68
|
+
fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
|
|
69
|
+
await waitFor(() => screen.getByText('Resume'));
|
|
70
|
+
fireEvent.click(screen.getByRole('option', { name: /Resume/i }));
|
|
71
|
+
const textInput = screen.getByLabelText('Text');
|
|
72
|
+
expect(textInput.value).toBe('Read my work');
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
//# sourceMappingURL=linkDialogDocPicker.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linkDialogDocPicker.test.js","sourceRoot":"","sources":["../../src/__tests__/linkDialogDocPicker.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mediaAttachmentFlow.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/mediaAttachmentFlow.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { describe, expect, it } from 'vitest';
|
|
2
|
+
import { markdownToTiptap, tiptapToMarkdown } from '../tiptapBridge';
|
|
3
|
+
/**
|
|
4
|
+
* Attachment-flow regression: earlier versions of MediaBin dropped
|
|
5
|
+
* uploaded files into the bin without inserting a markdown ref into
|
|
6
|
+
* the editor body. A user would upload an image, hit Send in the
|
|
7
|
+
* downstream chat composer, and the outgoing markdown would have no
|
|
8
|
+
* image reference — the gezel would reply "nothing came through."
|
|
9
|
+
*
|
|
10
|
+
* The fix: after `mediaProvider.addMedia(...)` succeeds, MediaBin
|
|
11
|
+
* fires `onMediaUploaded(relativePath, name, mimeType)`. The
|
|
12
|
+
* EditorShell wires this to an `insertAtCursor` that emits
|
|
13
|
+
* `` so the file actually participates
|
|
14
|
+
* in the outgoing markdown.
|
|
15
|
+
*
|
|
16
|
+
* These tests exercise the contract directly: the markdown snippet
|
|
17
|
+
* produced by the upload callback, once round-tripped through the
|
|
18
|
+
* editor's markdown↔HTML bridge, must round-trip back to a form
|
|
19
|
+
* the gezel service's image-extraction regex can see.
|
|
20
|
+
*/
|
|
21
|
+
function fakeMediaProvider(records) {
|
|
22
|
+
let counter = 0;
|
|
23
|
+
return {
|
|
24
|
+
async addMedia(name, _data, _mime) {
|
|
25
|
+
counter += 1;
|
|
26
|
+
const relative = `attachments/${counter}-${name}`;
|
|
27
|
+
records.push(relative);
|
|
28
|
+
return relative;
|
|
29
|
+
},
|
|
30
|
+
async resolveUrl(relPath) {
|
|
31
|
+
return relPath;
|
|
32
|
+
},
|
|
33
|
+
async listMedia() {
|
|
34
|
+
return [];
|
|
35
|
+
},
|
|
36
|
+
async removeMedia(_relPath) {
|
|
37
|
+
/* no-op */
|
|
38
|
+
},
|
|
39
|
+
dispose() {
|
|
40
|
+
/* no-op */
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Re-implements the exact snippet EditorShell's `insertMediaRef`
|
|
46
|
+
* builds. Keeping this aligned with the real impl would ordinarily
|
|
47
|
+
* rely on directly importing the helper; since it's currently inline
|
|
48
|
+
* in EditorShell, mirror the logic here and lean on the test to
|
|
49
|
+
* alert us if we drift apart.
|
|
50
|
+
*/
|
|
51
|
+
function buildAttachmentSnippet(relativePath, name, mimeType) {
|
|
52
|
+
const alt = name.replace(/\.[^.]+$/, '').replace(/[-_]/g, ' ');
|
|
53
|
+
return mimeType.startsWith('image/') ? `` : `[${alt}](${relativePath})`;
|
|
54
|
+
}
|
|
55
|
+
describe('media attachment flow', () => {
|
|
56
|
+
it('addMedia → buildAttachmentSnippet → markdown round-trip keeps the ref', async () => {
|
|
57
|
+
const records = [];
|
|
58
|
+
const provider = fakeMediaProvider(records);
|
|
59
|
+
// Simulate MediaBin.handleFileChange for a single PNG drop.
|
|
60
|
+
const pngBytes = new Uint8Array([0x89, 0x50, 0x4e, 0x47]);
|
|
61
|
+
const relative = await provider.addMedia('my_screenshot.png', pngBytes, 'image/png');
|
|
62
|
+
expect(records).toEqual([relative]);
|
|
63
|
+
const snippet = buildAttachmentSnippet(relative, 'my_screenshot.png', 'image/png');
|
|
64
|
+
expect(snippet).toBe(``);
|
|
65
|
+
// Insert snippet into the editor: markdown → HTML → markdown.
|
|
66
|
+
// This is the path a real insertAtCursor + tiptap onUpdate goes
|
|
67
|
+
// through. The outbound markdown must still contain the ref.
|
|
68
|
+
const html = markdownToTiptap(snippet);
|
|
69
|
+
expect(html).toMatch(/<img\b/);
|
|
70
|
+
expect(html).toContain(`src="${relative}"`);
|
|
71
|
+
const back = tiptapToMarkdown(html);
|
|
72
|
+
expect(back).toContain(``);
|
|
73
|
+
});
|
|
74
|
+
it('handles empty-alt (most common pasted-image shape)', async () => {
|
|
75
|
+
const records = [];
|
|
76
|
+
const provider = fakeMediaProvider(records);
|
|
77
|
+
const relative = await provider.addMedia('pasted.png', new Uint8Array([0]), 'image/png');
|
|
78
|
+
// Simulate what happens when alt is empty — common for bare pastes
|
|
79
|
+
// where the user hasn't typed a caption.
|
|
80
|
+
const snippet = ``;
|
|
81
|
+
const html = markdownToTiptap(snippet);
|
|
82
|
+
expect(html).toMatch(/<img\b/);
|
|
83
|
+
expect(html).toContain(`src="${relative}"`);
|
|
84
|
+
const back = tiptapToMarkdown(html);
|
|
85
|
+
expect(back).toContain(``);
|
|
86
|
+
});
|
|
87
|
+
it('non-image files fall back to a plain link, still preserving the ref', async () => {
|
|
88
|
+
const records = [];
|
|
89
|
+
const provider = fakeMediaProvider(records);
|
|
90
|
+
const relative = await provider.addMedia('design.pdf', new Uint8Array([0]), 'application/pdf');
|
|
91
|
+
const snippet = buildAttachmentSnippet(relative, 'design.pdf', 'application/pdf');
|
|
92
|
+
expect(snippet).toBe(`[design](${relative})`);
|
|
93
|
+
// Non-images don't go through the `<img>` regex — they stay as
|
|
94
|
+
// plain markdown links, which the service-side extractor ignores
|
|
95
|
+
// but the UI renders as normal hyperlinks.
|
|
96
|
+
expect(snippet).not.toContain('!');
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
//# sourceMappingURL=mediaAttachmentFlow.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mediaAttachmentFlow.test.js","sourceRoot":"","sources":["../../src/__tests__/mediaAttachmentFlow.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"outlinePanel.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/outlinePanel.test.tsx"],"names":[],"mappings":""}
|