@likec4/diagram 1.55.1 → 1.56.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/LikeC4Diagram.js +148 -194
- package/dist/LikeC4ModelProvider.js +13 -9
- package/dist/LikeC4ProjectsOverview.js +24 -30
- package/dist/LikeC4ProjectsProvider.js +33 -26
- package/dist/LikeC4Styles.js +40 -57
- package/dist/LikeC4View.js +156 -196
- package/dist/ReactLikeC4.js +43 -65
- package/dist/StaticLikeC4Diagram.js +36 -41
- package/dist/_virtual/_rolldown/runtime.js +17 -0
- package/dist/adhoc-editor/EditorPanel.js +102 -101
- package/dist/adhoc-editor/ElementsTree.js +113 -139
- package/dist/adhoc-editor/LikeC4AdHocViewEditor.js +77 -70
- package/dist/adhoc-editor/components/Tree.d.ts +2 -2
- package/dist/adhoc-editor/components/Tree.js +205 -288
- package/dist/adhoc-editor/hooks.js +28 -23
- package/dist/adhoc-editor/index.js +2 -1
- package/dist/adhoc-editor/state/ActorProvider.js +33 -36
- package/dist/adhoc-editor/state/actor.editor.js +148 -186
- package/dist/adhoc-editor/state/actor.js +12 -14
- package/dist/adhoc-editor/state/actor.layouter.js +49 -65
- package/dist/adhoc-editor/state/actor.types.js +19 -23
- package/dist/adhoc-editor/state/panel.js +112 -127
- package/dist/adhoc-editor/state/utils.js +22 -29
- package/dist/adhoc-editor/useElementsTree.js +89 -121
- package/dist/base/Background.js +26 -29
- package/dist/base/Base.js +34 -41
- package/dist/base/BaseXYFlow.js +135 -165
- package/dist/base/const.js +18 -19
- package/dist/base/updateEdges.js +38 -57
- package/dist/base/updateNodes.js +46 -65
- package/dist/base-primitives/Markdown.d.ts +1 -1
- package/dist/base-primitives/Markdown.js +32 -47
- package/dist/base-primitives/NodeHandles.js +39 -49
- package/dist/base-primitives/compound/CompoundActionButton.js +49 -69
- package/dist/base-primitives/compound/CompoundDetailsButton.js +39 -64
- package/dist/base-primitives/compound/CompoundNodeContainer.js +46 -66
- package/dist/base-primitives/compound/CompoundTitle.js +15 -12
- package/dist/base-primitives/compound/actionbtns.css.js +9 -18
- package/dist/base-primitives/edge/EdgeActionButton.js +17 -19
- package/dist/base-primitives/edge/EdgeContainer.js +29 -48
- package/dist/base-primitives/edge/EdgeLabel.js +44 -65
- package/dist/base-primitives/edge/EdgeLabelContainer.js +35 -73
- package/dist/base-primitives/edge/EdgeMarkers.js +157 -215
- package/dist/base-primitives/edge/EdgePath.js +62 -115
- package/dist/base-primitives/element/ElementActionButtons.js +92 -81
- package/dist/base-primitives/element/ElementData.js +107 -126
- package/dist/base-primitives/element/ElementDetailsButton.js +78 -98
- package/dist/base-primitives/element/ElementNodeContainer.js +51 -82
- package/dist/base-primitives/element/ElementShape.js +331 -317
- package/dist/base-primitives/element/ElementTags.d.ts +1 -1
- package/dist/base-primitives/element/ElementTags.js +133 -193
- package/dist/base-primitives/memoEdge.js +11 -10
- package/dist/base-primitives/memoNode.js +16 -20
- package/dist/components/ErrorFallback.js +111 -75
- package/dist/components/GithubIcon.js +14 -16
- package/dist/components/Link.js +99 -113
- package/dist/components/Logo.js +38 -41
- package/dist/components/NavigationLink.js +15 -23
- package/dist/components/NavigationPanel.js +26 -47
- package/dist/components/PortalToContainer.js +16 -10
- package/dist/components/RootContainer.js +35 -31
- package/dist/components/SearchControl.css.js +65 -75
- package/dist/components/SearchControl.js +36 -14
- package/dist/components/ViewNotFound.js +22 -29
- package/dist/context/CurrentViewModelProvider.js +11 -9
- package/dist/context/DefaultMantineProvider.js +45 -72
- package/dist/context/DiagramEventHandlers.js +43 -48
- package/dist/context/DiagramFeatures.js +73 -69
- package/dist/context/EnsureMantine.js +13 -16
- package/dist/context/FramerMotionConfig.js +17 -11
- package/dist/context/IconRenderer.js +90 -106
- package/dist/context/LikeC4ModelContext.js +14 -10
- package/dist/context/LikeC4ProjectsContext.js +7 -6
- package/dist/context/RootContainerContext.d.ts +2 -5
- package/dist/context/RootContainerContext.js +24 -26
- package/dist/context/TagStylesContext.js +49 -57
- package/dist/custom/customNodes.js +224 -28
- package/dist/custom/index.js +41 -40
- package/dist/editor/LikeC4EditorCallbacks.js +4 -2
- package/dist/editor/LikeC4EditorProvider.js +32 -7
- package/dist/editor/applyChangesToManualLayout.js +144 -163
- package/dist/editor/editorActor.actions.js +122 -138
- package/dist/editor/editorActor.setup.js +30 -36
- package/dist/editor/editorActor.states.js +209 -263
- package/dist/editor/hotkeyActor.js +18 -17
- package/dist/editor/useEditorActorLogic.js +31 -43
- package/dist/hooks/safeContext.js +17 -17
- package/dist/hooks/useCallbackRef.js +18 -11
- package/dist/hooks/useCurrentView.js +16 -7
- package/dist/hooks/useCurrentViewModel.js +14 -9
- package/dist/hooks/useDiagram.js +55 -37
- package/dist/hooks/useDiagramCompareLayout.js +77 -81
- package/dist/hooks/useId.js +8 -6
- package/dist/hooks/useLikeC4ElementsTree.js +22 -21
- package/dist/hooks/useLikeC4Model.js +21 -20
- package/dist/hooks/useLikeC4Project.js +40 -29
- package/dist/hooks/useLikeC4Styles.js +6 -6
- package/dist/hooks/useMantinePortalProps.js +10 -6
- package/dist/hooks/useOverlaysActor.js +7 -6
- package/dist/hooks/useSearchActor.js +7 -6
- package/dist/hooks/useSetState.js +21 -19
- package/dist/hooks/useUpdateEffect.js +18 -29
- package/dist/hooks/useXYFlow.js +13 -15
- package/dist/index.js +24 -23
- package/dist/likec4diagram/DiagramUI.js +33 -37
- package/dist/likec4diagram/DiagramXYFlow.js +215 -224
- package/dist/likec4diagram/convert-to-xyflow.js +21 -22
- package/dist/likec4diagram/custom/edges/EdgeDrifts.js +22 -32
- package/dist/likec4diagram/custom/edges/RelationshipEdge.js +275 -372
- package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +71 -75
- package/dist/likec4diagram/custom/edges/edges.css.js +41 -47
- package/dist/likec4diagram/custom/edges/useControlPoints.js +52 -56
- package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.js +54 -76
- package/dist/likec4diagram/custom/index.js +17 -17
- package/dist/likec4diagram/custom/nodes/CompoundActions.js +19 -26
- package/dist/likec4diagram/custom/nodes/ElementActions.js +131 -82
- package/dist/likec4diagram/custom/nodes/NodeDrifts.js +20 -26
- package/dist/likec4diagram/custom/nodes/NodeNotes.js +215 -273
- package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +131 -147
- package/dist/likec4diagram/custom/nodes/nodes.js +135 -146
- package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +155 -159
- package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +58 -86
- package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +108 -164
- package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.js +56 -68
- package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +3 -6
- package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +97 -102
- package/dist/likec4diagram/custom/nodes/toolbar/styles.css.js +13 -13
- package/dist/likec4diagram/custom/nodes/toolbar/types.js +6 -5
- package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.js +36 -41
- package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +510 -541
- package/dist/likec4diagram/relationship-popover/actor.js +113 -152
- package/dist/likec4diagram/relationship-popover/components.js +39 -43
- package/dist/likec4diagram/state/DiagramActorProvider.js +135 -136
- package/dist/likec4diagram/state/aligners.js +283 -360
- package/dist/likec4diagram/state/assign.js +84 -108
- package/dist/likec4diagram/state/createViewChange.js +72 -92
- package/dist/likec4diagram/state/diagram-api.js +224 -152
- package/dist/likec4diagram/state/hotkeyActor.js +54 -45
- package/dist/likec4diagram/state/machine.actions.js +709 -821
- package/dist/likec4diagram/state/machine.actions.layout.js +154 -183
- package/dist/likec4diagram/state/machine.js +113 -134
- package/dist/likec4diagram/state/machine.setup.js +104 -113
- package/dist/likec4diagram/state/machine.state.initializing.js +54 -54
- package/dist/likec4diagram/state/machine.state.navigating.js +192 -227
- package/dist/likec4diagram/state/machine.state.ready.focused.js +72 -88
- package/dist/likec4diagram/state/machine.state.ready.idle.js +79 -98
- package/dist/likec4diagram/state/machine.state.ready.js +126 -202
- package/dist/likec4diagram/state/machine.state.ready.printing.js +38 -39
- package/dist/likec4diagram/state/machine.state.ready.walkthrough.js +153 -193
- package/dist/likec4diagram/state/mediaPrintActor.js +20 -16
- package/dist/likec4diagram/state/persistence.js +20 -21
- package/dist/likec4diagram/state/utils.js +131 -162
- package/dist/likec4diagram/ui/LayoutDriftFrame.js +53 -64
- package/dist/likec4diagram/ui/notation/NotationPanel.css.js +58 -80
- package/dist/likec4diagram/ui/notation/NotationPanel.js +183 -214
- package/dist/likec4diagram/useLayoutConstraints.js +386 -433
- package/dist/likec4diagram/xyflow-diagram/diagram-view.js +216 -227
- package/dist/likec4diagram/xyflow-sequence/const.js +11 -7
- package/dist/likec4diagram/xyflow-sequence/sequence-layout.js +177 -180
- package/dist/navigationpanel/NavigationPanel.js +113 -123
- package/dist/navigationpanel/NavigationPanelControls.js +124 -150
- package/dist/navigationpanel/NavigationPanelDropdown.js +365 -477
- package/dist/navigationpanel/_common.d.ts +4 -10
- package/dist/navigationpanel/_common.js +57 -70
- package/dist/navigationpanel/actor.js +153 -236
- package/dist/navigationpanel/comparepanel/CompareActionsMenu.js +66 -83
- package/dist/navigationpanel/comparepanel/ComparePanel.js +135 -164
- package/dist/navigationpanel/comparepanel/ComparePanelControls.js +50 -58
- package/dist/navigationpanel/comparepanel/DriftsSummary.js +207 -254
- package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.js +33 -35
- package/dist/navigationpanel/controls/DetailsControls.js +219 -246
- package/dist/navigationpanel/controls/LayoutWarning.js +89 -100
- package/dist/navigationpanel/controls/LogoButton.js +46 -70
- package/dist/navigationpanel/controls/NavigationButtons.js +35 -52
- package/dist/navigationpanel/controls/OpenSource.js +27 -25
- package/dist/navigationpanel/controls/SearchControl.js +50 -61
- package/dist/navigationpanel/controls/ToggleReadonly.js +84 -81
- package/dist/navigationpanel/dropdown/ProjectsMenu.js +69 -87
- package/dist/navigationpanel/editorpanel/CenterCamera.js +17 -13
- package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.js +182 -154
- package/dist/navigationpanel/editorpanel/EditorPanel.js +47 -45
- package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +122 -173
- package/dist/navigationpanel/editorpanel/ToggleReadonly.js +20 -13
- package/dist/navigationpanel/editorpanel/_common.d.ts +3 -6
- package/dist/navigationpanel/editorpanel/_common.js +13 -13
- package/dist/navigationpanel/editorpanel/styles.js +58 -75
- package/dist/navigationpanel/hooks.js +35 -29
- package/dist/navigationpanel/styles.css.js +20 -28
- package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +107 -134
- package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +8 -8
- package/dist/navigationpanel/walkthrough/DynamicViewControls.js +105 -120
- package/dist/navigationpanel/walkthrough/WalkthroughPanel.js +75 -83
- package/dist/overlays/Overlays.js +94 -112
- package/dist/overlays/element-details/ElementDetails.js +22 -28
- package/dist/overlays/element-details/ElementDetailsCard.css.js +198 -221
- package/dist/overlays/element-details/ElementDetailsCard.js +517 -499
- package/dist/overlays/element-details/MetadataValue.js +210 -250
- package/dist/overlays/element-details/TabPanelDeployments.css.js +40 -60
- package/dist/overlays/element-details/TabPanelDeployments.js +185 -178
- package/dist/overlays/element-details/TabPanelRelationships.css.js +63 -71
- package/dist/overlays/element-details/TabPanelRelationships.js +155 -140
- package/dist/overlays/element-details/TabPanelStructure.css.js +29 -33
- package/dist/overlays/element-details/TabPanelStructure.js +93 -93
- package/dist/overlays/element-details/actor.js +45 -55
- package/dist/overlays/element-details/actorContext.js +12 -10
- package/dist/overlays/overlay/Overlay.js +104 -151
- package/dist/overlays/overlaysActor.js +213 -264
- package/dist/overlays/relationship-details/RelationshipDetails.js +270 -253
- package/dist/overlays/relationship-details/SelectEdge.css.js +62 -74
- package/dist/overlays/relationship-details/SelectEdge.js +146 -126
- package/dist/overlays/relationship-details/actor.js +242 -303
- package/dist/overlays/relationship-details/compute.js +109 -135
- package/dist/overlays/relationship-details/custom/ElementActions.js +43 -56
- package/dist/overlays/relationship-details/custom/edgeTypes.js +43 -49
- package/dist/overlays/relationship-details/custom/nodeTypes.js +93 -119
- package/dist/overlays/relationship-details/hooks.js +44 -38
- package/dist/overlays/relationship-details/layout-to-xyflow.js +119 -141
- package/dist/overlays/relationship-details/layout.js +275 -304
- package/dist/overlays/relationships-browser/RelationshipsBrowser.js +319 -321
- package/dist/overlays/relationships-browser/SelectElement.css.js +18 -21
- package/dist/overlays/relationships-browser/SelectElement.js +192 -218
- package/dist/overlays/relationships-browser/actor.js +364 -462
- package/dist/overlays/relationships-browser/const.js +7 -6
- package/dist/overlays/relationships-browser/custom/ElementActions.js +60 -63
- package/dist/overlays/relationships-browser/custom/EmptyNode.js +25 -29
- package/dist/overlays/relationships-browser/custom/edgeTypes.js +66 -99
- package/dist/overlays/relationships-browser/custom/nodeTypes.js +98 -123
- package/dist/overlays/relationships-browser/hooks.js +49 -51
- package/dist/overlays/relationships-browser/layout.js +413 -465
- package/dist/overlays/relationships-browser/useViewToNodesEdges.js +141 -157
- package/dist/projects-overview/ProjectsOverview.js +56 -55
- package/dist/projects-overview/ProjectsOverviewXY.js +105 -94
- package/dist/projects-overview/actor.js +252 -345
- package/dist/projects-overview/context.js +8 -7
- package/dist/projects-overview/custom/edgeTypes.js +22 -21
- package/dist/projects-overview/custom/nodeTypes.js +38 -42
- package/dist/projects-overview/hooks.js +9 -9
- package/dist/projects-overview/layouted-to-xyflow.js +46 -42
- package/dist/projects-overview/panel/ProjectsOverviewPanel.js +7 -9
- package/dist/projects-overview/persistence.js +22 -22
- package/dist/search/Search.js +199 -181
- package/dist/search/SearchContext.js +16 -15
- package/dist/search/XStateSearchAdapter.js +68 -62
- package/dist/search/components/ElementsColumn.css.js +50 -68
- package/dist/search/components/ElementsColumn.js +248 -290
- package/dist/search/components/PickView.js +116 -140
- package/dist/search/components/SearchByTags.js +76 -94
- package/dist/search/components/SearchInput.js +187 -209
- package/dist/search/components/ViewsColum.js +151 -141
- package/dist/search/components/ViewsColumn.css.js +12 -26
- package/dist/search/components/_shared.css.js +127 -153
- package/dist/search/components/styles.css.js +47 -53
- package/dist/search/components/utils.js +44 -47
- package/dist/search/hooks.js +10 -10
- package/dist/search/searchActor.js +93 -128
- package/dist/shadowroot/ShadowRoot.js +66 -78
- package/dist/shadowroot/styles.css.js +56 -66
- package/dist/styles-font2.js +4 -0
- package/dist/styles2.js +4 -0
- package/dist/utils/index.js +5 -0
- package/dist/utils/roundDpr.js +19 -15
- package/dist/utils/view-bounds.js +48 -55
- package/dist/utils/xyflow.js +143 -113
- package/package.json +12 -13
- package/styles-font.css +1 -1
- package/styles-min.css +1 -1
- package/styles-xyflow.css +1 -1
- package/styles.css +1 -1
- package/dist/_virtual/_commonjsHelpers.js +0 -3
- package/dist/_virtual/assign-f10db67b.cjs.js +0 -3
- package/dist/_virtual/log-30abbb83.cjs.js +0 -3
- package/dist/_virtual/raise-f051f097.cjs.js +0 -3
- package/dist/_virtual/store-cfe7da62.cjs.js +0 -3
- package/dist/_virtual/xstate-actions.cjs.js +0 -5
- package/dist/_virtual/xstate-actions.cjs2.js +0 -3
- package/dist/_virtual/xstate-dev.cjs.js +0 -3
- package/dist/_virtual/xstate-guards.cjs.js +0 -5
- package/dist/_virtual/xstate-guards.cjs2.js +0 -3
- package/dist/_virtual/xstate-store-react.cjs.js +0 -5
- package/dist/_virtual/xstate-store-react.cjs2.js +0 -3
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/createReactComponent.js +0 -41
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.js +0 -30
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowLeft.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconBolt.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconDirectionSignFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileText.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFolderFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTrash.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +0 -14
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +0 -14
- package/dist/node_modules/.pnpm/@xstate_store@3.17.1_react@19.2.4/node_modules/@xstate/store/dist/store-cfe7da62.cjs.js +0 -761
- package/dist/node_modules/.pnpm/@xstate_store@3.17.1_react@19.2.4/node_modules/@xstate/store/react/dist/xstate-store-react.cjs.js +0 -180
- package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/actions/dist/xstate-actions.cjs.js +0 -37
- package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dev/dist/xstate-dev.cjs.js +0 -59
- package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/assign-f10db67b.cjs.js +0 -140
- package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/log-30abbb83.cjs.js +0 -401
- package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/raise-f051f097.cjs.js +0 -2830
- package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/guards/dist/xstate-guards.cjs.js +0 -26
- package/dist/styles-font.css2.js +0 -3
- package/dist/styles.css2.js +0 -3
|
@@ -7,7 +7,7 @@ export type ElementTagProps = {
|
|
|
7
7
|
export declare const ElementTag: ForwardRefExoticComponent<{
|
|
8
8
|
tag: string;
|
|
9
9
|
cursor?: "pointer" | "default";
|
|
10
|
-
} & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "
|
|
10
|
+
} & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "children"> & RefAttributes<HTMLDivElement>>;
|
|
11
11
|
type Data = {
|
|
12
12
|
tags: readonly string[] | null | undefined;
|
|
13
13
|
width: number;
|
|
@@ -1,197 +1,137 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { deepEqual } from
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
cursor,
|
|
33
|
-
...style
|
|
34
|
-
},
|
|
35
|
-
children: [
|
|
36
|
-
/* @__PURE__ */ jsx("span", { children: "#" }),
|
|
37
|
-
/* @__PURE__ */ jsx("span", { children: tag })
|
|
38
|
-
]
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
const propsAreEqual = (prev, next) => {
|
|
44
|
-
return prev.id === next.id && prev.data.width === next.data.width && (prev.data.hovered ?? false) === (next.data.hovered ?? false) && deepEqual(prev.data.tags, next.data.tags);
|
|
1
|
+
import "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { useCurrentZoomAtLeast } from "../../hooks/useXYFlow.js";
|
|
3
|
+
import { stopPropagation } from "../../utils/xyflow.js";
|
|
4
|
+
import { useTagSpecification } from "../../context/TagStylesContext.js";
|
|
5
|
+
import { css, cx } from "@likec4/styles/css";
|
|
6
|
+
import { forwardRef, memo, useCallback, useEffect } from "react";
|
|
7
|
+
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { NodeToolbar, Position, useStore } from "@xyflow/react";
|
|
9
|
+
import { deepEqual } from "fast-equals";
|
|
10
|
+
import { hasAtLeast } from "remeda";
|
|
11
|
+
import { isTagColorSpecified } from "@likec4/core";
|
|
12
|
+
import { useDebouncedState, useHover } from "@mantine/hooks";
|
|
13
|
+
import { Box, HStack } from "@likec4/styles/jsx";
|
|
14
|
+
import { hstack } from "@likec4/styles/patterns";
|
|
15
|
+
import { likec4tag } from "@likec4/styles/recipes";
|
|
16
|
+
//#region src/base-primitives/element/ElementTags.tsx
|
|
17
|
+
var ElementTag = forwardRef(({ tag, cursor, className, style, ...props }, ref) => {
|
|
18
|
+
return /* @__PURE__ */ jsxs(Box, {
|
|
19
|
+
ref,
|
|
20
|
+
"data-likec4-tag": tag,
|
|
21
|
+
className: cx(likec4tag({ autoTextColor: isTagColorSpecified(useTagSpecification(tag)) }), className),
|
|
22
|
+
...props,
|
|
23
|
+
style: {
|
|
24
|
+
cursor,
|
|
25
|
+
...style
|
|
26
|
+
},
|
|
27
|
+
children: [/* @__PURE__ */ jsx("span", { children: "#" }), /* @__PURE__ */ jsx("span", { children: tag })]
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
var propsAreEqual = (prev, next) => {
|
|
31
|
+
return prev.id === next.id && prev.data.width === next.data.width && (prev.data.hovered ?? false) === (next.data.hovered ?? false) && deepEqual(prev.data.tags, next.data.tags);
|
|
45
32
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
onTagClick,
|
|
59
|
-
onTagMouseEnter,
|
|
60
|
-
onTagMouseLeave
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
},
|
|
64
|
-
propsAreEqual
|
|
65
|
-
);
|
|
33
|
+
var ElementTags = memo(({ id, data: { tags, width, hovered = false }, onTagClick, onTagMouseEnter, onTagMouseLeave }) => {
|
|
34
|
+
if (!tags || !hasAtLeast(tags, 1)) return null;
|
|
35
|
+
return /* @__PURE__ */ jsx(WithElementTags, {
|
|
36
|
+
id,
|
|
37
|
+
tags,
|
|
38
|
+
width,
|
|
39
|
+
hovered,
|
|
40
|
+
onTagClick,
|
|
41
|
+
onTagMouseEnter,
|
|
42
|
+
onTagMouseLeave
|
|
43
|
+
});
|
|
44
|
+
}, propsAreEqual);
|
|
66
45
|
ElementTags.displayName = "ElementTags";
|
|
67
|
-
function WithElementTags({
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
})
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
{
|
|
157
|
-
ref: tagsToolbarRef,
|
|
158
|
-
css: {
|
|
159
|
-
gap: "0.5",
|
|
160
|
-
alignItems: "baseline",
|
|
161
|
-
flexWrap: "wrap",
|
|
162
|
-
pb: "sm",
|
|
163
|
-
translate: "auto",
|
|
164
|
-
x: "[-8px]"
|
|
165
|
-
},
|
|
166
|
-
style: {
|
|
167
|
-
maxWidth
|
|
168
|
-
},
|
|
169
|
-
children: tags.map((tag) => /* @__PURE__ */ jsx(
|
|
170
|
-
ElementTag,
|
|
171
|
-
{
|
|
172
|
-
tag,
|
|
173
|
-
cursor: "pointer",
|
|
174
|
-
className: css({
|
|
175
|
-
userSelect: "none",
|
|
176
|
-
...zoomIsLargeEnough && {
|
|
177
|
-
fontSize: "lg",
|
|
178
|
-
borderRadius: "sm",
|
|
179
|
-
px: "1.5"
|
|
180
|
-
// 6px
|
|
181
|
-
}
|
|
182
|
-
}),
|
|
183
|
-
onClick: onTagClick ? ((e) => {
|
|
184
|
-
e.stopPropagation();
|
|
185
|
-
onTagClick(`#${tag}`);
|
|
186
|
-
}) : void 0,
|
|
187
|
-
onMouseEnter: onTagMouseEnter ? () => onTagMouseEnter(`#${tag}`) : void 0,
|
|
188
|
-
onMouseLeave: onTagMouseLeave ? () => onTagMouseLeave(`#${tag}`) : void 0
|
|
189
|
-
},
|
|
190
|
-
tag
|
|
191
|
-
))
|
|
192
|
-
}
|
|
193
|
-
) })
|
|
194
|
-
] });
|
|
46
|
+
function WithElementTags({ id, tags, width, hovered, onTagClick, onTagMouseEnter, onTagMouseLeave }) {
|
|
47
|
+
const { hovered: isTagsBarHovered, ref: tagsBarRef } = useHover();
|
|
48
|
+
const { hovered: isTagsToolbarHovered, ref: tagsToolbarRef } = useHover();
|
|
49
|
+
const [isVisible, setVisible] = useDebouncedState(false, hovered ? 120 : 300);
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
setVisible((visibleNow) => {
|
|
52
|
+
if (!visibleNow) return hovered && (isTagsBarHovered || isTagsToolbarHovered);
|
|
53
|
+
return hovered || isTagsBarHovered || isTagsToolbarHovered;
|
|
54
|
+
});
|
|
55
|
+
}, [
|
|
56
|
+
isTagsBarHovered,
|
|
57
|
+
isTagsToolbarHovered,
|
|
58
|
+
hovered
|
|
59
|
+
]);
|
|
60
|
+
const zoomIsLargeEnough = useCurrentZoomAtLeast(1.2);
|
|
61
|
+
const maxWidth = useStore(useCallback((state) => Math.max(Math.round(width * state.transform[2]) - 10, 200), [Math.round(width)]));
|
|
62
|
+
return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
|
|
63
|
+
ref: tagsBarRef,
|
|
64
|
+
className: cx("likec4-element-tags", hstack({
|
|
65
|
+
pointerEvents: "all",
|
|
66
|
+
gap: "1",
|
|
67
|
+
alignItems: "flex-end",
|
|
68
|
+
justifyItems: "stretch",
|
|
69
|
+
position: "absolute",
|
|
70
|
+
width: "100%",
|
|
71
|
+
bottom: "0",
|
|
72
|
+
left: "0",
|
|
73
|
+
padding: "1",
|
|
74
|
+
_shapeCylinder: { bottom: "[5px]" },
|
|
75
|
+
_shapeStorage: { bottom: "[5px]" },
|
|
76
|
+
_shapeQueue: {
|
|
77
|
+
bottom: "0",
|
|
78
|
+
paddingLeft: "[14px]"
|
|
79
|
+
}
|
|
80
|
+
})),
|
|
81
|
+
onClick: stopPropagation,
|
|
82
|
+
children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
|
|
83
|
+
"data-likec4-tag": tag,
|
|
84
|
+
className: css({
|
|
85
|
+
layerStyle: "likec4.tag",
|
|
86
|
+
flex: "1",
|
|
87
|
+
display: "flex",
|
|
88
|
+
alignItems: "center",
|
|
89
|
+
justifyContent: "center",
|
|
90
|
+
maxWidth: "50px",
|
|
91
|
+
height: "5px",
|
|
92
|
+
_whenHovered: {
|
|
93
|
+
height: "12px",
|
|
94
|
+
borderRadius: "sm",
|
|
95
|
+
transitionDelay: ".08s"
|
|
96
|
+
},
|
|
97
|
+
transition: "fast"
|
|
98
|
+
})
|
|
99
|
+
}, id + "#" + tag))
|
|
100
|
+
}), /* @__PURE__ */ jsx(NodeToolbar, {
|
|
101
|
+
isVisible,
|
|
102
|
+
align: "start",
|
|
103
|
+
position: Position.Bottom,
|
|
104
|
+
children: /* @__PURE__ */ jsx(HStack, {
|
|
105
|
+
ref: tagsToolbarRef,
|
|
106
|
+
css: {
|
|
107
|
+
gap: "0.5",
|
|
108
|
+
alignItems: "baseline",
|
|
109
|
+
flexWrap: "wrap",
|
|
110
|
+
pb: "sm",
|
|
111
|
+
translate: "auto",
|
|
112
|
+
x: "[-8px]"
|
|
113
|
+
},
|
|
114
|
+
style: { maxWidth },
|
|
115
|
+
children: tags.map((tag) => /* @__PURE__ */ jsx(ElementTag, {
|
|
116
|
+
tag,
|
|
117
|
+
cursor: "pointer",
|
|
118
|
+
className: css({
|
|
119
|
+
userSelect: "none",
|
|
120
|
+
...zoomIsLargeEnough && {
|
|
121
|
+
fontSize: "lg",
|
|
122
|
+
borderRadius: "sm",
|
|
123
|
+
px: "1.5"
|
|
124
|
+
}
|
|
125
|
+
}),
|
|
126
|
+
onClick: onTagClick ? ((e) => {
|
|
127
|
+
e.stopPropagation();
|
|
128
|
+
onTagClick(`#${tag}`);
|
|
129
|
+
}) : void 0,
|
|
130
|
+
onMouseEnter: onTagMouseEnter ? () => onTagMouseEnter(`#${tag}`) : void 0,
|
|
131
|
+
onMouseLeave: onTagMouseLeave ? () => onTagMouseLeave(`#${tag}`) : void 0
|
|
132
|
+
}, tag))
|
|
133
|
+
})
|
|
134
|
+
})] });
|
|
195
135
|
}
|
|
196
|
-
|
|
136
|
+
//#endregion
|
|
197
137
|
export { ElementTag, ElementTags };
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { memo } from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import "../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { deepEqual } from "fast-equals";
|
|
4
|
+
//#region src/base-primitives/memoEdge.ts
|
|
5
|
+
var isSame = (a, b) => {
|
|
6
|
+
return Math.abs(a - b) < 2.5;
|
|
6
7
|
};
|
|
7
|
-
|
|
8
|
+
var edgePropsEqual = (prev, next) => prev.id === next.id && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.animated ?? false, next.animated ?? false) && deepEqual(prev.source, next.source) && deepEqual(prev.target, next.target) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.targetPosition, next.targetPosition) && deepEqual(prev.data, next.data);
|
|
8
9
|
function memoEdge(Edge) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const Memo = memo(Edge, edgePropsEqual);
|
|
11
|
+
Memo.displayName = `MemoEdge(${Edge.displayName || Edge.name})`;
|
|
12
|
+
return Memo;
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
+
//#endregion
|
|
14
15
|
export { memoEdge };
|
|
@@ -1,25 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { memo } from
|
|
3
|
-
|
|
1
|
+
import "../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { deepEqual } from "fast-equals";
|
|
4
|
+
//#region src/base-primitives/memoNode.tsx
|
|
4
5
|
function nodePropsEqual(prev, next) {
|
|
5
|
-
|
|
6
|
+
return prev.id === next.id && deepEqual(prev.type, next.type) && deepEqual(prev.parentId ?? "", next.parentId ?? "") && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.dragging ?? false, next.dragging ?? false) && deepEqual(prev.width ?? 0, next.width ?? 0) && deepEqual(prev.height ?? 0, next.height ?? 0) && deepEqual(prev.zIndex ?? 0, next.zIndex ?? 0) && deepEqual(prev.data, next.data);
|
|
6
7
|
}
|
|
7
|
-
|
|
8
|
+
var isMemoized = Symbol.for("isMemoized");
|
|
8
9
|
function memoNode(Node, displayName = "Node") {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
enumerable: false,
|
|
19
|
-
writable: false,
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
return NodeComponent;
|
|
10
|
+
if (Node.hasOwnProperty(isMemoized)) return Node;
|
|
11
|
+
const NodeComponent = memo(Node, nodePropsEqual);
|
|
12
|
+
NodeComponent.displayName = displayName;
|
|
13
|
+
Object.defineProperty(NodeComponent, isMemoized, {
|
|
14
|
+
enumerable: false,
|
|
15
|
+
writable: false,
|
|
16
|
+
value: true
|
|
17
|
+
});
|
|
18
|
+
return NodeComponent;
|
|
23
19
|
}
|
|
24
|
-
|
|
20
|
+
//#endregion
|
|
25
21
|
export { memoNode };
|
|
@@ -1,78 +1,114 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { css } from
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
|
|
1
|
+
import { __name } from "../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { css } from "@likec4/styles/css";
|
|
3
|
+
import { IconX } from "@tabler/icons-react";
|
|
4
|
+
import { useEffect, useRef } from "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { Button, ScrollAreaAutosize, Text, ThemeIcon } from "@mantine/core";
|
|
7
|
+
import { HStack, VStack } from "@likec4/styles/jsx";
|
|
8
|
+
import { ErrorBoundary } from "react-error-boundary";
|
|
9
|
+
//#region src/components/ErrorFallback.tsx
|
|
9
10
|
function ErrorFallback({ error, resetErrorBoundary }) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
11
|
+
const errorString = error instanceof Error ? error.message : "Unknown error";
|
|
12
|
+
const dialogRef = useRef(null);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
dialogRef.current?.showModal();
|
|
15
|
+
}, []);
|
|
16
|
+
return /* @__PURE__ */ jsx("dialog", {
|
|
17
|
+
ref: dialogRef,
|
|
18
|
+
className: css({
|
|
19
|
+
margin: "0",
|
|
20
|
+
padding: "0",
|
|
21
|
+
position: "fixed",
|
|
22
|
+
top: "10",
|
|
23
|
+
left: "10",
|
|
24
|
+
width: "[calc(100vw - ({spacing.10} * 2))]",
|
|
25
|
+
height: "max-content",
|
|
26
|
+
maxHeight: "[calc(100vh - ({spacing.10} * 3))]",
|
|
27
|
+
background: `likec4.overlay.body`,
|
|
28
|
+
rounded: "sm",
|
|
29
|
+
borderWidth: 3,
|
|
30
|
+
borderColor: `likec4.overlay.border`,
|
|
31
|
+
shadow: "xl",
|
|
32
|
+
outline: "none",
|
|
33
|
+
_backdrop: {
|
|
34
|
+
cursor: "zoom-out",
|
|
35
|
+
backdropFilter: `blur(18px)`,
|
|
36
|
+
bg: "[color-mix(in oklab, {colors.likec4.overlay.backdrop} 60%, transparent)]"
|
|
37
|
+
}
|
|
38
|
+
}),
|
|
39
|
+
onClick: (e) => {
|
|
40
|
+
e.stopPropagation();
|
|
41
|
+
if (e.target?.nodeName?.toUpperCase() === "DIALOG") {
|
|
42
|
+
dialogRef.current?.close();
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
onClose: (e) => {
|
|
47
|
+
e.stopPropagation();
|
|
48
|
+
resetErrorBoundary();
|
|
49
|
+
},
|
|
50
|
+
children: /* @__PURE__ */ jsxs(HStack, {
|
|
51
|
+
p: "xl",
|
|
52
|
+
gap: "lg",
|
|
53
|
+
alignItems: "flex-start",
|
|
54
|
+
flexWrap: "nowrap",
|
|
55
|
+
children: [/* @__PURE__ */ jsx(ThemeIcon, {
|
|
56
|
+
size: "md",
|
|
57
|
+
radius: "xl",
|
|
58
|
+
color: "red",
|
|
59
|
+
children: /* @__PURE__ */ jsx(IconX, { style: {
|
|
60
|
+
width: 20,
|
|
61
|
+
height: 20
|
|
62
|
+
} })
|
|
63
|
+
}), /* @__PURE__ */ jsxs(VStack, {
|
|
64
|
+
flex: "1",
|
|
65
|
+
children: [
|
|
66
|
+
/* @__PURE__ */ jsx(Text, {
|
|
67
|
+
fz: "md",
|
|
68
|
+
children: "Oops, something went wrong"
|
|
69
|
+
}),
|
|
70
|
+
/* @__PURE__ */ jsx(ScrollAreaAutosize, {
|
|
71
|
+
maw: "100%",
|
|
72
|
+
mah: 400,
|
|
73
|
+
type: "auto",
|
|
74
|
+
children: /* @__PURE__ */ jsx(Text, {
|
|
75
|
+
fz: "md",
|
|
76
|
+
c: "red",
|
|
77
|
+
style: {
|
|
78
|
+
whiteSpace: "pre-wrap",
|
|
79
|
+
userSelect: "all"
|
|
80
|
+
},
|
|
81
|
+
children: errorString
|
|
82
|
+
})
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ jsxs(HStack, {
|
|
85
|
+
gap: "md",
|
|
86
|
+
mt: "md",
|
|
87
|
+
children: [/* @__PURE__ */ jsx(Button, {
|
|
88
|
+
size: "sm",
|
|
89
|
+
variant: "default",
|
|
90
|
+
onClick: () => resetErrorBoundary(),
|
|
91
|
+
children: "Reset"
|
|
92
|
+
}), /* @__PURE__ */ jsx(Text, {
|
|
93
|
+
fz: "sm",
|
|
94
|
+
c: "dimmed",
|
|
95
|
+
children: "See console for more details and report the issue if it persists."
|
|
96
|
+
})]
|
|
97
|
+
})
|
|
98
|
+
]
|
|
99
|
+
})]
|
|
100
|
+
})
|
|
101
|
+
});
|
|
64
102
|
}
|
|
65
|
-
function ErrorBoundary(props) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
...props
|
|
74
|
-
}
|
|
75
|
-
);
|
|
103
|
+
function ErrorBoundary$1(props) {
|
|
104
|
+
return /* @__PURE__ */ jsx(ErrorBoundary, {
|
|
105
|
+
FallbackComponent: ErrorFallback,
|
|
106
|
+
onError: (err, info) => {
|
|
107
|
+
console.error(err, info);
|
|
108
|
+
},
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
76
111
|
}
|
|
77
|
-
|
|
78
|
-
|
|
112
|
+
__name(ErrorBoundary$1, "ErrorBoundary");
|
|
113
|
+
//#endregion
|
|
114
|
+
export { ErrorBoundary$1 as ErrorBoundary };
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { forwardRef } from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
));
|
|
16
|
-
|
|
1
|
+
import "../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/GithubIcon.tsx
|
|
5
|
+
var GithubIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
height: "24",
|
|
7
|
+
width: "24",
|
|
8
|
+
fill: "currentColor",
|
|
9
|
+
...props,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
ref,
|
|
12
|
+
children: /* @__PURE__ */ jsx("path", { d: "M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z" })
|
|
13
|
+
}));
|
|
14
|
+
//#endregion
|
|
17
15
|
export { GithubIcon };
|