@bendyline/squisq-editor-react 2.0.1 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/NOTICE.md +40 -0
- package/README.md +10 -2
- package/dist/index.d.ts +683 -60
- package/dist/index.js +9648 -3750
- package/dist/monaco.js +0 -1
- package/dist/styles/index.css +1160 -241
- package/package.json +10 -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 -1247
- package/src/EditorShell.tsx +0 -1334
- 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 -1250
- package/src/PreviewPanel.tsx +0 -422
- package/src/RawEditor.tsx +0 -731
- package/src/RecorderEntry.tsx +0 -159
- 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 -2587
- 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 -792
- 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 -48
- 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 -485
- 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__/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__/mediaAttachmentFlow.test.ts +0 -110
- package/src/__tests__/mediaBinDrop.test.tsx +0 -90
- package/src/__tests__/mediaReferences.test.ts +0 -82
- 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 -540
- 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 -566
- 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 -164
- 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__/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 -145
- 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 -405
- 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/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 -259
- 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/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 -470
- 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/mediaDragMime.ts +0 -32
- package/src/mediaEntries.ts +0 -12
- package/src/mediaReferences.ts +0 -299
- 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 -616
- package/src/scene/SceneBlockExtension.ts +0 -205
- package/src/scene/SceneBlockToolbar.tsx +0 -201
- 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/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__/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 -103
- 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/hooks/useSceneHitTest.ts +0 -105
- package/src/scene/hooks/useScenePanZoom.ts +0 -147
- 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 -792
- 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/diagram.css +0 -183
- package/src/styles/editor.css +0 -6811
- package/src/styles/folder-view.css +0 -210
- package/src/styles/image-edit-affordance.css +0 -201
- package/src/styles/index.css +0 -18
- 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/wysiwygImageUpload.ts +0 -113
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Read direction of the ASCII diagram loop: fence text → canvas data.
|
|
3
|
-
*
|
|
4
|
-
* `useAsciiDiagramData` re-derives on every editor transaction (mirroring
|
|
5
|
-
* the philosophy of the old heading-based `useDiagramData`: no store, so
|
|
6
|
-
* nothing to invalidate). Parsing is memoized per PMNode instance by the
|
|
7
|
-
* extension's WeakMap caches, so untouched fences cost nothing.
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
import { useEffect, useMemo, useState } from 'react';
|
|
11
|
-
import type { Editor } from '@tiptap/react';
|
|
12
|
-
import {
|
|
13
|
-
asciiCellToCanvas,
|
|
14
|
-
asciiDiagramToTemplateData,
|
|
15
|
-
ASCII_CHAR_H,
|
|
16
|
-
ASCII_CHAR_W,
|
|
17
|
-
type AsciiDiagram,
|
|
18
|
-
} from '@bendyline/squisq/doc';
|
|
19
|
-
import type { DiagramEdge, DiagramNode } from '../diagram/types';
|
|
20
|
-
import { findAsciiDiagramBlockPos, parseAsciiDiagramForNode } from './AsciiDiagramExtension';
|
|
21
|
-
import { translateDiagramOp } from './asciiDiagramOps';
|
|
22
|
-
|
|
23
|
-
/** Persisted grid space reserved north/west of legacy origin-hugging art. */
|
|
24
|
-
export const ASCII_DIAGRAM_GUTTER_COLS = 8;
|
|
25
|
-
export const ASCII_DIAGRAM_GUTTER_ROWS = 2;
|
|
26
|
-
|
|
27
|
-
export interface AsciiDiagramCanvasOffset {
|
|
28
|
-
col: number;
|
|
29
|
-
row: number;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export interface AsciiDiagramView {
|
|
33
|
-
/** Canvas nodes, containers ordered first so their cards paint behind. */
|
|
34
|
-
nodes: DiagramNode[];
|
|
35
|
-
edges: DiagramEdge[];
|
|
36
|
-
warnings: string[];
|
|
37
|
-
style: 'unicode' | 'ascii';
|
|
38
|
-
/** The current fence text. */
|
|
39
|
-
text: string;
|
|
40
|
-
/** The parse behind `nodes`/`edges` (grid units) — ops operate on this. */
|
|
41
|
-
diagram: AsciiDiagram;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Offset needed to give an existing diagram the same editing gutter as a
|
|
46
|
-
* newly inserted one. The widget applies this virtually until the first real
|
|
47
|
-
* canvas edit, which then writes the shifted coordinates into the fence.
|
|
48
|
-
*/
|
|
49
|
-
export function initialAsciiDiagramCanvasOffset(diagram: AsciiDiagram): AsciiDiagramCanvasOffset {
|
|
50
|
-
if (diagram.nodes.length === 0) return { col: 0, row: 0 };
|
|
51
|
-
const minCol = Math.min(...diagram.nodes.map((node) => node.col));
|
|
52
|
-
const minRow = Math.min(...diagram.nodes.map((node) => node.row));
|
|
53
|
-
return {
|
|
54
|
-
col: Math.max(0, ASCII_DIAGRAM_GUTTER_COLS - minCol),
|
|
55
|
-
row: Math.max(0, ASCII_DIAGRAM_GUTTER_ROWS - minRow),
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/** Apply a canvas-only origin offset to a parsed grid model. */
|
|
60
|
-
export function offsetAsciiDiagram(
|
|
61
|
-
diagram: AsciiDiagram,
|
|
62
|
-
offset: AsciiDiagramCanvasOffset,
|
|
63
|
-
): AsciiDiagram {
|
|
64
|
-
return translateDiagramOp(diagram, offset.col, offset.row);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
/** Grid model → canvas model, containers-first for paint order. */
|
|
68
|
-
export function asciiDiagramToCanvas(
|
|
69
|
-
diagram: AsciiDiagram,
|
|
70
|
-
): Pick<AsciiDiagramView, 'nodes' | 'edges'> {
|
|
71
|
-
const containerIds = new Set(
|
|
72
|
-
diagram.nodes.map((n) => n.containerId).filter((id): id is string => id !== undefined),
|
|
73
|
-
);
|
|
74
|
-
const depthOf = (id: string | undefined): number => {
|
|
75
|
-
let depth = 0;
|
|
76
|
-
let current = diagram.nodes.find((n) => n.id === id);
|
|
77
|
-
while (current?.containerId) {
|
|
78
|
-
depth++;
|
|
79
|
-
current = diagram.nodes.find((n) => n.id === current?.containerId);
|
|
80
|
-
if (depth > diagram.nodes.length) break;
|
|
81
|
-
}
|
|
82
|
-
return depth;
|
|
83
|
-
};
|
|
84
|
-
const ordered = [...diagram.nodes].sort((a, b) => {
|
|
85
|
-
const aContainer = containerIds.has(a.id) ? 0 : 1;
|
|
86
|
-
const bContainer = containerIds.has(b.id) ? 0 : 1;
|
|
87
|
-
return aContainer - bContainer || depthOf(a.id) - depthOf(b.id);
|
|
88
|
-
});
|
|
89
|
-
const nodes: DiagramNode[] = ordered.map((n) => ({
|
|
90
|
-
id: n.id,
|
|
91
|
-
position: asciiCellToCanvas(n.col, n.row),
|
|
92
|
-
data: { label: n.label },
|
|
93
|
-
width: n.wCols * ASCII_CHAR_W,
|
|
94
|
-
height: n.hRows * ASCII_CHAR_H,
|
|
95
|
-
...(containerIds.has(n.id) ? { kind: 'container' as const } : {}),
|
|
96
|
-
}));
|
|
97
|
-
const templateEdges = asciiDiagramToTemplateData(diagram).edges;
|
|
98
|
-
const edges: DiagramEdge[] = diagram.edges.map((e, index) => ({
|
|
99
|
-
id: e.label ? `${e.source}->${e.target}:${e.label}` : `${e.source}->${e.target}`,
|
|
100
|
-
source: e.source,
|
|
101
|
-
target: e.target,
|
|
102
|
-
...(e.label ? { label: e.label } : {}),
|
|
103
|
-
...(e.directed ? {} : { directed: false }),
|
|
104
|
-
...(templateEdges[index]?.sourceAnchor
|
|
105
|
-
? { sourceAnchor: templateEdges[index].sourceAnchor }
|
|
106
|
-
: {}),
|
|
107
|
-
...(templateEdges[index]?.targetAnchor
|
|
108
|
-
? { targetAnchor: templateEdges[index].targetAnchor }
|
|
109
|
-
: {}),
|
|
110
|
-
...(templateEdges[index]?.routing ? { routing: templateEdges[index].routing } : {}),
|
|
111
|
-
}));
|
|
112
|
-
return { nodes, edges };
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
/**
|
|
116
|
-
* Live view of one registered ASCII diagram block. Returns null when the
|
|
117
|
-
* block no longer exists or no longer parses (the extension will drop the
|
|
118
|
-
* widget on its next pass).
|
|
119
|
-
*/
|
|
120
|
-
export function useAsciiDiagramData(editor: Editor, blockId: string): AsciiDiagramView | null {
|
|
121
|
-
const [version, setVersion] = useState(0);
|
|
122
|
-
useEffect(() => {
|
|
123
|
-
const onUpdate = () => setVersion((v) => v + 1);
|
|
124
|
-
editor.on('transaction', onUpdate);
|
|
125
|
-
return () => {
|
|
126
|
-
editor.off('transaction', onUpdate);
|
|
127
|
-
};
|
|
128
|
-
}, [editor]);
|
|
129
|
-
|
|
130
|
-
return useMemo(() => {
|
|
131
|
-
const pos = findAsciiDiagramBlockPos(editor, blockId);
|
|
132
|
-
if (pos === null) return null;
|
|
133
|
-
const node = editor.state.doc.nodeAt(pos);
|
|
134
|
-
if (!node || node.type.name !== 'codeBlock') return null;
|
|
135
|
-
const diagram = parseAsciiDiagramForNode(node);
|
|
136
|
-
if (!diagram) return null;
|
|
137
|
-
const { nodes, edges } = asciiDiagramToCanvas(diagram);
|
|
138
|
-
return {
|
|
139
|
-
nodes,
|
|
140
|
-
edges,
|
|
141
|
-
warnings: diagram.warnings,
|
|
142
|
-
style: diagram.style,
|
|
143
|
-
text: node.textContent,
|
|
144
|
-
diagram,
|
|
145
|
-
};
|
|
146
|
-
// `version` tracks transactions; editor/blockId are stable.
|
|
147
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
148
|
-
}, [editor, blockId, version]);
|
|
149
|
-
}
|
|
@@ -1,238 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Pure data operations over the ASCII diagram model — the write-direction
|
|
3
|
-
* half of the fence-is-source-of-truth loop:
|
|
4
|
-
*
|
|
5
|
-
* fence text → parseAsciiDiagram → op → renderAsciiDiagram → fence text
|
|
6
|
-
*
|
|
7
|
-
* Every op returns a new AsciiDiagram (inputs are never mutated) and
|
|
8
|
-
* maintains the invariants the renderer/parser fixpoint relies on:
|
|
9
|
-
* container moves translate whole subtrees, removals promote children and
|
|
10
|
-
* drop incident edges, sizes never fall below what a label needs.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
import type { AsciiDiagram, AsciiDiagramEdge, AsciiDiagramNode } from '@bendyline/squisq/doc';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Make arbitrary (rename-dialog) input safe as a box label: box-drawing /
|
|
17
|
-
* arrow glyphs would corrupt the art, and the Scene's inline editor is
|
|
18
|
-
* single-line, so newlines collapse to spaces.
|
|
19
|
-
*/
|
|
20
|
-
export function sanitizeAsciiLabel(label: string): string {
|
|
21
|
-
return label
|
|
22
|
-
.replace(/[─-╿▲▼◀-◄▶-►←-↓`]/gu, ' ') // backticks would terminate the fence
|
|
23
|
-
.replace(/\s+/g, ' ')
|
|
24
|
-
.trim();
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
function descendantsOf(diagram: AsciiDiagram, nodeId: string): Set<string> {
|
|
28
|
-
const out = new Set<string>();
|
|
29
|
-
let grew = true;
|
|
30
|
-
while (grew) {
|
|
31
|
-
grew = false;
|
|
32
|
-
for (const n of diagram.nodes) {
|
|
33
|
-
if (out.has(n.id)) continue;
|
|
34
|
-
if (n.containerId === nodeId || (n.containerId && out.has(n.containerId))) {
|
|
35
|
-
out.add(n.id);
|
|
36
|
-
grew = true;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
return out;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
/** Translate every node by the same grid delta (edges/containment are unchanged). */
|
|
44
|
-
export function translateDiagramOp(
|
|
45
|
-
diagram: AsciiDiagram,
|
|
46
|
-
dCol: number,
|
|
47
|
-
dRow: number,
|
|
48
|
-
): AsciiDiagram {
|
|
49
|
-
const colDelta = Math.round(dCol);
|
|
50
|
-
const rowDelta = Math.round(dRow);
|
|
51
|
-
if (colDelta === 0 && rowDelta === 0) return diagram;
|
|
52
|
-
return {
|
|
53
|
-
...diagram,
|
|
54
|
-
nodes: diagram.nodes.map((node) => ({
|
|
55
|
-
...node,
|
|
56
|
-
col: Math.max(0, node.col + colDelta),
|
|
57
|
-
row: Math.max(0, node.row + rowDelta),
|
|
58
|
-
})),
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
/** Move a node to (col, row); a container drags its whole subtree along. */
|
|
63
|
-
export function moveNodeOp(
|
|
64
|
-
diagram: AsciiDiagram,
|
|
65
|
-
nodeId: string,
|
|
66
|
-
col: number,
|
|
67
|
-
row: number,
|
|
68
|
-
): AsciiDiagram {
|
|
69
|
-
const node = diagram.nodes.find((n) => n.id === nodeId);
|
|
70
|
-
if (!node) return diagram;
|
|
71
|
-
const dCol = Math.max(0, col) - node.col;
|
|
72
|
-
const dRow = Math.max(0, row) - node.row;
|
|
73
|
-
if (dCol === 0 && dRow === 0) return diagram;
|
|
74
|
-
const moving = descendantsOf(diagram, nodeId);
|
|
75
|
-
moving.add(nodeId);
|
|
76
|
-
return {
|
|
77
|
-
...diagram,
|
|
78
|
-
nodes: diagram.nodes.map((n) =>
|
|
79
|
-
moving.has(n.id)
|
|
80
|
-
? { ...n, col: Math.max(0, n.col + dCol), row: Math.max(0, n.row + dRow) }
|
|
81
|
-
: n,
|
|
82
|
-
),
|
|
83
|
-
};
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/** Resize a node (grid cells). Clamped so the label always fits. */
|
|
87
|
-
export function resizeNodeOp(
|
|
88
|
-
diagram: AsciiDiagram,
|
|
89
|
-
nodeId: string,
|
|
90
|
-
wCols: number,
|
|
91
|
-
hRows: number,
|
|
92
|
-
): AsciiDiagram {
|
|
93
|
-
const node = diagram.nodes.find((n) => n.id === nodeId);
|
|
94
|
-
if (!node) return diagram;
|
|
95
|
-
const labelLines = node.label.length > 0 ? node.label.split('\n') : [];
|
|
96
|
-
const minW = Math.max(3, labelLines.reduce((w, l) => Math.max(w, l.length), 0) + 4);
|
|
97
|
-
const minH = Math.max(3, labelLines.length + 2);
|
|
98
|
-
return {
|
|
99
|
-
...diagram,
|
|
100
|
-
nodes: diagram.nodes.map((n) =>
|
|
101
|
-
n.id === nodeId
|
|
102
|
-
? {
|
|
103
|
-
...n,
|
|
104
|
-
wCols: Math.max(minW, Math.round(wCols)),
|
|
105
|
-
hRows: Math.max(minH, Math.round(hRows)),
|
|
106
|
-
}
|
|
107
|
-
: n,
|
|
108
|
-
),
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
/** Add a directed edge; duplicates (same source/target/label) are no-ops. */
|
|
113
|
-
export function addEdgeOp(
|
|
114
|
-
diagram: AsciiDiagram,
|
|
115
|
-
source: string,
|
|
116
|
-
target: string,
|
|
117
|
-
label?: string,
|
|
118
|
-
): AsciiDiagram {
|
|
119
|
-
const ids = new Set(diagram.nodes.map((n) => n.id));
|
|
120
|
-
if (!ids.has(source) || !ids.has(target) || source === target) return diagram;
|
|
121
|
-
const exists = diagram.edges.some(
|
|
122
|
-
(e) => e.source === source && e.target === target && (e.label ?? '') === (label ?? ''),
|
|
123
|
-
);
|
|
124
|
-
if (exists) return diagram;
|
|
125
|
-
const edge: AsciiDiagramEdge = {
|
|
126
|
-
source,
|
|
127
|
-
target,
|
|
128
|
-
...(label ? { label } : {}),
|
|
129
|
-
directed: true,
|
|
130
|
-
};
|
|
131
|
-
return { ...diagram, edges: [...diagram.edges, edge] };
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
/**
|
|
135
|
-
* Remove an edge. A label-qualified call removes the exact match; without
|
|
136
|
-
* a label the first (source, target) match goes — mirroring the legacy
|
|
137
|
-
* `removeConnection` semantics.
|
|
138
|
-
*/
|
|
139
|
-
export function removeEdgeOp(
|
|
140
|
-
diagram: AsciiDiagram,
|
|
141
|
-
source: string,
|
|
142
|
-
target: string,
|
|
143
|
-
label?: string,
|
|
144
|
-
): AsciiDiagram {
|
|
145
|
-
let removed = false;
|
|
146
|
-
const edges = diagram.edges.filter((e) => {
|
|
147
|
-
if (removed) return true;
|
|
148
|
-
const match =
|
|
149
|
-
e.source === source &&
|
|
150
|
-
e.target === target &&
|
|
151
|
-
(label !== undefined ? (e.label ?? '') === label : true);
|
|
152
|
-
if (match) {
|
|
153
|
-
removed = true;
|
|
154
|
-
return false;
|
|
155
|
-
}
|
|
156
|
-
return true;
|
|
157
|
-
});
|
|
158
|
-
return removed ? { ...diagram, edges } : diagram;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* Rename a node. The label drives the node's parse-derived id, so edges
|
|
163
|
-
* and containment references are rewritten to the id the next parse will
|
|
164
|
-
* produce. (Selection in the canvas drops after a rename — documented.)
|
|
165
|
-
*/
|
|
166
|
-
export function renameNodeOp(diagram: AsciiDiagram, nodeId: string, label: string): AsciiDiagram {
|
|
167
|
-
const node = diagram.nodes.find((n) => n.id === nodeId);
|
|
168
|
-
if (!node) return diagram;
|
|
169
|
-
const clean = sanitizeAsciiLabel(label);
|
|
170
|
-
if (clean.length === 0 || clean === node.label) return diagram;
|
|
171
|
-
return {
|
|
172
|
-
...diagram,
|
|
173
|
-
nodes: diagram.nodes.map((n) => (n.id === nodeId ? { ...n, label: clean } : n)),
|
|
174
|
-
};
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/** Add a node at (col, row). Inherits a container when placed inside one. */
|
|
178
|
-
export function addNodeOp(
|
|
179
|
-
diagram: AsciiDiagram,
|
|
180
|
-
opts: { col: number; row: number; label?: string },
|
|
181
|
-
): { diagram: AsciiDiagram; label: string } {
|
|
182
|
-
// First free "Node N" label.
|
|
183
|
-
let label = opts.label;
|
|
184
|
-
if (!label) {
|
|
185
|
-
let i = 1;
|
|
186
|
-
const labels = new Set(diagram.nodes.map((n) => n.label.split('\n')[0]));
|
|
187
|
-
while (labels.has(`Node ${i}`)) i++;
|
|
188
|
-
label = `Node ${i}`;
|
|
189
|
-
}
|
|
190
|
-
const clean = sanitizeAsciiLabel(label) || 'Node';
|
|
191
|
-
const col = Math.max(0, Math.round(opts.col));
|
|
192
|
-
const row = Math.max(0, Math.round(opts.row));
|
|
193
|
-
const wCols = clean.length + 4;
|
|
194
|
-
const hRows = 3;
|
|
195
|
-
// Container inheritance: the new box's center falls inside a container.
|
|
196
|
-
const centerCol = col + wCols / 2;
|
|
197
|
-
const centerRow = row + hRows / 2;
|
|
198
|
-
const containers = diagram.nodes
|
|
199
|
-
.filter((n) => diagram.nodes.some((m) => m.containerId === n.id))
|
|
200
|
-
.filter(
|
|
201
|
-
(n) =>
|
|
202
|
-
centerCol > n.col &&
|
|
203
|
-
centerCol < n.col + n.wCols &&
|
|
204
|
-
centerRow > n.row &&
|
|
205
|
-
centerRow < n.row + n.hRows,
|
|
206
|
-
)
|
|
207
|
-
.sort((a, b) => a.wCols * a.hRows - b.wCols * b.hRows);
|
|
208
|
-
const node: AsciiDiagramNode = {
|
|
209
|
-
id: `__new-${diagram.nodes.length}`, // provisional; the re-parse derives the real slug id
|
|
210
|
-
label: clean,
|
|
211
|
-
col,
|
|
212
|
-
row,
|
|
213
|
-
wCols,
|
|
214
|
-
hRows,
|
|
215
|
-
...(containers[0] ? { containerId: containers[0].id } : {}),
|
|
216
|
-
};
|
|
217
|
-
return { diagram: { ...diagram, nodes: [...diagram.nodes, node] }, label: clean };
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
/**
|
|
221
|
-
* Remove a node: incident edges (both directions) drop, direct children
|
|
222
|
-
* are promoted to the removed node's own container (or top level).
|
|
223
|
-
*/
|
|
224
|
-
export function removeNodeOp(diagram: AsciiDiagram, nodeId: string): AsciiDiagram {
|
|
225
|
-
const node = diagram.nodes.find((n) => n.id === nodeId);
|
|
226
|
-
if (!node) return diagram;
|
|
227
|
-
const nodes = diagram.nodes
|
|
228
|
-
.filter((n) => n.id !== nodeId)
|
|
229
|
-
.map((n) => {
|
|
230
|
-
if (n.containerId !== nodeId) return n;
|
|
231
|
-
const promoted = { ...n };
|
|
232
|
-
if (node.containerId) promoted.containerId = node.containerId;
|
|
233
|
-
else delete promoted.containerId;
|
|
234
|
-
return promoted;
|
|
235
|
-
});
|
|
236
|
-
const edges = diagram.edges.filter((e) => e.source !== nodeId && e.target !== nodeId);
|
|
237
|
-
return { ...diagram, nodes, edges };
|
|
238
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Paste gate for bare (unfenced) ASCII diagram art.
|
|
3
|
-
*
|
|
4
|
-
* `+--+ | |` art pasted as plain text is otherwise mangled: its `| x |`
|
|
5
|
-
* rows match the GFM table-row pattern in `detectMarkdown`, so the paste
|
|
6
|
-
* handler routes it through the markdown converter, fails table
|
|
7
|
-
* validation, and emits one broken paragraph per line. When this gate
|
|
8
|
-
* matches, the paste handler inserts the text verbatim into a fresh code
|
|
9
|
-
* block instead — which the AsciiDiagramExtension then picks up as an
|
|
10
|
-
* interactive diagram.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
import { detectAsciiDiagram } from '@bendyline/squisq/doc';
|
|
14
|
-
|
|
15
|
-
export function shouldPasteAsAsciiFence(text: string): boolean {
|
|
16
|
-
if (!text || text.includes('```')) return false;
|
|
17
|
-
const detection = detectAsciiDiagram(text);
|
|
18
|
-
return detection.isDiagram && (detection.diagram?.nodes.length ?? 0) >= 2;
|
|
19
|
-
}
|
package/src/blockProperties.ts
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* blockProperties
|
|
3
|
-
*
|
|
4
|
-
* Generic read/write of a single block-meta key on a heading's Pandoc `{…}`
|
|
5
|
-
* attribute block (stored as the `dataBlockAttrs` inner string in the WYSIWYG
|
|
6
|
-
* heading node — no braces, matching `tiptapBridge`).
|
|
7
|
-
*
|
|
8
|
-
* The transition family (which spans three coupled keys) has its own helpers
|
|
9
|
-
* in `headingTransition.ts`; this module covers the standalone scalar keys the
|
|
10
|
-
* block-properties palette edits — `duration`, `startTime`, `x`, `y`, … — all
|
|
11
|
-
* of which are plain `key=value` params. Parse/serialize is delegated to the
|
|
12
|
-
* shared core helpers so quoting and ordering match the parser exactly.
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
|
-
import {
|
|
16
|
-
parsePandocAttrTokens,
|
|
17
|
-
serializePandocAttributes,
|
|
18
|
-
parseTimeSeconds,
|
|
19
|
-
type HeadingAttributes,
|
|
20
|
-
} from '@bendyline/squisq/markdown';
|
|
21
|
-
import { normalizeTransitionType } from '@bendyline/squisq/schemas';
|
|
22
|
-
import { readBlockAttrsTransition } from './headingTransition';
|
|
23
|
-
import { transitionLabel } from './transitionCatalog';
|
|
24
|
-
|
|
25
|
-
/** Parse a `dataBlockAttrs` inner string into its flat `key → value` map. */
|
|
26
|
-
export function readBlockAttrsParams(inner: string | null | undefined): Record<string, string> {
|
|
27
|
-
return inner ? (parsePandocAttrTokens(inner).params ?? {}) : {};
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/** Read a single block-meta param, or '' when unset. */
|
|
31
|
-
export function readBlockAttrsValue(inner: string | null | undefined, key: string): string {
|
|
32
|
-
return readBlockAttrsParams(inner)[key] ?? '';
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Set (or, when `value` is empty, remove) a single param in a `dataBlockAttrs`
|
|
37
|
-
* inner string. Returns the new inner (no braces), or null when the block is
|
|
38
|
-
* left with no attributes at all — matching how `tiptapBridge` stores an
|
|
39
|
-
* absent attribute (null, not `{}`).
|
|
40
|
-
*/
|
|
41
|
-
export function setBlockAttrsValue(
|
|
42
|
-
inner: string | null | undefined,
|
|
43
|
-
key: string,
|
|
44
|
-
value: string,
|
|
45
|
-
): string | null {
|
|
46
|
-
const attrs: HeadingAttributes = inner ? parsePandocAttrTokens(inner) : {};
|
|
47
|
-
const params: Record<string, string> = { ...(attrs.params ?? {}) };
|
|
48
|
-
const trimmed = value.trim();
|
|
49
|
-
if (trimmed === '') delete params[key];
|
|
50
|
-
else params[key] = trimmed;
|
|
51
|
-
attrs.params = params;
|
|
52
|
-
const raw = serializePandocAttributes(attrs);
|
|
53
|
-
return raw == null || raw === '{}' ? null : raw.slice(1, -1);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* A concise, human-readable summary of a block's authored properties for the
|
|
58
|
-
* on-canvas badge — e.g. `Doors · 1:30 start · 3:20 long`. Returns '' when no
|
|
59
|
-
* properties are set (the badge then shows just its icon). Reads transition
|
|
60
|
-
* from both the Pandoc block and the `{[…]}` params; timing from the block.
|
|
61
|
-
*/
|
|
62
|
-
export function summarizeBlockProps(
|
|
63
|
-
blockAttrs: string | null | undefined,
|
|
64
|
-
templateParams: string | null | undefined,
|
|
65
|
-
): string {
|
|
66
|
-
const parts: string[] = [];
|
|
67
|
-
|
|
68
|
-
const transition = readBlockAttrsTransition(blockAttrs, templateParams);
|
|
69
|
-
if (transition.type) {
|
|
70
|
-
parts.push(transitionLabel(normalizeTransitionType(transition.type) ?? transition.type));
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
const params = readBlockAttrsParams(blockAttrs);
|
|
74
|
-
if (params.startTime) parts.push(`${formatClock(params.startTime)} start`);
|
|
75
|
-
if (params.duration) parts.push(`${formatClock(params.duration)} long`);
|
|
76
|
-
|
|
77
|
-
return parts.join(' · ');
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
/** Format a raw time value (`90`, `1:30`, `1500ms`) as `m:ss`, or pass through. */
|
|
81
|
-
function formatClock(raw: string): string {
|
|
82
|
-
const seconds = parseTimeSeconds(raw);
|
|
83
|
-
if (seconds == null) return raw;
|
|
84
|
-
const total = Math.round(seconds);
|
|
85
|
-
const minutes = Math.floor(total / 60);
|
|
86
|
-
const secs = total % 60;
|
|
87
|
-
return `${minutes}:${String(secs).padStart(2, '0')}`;
|
|
88
|
-
}
|
package/src/blockRange.ts
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* blockRange
|
|
3
|
-
*
|
|
4
|
-
* Source-text-range slicing for the block-at-a-time editing view. Splits a
|
|
5
|
-
* full markdown document into ordered, contiguous slices — one per
|
|
6
|
-
* heading-defined block plus an optional leading preamble — so a single
|
|
7
|
-
* block can be shown in isolation and edits spliced back into the parent.
|
|
8
|
-
*
|
|
9
|
-
* A block runs from its heading line through the character just before the
|
|
10
|
-
* next heading at ANY depth (or EOF). Sub-headings therefore start their own
|
|
11
|
-
* slices — they are NOT folded into their parent — which matches the
|
|
12
|
-
* "don't see child blocks" requirement and the `slicePastHeading` boundary
|
|
13
|
-
* in `blockSlice.ts`. Ranges are half-open `[startOffset, endOffset)` and
|
|
14
|
-
* line-aligned, so trailing blank lines stay with the current block and
|
|
15
|
-
* `spliceBlock(src, range, getBlockSlices(src)[i].text) === src` for every i.
|
|
16
|
-
*
|
|
17
|
-
* These are pure functions over a markdown string — no React, no editor
|
|
18
|
-
* coupling — so any host can reuse them.
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
import { parseMarkdown } from '@bendyline/squisq/markdown';
|
|
22
|
-
import type { MarkdownDocument } from '@bendyline/squisq/markdown';
|
|
23
|
-
import { frontmatterEndOffset } from './frontmatter';
|
|
24
|
-
|
|
25
|
-
/** Half-open character range into the full source: `[startOffset, endOffset)`. */
|
|
26
|
-
export interface BlockRange {
|
|
27
|
-
startOffset: number;
|
|
28
|
-
endOffset: number;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/** One block's source text plus the range it occupies in the full document. */
|
|
32
|
-
export interface BlockSlice {
|
|
33
|
-
text: string;
|
|
34
|
-
range: BlockRange;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/** Map every line start to its character offset (`lineStarts[line - 1]`). */
|
|
38
|
-
function computeLineStarts(source: string): number[] {
|
|
39
|
-
const starts = [0];
|
|
40
|
-
for (let i = 0; i < source.length; i++) {
|
|
41
|
-
if (source[i] === '\n') starts.push(i + 1);
|
|
42
|
-
}
|
|
43
|
-
return starts;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
function makeSlice(source: string, startOffset: number, endOffset: number): BlockSlice {
|
|
47
|
-
return { text: source.slice(startOffset, endOffset), range: { startOffset, endOffset } };
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Split `fullSource` into ordered block slices.
|
|
52
|
-
*
|
|
53
|
-
* - With no headings, the entire post-frontmatter body is a single slice
|
|
54
|
-
* (so an empty or heading-less document still shows one editable card).
|
|
55
|
-
* - With headings, a leading preamble slice is included only when the text
|
|
56
|
-
* before the first heading has non-whitespace content. Each heading then
|
|
57
|
-
* yields one slice spanning up to the next heading (any depth) or EOF.
|
|
58
|
-
*
|
|
59
|
-
* Frontmatter is never part of any slice — slices start at the body offset.
|
|
60
|
-
*/
|
|
61
|
-
export function getBlockSlices(fullSource: string): BlockSlice[] {
|
|
62
|
-
const bodyStart = frontmatterEndOffset(fullSource);
|
|
63
|
-
|
|
64
|
-
let doc: MarkdownDocument;
|
|
65
|
-
try {
|
|
66
|
-
doc = parseMarkdown(fullSource);
|
|
67
|
-
} catch {
|
|
68
|
-
// Unparseable mid-edit — treat the whole body as one slice rather than
|
|
69
|
-
// dropping the user into an empty card.
|
|
70
|
-
return [makeSlice(fullSource, bodyStart, fullSource.length)];
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
const lineStarts = computeLineStarts(fullSource);
|
|
74
|
-
const headingOffsets: number[] = [];
|
|
75
|
-
for (const node of doc.children) {
|
|
76
|
-
if (node.type !== 'heading') continue;
|
|
77
|
-
const line = node.position?.start.line;
|
|
78
|
-
if (typeof line !== 'number') continue;
|
|
79
|
-
const off = lineStarts[line - 1];
|
|
80
|
-
if (typeof off === 'number') headingOffsets.push(off);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
if (headingOffsets.length === 0) {
|
|
84
|
-
return [makeSlice(fullSource, bodyStart, fullSource.length)];
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
const slices: BlockSlice[] = [];
|
|
88
|
-
const firstHeading = headingOffsets[0];
|
|
89
|
-
if (fullSource.slice(bodyStart, firstHeading).trim().length > 0) {
|
|
90
|
-
slices.push(makeSlice(fullSource, bodyStart, firstHeading));
|
|
91
|
-
}
|
|
92
|
-
for (let i = 0; i < headingOffsets.length; i++) {
|
|
93
|
-
const start = headingOffsets[i];
|
|
94
|
-
const end = i + 1 < headingOffsets.length ? headingOffsets[i + 1] : fullSource.length;
|
|
95
|
-
slices.push(makeSlice(fullSource, start, end));
|
|
96
|
-
}
|
|
97
|
-
return slices;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
/** Replace the text in `range` with `newText`, returning the new full source. */
|
|
101
|
-
export function spliceBlock(fullSource: string, range: BlockRange, newText: string): string {
|
|
102
|
-
return fullSource.slice(0, range.startOffset) + newText + fullSource.slice(range.endOffset);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
/** Character offset of the start of 1-based `line` (clamps past EOF). */
|
|
106
|
-
export function lineToOffset(source: string, line: number): number {
|
|
107
|
-
const starts = computeLineStarts(source);
|
|
108
|
-
return starts[Math.max(0, line - 1)] ?? source.length;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
/** 1-based line number containing `offset`. */
|
|
112
|
-
export function offsetToLine(source: string, offset: number): number {
|
|
113
|
-
const starts = computeLineStarts(source);
|
|
114
|
-
let lo = 0;
|
|
115
|
-
let hi = starts.length - 1;
|
|
116
|
-
let ans = 0;
|
|
117
|
-
while (lo <= hi) {
|
|
118
|
-
const mid = (lo + hi) >> 1;
|
|
119
|
-
if (starts[mid] <= offset) {
|
|
120
|
-
ans = mid;
|
|
121
|
-
lo = mid + 1;
|
|
122
|
-
} else {
|
|
123
|
-
hi = mid - 1;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
return ans + 1;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
/** Index of the slice whose range contains `offset`, or -1. */
|
|
130
|
-
export function sliceIndexAtOffset(slices: BlockSlice[], offset: number): number {
|
|
131
|
-
return slices.findIndex((s) => offset >= s.range.startOffset && offset < s.range.endOffset);
|
|
132
|
-
}
|
package/src/blockSlice.ts
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Helpers for extracting the immediate body of the heading-defined block
|
|
3
|
-
* that's currently being edited. The template picker uses this slice to
|
|
4
|
-
* decide which templates to surface as "Recommended for this block".
|
|
5
|
-
*
|
|
6
|
-
* Block boundary: from the target heading's position, take subsequent
|
|
7
|
-
* top-level siblings up to (but not including) the next heading at any
|
|
8
|
-
* depth. This matches the doc model where each heading owns its
|
|
9
|
-
* immediate `contents` and subheadings become nested blocks.
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
import { parseMarkdown } from '@bendyline/squisq/markdown';
|
|
13
|
-
import type {
|
|
14
|
-
MarkdownBlockNode,
|
|
15
|
-
MarkdownDocument,
|
|
16
|
-
MarkdownHeading,
|
|
17
|
-
} from '@bendyline/squisq/markdown';
|
|
18
|
-
|
|
19
|
-
function slicePastHeading(
|
|
20
|
-
doc: MarkdownDocument,
|
|
21
|
-
headingNode: MarkdownHeading,
|
|
22
|
-
): MarkdownBlockNode[] {
|
|
23
|
-
const children = doc.children;
|
|
24
|
-
const startIdx = children.indexOf(headingNode);
|
|
25
|
-
if (startIdx < 0) return [];
|
|
26
|
-
const out: MarkdownBlockNode[] = [];
|
|
27
|
-
for (let i = startIdx + 1; i < children.length; i++) {
|
|
28
|
-
const node = children[i];
|
|
29
|
-
if (node.type === 'heading') break;
|
|
30
|
-
out.push(node);
|
|
31
|
-
}
|
|
32
|
-
return out;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Parse `source` and return the body of the heading whose source range
|
|
37
|
-
* covers `lineNumber` (1-indexed). Returns `null` if `lineNumber` isn't
|
|
38
|
-
* on a heading line.
|
|
39
|
-
*/
|
|
40
|
-
export function findBlockSliceAtLine(
|
|
41
|
-
source: string,
|
|
42
|
-
lineNumber: number,
|
|
43
|
-
): MarkdownBlockNode[] | null {
|
|
44
|
-
const doc = parseMarkdown(source);
|
|
45
|
-
for (const node of doc.children) {
|
|
46
|
-
if (node.type !== 'heading') continue;
|
|
47
|
-
const pos = node.position;
|
|
48
|
-
if (!pos) continue;
|
|
49
|
-
if (pos.start.line <= lineNumber && pos.end.line >= lineNumber) {
|
|
50
|
-
return slicePastHeading(doc, node);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
return null;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Parse `source` and return the body of the Nth top-level heading
|
|
58
|
-
* (0-indexed). Used by the WYSIWYG path, which knows the heading's
|
|
59
|
-
* index in the Tiptap doc but not its source line.
|
|
60
|
-
*/
|
|
61
|
-
export function findBlockSliceByHeadingIndex(
|
|
62
|
-
source: string,
|
|
63
|
-
headingIndex: number,
|
|
64
|
-
): MarkdownBlockNode[] | null {
|
|
65
|
-
const doc = parseMarkdown(source);
|
|
66
|
-
let seen = 0;
|
|
67
|
-
for (const node of doc.children) {
|
|
68
|
-
if (node.type !== 'heading') continue;
|
|
69
|
-
if (seen === headingIndex) {
|
|
70
|
-
return slicePastHeading(doc, node);
|
|
71
|
-
}
|
|
72
|
-
seen++;
|
|
73
|
-
}
|
|
74
|
-
return null;
|
|
75
|
-
}
|