@workflow/web-shared 5.0.0-beta.38 → 5.0.0-beta.39
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/README.md +3 -3
- package/dist/components/event-list-view.d.ts.map +1 -1
- package/dist/components/event-list-view.js +10 -10
- package/dist/components/index.d.ts +3 -5
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -5
- package/dist/components/sidebar/attribute-panel.d.ts.map +1 -1
- package/dist/components/sidebar/attribute-panel.js +32 -8
- package/dist/components/sidebar/attributes-block.js +3 -3
- package/dist/components/sidebar/copyable-data-block.js +2 -2
- package/dist/components/sidebar/entity-detail-panel.js +3 -3
- package/dist/components/sidebar/events-list.js +2 -2
- package/dist/components/stream-viewer.js +2 -2
- package/dist/components/trace-viewer/components/copy-button.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/copy-button.js +27 -0
- package/dist/components/trace-viewer/components/detail-panel-width.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/detail-panel-width.js +67 -0
- package/dist/components/trace-viewer/components/detail-panel.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/detail-panel.js +122 -0
- package/dist/components/trace-viewer/components/draggable-border.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/draggable-border.js +140 -0
- package/dist/components/trace-viewer/components/event-list.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/event-list.js +47 -0
- package/dist/components/trace-viewer/components/middle-truncate/copy-selection.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/copy-selection.js +54 -0
- package/dist/components/trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/middle-truncate.js +81 -0
- package/dist/components/trace-viewer/components/middle-truncate/truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/truncate.js +101 -0
- package/dist/components/trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/use-middle-truncate.js +114 -0
- package/dist/components/trace-viewer/components/minimap.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/minimap.js +337 -0
- package/dist/components/trace-viewer/components/pane-constants.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/pane-constants.js +16 -0
- package/dist/components/trace-viewer/components/span-markers.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/span-markers.js +85 -0
- package/dist/components/trace-viewer/components/split-pane.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/split-pane.js +41 -0
- package/dist/components/trace-viewer/components/timeline.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/timeline.js +321 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.js +55 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.js +26 -0
- package/dist/components/trace-viewer/components/use-element-width.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/use-element-width.js +25 -0
- package/dist/components/trace-viewer/components/use-row-window.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/use-row-window.js +107 -0
- package/dist/components/trace-viewer/context.d.ts +14 -182
- package/dist/components/trace-viewer/context.d.ts.map +1 -1
- package/dist/components/trace-viewer/context.js +44 -351
- package/dist/components/trace-viewer/icons.d.ts.map +1 -0
- package/dist/components/trace-viewer/icons.js +15 -0
- package/dist/components/trace-viewer/search.d.ts.map +1 -0
- package/dist/components/trace-viewer/search.js +134 -0
- package/dist/components/trace-viewer/trace-viewer.d.ts +7 -28
- package/dist/components/trace-viewer/trace-viewer.d.ts.map +1 -1
- package/dist/components/trace-viewer/trace-viewer.js +306 -356
- package/dist/components/trace-viewer/types.d.ts +2 -211
- package/dist/components/trace-viewer/types.d.ts.map +1 -1
- package/dist/components/trace-viewer/types.js +1 -1
- package/dist/components/trace-viewer/utils.d.ts.map +1 -0
- package/dist/components/trace-viewer/utils.js +430 -0
- package/dist/components/{trace-viewer-new.d.ts → trace-viewer.d.ts} +3 -3
- package/dist/components/trace-viewer.d.ts.map +1 -0
- package/dist/components/trace-viewer.js +21 -0
- package/dist/components/ui/alert.js +2 -2
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.js +3 -3
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/card.js +3 -3
- package/dist/components/ui/error-card.js +2 -2
- package/dist/components/ui/error-stack-block.js +4 -4
- package/dist/components/ui/kbd.js +3 -3
- package/dist/components/ui/timestamp-tooltip.js +3 -3
- package/dist/components/workflow-traces/trace-span-construction.d.ts +1 -1
- package/dist/components/workflow-traces/trace-span-construction.js +1 -1
- package/dist/lib/trace-builder.d.ts +1 -1
- package/dist/lib/trace-builder.d.ts.map +1 -1
- package/dist/lib/trace-builder.js +1 -1
- package/dist/lib/trace-types.d.ts +54 -0
- package/dist/lib/trace-types.d.ts.map +1 -0
- package/dist/lib/trace-types.js +2 -0
- package/package.json +5 -5
- package/src/components/event-list-view.tsx +12 -9
- package/src/components/index.ts +3 -5
- package/src/components/sidebar/attribute-panel.tsx +46 -8
- package/src/components/sidebar/attributes-block.tsx +2 -2
- package/src/components/sidebar/copyable-data-block.tsx +1 -1
- package/src/components/sidebar/entity-detail-panel.tsx +3 -3
- package/src/components/sidebar/events-list.tsx +1 -1
- package/src/components/stream-viewer.tsx +1 -1
- package/src/components/{new-trace-viewer → trace-viewer}/components/event-list.tsx +1 -1
- package/src/components/{new-trace-viewer → trace-viewer}/components/minimap.tsx +1 -4
- package/src/components/{new-trace-viewer → trace-viewer}/components/timeline.tsx +2 -5
- package/src/components/{new-trace-viewer → trace-viewer}/components/trace-shortcut-helper.tsx +1 -1
- package/src/components/trace-viewer/context.tsx +63 -656
- package/src/components/trace-viewer/trace-viewer.tsx +563 -531
- package/src/components/trace-viewer/types.ts +2 -234
- package/src/components/{new-trace-viewer → trace-viewer}/utils.ts +2 -2
- package/src/components/{trace-viewer-new.tsx → trace-viewer.tsx} +5 -5
- package/src/components/ui/alert.tsx +1 -1
- package/src/components/ui/button.tsx +3 -3
- package/src/components/ui/card.tsx +2 -9
- package/src/components/ui/error-card.tsx +3 -3
- package/src/components/ui/error-stack-block.tsx +3 -3
- package/src/components/ui/kbd.tsx +2 -2
- package/src/components/ui/timestamp-tooltip.tsx +4 -4
- package/src/components/workflow-traces/trace-span-construction.ts +1 -1
- package/src/lib/trace-builder.ts +1 -1
- package/src/lib/trace-types.ts +56 -0
- package/dist/components/new-trace-viewer/components/copy-button.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/copy-button.js +0 -27
- package/dist/components/new-trace-viewer/components/detail-panel-width.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/detail-panel-width.js +0 -67
- package/dist/components/new-trace-viewer/components/detail-panel.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/detail-panel.js +0 -122
- package/dist/components/new-trace-viewer/components/draggable-border.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/draggable-border.js +0 -140
- package/dist/components/new-trace-viewer/components/event-list.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/event-list.js +0 -47
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js +0 -54
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js +0 -81
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.js +0 -101
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.js +0 -114
- package/dist/components/new-trace-viewer/components/minimap.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/minimap.js +0 -337
- package/dist/components/new-trace-viewer/components/pane-constants.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/pane-constants.js +0 -16
- package/dist/components/new-trace-viewer/components/span-markers.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/span-markers.js +0 -85
- package/dist/components/new-trace-viewer/components/split-pane.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/split-pane.js +0 -41
- package/dist/components/new-trace-viewer/components/timeline.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/timeline.js +0 -321
- package/dist/components/new-trace-viewer/components/trace-shortcut-helper.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/trace-shortcut-helper.js +0 -55
- package/dist/components/new-trace-viewer/components/trace-viewer-skeleton.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/trace-viewer-skeleton.js +0 -26
- package/dist/components/new-trace-viewer/components/use-element-width.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/use-element-width.js +0 -25
- package/dist/components/new-trace-viewer/components/use-row-window.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/use-row-window.js +0 -107
- package/dist/components/new-trace-viewer/context.d.ts +0 -17
- package/dist/components/new-trace-viewer/context.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/context.js +0 -48
- package/dist/components/new-trace-viewer/icons.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/icons.js +0 -15
- package/dist/components/new-trace-viewer/search.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/search.js +0 -134
- package/dist/components/new-trace-viewer/trace-viewer.d.ts +0 -11
- package/dist/components/new-trace-viewer/trace-viewer.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/trace-viewer.js +0 -336
- package/dist/components/new-trace-viewer/types.d.ts +0 -3
- package/dist/components/new-trace-viewer/types.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/types.js +0 -2
- package/dist/components/new-trace-viewer/utils.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/utils.js +0 -430
- package/dist/components/run-trace-view.d.ts +0 -23
- package/dist/components/run-trace-view.d.ts.map +0 -1
- package/dist/components/run-trace-view.js +0 -11
- package/dist/components/trace-viewer/components/map.d.ts +0 -8
- package/dist/components/trace-viewer/components/map.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/map.js +0 -162
- package/dist/components/trace-viewer/components/markers.d.ts +0 -23
- package/dist/components/trace-viewer/components/markers.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/markers.js +0 -416
- package/dist/components/trace-viewer/components/node.d.ts +0 -35
- package/dist/components/trace-viewer/components/node.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/node.js +0 -286
- package/dist/components/trace-viewer/components/search-input.d.ts +0 -9
- package/dist/components/trace-viewer/components/search-input.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/search-input.js +0 -9
- package/dist/components/trace-viewer/components/search.d.ts +0 -3
- package/dist/components/trace-viewer/components/search.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/search.js +0 -25
- package/dist/components/trace-viewer/components/span-content.d.ts +0 -19
- package/dist/components/trace-viewer/components/span-content.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-content.js +0 -137
- package/dist/components/trace-viewer/components/span-detail-panel.d.ts +0 -10
- package/dist/components/trace-viewer/components/span-detail-panel.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-detail-panel.js +0 -285
- package/dist/components/trace-viewer/components/span-segments.d.ts +0 -50
- package/dist/components/trace-viewer/components/span-segments.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-segments.js +0 -445
- package/dist/components/trace-viewer/components/span-strategies.d.ts +0 -46
- package/dist/components/trace-viewer/components/span-strategies.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-strategies.js +0 -108
- package/dist/components/trace-viewer/components/ui.d.ts +0 -28
- package/dist/components/trace-viewer/components/ui.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/ui.js +0 -39
- package/dist/components/trace-viewer/components/zoom-button.d.ts +0 -3
- package/dist/components/trace-viewer/components/zoom-button.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/zoom-button.js +0 -29
- package/dist/components/trace-viewer/components/zoom-icons.d.ts +0 -11
- package/dist/components/trace-viewer/components/zoom-icons.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/zoom-icons.js +0 -11
- package/dist/components/trace-viewer/index.d.ts +0 -5
- package/dist/components/trace-viewer/index.d.ts.map +0 -1
- package/dist/components/trace-viewer/index.js +0 -4
- package/dist/components/trace-viewer/trace-viewer.module.css +0 -1465
- package/dist/components/trace-viewer/util/constants.d.ts +0 -9
- package/dist/components/trace-viewer/util/constants.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/constants.js +0 -9
- package/dist/components/trace-viewer/util/scrollbar-width.d.ts +0 -2
- package/dist/components/trace-viewer/util/scrollbar-width.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/scrollbar-width.js +0 -14
- package/dist/components/trace-viewer/util/tree.d.ts +0 -13
- package/dist/components/trace-viewer/util/tree.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/tree.js +0 -227
- package/dist/components/trace-viewer/util/use-immediate-style.d.ts +0 -15
- package/dist/components/trace-viewer/util/use-immediate-style.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-immediate-style.js +0 -23
- package/dist/components/trace-viewer/util/use-streaming-spans.d.ts +0 -8
- package/dist/components/trace-viewer/util/use-streaming-spans.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.js +0 -345
- package/dist/components/trace-viewer/util/use-trackpad-zoom.d.ts +0 -6
- package/dist/components/trace-viewer/util/use-trackpad-zoom.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js +0 -39
- package/dist/components/trace-viewer/worker.d.ts +0 -2
- package/dist/components/trace-viewer/worker.d.ts.map +0 -1
- package/dist/components/trace-viewer/worker.js +0 -109
- package/dist/components/trace-viewer-new.d.ts.map +0 -1
- package/dist/components/trace-viewer-new.js +0 -21
- package/dist/components/workflow-trace-view.d.ts +0 -39
- package/dist/components/workflow-trace-view.d.ts.map +0 -1
- package/dist/components/workflow-trace-view.js +0 -690
- package/dist/components/workflow-traces/trace-colors.d.ts +0 -15
- package/dist/components/workflow-traces/trace-colors.d.ts.map +0 -1
- package/dist/components/workflow-traces/trace-colors.js +0 -86
- package/src/components/new-trace-viewer/context.tsx +0 -93
- package/src/components/new-trace-viewer/trace-viewer.tsx +0 -632
- package/src/components/new-trace-viewer/types.ts +0 -2
- package/src/components/run-trace-view.tsx +0 -80
- package/src/components/trace-viewer/components/map.tsx +0 -226
- package/src/components/trace-viewer/components/markers.tsx +0 -612
- package/src/components/trace-viewer/components/node.tsx +0 -506
- package/src/components/trace-viewer/components/search-input.tsx +0 -52
- package/src/components/trace-viewer/components/search.tsx +0 -47
- package/src/components/trace-viewer/components/span-content.tsx +0 -247
- package/src/components/trace-viewer/components/span-detail-panel.tsx +0 -655
- package/src/components/trace-viewer/components/span-segments.ts +0 -585
- package/src/components/trace-viewer/components/span-strategies.ts +0 -205
- package/src/components/trace-viewer/components/ui.tsx +0 -156
- package/src/components/trace-viewer/components/zoom-button.tsx +0 -61
- package/src/components/trace-viewer/components/zoom-icons.tsx +0 -65
- package/src/components/trace-viewer/index.tsx +0 -4
- package/src/components/trace-viewer/trace-viewer.module.css +0 -1465
- package/src/components/trace-viewer/util/constants.ts +0 -8
- package/src/components/trace-viewer/util/scrollbar-width.ts +0 -13
- package/src/components/trace-viewer/util/tree.ts +0 -277
- package/src/components/trace-viewer/util/use-immediate-style.ts +0 -38
- package/src/components/trace-viewer/util/use-streaming-spans.ts +0 -426
- package/src/components/trace-viewer/util/use-trackpad-zoom.tsx +0 -51
- package/src/components/trace-viewer/worker.ts +0 -131
- package/src/components/workflow-trace-view.tsx +0 -1166
- package/src/components/workflow-traces/trace-colors.ts +0 -112
- package/dist/components/{new-trace-viewer → trace-viewer}/components/copy-button.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/detail-panel-width.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/detail-panel.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/draggable-border.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/event-list.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/copy-selection.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/truncate.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/use-middle-truncate.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/minimap.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/pane-constants.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/span-markers.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/split-pane.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/timeline.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/timeline.module.css +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/trace-shortcut-helper.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/trace-shortcut-helper.module.css +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/trace-viewer-skeleton.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/use-element-width.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/use-row-window.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/icons.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/search.d.ts +0 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/utils.d.ts +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/copy-button.tsx +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/detail-panel-width.test.ts +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/detail-panel-width.ts +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/detail-panel.tsx +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/draggable-border.tsx +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/copy-selection.ts +0 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.tsx +1 -1
- /package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/truncate.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/use-middle-truncate.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/pane-constants.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/span-markers.tsx +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/split-pane.tsx +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/timeline.module.css +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/trace-shortcut-helper.module.css +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/trace-viewer-skeleton.tsx +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/use-element-width.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/use-row-window.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/icons.tsx +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/search.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/utils.test.ts +0 -0
- /package/src/{components/trace-viewer/modules.d.ts → modules.d.ts} +0 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useRef } from 'react';
|
|
4
|
+
import { cn } from '../../../../lib/cn';
|
|
5
|
+
import { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, } from './copy-selection';
|
|
6
|
+
import { ELLIPSIS } from './truncate';
|
|
7
|
+
import { useMiddleTruncate } from './use-middle-truncate';
|
|
8
|
+
function getRangeOffsets(container, range) {
|
|
9
|
+
if (!container.contains(range.startContainer) ||
|
|
10
|
+
!container.contains(range.endContainer)) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
const startRange = document.createRange();
|
|
14
|
+
startRange.selectNodeContents(container);
|
|
15
|
+
startRange.setEnd(range.startContainer, range.startOffset);
|
|
16
|
+
const endRange = document.createRange();
|
|
17
|
+
endRange.selectNodeContents(container);
|
|
18
|
+
endRange.setEnd(range.endContainer, range.endOffset);
|
|
19
|
+
return {
|
|
20
|
+
end: endRange.toString().length,
|
|
21
|
+
start: startRange.toString().length,
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @gdoc
|
|
26
|
+
*
|
|
27
|
+
* Truncates text from the middle with an ellipsis when it overflows, preserving the beginning and end (e.g. file paths, URLs). Copy behavior restores the full untruncated text to the clipboard.
|
|
28
|
+
* Renders a `<span>` element.
|
|
29
|
+
*
|
|
30
|
+
* Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
|
|
31
|
+
*
|
|
32
|
+
* @param value - Full text string to display.
|
|
33
|
+
*/
|
|
34
|
+
function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
|
|
35
|
+
const { ref, measureRef, displayText, isTruncated, prefixText, suffixText } = useMiddleTruncate(value);
|
|
36
|
+
const visibleRef = useRef(null);
|
|
37
|
+
const handleCopy = useCallback((e) => {
|
|
38
|
+
onCopyProp?.(e);
|
|
39
|
+
if (e.defaultPrevented || !isTruncated)
|
|
40
|
+
return;
|
|
41
|
+
const selection = window.getSelection();
|
|
42
|
+
if (!selection || selection.rangeCount === 0)
|
|
43
|
+
return;
|
|
44
|
+
const selectionText = selection.toString();
|
|
45
|
+
if (!selectionText)
|
|
46
|
+
return;
|
|
47
|
+
// Only intercept when the selection is fully within this element.
|
|
48
|
+
// If the user selected across elements (e.g. a table row), let
|
|
49
|
+
// the browser's default behavior preserve surrounding context.
|
|
50
|
+
const range = selection.getRangeAt(0);
|
|
51
|
+
const visibleEl = visibleRef.current;
|
|
52
|
+
let copyText = null;
|
|
53
|
+
if (e.currentTarget.contains(range.startContainer) &&
|
|
54
|
+
e.currentTarget.contains(range.endContainer) &&
|
|
55
|
+
visibleEl) {
|
|
56
|
+
const offsets = getRangeOffsets(visibleEl, range);
|
|
57
|
+
if (offsets) {
|
|
58
|
+
copyText = getMiddleTruncateCopyText({
|
|
59
|
+
prefixText,
|
|
60
|
+
selectionEnd: offsets.end,
|
|
61
|
+
selectionStart: offsets.start,
|
|
62
|
+
suffixText,
|
|
63
|
+
value,
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
copyText ??= getMiddleTruncateCopyTextFromSelectionText({
|
|
68
|
+
prefixText,
|
|
69
|
+
selectionText,
|
|
70
|
+
suffixText,
|
|
71
|
+
value,
|
|
72
|
+
});
|
|
73
|
+
if (copyText === null)
|
|
74
|
+
return;
|
|
75
|
+
e.preventDefault();
|
|
76
|
+
e.clipboardData.setData('text/plain', copyText);
|
|
77
|
+
}, [onCopyProp, isTruncated, prefixText, suffixText, value]);
|
|
78
|
+
return (_jsxs("span", { title: isTruncated ? value : undefined, ...props, ref: ref, className: cn('relative inline-grid min-w-0 max-w-full overflow-hidden whitespace-nowrap', className), onCopy: handleCopy, children: [isTruncated && _jsx("span", { className: "sr-only select-none", children: value }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap", children: value }), _jsx("span", { "aria-hidden": isTruncated || undefined, className: "col-start-1 row-start-1 min-w-0 overflow-hidden", ref: visibleRef, children: isTruncated ? (_jsxs(_Fragment, { children: [_jsx("span", { children: prefixText }), _jsx("span", { children: ELLIPSIS }), _jsx("span", { children: suffixText })] })) : (displayText) }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap", ref: measureRef })] }));
|
|
79
|
+
}
|
|
80
|
+
export { MiddleTruncate };
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxlLXRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvbWlkZGxlLXRydW5jYXRlL21pZGRsZS10cnVuY2F0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUdiLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQ0wseUJBQXlCLEVBQ3pCLDBDQUEwQyxHQUMzQyxNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTMUQsU0FBUyxlQUFlLENBQ3RCLFNBQXNCLEVBQ3RCLEtBQVk7SUFFWixJQUNFLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDO1FBQ3pDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEVBQ3ZDLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDMUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3pDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFM0QsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2QyxRQUFRLENBQUMsTUFBTSxDQUFDLEtB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QixZQUFFLEtBQUssR0FBUSxFQUNwRSw4QkFDYyxNQUFNLEVBQ2xCLFNBQVMsRUFBQyxxRkFBcUYsWUFFOUYsS0FBSyxHQUNELEVBQ1AsOEJBQ2UsV0FBVyxJQUFJLFNBQVMsRUFDckMsU0FBUyxFQUFDLGlEQUFpRCxFQUMzRCxHQUFHLEVBQUUsVUFBVSxZQUVkLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDYiw4QkFDRSx5QkFBTyxVQUFVLEdBQVEsRUFDekIseUJBQU8sUUFBUSxHQUFRLEVBQ3ZCLHlCQUFPLFVBQVUsR0FBUSxJQUN4QixDQUNKLENBQUMsQ0FBQyxDQUFDLENBQ0YsV0FBVyxDQUNaLEdBQ0ksRUFDUCw4QkFDYyxNQUFNLEVBQ2xCLFNBQVMsRUFBQyxnR0FBZ0csRUFDMUcsR0FBRyxFQUFFLFVBQVUsR0FDZixJQUNHLENBQ1IsQ0FBQztBQUNKLENBQUM7QUFFRCxPQUFPLEVBQUUsY0FBYyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgQ2xpcGJvYXJkRXZlbnQsIENvbXBvbmVudFByb3BzV2l0aG91dFJlZiwgSlNYIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vLi4vLi4vbGliL2NuJztcbmltcG9ydCB7XG4gIGdldE1pZGRsZVRydW5jYXRlQ29weVRleHQsXG4gIGdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dCxcbn0gZnJvbSAnLi9jb3B5LXNlbGVjdGlvbic7XG5pbXBvcnQgeyBFTExJUFNJUyB9IGZyb20gJy4vdHJ1bmNhdGUnO1xuaW1wb3J0IHsgdXNlTWlkZGxlVHJ1bmNhdGUgfSBmcm9tICcuL3VzZS1taWRkbGUtdHJ1bmNhdGUnO1xuXG4vKiogUHJvcHMgZm9yIHRoZSB7QGxpbmsgTWlkZGxlVHJ1bmNhdGV9IGNvbXBvbmVudC4gKi9cbmludGVyZmFjZSBNaWRkbGVUcnVuY2F0ZVByb3BzXG4gIGV4dGVuZHMgT21pdDxDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3NwYW4nPiwgJ2NoaWxkcmVuJz4ge1xuICAvKiogVGhlIGZ1bGwgdGV4dCBzdHJpbmcgdG8gZGlzcGxheSwgdHJ1bmNhdGVkIGZyb20gdGhlIG1pZGRsZSB3aGVuIGl0IG92ZXJmbG93cy4gKi9cbiAgdmFsdWU6IHN0cmluZztcbn1cblxuZnVuY3Rpb24gZ2V0UmFuZ2VPZmZzZXRzKFxuICBjb250YWluZXI6IEhUTUxFbGVtZW50LFxuICByYW5nZTogUmFuZ2Vcbik6IHsgZW5kOiBudW1iZXI7IHN0YXJ0OiBudW1iZXIgfSB8IG51bGwge1xuICBpZiAoXG4gICAgIWNvbnRhaW5lci5jb250YWlucyhyYW5nZS5zdGFydENvbnRhaW5lcikgfHxcbiAgICAhY29udGFpbmVyLmNvbnRhaW5zKHJhbmdlLmVuZENvbnRhaW5lcilcbiAgKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBzdGFydFJhbmdlID0gZG9jdW1lbnQuY3JlYXRlUmFuZ2UoKTtcbiAgc3RhcnRSYW5nZS5zZWxlY3ROb2RlQ29udGVudHMoY29udGFpbmVyKTtcbiAgc3RhcnRSYW5nZS5zZXRFbmQocmFuZ2Uuc3RhcnRDb250YWluZXIsIHJhbmdlLnN0YXJ0T2Zmc2V0KTtcblxuICBjb25zdCBlbmRSYW5nZSA9IGRvY3VtZW50LmNyZWF0ZVJhbmdlKCk7XG4gIGVuZFJhbmdlLnNlbGVjdE5vZGVDb250ZW50cyhjb250YWluZXIpO1xuICBlbmRSYW5nZS5zZXRFbmQocmFuZ2UuZW5kQ29udGFpbmVyLCByYW5nZS5lbmRPZmZzZXQpO1xuXG4gIHJldHVybiB7XG4gICAgZW5kOiBlbmRSYW5nZS50b1N0cmluZygpLmxlbmd0aCxcbiAgICBzdGFydDogc3RhcnRSYW5nZS50b1N0cmluZygpLmxlbmd0aCxcbiAgfTtcbn1cblxuLyoqXG4gKiBAZ2RvY1xuICpcbiAqIFRydW5jYXRlcyB0ZXh0IGZyb20gdGhlIG1pZGRsZSB3aXRoIGFuIGVsbGlwc2lzIHdoZW4gaXQgb3ZlcmZsb3dzLCBwcmVzZXJ2aW5nIHRoZSBiZWdpbm5pbmcgYW5kIGVuZCAoZS5nLiBmaWxlIHBhdGhzLCBVUkxzKS4gQ29weSBiZWhhdmlvciByZXN0b3JlcyB0aGUgZnVsbCB1bnRydW5jYXRlZCB0ZXh0IHRvIHRoZSBjbGlwYm9hcmQuXG4gKiBSZW5kZXJzIGEgYDxzcGFuPmAgZWxlbWVudC5cbiAqXG4gKiBEb2N1bWVudGF0aW9uOiBbR2Vpc3QgTWlkZGxlIFRydW5jYXRlXShodHRwczovL3ZlcmNlbC5jb20vZ2Vpc3QvbWlkZGxlLXRydW5jYXRlKVxuICpcbiAqIEBwYXJhbSB2YWx1ZSAtIEZ1bGwgdGV4dCBzdHJpbmcgdG8gZGlzcGxheS5cbiAqL1xuZnVuY3Rpb24gTWlkZGxlVHJ1bmNhdGUoe1xuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBvbkNvcHk6IG9uQ29weVByb3AsXG4gIC4uLnByb3BzXG59OiBNaWRkbGVUcnVuY2F0ZVByb3BzKTogSlNYLkVsZW1lbnQge1xuICBjb25zdCB7IHJlZiwgbWVhc3VyZVJlZiwgZGlzcGxheVRleHQsIGlzVHJ1bmNhdGVkLCBwcmVmaXhUZXh0LCBzdWZmaXhUZXh0IH0gPVxuICAgIHVzZU1pZGRsZVRydW5jYXRlKHZhbHVlKTtcbiAgY29uc3QgdmlzaWJsZVJlZiA9IHVzZVJlZjxIVE1MU3BhbkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDb3B5ID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IENsaXBib2FyZEV2ZW50PEhUTUxTcGFuRWxlbWVudD4pID0+IHtcbiAgICAgIG9uQ29weVByb3A/LihlKTtcbiAgICAgIGlmIChlLmRlZmF1bHRQcmV2ZW50ZWQgfHwgIWlzVHJ1bmNhdGVkKSByZXR1cm47XG5cbiAgICAgIGNvbnN0IHNlbGVjdGlvbiA9IHdpbmRvdy5nZXRTZWxlY3Rpb24oKTtcbiAgICAgIGlmICghc2VsZWN0aW9uIHx8IHNlbGVjdGlvbi5yYW5nZUNvdW50ID09PSAwKSByZXR1cm47XG4gICAgICBjb25zdCBzZWxlY3Rpb25UZXh0ID0gc2VsZWN0aW9uLnRvU3RyaW5nKCk7XG4gICAgICBpZiAoIXNlbGVjdGlvblRleHQpIHJldHVybjtcblxuICAgICAgLy8gT25seSBpbnRlcmNlcHQgd2hlbiB0aGUgc2VsZWN0aW9uIGlzIGZ1bGx5IHdpdGhpbiB0aGlzIGVsZW1lbnQuXG4gICAgICAvLyBJZiB0aGUgdXNlciBzZWxlY3RlZCBhY3Jvc3MgZWxlbWVudHMgKGUuZy4gYSB0YWJsZSByb3cpLCBsZXRcbiAgICAgIC8vIHRoZSBicm93c2VyJ3MgZGVmYXVsdCBiZWhhdmlvciBwcmVzZXJ2ZSBzdXJyb3VuZGluZyBjb250ZXh0LlxuICAgICAgY29uc3QgcmFuZ2UgPSBzZWxlY3Rpb24uZ2V0UmFuZ2VBdCgwKTtcbiAgICAgIGNvbnN0IHZpc2libGVFbCA9IHZpc2libGVSZWYuY3VycmVudDtcbiAgICAgIGxldCBjb3B5VGV4dDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgICAgIGlmIChcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmNvbnRhaW5zKHJhbmdlLnN0YXJ0Q29udGFpbmVyKSAmJlxuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuY29udGFpbnMocmFuZ2UuZW5kQ29udGFpbmVyKSAmJlxuICAgICAgICB2aXNpYmxlRWxcbiAgICAgICkge1xuICAgICAgICBjb25zdCBvZmZzZXRzID0gZ2V0UmFuZ2VPZmZzZXRzKHZpc2libGVFbCwgcmFuZ2UpO1xuICAgICAgICBpZiAob2Zmc2V0cykge1xuICAgICAgICAgIGNvcHlUZXh0ID0gZ2V0TWlkZGxlVHJ1bmNhdGVDb3B5VGV4dCh7XG4gICAgICAgICAgICBwcmVmaXhUZXh0LFxuICAgICAgICAgICAgc2VsZWN0aW9uRW5kOiBvZmZzZXRzLmVuZCxcbiAgICAgICAgICAgIHNlbGVjdGlvblN0YXJ0OiBvZmZzZXRzLnN0YXJ0LFxuICAgICAgICAgICAgc3VmZml4VGV4dCxcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGNvcHlUZXh0ID8/PSBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQoe1xuICAgICAgICBwcmVmaXhUZXh0LFxuICAgICAgICBzZWxlY3Rpb25UZXh0LFxuICAgICAgICBzdWZmaXhUZXh0LFxuICAgICAgICB2YWx1ZSxcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoY29weVRleHQgPT09IG51bGwpIHJldHVybjtcblxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5jbGlwYm9hcmREYXRhLnNldERhdGEoJ3RleHQvcGxhaW4nLCBjb3B5VGV4dCk7XG4gICAgfSxcbiAgICBbb25Db3B5UHJvcCwgaXNUcnVuY2F0ZWQsIHByZWZpeFRleHQsIHN1ZmZpeFRleHQsIHZhbHVlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHRpdGxlPXtpc1RydW5jYXRlZCA/IHZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAncmVsYXRpdmUgaW5saW5lLWdyaWQgbWluLXctMCBtYXgtdy1mdWxsIG92ZXJmbG93LWhpZGRlbiB3aGl0ZXNwYWNlLW5vd3JhcCcsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIG9uQ29weT17aGFuZGxlQ29weX1cbiAgICA+XG4gICAgICB7aXNUcnVuY2F0ZWQgJiYgPHNwYW4gY2xhc3NOYW1lPVwic3Itb25seSBzZWxlY3Qtbm9uZVwiPnt2YWx1ZX08L3NwYW4+fVxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPVwicG9pbnRlci1ldmVudHMtbm9uZSBjb2wtc3RhcnQtMSByb3ctc3RhcnQtMSBpbnZpc2libGUgc2VsZWN0LW5vbmUgd2hpdGVzcGFjZS1ub3dyYXBcIlxuICAgICAgPlxuICAgICAgICB7dmFsdWV9XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBhcmlhLWhpZGRlbj17aXNUcnVuY2F0ZWQgfHwgdW5kZWZpbmVkfVxuICAgICAgICBjbGFzc05hbWU9XCJjb2wtc3RhcnQtMSByb3ctc3RhcnQtMSBtaW4tdy0wIG92ZXJmbG93LWhpZGRlblwiXG4gICAgICAgIHJlZj17dmlzaWJsZVJlZn1cbiAgICAgID5cbiAgICAgICAge2lzVHJ1bmNhdGVkID8gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8c3Bhbj57cHJlZml4VGV4dH08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57RUxMSVBTSVN9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e3N1ZmZpeFRleHR9PC9zcGFuPlxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGRpc3BsYXlUZXh0XG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBjbGFzc05hbWU9XCJwb2ludGVyLWV2ZW50cy1ub25lIGFic29sdXRlIGxlZnQtMCB0b3AtMCBpbmxpbmUtYmxvY2sgaW52aXNpYmxlIHNlbGVjdC1ub25lIHdoaXRlc3BhY2Utbm93cmFwXCJcbiAgICAgICAgcmVmPXttZWFzdXJlUmVmfVxuICAgICAgLz5cbiAgICA8L3NwYW4+XG4gICk7XG59XG5cbmV4cG9ydCB7IE1pZGRsZVRydW5jYXRlIH07XG5leHBvcnQgdHlwZSB7IE1pZGRsZVRydW5jYXRlUHJvcHMgfTtcbiJdfQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/truncate.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,WAAM,CAAC;AACrB,QAAA,MAAM,SAAS,IAAI,CAAC;AACpB,QAAA,MAAM,OAAO,IAAI,CAAC;AAOlB,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AAE1C;;;GAGG;AACH,iBAAS,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAK3C;AAED,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;CACpB;AAmCD;;;GAGG;AACH,iBAAS,cAAc,CACrB,SAAS,EAAE,MAAM,EAAE,EACnB,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,SAAS,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,cAAc,CAuDhB;AAED,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
const ELLIPSIS = '…';
|
|
2
|
+
const MIN_START = 3;
|
|
3
|
+
const MIN_END = 3;
|
|
4
|
+
const MIN_KEPT = MIN_START + MIN_END;
|
|
5
|
+
const graphemeSegmenter = typeof Intl !== 'undefined' && 'Segmenter' in Intl
|
|
6
|
+
? new Intl.Segmenter(undefined, { granularity: 'grapheme' })
|
|
7
|
+
: null;
|
|
8
|
+
/**
|
|
9
|
+
* Splits a string into grapheme clusters using Intl.Segmenter.
|
|
10
|
+
* Falls back to Array.from for environments without Intl.Segmenter.
|
|
11
|
+
*/
|
|
12
|
+
function toGraphemes(text) {
|
|
13
|
+
if (graphemeSegmenter) {
|
|
14
|
+
return [...graphemeSegmenter.segment(text)].map((s) => s.segment);
|
|
15
|
+
}
|
|
16
|
+
return Array.from(text);
|
|
17
|
+
}
|
|
18
|
+
function buildCandidate(graphemes, kept) {
|
|
19
|
+
if (kept <= 0) {
|
|
20
|
+
return {
|
|
21
|
+
prefixText: '',
|
|
22
|
+
prefixGraphemeCount: 0,
|
|
23
|
+
suffixText: '',
|
|
24
|
+
suffixGraphemeCount: 0,
|
|
25
|
+
text: ELLIPSIS,
|
|
26
|
+
truncated: true,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
const suffixGraphemeCount = kept >= MIN_KEPT
|
|
30
|
+
? Math.max(MIN_END, Math.floor(kept / 2))
|
|
31
|
+
: Math.floor(kept / 2);
|
|
32
|
+
const prefixGraphemeCount = kept - suffixGraphemeCount;
|
|
33
|
+
const prefixText = graphemes.slice(0, prefixGraphemeCount).join('');
|
|
34
|
+
const suffixText = suffixGraphemeCount > 0
|
|
35
|
+
? graphemes.slice(-suffixGraphemeCount).join('')
|
|
36
|
+
: '';
|
|
37
|
+
return {
|
|
38
|
+
prefixText,
|
|
39
|
+
prefixGraphemeCount,
|
|
40
|
+
suffixText,
|
|
41
|
+
suffixGraphemeCount,
|
|
42
|
+
text: prefixText + ELLIPSIS + suffixText,
|
|
43
|
+
truncated: true,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Middle-truncates a string so `prefix...suffix` fits within `availableWidth`.
|
|
48
|
+
* Uses binary search over grapheme clusters with an injectable measure function.
|
|
49
|
+
*/
|
|
50
|
+
function middleTruncate(graphemes, availableWidth, measure, fullWidth) {
|
|
51
|
+
const fullText = graphemes.join('');
|
|
52
|
+
const resolvedFullWidth = fullWidth ?? measure(fullText);
|
|
53
|
+
if (availableWidth <= 0 || graphemes.length === 0) {
|
|
54
|
+
return {
|
|
55
|
+
prefixText: fullText,
|
|
56
|
+
prefixGraphemeCount: graphemes.length,
|
|
57
|
+
suffixText: '',
|
|
58
|
+
suffixGraphemeCount: 0,
|
|
59
|
+
text: fullText,
|
|
60
|
+
truncated: false,
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
if (resolvedFullWidth <= availableWidth) {
|
|
64
|
+
return {
|
|
65
|
+
prefixText: fullText,
|
|
66
|
+
prefixGraphemeCount: graphemes.length,
|
|
67
|
+
suffixText: '',
|
|
68
|
+
suffixGraphemeCount: 0,
|
|
69
|
+
text: fullText,
|
|
70
|
+
truncated: false,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
// Binary search for the maximum number of kept graphemes
|
|
74
|
+
let lo = 0;
|
|
75
|
+
let hi = graphemes.length - 1;
|
|
76
|
+
let best = -1;
|
|
77
|
+
while (lo <= hi) {
|
|
78
|
+
const mid = (lo + hi) >>> 1;
|
|
79
|
+
const candidate = buildCandidate(graphemes, mid);
|
|
80
|
+
if (measure(candidate.text) <= availableWidth) {
|
|
81
|
+
best = mid;
|
|
82
|
+
lo = mid + 1;
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
hi = mid - 1;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
if (best === -1) {
|
|
89
|
+
return {
|
|
90
|
+
prefixText: '',
|
|
91
|
+
prefixGraphemeCount: 0,
|
|
92
|
+
suffixText: '',
|
|
93
|
+
suffixGraphemeCount: 0,
|
|
94
|
+
text: '',
|
|
95
|
+
truncated: true,
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
return buildCandidate(graphemes, best);
|
|
99
|
+
}
|
|
100
|
+
export { middleTruncate, toGraphemes, ELLIPSIS, MIN_START, MIN_END };
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmFjZS12aWV3ZXIvY29tcG9uZW50cy9taWRkbGUtdHJ1bmNhdGUvdHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxRQUFRLEdBQUcsR0FBRyxDQUFDO0FBQ3JCLE1BQU0sU0FBUyxHQUFHLENBQUMsQ0FBQztBQUNwQixNQUFNLE9BQU8sR0FBRyxDQUFDLENBQUM7QUFDbEIsTUFBTSxRQUFRLEdBQUcsU0FBUyxHQUFHLE9BQU8sQ0FBQztBQUNyQyxNQUFNLGlCQUFpQixHQUNyQixPQUFPLElBQUksS0FBSyxXQUFXLElBQUksV0FBVyxJQUFJLElBQUk7SUFDaEQsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLENBQUM7SUFDNUQsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUlYOzs7R0FHRztBQUNILFNBQVMsV0FBVyxDQUFDLElBQVk7SUFDL0IsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxHQUFHLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFDRCxPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDMUIsQ0FBQztBQVdELFNBQVMsY0FBYyxDQUFDLFNBQW1CLEVBQUUsSUFBWTtJQUN2RCxJQUFJLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNkLE9BQU87WUFDTCxVQUFVLEVBQUUsRUFBRTtZQUNkLG1CQUFtQixFQUFFLENBQUM7WUFDdEIsVUFBVSxFQUFFLEVBQUU7WUFDZCxtQkFBbUIsRUFBRSxDQUFDO1lBQ3RC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QyxFQUFFLENBQUM7UUFDaEIsT0FBTztZQUNMLFVBQVUsRUFBRSxFQUFFO1lBQ2QsbUJBQW1CLEVBQUUsQ0FBQztZQUN0QixVQUFVLEVBQUUsRUFBRTtZQUNkLG1CQUFtQixFQUFFLENBQUM7WUFDdEIsSUFBSSxFQUFFLEVBQUU7WUFDUixTQUFTLEVBQUUsSUFBSTtTQUNoQixDQUFDO0lBQ0osQ0FBQztJQUVELE9BQU8sY0FBYyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQztBQUN6QyxDQUFDO0FBRUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImNvbnN0IEVMTElQU0lTID0gJ+KApic7XG5jb25zdCBNSU5fU1RBUlQgPSAzO1xuY29uc3QgTUlOX0VORCA9IDM7XG5jb25zdCBNSU5fS0VQVCA9IE1JTl9TVEFSVCArIE1JTl9FTkQ7XG5jb25zdCBncmFwaGVtZVNlZ21lbnRlciA9XG4gIHR5cGVvZiBJbnRsICE9PSAndW5kZWZpbmVkJyAmJiAnU2VnbWVudGVyJyBpbiBJbnRsXG4gICAgPyBuZXcgSW50bC5TZWdtZW50ZXIodW5kZWZpbmVkLCB7IGdyYW51bGFyaXR5OiAnZ3JhcGhlbWUnIH0pXG4gICAgOiBudWxsO1xuXG50eXBlIE1lYXN1cmVGbiA9ICh0ZXh0OiBzdHJpbmcpID0+IG51bWJlcjtcblxuLyoqXG4gKiBTcGxpdHMgYSBzdHJpbmcgaW50byBncmFwaGVtZSBjbHVzdGVycyB1c2luZyBJbnRsLlNlZ21lbnRlci5cbiAqIEZhbGxzIGJhY2sgdG8gQXJyYXkuZnJvbSBmb3IgZW52aXJvbm1lbnRzIHdpdGhvdXQgSW50bC5TZWdtZW50ZXIuXG4gKi9cbmZ1bmN0aW9uIHRvR3JhcGhlbWVzKHRleHQ6IHN0cmluZyk6IHN0cmluZ1tdIHtcbiAgaWYgKGdyYXBoZW1lU2VnbWVudGVyKSB7XG4gICAgcmV0dXJuIFsuLi5ncmFwaGVtZVNlZ21lbnRlci5zZWdtZW50KHRleHQpXS5tYXAoKHMpID0+IHMuc2VnbWVudCk7XG4gIH1cbiAgcmV0dXJuIEFycmF5LmZyb20odGV4dCk7XG59XG5cbmludGVyZmFjZSBUcnVuY2F0ZVJlc3VsdCB7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgcHJlZml4R3JhcGhlbWVDb3VudDogbnVtYmVyO1xuICBzdWZmaXhUZXh0OiBzdHJpbmc7XG4gIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICB0cnVuY2F0ZWQ6IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIGJ1aWxkQ2FuZGlkYXRlKGdyYXBoZW1lczogc3RyaW5nW10sIGtlcHQ6IG51bWJlcik6IFRydW5jYXRlUmVzdWx0IHtcbiAgaWYgKGtlcHQgPD0gMCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmVmaXhUZXh0OiAnJyxcbiAgICAgIHByZWZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgICBzdWZmaXhUZXh0OiAnJyxcbiAgICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgICB0ZXh0OiBFTExJUFNJUyxcbiAgICAgIHRydW5jYXRlZDogdHJ1ZSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3Qgc3VmZml4R3JhcGhlbWVDb3VudCA9XG4gICAga2VwdCA+PSBNSU5fS0VQVFxuICAgICAgPyBNYXRoLm1heChNSU5fRU5ELCBNYXRoLmZsb29yKGtlcHQgLyAyKSlcbiAgICAgIDogTWF0aC5mbG9vcihrZXB0IC8gMik7XG4gIGNvbnN0IHByZWZpeEdyYXBoZW1lQ291bnQgPSBrZXB0IC0gc3VmZml4R3JhcGhlbWVDb3VudDtcbiAgY29uc3QgcHJlZml4VGV4dCA9IGdyYXBoZW1lcy5zbGljZSgwLCBwcmVmaXhHcmFwaGVtZUNvdW50KS5qb2luKCcnKTtcbiAgY29uc3Qgc3VmZml4VGV4dCA9XG4gICAgc3VmZml4R3JhcGhlbWVDb3VudCA+IDBcbiAgICAgID8gZ3JhcGhlbWVzLnNsaWNlKC1zdWZmaXhHcmFwaGVtZUNvdW50KS5qb2luKCcnKVxuICAgICAgOiAnJztcblxuICByZXR1cm4ge1xuICAgIHByZWZpeFRleHQsXG4gICAgcHJlZml4R3JhcGhlbWVDb3VudCxcbiAgICBzdWZmaXhUZXh0LFxuICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQsXG4gICAgdGV4dDogcHJlZml4VGV4dCArIEVMTElQU0lTICsgc3VmZml4VGV4dCxcbiAgICB0cnVuY2F0ZWQ6IHRydWUsXG4gIH07XG59XG5cbi8qKlxuICogTWlkZGxlLXRydW5jYXRlcyBhIHN0cmluZyBzbyBgcHJlZml4Li4uc3VmZml4YCBmaXRzIHdpdGhpbiBgYXZhaWxhYmxlV2lkdGhgLlxuICogVXNlcyBiaW5hcnkgc2VhcmNoIG92ZXIgZ3JhcGhlbWUgY2x1c3RlcnMgd2l0aCBhbiBpbmplY3RhYmxlIG1lYXN1cmUgZnVuY3Rpb24uXG4gKi9cbmZ1bmN0aW9uIG1pZGRsZVRydW5jYXRlKFxuICBncmFwaGVtZXM6IHN0cmluZ1tdLFxuICBhdmFpbGFibGVXaWR0aDogbnVtYmVyLFxuICBtZWFzdXJlOiBNZWFzdXJlRm4sXG4gIGZ1bGxXaWR0aD86IG51bWJlclxuKTogVHJ1bmNhdGVSZXN1bHQge1xuICBjb25zdCBmdWxsVGV4dCA9IGdyYXBoZW1lcy5qb2luKCcnKTtcbiAgY29uc3QgcmVzb2x2ZWRGdWxsV2lkdGggPSBmdWxsV2lkdGggPz8gbWVhc3VyZShmdWxsVGV4dCk7XG5cbiAgaWYgKGF2YWlsYWJsZVdpZHRoIDw9IDAgfHwgZ3JhcGhlbWVzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmVmaXhUZXh0OiBmdWxsVGV4dCxcbiAgICAgIHByZWZpeEdyYXBoZW1lQ291bnQ6IGdyYXBoZW1lcy5sZW5ndGgsXG4gICAgICBzdWZmaXhUZXh0OiAnJyxcbiAgICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgICB0ZXh0OiBmdWxsVGV4dCxcbiAgICAgIHRydW5jYXRlZDogZmFsc2UsXG4gICAgfTtcbiAgfVxuXG4gIGlmIChyZXNvbHZlZEZ1bGxXaWR0aCA8PSBhdmFpbGFibGVXaWR0aCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmVmaXhUZXh0OiBmdWxsVGV4dCxcbiAgICAgIHByZWZpeEdyYXBoZW1lQ291bnQ6IGdyYXBoZW1lcy5sZW5ndGgsXG4gICAgICBzdWZmaXhUZXh0OiAnJyxcbiAgICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgICB0ZXh0OiBmdWxsVGV4dCxcbiAgICAgIHRydW5jYXRlZDogZmFsc2UsXG4gICAgfTtcbiAgfVxuXG4gIC8vIEJpbmFyeSBzZWFyY2ggZm9yIHRoZSBtYXhpbXVtIG51bWJlciBvZiBrZXB0IGdyYXBoZW1lc1xuICBsZXQgbG8gPSAwO1xuICBsZXQgaGkgPSBncmFwaGVtZXMubGVuZ3RoIC0gMTtcbiAgbGV0IGJlc3QgPSAtMTtcblxuICB3aGlsZSAobG8gPD0gaGkpIHtcbiAgICBjb25zdCBtaWQgPSAobG8gKyBoaSkgPj4+IDE7XG4gICAgY29uc3QgY2FuZGlkYXRlID0gYnVpbGRDYW5kaWRhdGUoZ3JhcGhlbWVzLCBtaWQpO1xuXG4gICAgaWYgKG1lYXN1cmUoY2FuZGlkYXRlLnRleHQpIDw9IGF2YWlsYWJsZVdpZHRoKSB7XG4gICAgICBiZXN0ID0gbWlkO1xuICAgICAgbG8gPSBtaWQgKyAxO1xuICAgIH0gZWxzZSB7XG4gICAgICBoaSA9IG1pZCAtIDE7XG4gICAgfVxuICB9XG5cbiAgaWYgKGJlc3QgPT09IC0xKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHByZWZpeFRleHQ6ICcnLFxuICAgICAgcHJlZml4R3JhcGhlbWVDb3VudDogMCxcbiAgICAgIHN1ZmZpeFRleHQ6ICcnLFxuICAgICAgc3VmZml4R3JhcGhlbWVDb3VudDogMCxcbiAgICAgIHRleHQ6ICcnLFxuICAgICAgdHJ1bmNhdGVkOiB0cnVlLFxuICAgIH07XG4gIH1cblxuICByZXR1cm4gYnVpbGRDYW5kaWRhdGUoZ3JhcGhlbWVzLCBiZXN0KTtcbn1cblxuZXhwb3J0IHsgbWlkZGxlVHJ1bmNhdGUsIHRvR3JhcGhlbWVzLCBFTExJUFNJUywgTUlOX1NUQVJULCBNSU5fRU5EIH07XG5leHBvcnQgdHlwZSB7IE1lYXN1cmVGbiwgVHJ1bmNhdGVSZXN1bHQgfTtcbiJdfQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/trace-viewer/components/middle-truncate/use-middle-truncate.ts"],"names":[],"mappings":"AAsCA;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG;IACzC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CA6GA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
|
|
3
|
+
import { middleTruncate, toGraphemes } from './truncate';
|
|
4
|
+
const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
|
|
5
|
+
function createFullState(value, graphemes) {
|
|
6
|
+
return {
|
|
7
|
+
displayText: value,
|
|
8
|
+
isTruncated: false,
|
|
9
|
+
prefixGraphemeCount: graphemes.length,
|
|
10
|
+
prefixText: value,
|
|
11
|
+
suffixGraphemeCount: 0,
|
|
12
|
+
suffixText: '',
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Middle-truncation logic. Returns refs to attach to the container and measurement elements, plus the truncated display text. Recalculates on resize, font loading, and value changes.
|
|
17
|
+
* Powers the `<MiddleTruncate>` (`<span>`) component.
|
|
18
|
+
*
|
|
19
|
+
* Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
|
|
20
|
+
*
|
|
21
|
+
* @param value - Full text string to truncate.
|
|
22
|
+
*/
|
|
23
|
+
function useMiddleTruncate(value) {
|
|
24
|
+
const graphemes = useMemo(() => toGraphemes(value), [value]);
|
|
25
|
+
const fullState = useMemo(() => createFullState(value, graphemes), [graphemes, value]);
|
|
26
|
+
const ref = useRef(null);
|
|
27
|
+
const measureRef = useRef(null);
|
|
28
|
+
const [state, setState] = useState(() => fullState);
|
|
29
|
+
const rafRef = useRef(0);
|
|
30
|
+
const updateState = useCallback((nextState) => {
|
|
31
|
+
setState((currentState) => {
|
|
32
|
+
if (currentState.displayText === nextState.displayText &&
|
|
33
|
+
currentState.isTruncated === nextState.isTruncated &&
|
|
34
|
+
currentState.prefixText === nextState.prefixText &&
|
|
35
|
+
currentState.prefixGraphemeCount === nextState.prefixGraphemeCount &&
|
|
36
|
+
currentState.suffixText === nextState.suffixText &&
|
|
37
|
+
currentState.suffixGraphemeCount === nextState.suffixGraphemeCount) {
|
|
38
|
+
return currentState;
|
|
39
|
+
}
|
|
40
|
+
return nextState;
|
|
41
|
+
});
|
|
42
|
+
}, []);
|
|
43
|
+
const recalculate = useCallback(() => {
|
|
44
|
+
const el = ref.current;
|
|
45
|
+
const measureEl = measureRef.current;
|
|
46
|
+
if (!el || !measureEl)
|
|
47
|
+
return;
|
|
48
|
+
const available = el.clientWidth;
|
|
49
|
+
if (available <= 0) {
|
|
50
|
+
updateState(fullState);
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
const measure = (text) => {
|
|
54
|
+
measureEl.textContent = text;
|
|
55
|
+
return measureEl.scrollWidth;
|
|
56
|
+
};
|
|
57
|
+
const fullWidth = measure(value);
|
|
58
|
+
if (fullWidth <= available) {
|
|
59
|
+
updateState(fullState);
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
const result = middleTruncate(graphemes, available, measure, fullWidth);
|
|
63
|
+
updateState({
|
|
64
|
+
displayText: result.text,
|
|
65
|
+
isTruncated: result.truncated,
|
|
66
|
+
prefixGraphemeCount: result.prefixGraphemeCount,
|
|
67
|
+
prefixText: result.prefixText,
|
|
68
|
+
suffixGraphemeCount: result.suffixGraphemeCount,
|
|
69
|
+
suffixText: result.suffixText,
|
|
70
|
+
});
|
|
71
|
+
}, [fullState, graphemes, updateState, value]);
|
|
72
|
+
// Measure on mount and when value changes - before paint
|
|
73
|
+
useIsomorphicLayoutEffect(() => {
|
|
74
|
+
recalculate();
|
|
75
|
+
}, [recalculate]);
|
|
76
|
+
// ResizeObserver + font loading for ongoing responsiveness
|
|
77
|
+
useEffect(() => {
|
|
78
|
+
const el = ref.current;
|
|
79
|
+
if (!el)
|
|
80
|
+
return;
|
|
81
|
+
const debouncedRecalc = () => {
|
|
82
|
+
cancelAnimationFrame(rafRef.current);
|
|
83
|
+
rafRef.current = requestAnimationFrame(recalculate);
|
|
84
|
+
};
|
|
85
|
+
const ro = typeof ResizeObserver !== 'undefined'
|
|
86
|
+
? new ResizeObserver(debouncedRecalc)
|
|
87
|
+
: null;
|
|
88
|
+
ro?.observe(el);
|
|
89
|
+
window.addEventListener('resize', debouncedRecalc);
|
|
90
|
+
const onFontsLoaded = () => {
|
|
91
|
+
debouncedRecalc();
|
|
92
|
+
};
|
|
93
|
+
const fontSet = 'fonts' in document ? document.fonts : null;
|
|
94
|
+
fontSet?.addEventListener?.('loadingdone', onFontsLoaded);
|
|
95
|
+
return () => {
|
|
96
|
+
ro?.disconnect();
|
|
97
|
+
window.removeEventListener('resize', debouncedRecalc);
|
|
98
|
+
cancelAnimationFrame(rafRef.current);
|
|
99
|
+
fontSet?.removeEventListener?.('loadingdone', onFontsLoaded);
|
|
100
|
+
};
|
|
101
|
+
}, [recalculate]);
|
|
102
|
+
return {
|
|
103
|
+
ref,
|
|
104
|
+
measureRef,
|
|
105
|
+
displayText: state.displayText,
|
|
106
|
+
isTruncated: state.isTruncated,
|
|
107
|
+
prefixGraphemeCount: state.prefixGraphemeCount,
|
|
108
|
+
prefixText: state.prefixText,
|
|
109
|
+
suffixGraphemeCount: state.suffixGraphemeCount,
|
|
110
|
+
suffixText: state.suffixText,
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
export { useMiddleTruncate };
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLW1pZGRsZS10cnVuY2F0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyYWNlLXZpZXdlci9jb21wb25lbnRzL21pZGRsZS10cnVuY2F0ZS91c2UtbWlkZGxlLXRydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQztBQUViLE9BQU8sRUFDTCxXQUFXLEVBQ1gsU0FBUyxFQUNULGVBQWUsRUFDZixPQUFPLEVBQ1AsTUFBTSxFQUNOLFFBQVEsR0FDVCxNQUFNLE9BQU8sQ0FBQztBQUNmLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXpELE1BQU0seUJBQXlCLEdBQzdCLE9BQU8sTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUM7QUFXOUQsU0FBUyxlQUFlLENBQ3RCLEtBQWEsRUFDYixTQUFtQjtJQUVuQixPQUFPO1FBQ0wsV0FBVyxFQUFFLEtBQUs7UUFDbEIsV0FBVyxFQUFFLEtBQUs7UUFDbEIsbUJBQW1CLEVBQUUsU0FBUyxDQUFDLE1BQU07UUFDckMsVUFBVSxFQUFFLEtBQUs7UUFDakIsbUJBQW1CLEVBQUUsQ0FBQztRQUN0QixVQUFVLEVBQUUsRUFBRTtLQUNmLENBQUM7QUFDSixDQUFDO0FBRUQ7Ozs7Ozs7R0FPRztBQUNILFNBQVMsaUJBQWlCLENBQUMsS0FBYTtJQVV0QyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUM3RCxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQ3ZCLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLEVBQ3ZDLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUNuQixDQUFD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V0FBVztRQUM5QixXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVc7UUFDOUIsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLG1CQUFtQjtRQUM5QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7UUFDNUIsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLG1CQUFtQjtRQUM5QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7S0FDN0IsQ0FBQztBQUNKLENBQUM7QUFFRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHtcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUVmZmVjdCxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBtaWRkbGVUcnVuY2F0ZSwgdG9HcmFwaGVtZXMgfSBmcm9tICcuL3RydW5jYXRlJztcblxuY29uc3QgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCA9XG4gIHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnID8gdXNlRWZmZWN0IDogdXNlTGF5b3V0RWZmZWN0O1xuXG5pbnRlcmZhY2UgTWlkZGxlVHJ1bmNhdGVTdGF0ZSB7XG4gIGRpc3BsYXlUZXh0OiBzdHJpbmc7XG4gIGlzVHJ1bmNhdGVkOiBib29sZWFuO1xuICBwcmVmaXhHcmFwaGVtZUNvdW50OiBudW1iZXI7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgc3VmZml4R3JhcGhlbWVDb3VudDogbnVtYmVyO1xuICBzdWZmaXhUZXh0OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUZ1bGxTdGF0ZShcbiAgdmFsdWU6IHN0cmluZyxcbiAgZ3JhcGhlbWVzOiBzdHJpbmdbXVxuKTogTWlkZGxlVHJ1bmNhdGVTdGF0ZSB7XG4gIHJldHVybiB7XG4gICAgZGlzcGxheVRleHQ6IHZhbHVlLFxuICAgIGlzVHJ1bmNhdGVkOiBmYWxzZSxcbiAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiBncmFwaGVtZXMubGVuZ3RoLFxuICAgIHByZWZpeFRleHQ6IHZhbHVlLFxuICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgc3VmZml4VGV4dDogJycsXG4gIH07XG59XG5cbi8qKlxuICogTWlkZGxlLXRydW5jYXRpb24gbG9naWMuIFJldHVybnMgcmVmcyB0byBhdHRhY2ggdG8gdGhlIGNvbnRhaW5lciBhbmQgbWVhc3VyZW1lbnQgZWxlbWVudHMsIHBsdXMgdGhlIHRydW5jYXRlZCBkaXNwbGF5IHRleHQuIFJlY2FsY3VsYXRlcyBvbiByZXNpemUsIGZvbnQgbG9hZGluZywgYW5kIHZhbHVlIGNoYW5nZXMuXG4gKiBQb3dlcnMgdGhlIGA8TWlkZGxlVHJ1bmNhdGU+YCAoYDxzcGFuPmApIGNvbXBvbmVudC5cbiAqXG4gKiBEb2N1bWVudGF0aW9uOiBbR2Vpc3QgTWlkZGxlIFRydW5jYXRlXShodHRwczovL3ZlcmNlbC5jb20vZ2Vpc3QvbWlkZGxlLXRydW5jYXRlKVxuICpcbiAqIEBwYXJhbSB2YWx1ZSAtIEZ1bGwgdGV4dCBzdHJpbmcgdG8gdHJ1bmNhdGUuXG4gKi9cbmZ1bmN0aW9uIHVzZU1pZGRsZVRydW5jYXRlKHZhbHVlOiBzdHJpbmcpOiB7XG4gIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxTcGFuRWxlbWVudCB8IG51bGw+O1xuICBtZWFzdXJlUmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTFNwYW5FbGVtZW50IHwgbnVsbD47XG4gIGRpc3BsYXlUZXh0OiBzdHJpbmc7XG4gIGlzVHJ1bmNhdGVkOiBib29sZWFuO1xuICBwcmVmaXhHcmFwaGVtZUNvdW50OiBudW1iZXI7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgc3VmZml4R3JhcGhlbWVDb3VudDogbnVtYmVyO1xuICBzdWZmaXhUZXh0OiBzdHJpbmc7XG59IHtcbiAgY29uc3QgZ3JhcGhlbWVzID0gdXNlTWVtbygoKSA9PiB0b0dyYXBoZW1lcyh2YWx1ZSksIFt2YWx1ZV0pO1xuICBjb25zdCBmdWxsU3RhdGUgPSB1c2VNZW1vKFxuICAgICgpID0+IGNyZWF0ZUZ1bGxTdGF0ZSh2YWx1ZSwgZ3JhcGhlbWVzKSxcbiAgICBbZ3JhcGhlbWVzLCB2YWx1ZV1cbiAgKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBtZWFzdXJlUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlPE1pZGRsZVRydW5jYXRlU3RhdGU+KCgpID0+IGZ1bGxTdGF0ZSk7XG4gIGNvbnN0IHJhZlJlZiA9IHVzZVJlZjxudW1iZXI+KDApO1xuXG4gIGNvbnN0IHVwZGF0ZVN0YXRlID0gdXNlQ2FsbGJhY2soKG5leHRTdGF0ZTogTWlkZGxlVHJ1bmNhdGVTdGF0ZSkgPT4ge1xuICAgIHNldFN0YXRlKChjdXJyZW50U3RhdGUpID0+IHtcbiAgICAgIGlmIChcbiAgICAgICAgY3VycmVudFN0YXRlLmRpc3BsYXlUZXh0ID09PSBuZXh0U3RhdGUuZGlzcGxheVRleHQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLmlzVHJ1bmNhdGVkID09PSBuZXh0U3RhdGUuaXNUcnVuY2F0ZWQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLnByZWZpeFRleHQgPT09IG5leHRTdGF0ZS5wcmVmaXhUZXh0ICYmXG4gICAgICAgIGN1cnJlbnRTdGF0ZS5wcmVmaXhHcmFwaGVtZUNvdW50ID09PSBuZXh0U3RhdGUucHJlZml4R3JhcGhlbWVDb3VudCAmJlxuICAgICAgICBjdXJyZW50U3RhdGUuc3VmZml4VGV4dCA9PT0gbmV4dFN0YXRlLnN1ZmZpeFRleHQgJiZcbiAgICAgICAgY3VycmVudFN0YXRlLnN1ZmZpeEdyYXBoZW1lQ291bnQgPT09IG5leHRTdGF0ZS5zdWZmaXhHcmFwaGVtZUNvdW50XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIGN1cnJlbnRTdGF0ZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG5leHRTdGF0ZTtcbiAgICB9KTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlY2FsY3VsYXRlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gcmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgbWVhc3VyZUVsID0gbWVhc3VyZVJlZi5jdXJyZW50O1xuICAgIGlmICghZWwgfHwgIW1lYXN1cmVFbCkgcmV0dXJuO1xuXG4gICAgY29uc3QgYXZhaWxhYmxlID0gZWwuY2xpZW50V2lkdGg7XG5cbiAgICBpZiAoYXZhaWxhYmxlIDw9IDApIHtcbiAgICAgIHVwZGF0ZVN0YXRlKGZ1bGxTdGF0ZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbWVhc3VyZSA9ICh0ZXh0OiBzdHJpbmcpOiBudW1iZXIgPT4ge1xuICAgICAgbWVhc3VyZUVsLnRleHRDb250ZW50ID0gdGV4dDtcbiAgICAgIHJldHVybiBtZWFzdXJlRWwuc2Nyb2xsV2lkdGg7XG4gICAgfTtcblxuICAgIGNvbnN0IGZ1bGxXaWR0aCA9IG1lYXN1cmUodmFsdWUpO1xuXG4gICAgaWYgKGZ1bGxXaWR0aCA8PSBhdmFpbGFibGUpIHtcbiAgICAgIHVwZGF0ZVN0YXRlKGZ1bGxTdGF0ZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcmVzdWx0ID0gbWlkZGxlVHJ1bmNhdGUoZ3JhcGhlbWVzLCBhdmFpbGFibGUsIG1lYXN1cmUsIGZ1bGxXaWR0aCk7XG4gICAgdXBkYXRlU3RhdGUoe1xuICAgICAgZGlzcGxheVRleHQ6IHJlc3VsdC50ZXh0LFxuICAgICAgaXNUcnVuY2F0ZWQ6IHJlc3VsdC50cnVuY2F0ZWQsXG4gICAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiByZXN1bHQucHJlZml4R3JhcGhlbWVDb3VudCxcbiAgICAgIHByZWZpeFRleHQ6IHJlc3VsdC5wcmVmaXhUZXh0LFxuICAgICAgc3VmZml4R3JhcGhlbWVDb3VudDogcmVzdWx0LnN1ZmZpeEdyYXBoZW1lQ291bnQsXG4gICAgICBzdWZmaXhUZXh0OiByZXN1bHQuc3VmZml4VGV4dCxcbiAgICB9KTtcbiAgfSwgW2Z1bGxTdGF0ZSwgZ3JhcGhlbWVzLCB1cGRhdGVTdGF0ZSwgdmFsdWVdKTtcblxuICAvLyBNZWFzdXJlIG9uIG1vdW50IGFuZCB3aGVuIHZhbHVlIGNoYW5nZXMgLSBiZWZvcmUgcGFpbnRcbiAgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgcmVjYWxjdWxhdGUoKTtcbiAgfSwgW3JlY2FsY3VsYXRlXSk7XG5cbiAgLy8gUmVzaXplT2JzZXJ2ZXIgKyBmb250IGxvYWRpbmcgZm9yIG9uZ29pbmcgcmVzcG9uc2l2ZW5lc3NcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbCA9IHJlZi5jdXJyZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcblxuICAgIGNvbnN0IGRlYm91bmNlZFJlY2FsYyA9ICgpOiB2b2lkID0+IHtcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHJhZlJlZi5jdXJyZW50KTtcbiAgICAgIHJhZlJlZi5jdXJyZW50ID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHJlY2FsY3VsYXRlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgcm8gPVxuICAgICAgdHlwZW9mIFJlc2l6ZU9ic2VydmVyICE9PSAndW5kZWZpbmVkJ1xuICAgICAgICA/IG5ldyBSZXNpemVPYnNlcnZlcihkZWJvdW5jZWRSZWNhbGMpXG4gICAgICAgIDogbnVsbDtcbiAgICBybz8ub2JzZXJ2ZShlbCk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGRlYm91bmNlZFJlY2FsYyk7XG5cbiAgICBjb25zdCBvbkZvbnRzTG9hZGVkID0gKCk6IHZvaWQgPT4ge1xuICAgICAgZGVib3VuY2VkUmVjYWxjKCk7XG4gICAgfTtcbiAgICBjb25zdCBmb250U2V0ID0gJ2ZvbnRzJyBpbiBkb2N1bWVudCA/IGRvY3VtZW50LmZvbnRzIDogbnVsbDtcbiAgICBmb250U2V0Py5hZGRFdmVudExpc3RlbmVyPy4oJ2xvYWRpbmdkb25lJywgb25Gb250c0xvYWRlZCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgcm8/LmRpc2Nvbm5lY3QoKTtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBkZWJvdW5jZWRSZWNhbGMpO1xuICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmUmVmLmN1cnJlbnQpO1xuICAgICAgZm9udFNldD8ucmVtb3ZlRXZlbnRMaXN0ZW5lcj8uKCdsb2FkaW5nZG9uZScsIG9uRm9udHNMb2FkZWQpO1xuICAgIH07XG4gIH0sIFtyZWNhbGN1bGF0ZV0pO1xuXG4gIHJldHVybiB7XG4gICAgcmVmLFxuICAgIG1lYXN1cmVSZWYsXG4gICAgZGlzcGxheVRleHQ6IHN0YXRlLmRpc3BsYXlUZXh0LFxuICAgIGlzVHJ1bmNhdGVkOiBzdGF0ZS5pc1RydW5jYXRlZCxcbiAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiBzdGF0ZS5wcmVmaXhHcmFwaGVtZUNvdW50LFxuICAgIHByZWZpeFRleHQ6IHN0YXRlLnByZWZpeFRleHQsXG4gICAgc3VmZml4R3JhcGhlbWVDb3VudDogc3RhdGUuc3VmZml4R3JhcGhlbWVDb3VudCxcbiAgICBzdWZmaXhUZXh0OiBzdGF0ZS5zdWZmaXhUZXh0LFxuICB9O1xufVxuXG5leHBvcnQgeyB1c2VNaWRkbGVUcnVuY2F0ZSB9O1xuIl19
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/minimap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,aAAa,EAGnB,MAAM,UAAU,CAAC;AA4HlB,eAAO,MAAM,OAAO,iHAOjB;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,yEAAyE;IACzE,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;CAChD,KAAG,SAAS,CA0YX,CAAC"}
|