fix: detect storybook when run via pnpm exec#10812
Conversation
📝 WalkthroughWalkthroughThe Changes
Estimated code review effort🎯 2 (Simple) | ⏱️ ~8 minutes Poem
Caution Pre-merge checks failedPlease resolve all errors before merging. Addressing warnings is optional.
❌ Failed checks (1 error)
✅ Passed checks (4 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
🎨 Storybook: ✅ Built — View Storybook |
🎭 Playwright: ✅ 907 passed, 0 failed · 5 flaky📊 Browser Reports
|
📦 Bundle: 5.11 MB gzip 🟢 -4 BDetailsSummary
Category Glance App Entry Points — 22.3 kB (baseline 22.3 kB) • ⚪ 0 BMain entry bundles and manifests
Status: 1 added / 1 removed Graph Workspace — 1.2 MB (baseline 1.2 MB) • ⚪ 0 BGraph editor runtime, canvas, workflow orchestration
Status: 1 added / 1 removed Views & Navigation — 76.6 kB (baseline 76.6 kB) • ⚪ 0 BTop-level views, pages, and routed surfaces
Status: 9 added / 9 removed / 2 unchanged Panels & Settings — 484 kB (baseline 484 kB) • ⚪ 0 BConfiguration panels, inspectors, and settings screens
Status: 10 added / 10 removed / 12 unchanged User & Accounts — 17.1 kB (baseline 17.1 kB) • ⚪ 0 BAuthentication, profile, and account management bundles
Status: 5 added / 5 removed / 2 unchanged Editors & Dialogs — 109 kB (baseline 109 kB) • ⚪ 0 BModals, dialogs, drawers, and in-app editors
Status: 2 added / 2 removed UI Components — 60.3 kB (baseline 60.3 kB) • ⚪ 0 BReusable component library chunks
Status: 5 added / 5 removed / 8 unchanged Data & Services — 2.97 MB (baseline 2.97 MB) • ⚪ 0 BStores, services, APIs, and repositories
Status: 13 added / 13 removed / 4 unchanged Utilities & Hooks — 338 kB (baseline 338 kB) • ⚪ 0 BHelpers, composables, and utility bundles
Status: 13 added / 13 removed / 13 unchanged Vendor & Third-Party — 9.8 MB (baseline 9.8 MB) • ⚪ 0 BExternal libraries and shared vendor chunks Status: 16 unchanged Other — 8.44 MB (baseline 8.44 MB) • ⚪ 0 BBundles that do not match a named category
Status: 55 added / 55 removed / 79 unchanged ⚡ Performance Report
No regressions detected. All metrics
Historical variance (last 15 runs)
Trend (last 15 commits on main)
Raw data{
"timestamp": "2026-04-01T23:45:17.137Z",
"gitSha": "75cf31db238a25903fed743ba520dfc623a463e7",
"branch": "fix/storybook-detection",
"measurements": [
{
"name": "canvas-idle",
"durationMs": 1996.3859999999727,
"styleRecalcs": 9,
"styleRecalcDurationMs": 7.601000000000002,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 322.73300000000006,
"heapDeltaBytes": 20861104,
"heapUsedBytes": 64043280,
"domNodes": 18,
"jsHeapTotalBytes": 22282240,
"scriptDurationMs": 15.585999999999995,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-idle",
"durationMs": 1992.6110000000108,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.898,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 332.155,
"heapDeltaBytes": 20361820,
"heapUsedBytes": 62870232,
"domNodes": 20,
"jsHeapTotalBytes": 22806528,
"scriptDurationMs": 21.217,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-idle",
"durationMs": 2027.6199999999562,
"styleRecalcs": 10,
"styleRecalcDurationMs": 10.216999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 341.618,
"heapDeltaBytes": 21035036,
"heapUsedBytes": 63791724,
"domNodes": 20,
"jsHeapTotalBytes": 22544384,
"scriptDurationMs": 20.434,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "canvas-mouse-sweep",
"durationMs": 2006.6569999999615,
"styleRecalcs": 84,
"styleRecalcDurationMs": 39.784,
"layouts": 12,
"layoutDurationMs": 3.372,
"taskDurationMs": 921.667,
"heapDeltaBytes": 16771352,
"heapUsedBytes": 60441560,
"domNodes": 67,
"jsHeapTotalBytes": 24117248,
"scriptDurationMs": 130.616,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "canvas-mouse-sweep",
"durationMs": 1991.3940000000139,
"styleRecalcs": 80,
"styleRecalcDurationMs": 37.04200000000001,
"layouts": 12,
"layoutDurationMs": 3.078,
"taskDurationMs": 902.6599999999999,
"heapDeltaBytes": 16039116,
"heapUsedBytes": 58829920,
"domNodes": 65,
"jsHeapTotalBytes": 23330816,
"scriptDurationMs": 128.30399999999997,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66999999999998,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "canvas-mouse-sweep",
"durationMs": 1758.1089999999904,
"styleRecalcs": 73,
"styleRecalcDurationMs": 33.821000000000005,
"layouts": 12,
"layoutDurationMs": 3.1839999999999997,
"taskDurationMs": 701.914,
"heapDeltaBytes": 15989452,
"heapUsedBytes": 58824268,
"domNodes": 57,
"jsHeapTotalBytes": 23592960,
"scriptDurationMs": 126.31200000000001,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1735.8389999999986,
"styleRecalcs": 32,
"styleRecalcDurationMs": 16.065,
"layouts": 6,
"layoutDurationMs": 0.6930000000000001,
"taskDurationMs": 282.946,
"heapDeltaBytes": 24915556,
"heapUsedBytes": 67803644,
"domNodes": 79,
"jsHeapTotalBytes": 20709376,
"scriptDurationMs": 22.517000000000003,
"eventListeners": 19,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1765.5779999999481,
"styleRecalcs": 32,
"styleRecalcDurationMs": 21.184,
"layouts": 6,
"layoutDurationMs": 0.602,
"taskDurationMs": 297.736,
"heapDeltaBytes": 24710072,
"heapUsedBytes": 67126544,
"domNodes": 78,
"jsHeapTotalBytes": 19922944,
"scriptDurationMs": 25.297,
"eventListeners": 19,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1747.1879999999373,
"styleRecalcs": 30,
"styleRecalcDurationMs": 18.808999999999997,
"layouts": 6,
"layoutDurationMs": 0.5009999999999999,
"taskDurationMs": 283.63500000000005,
"heapDeltaBytes": 24708772,
"heapUsedBytes": 67445576,
"domNodes": 78,
"jsHeapTotalBytes": 20447232,
"scriptDurationMs": 24.630000000000006,
"eventListeners": 19,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "dom-widget-clipping",
"durationMs": 542.9209999999784,
"styleRecalcs": 13,
"styleRecalcDurationMs": 8.11,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 330.278,
"heapDeltaBytes": 6600500,
"heapUsedBytes": 49152796,
"domNodes": 21,
"jsHeapTotalBytes": 13369344,
"scriptDurationMs": 63.72699999999999,
"eventListeners": 2,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999727
},
{
"name": "dom-widget-clipping",
"durationMs": 528.8139999999544,
"styleRecalcs": 13,
"styleRecalcDurationMs": 8.511999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 319.766,
"heapDeltaBytes": 6283860,
"heapUsedBytes": 49042484,
"domNodes": 22,
"jsHeapTotalBytes": 13631488,
"scriptDurationMs": 62.16,
"eventListeners": 2,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "dom-widget-clipping",
"durationMs": 527.9140000000098,
"styleRecalcs": 13,
"styleRecalcDurationMs": 9.273000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 331.608,
"heapDeltaBytes": 6557416,
"heapUsedBytes": 49318496,
"domNodes": 22,
"jsHeapTotalBytes": 13107200,
"scriptDurationMs": 62.301,
"eventListeners": 2,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "large-graph-idle",
"durationMs": 2032.2439999999915,
"styleRecalcs": 11,
"styleRecalcDurationMs": 8.988999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 521.9689999999999,
"heapDeltaBytes": 13934960,
"heapUsedBytes": 65798296,
"domNodes": -256,
"jsHeapTotalBytes": 14667776,
"scriptDurationMs": 96.639,
"eventListeners": -127,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-idle",
"durationMs": 2025.4879999999957,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.313,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 508.996,
"heapDeltaBytes": 4581348,
"heapUsedBytes": 55518976,
"domNodes": -258,
"jsHeapTotalBytes": 16445440,
"scriptDurationMs": 92.834,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "large-graph-idle",
"durationMs": 2019.5289999999204,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.694999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 513.8990000000001,
"heapDeltaBytes": 4519364,
"heapUsedBytes": 55492884,
"domNodes": -258,
"jsHeapTotalBytes": 15921152,
"scriptDurationMs": 92.283,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "large-graph-pan",
"durationMs": 2159.799000000021,
"styleRecalcs": 70,
"styleRecalcDurationMs": 16.653,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 1122.88,
"heapDeltaBytes": 21092268,
"heapUsedBytes": 73257480,
"domNodes": -258,
"jsHeapTotalBytes": 19271680,
"scriptDurationMs": 462.52,
"eventListeners": -127,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-pan",
"durationMs": 2153.952000000004,
"styleRecalcs": 70,
"styleRecalcDurationMs": 16.252,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 1076.665,
"heapDeltaBytes": 19315504,
"heapUsedBytes": 72848560,
"domNodes": -260,
"jsHeapTotalBytes": 17252352,
"scriptDurationMs": 406.694,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "large-graph-pan",
"durationMs": 2098.498999999947,
"styleRecalcs": 69,
"styleRecalcDurationMs": 15.516000000000002,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 1027.416,
"heapDeltaBytes": 19222352,
"heapUsedBytes": 71065336,
"domNodes": -257,
"jsHeapTotalBytes": 17960960,
"scriptDurationMs": 376.79200000000003,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-zoom",
"durationMs": 3195.8609999999794,
"styleRecalcs": 66,
"styleRecalcDurationMs": 15.958999999999998,
"layouts": 60,
"layoutDurationMs": 6.943,
"taskDurationMs": 1301.445,
"heapDeltaBytes": 7747892,
"heapUsedBytes": 62109148,
"domNodes": -263,
"jsHeapTotalBytes": 17231872,
"scriptDurationMs": 492.625,
"eventListeners": -123,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-zoom",
"durationMs": 3178.508000000022,
"styleRecalcs": 66,
"styleRecalcDurationMs": 16.72,
"layouts": 60,
"layoutDurationMs": 7.373,
"taskDurationMs": 1295.412,
"heapDeltaBytes": 7220900,
"heapUsedBytes": 61969088,
"domNodes": -262,
"jsHeapTotalBytes": 18018304,
"scriptDurationMs": 483.463,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-zoom",
"durationMs": 3151.554000000033,
"styleRecalcs": 66,
"styleRecalcDurationMs": 15.384000000000002,
"layouts": 60,
"layoutDurationMs": 6.877999999999999,
"taskDurationMs": 1235.373,
"heapDeltaBytes": 7113584,
"heapUsedBytes": 61595984,
"domNodes": -265,
"jsHeapTotalBytes": 18018304,
"scriptDurationMs": 472.715,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "minimap-idle",
"durationMs": 1992.0139999999833,
"styleRecalcs": 10,
"styleRecalcDurationMs": 9.052000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 501.162,
"heapDeltaBytes": 2526180,
"heapUsedBytes": 54854184,
"domNodes": -258,
"jsHeapTotalBytes": 15659008,
"scriptDurationMs": 89.234,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "minimap-idle",
"durationMs": 2012.7550000000838,
"styleRecalcs": 8,
"styleRecalcDurationMs": 6.8530000000000015,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 492.995,
"heapDeltaBytes": 961084,
"heapUsedBytes": 54966212,
"domNodes": -262,
"jsHeapTotalBytes": 15396864,
"scriptDurationMs": 84.676,
"eventListeners": -127,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "minimap-idle",
"durationMs": 2038.7320000000955,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.75,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 521.1519999999999,
"heapDeltaBytes": 5030088,
"heapUsedBytes": 57730776,
"domNodes": -258,
"jsHeapTotalBytes": 16707584,
"scriptDurationMs": 93.284,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 530.0700000000234,
"styleRecalcs": 49,
"styleRecalcDurationMs": 11.796000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 331.34200000000004,
"heapDeltaBytes": 6091636,
"heapUsedBytes": 49223748,
"domNodes": 23,
"jsHeapTotalBytes": 13893632,
"scriptDurationMs": 117.516,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999727
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 532.0240000000354,
"styleRecalcs": 48,
"styleRecalcDurationMs": 11.222,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 337.27000000000004,
"heapDeltaBytes": 6568388,
"heapUsedBytes": 49254312,
"domNodes": 22,
"jsHeapTotalBytes": 12845056,
"scriptDurationMs": 121.72499999999998,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.670000000000012,
"p95FrameDurationMs": 16.799999999999727
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 558.2780000000866,
"styleRecalcs": 48,
"styleRecalcDurationMs": 11.11,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 348.032,
"heapDeltaBytes": 6490256,
"heapUsedBytes": 49583976,
"domNodes": 23,
"jsHeapTotalBytes": 13893632,
"scriptDurationMs": 120.602,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "subgraph-idle",
"durationMs": 2013.4889999999928,
"styleRecalcs": 10,
"styleRecalcDurationMs": 10.190000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 366.563,
"heapDeltaBytes": 19808936,
"heapUsedBytes": 62974824,
"domNodes": 20,
"jsHeapTotalBytes": 22544384,
"scriptDurationMs": 12.729000000000005,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-idle",
"durationMs": 2007.59400000004,
"styleRecalcs": 12,
"styleRecalcDurationMs": 10.318,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 324.732,
"heapDeltaBytes": 19955308,
"heapUsedBytes": 63024936,
"domNodes": 23,
"jsHeapTotalBytes": 22544384,
"scriptDurationMs": 16.759,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-idle",
"durationMs": 2037.5920000000178,
"styleRecalcs": 11,
"styleRecalcDurationMs": 8.815999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 324.24600000000004,
"heapDeltaBytes": 19902132,
"heapUsedBytes": 63005552,
"domNodes": 22,
"jsHeapTotalBytes": 23068672,
"scriptDurationMs": 18.228,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1688.9899999999898,
"styleRecalcs": 76,
"styleRecalcDurationMs": 32.202999999999996,
"layouts": 16,
"layoutDurationMs": 3.775,
"taskDurationMs": 603.923,
"heapDeltaBytes": 12001268,
"heapUsedBytes": 54965312,
"domNodes": 63,
"jsHeapTotalBytes": 23330816,
"scriptDurationMs": 88.57,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1709.1819999999984,
"styleRecalcs": 76,
"styleRecalcDurationMs": 34.727999999999994,
"layouts": 16,
"layoutDurationMs": 4.394,
"taskDurationMs": 624.4399999999999,
"heapDeltaBytes": 11900116,
"heapUsedBytes": 54963772,
"domNodes": 63,
"jsHeapTotalBytes": 22544384,
"scriptDurationMs": 91.453,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1674.808999999982,
"styleRecalcs": 76,
"styleRecalcDurationMs": 34.294000000000004,
"layouts": 16,
"layoutDurationMs": 4.282,
"taskDurationMs": 622.045,
"heapDeltaBytes": 11869076,
"heapUsedBytes": 54977252,
"domNodes": 62,
"jsHeapTotalBytes": 23330816,
"scriptDurationMs": 91.76899999999999,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "viewport-pan-sweep",
"durationMs": 8177.741000000025,
"styleRecalcs": 251,
"styleRecalcDurationMs": 40.948,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 3587.526,
"heapDeltaBytes": 27873808,
"heapUsedBytes": 78523248,
"domNodes": -255,
"jsHeapTotalBytes": 21368832,
"scriptDurationMs": 1271.363,
"eventListeners": -105,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "viewport-pan-sweep",
"durationMs": 8119.169,
"styleRecalcs": 251,
"styleRecalcDurationMs": 40.925999999999995,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 3408.912,
"heapDeltaBytes": 24892440,
"heapUsedBytes": 75659916,
"domNodes": -255,
"jsHeapTotalBytes": 20058112,
"scriptDurationMs": 1187.2720000000002,
"eventListeners": -111,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "viewport-pan-sweep",
"durationMs": 8156.205999999997,
"styleRecalcs": 251,
"styleRecalcDurationMs": 41.236999999999995,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 3580.169,
"heapDeltaBytes": 28575380,
"heapUsedBytes": 79210448,
"domNodes": -256,
"jsHeapTotalBytes": 21630976,
"scriptDurationMs": 1287.816,
"eventListeners": -111,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-idle",
"durationMs": 10837.82100000002,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 10826.575,
"heapDeltaBytes": -29040684,
"heapUsedBytes": 166077836,
"domNodes": -8331,
"jsHeapTotalBytes": 27090944,
"scriptDurationMs": 550.246,
"eventListeners": -16466,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "vue-large-graph-idle",
"durationMs": 10574.284000000034,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 10561.92,
"heapDeltaBytes": -52357692,
"heapUsedBytes": 158123372,
"domNodes": -8333,
"jsHeapTotalBytes": 17391616,
"scriptDurationMs": 522.592,
"eventListeners": -16470,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333326,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-idle",
"durationMs": 11233.572999999978,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 11219.052000000001,
"heapDeltaBytes": -37372496,
"heapUsedBytes": 163164312,
"domNodes": -8331,
"jsHeapTotalBytes": 23945216,
"scriptDurationMs": 545.601,
"eventListeners": -16466,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.223333333333358,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-pan",
"durationMs": 13834.975999999984,
"styleRecalcs": 67,
"styleRecalcDurationMs": 12.363999999999987,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 13803.844000000001,
"heapDeltaBytes": -47288768,
"heapUsedBytes": 148170960,
"domNodes": -8331,
"jsHeapTotalBytes": -2007040,
"scriptDurationMs": 819.3399999999999,
"eventListeners": -16486,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.776666666666642,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-pan",
"durationMs": 13978.582999999959,
"styleRecalcs": 67,
"styleRecalcDurationMs": 13.338000000000017,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 13953.52,
"heapDeltaBytes": -25117816,
"heapUsedBytes": 160399432,
"domNodes": -8331,
"jsHeapTotalBytes": -3842048,
"scriptDurationMs": 892.7919999999999,
"eventListeners": -16460,
"totalBlockingTimeMs": 80,
"frameDurationMs": 17.223333333333237,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "vue-large-graph-pan",
"durationMs": 13884.371999999985,
"styleRecalcs": 66,
"styleRecalcDurationMs": 12.525999999999982,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 13845.361999999997,
"heapDeltaBytes": -34568964,
"heapUsedBytes": 158087976,
"domNodes": -8335,
"jsHeapTotalBytes": 2711552,
"scriptDurationMs": 814.6850000000001,
"eventListeners": -16484,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.219999999999953,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "workflow-execution",
"durationMs": 141.91899999997304,
"styleRecalcs": 13,
"styleRecalcDurationMs": 23.109000000000005,
"layouts": 5,
"layoutDurationMs": 1.8190000000000002,
"taskDurationMs": 104.759,
"heapDeltaBytes": 2963028,
"heapUsedBytes": 47644268,
"domNodes": 152,
"jsHeapTotalBytes": 0,
"scriptDurationMs": 27.629999999999995,
"eventListeners": 37,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.799999999999727
},
{
"name": "workflow-execution",
"durationMs": 442.40400000001046,
"styleRecalcs": 19,
"styleRecalcDurationMs": 24.664000000000005,
"layouts": 4,
"layoutDurationMs": 1.058,
"taskDurationMs": 113.17899999999999,
"heapDeltaBytes": 4383420,
"heapUsedBytes": 48409440,
"domNodes": 158,
"jsHeapTotalBytes": 262144,
"scriptDurationMs": 22.89,
"eventListeners": 71,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "workflow-execution",
"durationMs": 440.0940000000446,
"styleRecalcs": 18,
"styleRecalcDurationMs": 22.765,
"layouts": 5,
"layoutDurationMs": 1.3439999999999999,
"taskDurationMs": 121.54099999999998,
"heapDeltaBytes": 4512940,
"heapUsedBytes": 49873208,
"domNodes": 157,
"jsHeapTotalBytes": 262144,
"scriptDurationMs": 29.522999999999993,
"eventListeners": 71,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
}
]
} |
Summary
Fix Storybook failing to start when run via
pnpm exec storybook dev.Changes
IS_STORYBOOKdetection invite.config.mtsto also checkprocess.argvfor storybook, not justnpm_lifecycle_event. This preventsvite-plugin-vue-devtools(and itsvite-plugin-inspectsub-plugin) from loading during Storybookbuilds, which crashes with
Error: Can not found environment context for client.Review Focus
Single line change.
npm_lifecycle_eventis only set when running viapnpm storybookscript, notpnpm exec storybook devornx storybook. The argv check covers all invocation methods.┆Issue is synchronized with this Notion page by Unito