@industry-theme/principal-view-panels 0.2.0 → 0.2.2
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/demo/DemoApp.d.ts +13 -0
- package/dist/demo/DemoApp.d.ts.map +1 -0
- package/dist/demo/DemoApp.stories.d.ts +71 -0
- package/dist/demo/DemoApp.stories.d.ts.map +1 -0
- package/dist/demo/api/browser.d.ts +15 -0
- package/dist/demo/api/browser.d.ts.map +1 -0
- package/dist/demo/api/handlers.d.ts +8 -0
- package/dist/demo/api/handlers.d.ts.map +1 -0
- package/dist/demo/components/BookDetails/BookDetails.d.ts +17 -0
- package/dist/demo/components/BookDetails/BookDetails.d.ts.map +1 -0
- package/dist/demo/components/CardCatalog/CardCatalog.d.ts +16 -0
- package/dist/demo/components/CardCatalog/CardCatalog.d.ts.map +1 -0
- package/dist/demo/components/ReadingRoom/ReadingRoom.d.ts +17 -0
- package/dist/demo/components/ReadingRoom/ReadingRoom.d.ts.map +1 -0
- package/dist/demo/data/mockData.d.ts +33 -0
- package/dist/demo/data/mockData.d.ts.map +1 -0
- package/dist/demo/data/types.d.ts +168 -0
- package/dist/demo/data/types.d.ts.map +1 -0
- package/dist/index-DYqj9jLR.js +1078 -0
- package/dist/index-DYqj9jLR.js.map +1 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/mockServiceWorker.js +349 -0
- package/dist/panels/BookAnalogyExplainerPanel.d.ts +7 -0
- package/dist/panels/BookAnalogyExplainerPanel.d.ts.map +1 -0
- package/dist/panels/BookAnalogyExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/BookAnalogyExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/CanvasListPanel.d.ts.map +1 -1
- package/dist/panels/CanvasListPanel.stories.d.ts +5 -0
- package/dist/panels/CanvasListPanel.stories.d.ts.map +1 -1
- package/dist/panels/CanvasTypesExplainerPanel.d.ts +7 -0
- package/dist/panels/CanvasTypesExplainerPanel.d.ts.map +1 -0
- package/dist/panels/CanvasTypesExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/CanvasTypesExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/ChangeImpactAnalysisExplainerPanel.d.ts +7 -0
- package/dist/panels/ChangeImpactAnalysisExplainerPanel.d.ts.map +1 -0
- package/dist/panels/ChangeImpactAnalysisExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/ChangeImpactAnalysisExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.d.ts +7 -0
- package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.d.ts.map +1 -0
- package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/LibraryAnchoringExplainerPanel.d.ts +7 -0
- package/dist/panels/LibraryAnchoringExplainerPanel.d.ts.map +1 -0
- package/dist/panels/LibraryAnchoringExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/LibraryAnchoringExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/MonorepoComposabilityExplainerPanel.d.ts +7 -0
- package/dist/panels/MonorepoComposabilityExplainerPanel.d.ts.map +1 -0
- package/dist/panels/MonorepoComposabilityExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/MonorepoComposabilityExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/MultipleCanvasViewsExplainerPanel.d.ts +7 -0
- package/dist/panels/MultipleCanvasViewsExplainerPanel.d.ts.map +1 -0
- package/dist/panels/MultipleCanvasViewsExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/MultipleCanvasViewsExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/ProductionDebuggingExplainerPanel.d.ts +7 -0
- package/dist/panels/ProductionDebuggingExplainerPanel.d.ts.map +1 -0
- package/dist/panels/ProductionDebuggingExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/ProductionDebuggingExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/RuntimeValidationExplainerPanel.d.ts +7 -0
- package/dist/panels/RuntimeValidationExplainerPanel.d.ts.map +1 -0
- package/dist/panels/RuntimeValidationExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/RuntimeValidationExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/ScenarioEnumerationExplainerPanel.d.ts +7 -0
- package/dist/panels/ScenarioEnumerationExplainerPanel.d.ts.map +1 -0
- package/dist/panels/ScenarioEnumerationExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/ScenarioEnumerationExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/TelemetryCoverageExplainerPanel.d.ts +7 -0
- package/dist/panels/TelemetryCoverageExplainerPanel.d.ts.map +1 -0
- package/dist/panels/TelemetryCoverageExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/TelemetryCoverageExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/TestVsProductionExplainerPanel.d.ts +7 -0
- package/dist/panels/TestVsProductionExplainerPanel.d.ts.map +1 -0
- package/dist/panels/TestVsProductionExplainerPanel.stories.d.ts +33 -0
- package/dist/panels/TestVsProductionExplainerPanel.stories.d.ts.map +1 -0
- package/dist/panels/canvas-list/components/CanvasCard.d.ts +3 -3
- package/dist/panels/canvas-list/components/CanvasCard.d.ts.map +1 -1
- package/dist/panels/canvas-list/hooks/useCanvasData.d.ts +4 -3
- package/dist/panels/canvas-list/hooks/useCanvasData.d.ts.map +1 -1
- package/dist/panels.bundle.js +33799 -23355
- package/dist/panels.bundle.js.map +1 -1
- package/dist/stubs/codebase-quality-lenses-stub.d.ts +26 -0
- package/dist/stubs/codebase-quality-lenses-stub.d.ts.map +1 -0
- package/package.json +8 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './styles/library-theme.css';
|
|
3
|
+
import './styles/demo-layout.css';
|
|
4
|
+
/**
|
|
5
|
+
* Main Demo Application Component
|
|
6
|
+
* Implements the three-panel library layout:
|
|
7
|
+
* 1. Card Catalog (left sidebar) - File tree navigation
|
|
8
|
+
* 2. Reading Room (center) - Main canvas view
|
|
9
|
+
* 3. Book Details (bottom) - Details panel with tabs
|
|
10
|
+
*/
|
|
11
|
+
export declare const DemoApp: React.FC;
|
|
12
|
+
export default DemoApp;
|
|
13
|
+
//# sourceMappingURL=DemoApp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DemoApp.d.ts","sourceRoot":"","sources":["../../src/demo/DemoApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAGlC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAqF3B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
/**
|
|
3
|
+
* Demo UI showcasing runtime validation with a library/book aesthetic
|
|
4
|
+
*
|
|
5
|
+
* This demo provides an interactive view of:
|
|
6
|
+
* - Canvas files (.otel.canvas) from a file tree
|
|
7
|
+
* - OTEL trace visualization overlaid on canvases
|
|
8
|
+
* - Trace timeline, node details, events, and coverage analysis
|
|
9
|
+
*
|
|
10
|
+
* Features:
|
|
11
|
+
* - Card Catalog: File tree navigation for canvases and traces
|
|
12
|
+
* - Reading Room: Main canvas view with trace overlay
|
|
13
|
+
* - Book Details: Bottom panel with tabs for detailed information
|
|
14
|
+
* - Library/Book aesthetic: Leather-bound, aged paper, gold accents
|
|
15
|
+
*
|
|
16
|
+
* Mock Data:
|
|
17
|
+
* - Checkout Flow canvas with 4 nodes
|
|
18
|
+
* - Failed trace showing inventory timeout
|
|
19
|
+
* - Successful trace showing full flow
|
|
20
|
+
* - Coverage data across components
|
|
21
|
+
*
|
|
22
|
+
* Note: MSW (Mock Service Worker) is initialized globally in .storybook/preview.ts
|
|
23
|
+
*/
|
|
24
|
+
declare const meta: {
|
|
25
|
+
title: string;
|
|
26
|
+
component: import("react").FC<{}>;
|
|
27
|
+
parameters: {
|
|
28
|
+
layout: string;
|
|
29
|
+
docs: {
|
|
30
|
+
description: {
|
|
31
|
+
component: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
tags: string[];
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
/**
|
|
40
|
+
* Default demo view with MSW mocked APIs
|
|
41
|
+
*
|
|
42
|
+
* MSW provides realistic API responses for canvases, traces, and coverage data.
|
|
43
|
+
*
|
|
44
|
+
* Instructions:
|
|
45
|
+
* 1. Select "Checkout Flow" canvas from the Card Catalog
|
|
46
|
+
* 2. Select a trace from Reading Sessions to see overlay
|
|
47
|
+
* 3. Click nodes to see details
|
|
48
|
+
* 4. Explore different tabs in Book Details panel
|
|
49
|
+
*/
|
|
50
|
+
export declare const Default: Story;
|
|
51
|
+
/**
|
|
52
|
+
* Production Debugging Workflow
|
|
53
|
+
*
|
|
54
|
+
* Demonstrates how to use the demo to debug a production issue:
|
|
55
|
+
* 1. Failed trace shows inventory check timeout
|
|
56
|
+
* 2. Timeline tab shows which span failed
|
|
57
|
+
* 3. Node details show expected vs actual behavior
|
|
58
|
+
* 4. Events tab shows what happened before failure
|
|
59
|
+
*/
|
|
60
|
+
export declare const ProductionDebuggingWorkflow: Story;
|
|
61
|
+
/**
|
|
62
|
+
* Telemetry Coverage Analysis
|
|
63
|
+
*
|
|
64
|
+
* Demonstrates how to analyze telemetry coverage:
|
|
65
|
+
* 1. Navigate to Coverage tab
|
|
66
|
+
* 2. See overall coverage percentage
|
|
67
|
+
* 3. View breakdown by component type
|
|
68
|
+
* 4. Identify missing files that lack instrumentation
|
|
69
|
+
*/
|
|
70
|
+
export declare const TelemetryCoverageAnalysis: Story;
|
|
71
|
+
//# sourceMappingURL=DemoApp.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DemoApp.stories.d.ts","sourceRoot":"","sources":["../../src/demo/DemoApp.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,KASzC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,EAAE,KASvC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MSW browser setup for the demo
|
|
3
|
+
*
|
|
4
|
+
* This worker is automatically initialized in .storybook/preview.ts for Storybook.
|
|
5
|
+
* For standalone usage:
|
|
6
|
+
* 1. Install: npm install msw --save-dev
|
|
7
|
+
* 2. Run: npx msw init public/ --save
|
|
8
|
+
* 3. Import worker and call: worker.start()
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Create the MSW worker with our handlers
|
|
12
|
+
* This is exported and started globally in Storybook's preview.ts
|
|
13
|
+
*/
|
|
14
|
+
export declare const worker: import("msw/browser").SetupWorker;
|
|
15
|
+
//# sourceMappingURL=browser.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../../src/demo/api/browser.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;;GAGG;AACH,eAAO,MAAM,MAAM,mCAA2B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MSW (Mock Service Worker) handlers for the demo API
|
|
3
|
+
*
|
|
4
|
+
* To use MSW, install it with: npm install msw --save-dev
|
|
5
|
+
* Then run: npx msw init public/ --save
|
|
6
|
+
*/
|
|
7
|
+
export declare const handlers: import("msw").HttpHandler[];
|
|
8
|
+
//# sourceMappingURL=handlers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../src/demo/api/handlers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgBH,eAAO,MAAM,QAAQ,6BA6KpB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Canvas, OTELTrace } from '../../data/types';
|
|
3
|
+
import './BookDetails.css';
|
|
4
|
+
interface BookDetailsProps {
|
|
5
|
+
canvas: Canvas | null;
|
|
6
|
+
canvasId: string | null;
|
|
7
|
+
trace: OTELTrace | null;
|
|
8
|
+
traceId: string | null;
|
|
9
|
+
selectedNodeId: string | null;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Book Details Component
|
|
13
|
+
* Bottom panel with tabs for trace timeline, node details, events, and coverage
|
|
14
|
+
*/
|
|
15
|
+
export declare const BookDetails: React.FC<BookDetailsProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=BookDetails.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BookDetails.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/BookDetails/BookDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AACxE,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAID;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2QlD,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './CardCatalog.css';
|
|
3
|
+
interface CardCatalogProps {
|
|
4
|
+
onSelectCanvas: (canvasId: string) => void;
|
|
5
|
+
onSelectTrace: (traceId: string) => void;
|
|
6
|
+
selectedCanvasId: string | null;
|
|
7
|
+
selectedTraceId: string | null;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Card Catalog Component
|
|
11
|
+
* Left sidebar with file tree navigation for canvases and traces
|
|
12
|
+
* Styled like a wooden card catalog with drawer sections
|
|
13
|
+
*/
|
|
14
|
+
export declare const CardCatalog: React.FC<CardCatalogProps>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=CardCatalog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardCatalog.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/CardCatalog/CardCatalog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAgB;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4IlD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Canvas, OTELTrace } from '../../data/types';
|
|
3
|
+
import './ReadingRoom.css';
|
|
4
|
+
interface ReadingRoomProps {
|
|
5
|
+
canvas: Canvas | null;
|
|
6
|
+
trace: OTELTrace | null;
|
|
7
|
+
onSelectNode: (nodeId: string) => void;
|
|
8
|
+
selectedNodeId: string | null;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Reading Room Component
|
|
12
|
+
* Main canvas view with aged paper background
|
|
13
|
+
* Displays canvas diagram with optional trace overlay
|
|
14
|
+
*/
|
|
15
|
+
export declare const ReadingRoom: React.FC<ReadingRoomProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=ReadingRoom.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReadingRoom.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/ReadingRoom/ReadingRoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyMlD,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Mock data for the demo UI
|
|
3
|
+
*/
|
|
4
|
+
import type { Canvas, CanvasMetadata, OTELTrace, TraceMetadata, CoverageData, ImpactAnalysis, FileTreeNode } from './types';
|
|
5
|
+
/**
|
|
6
|
+
* Canvas metadata list
|
|
7
|
+
*/
|
|
8
|
+
export declare const canvasMetadataList: CanvasMetadata[];
|
|
9
|
+
/**
|
|
10
|
+
* Canvases by ID
|
|
11
|
+
*/
|
|
12
|
+
export declare const canvases: Record<string, Canvas>;
|
|
13
|
+
/**
|
|
14
|
+
* Trace metadata list
|
|
15
|
+
*/
|
|
16
|
+
export declare const traceMetadataList: TraceMetadata[];
|
|
17
|
+
/**
|
|
18
|
+
* Traces by ID
|
|
19
|
+
*/
|
|
20
|
+
export declare const traces: Record<string, OTELTrace>;
|
|
21
|
+
/**
|
|
22
|
+
* Mock coverage data
|
|
23
|
+
*/
|
|
24
|
+
export declare const mockCoverageData: CoverageData;
|
|
25
|
+
/**
|
|
26
|
+
* Mock impact analysis data
|
|
27
|
+
*/
|
|
28
|
+
export declare const mockImpactAnalysis: Record<string, ImpactAnalysis>;
|
|
29
|
+
/**
|
|
30
|
+
* Mock file tree
|
|
31
|
+
*/
|
|
32
|
+
export declare const mockFileTree: FileTreeNode[];
|
|
33
|
+
//# sourceMappingURL=mockData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/demo/data/mockData.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,MAAM,EACN,cAAc,EACd,SAAS,EACT,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY,EACb,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAyB9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAAa,EAmB5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAG5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,YA0C9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CA2C7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,YAAY,EAqFtC,CAAC"}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Type definitions for the demo UI
|
|
3
|
+
*/
|
|
4
|
+
export interface OTELAttribute {
|
|
5
|
+
key: string;
|
|
6
|
+
value: {
|
|
7
|
+
stringValue?: string;
|
|
8
|
+
intValue?: string | number;
|
|
9
|
+
doubleValue?: number;
|
|
10
|
+
boolValue?: boolean;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export interface OTELEvent {
|
|
14
|
+
timeUnixNano: string;
|
|
15
|
+
name: string;
|
|
16
|
+
attributes: OTELAttribute[];
|
|
17
|
+
}
|
|
18
|
+
export interface OTELStatus {
|
|
19
|
+
code: 'STATUS_CODE_OK' | 'STATUS_CODE_ERROR' | 'STATUS_CODE_UNSET';
|
|
20
|
+
message?: string;
|
|
21
|
+
}
|
|
22
|
+
export interface OTELSpan {
|
|
23
|
+
traceId: string;
|
|
24
|
+
spanId: string;
|
|
25
|
+
parentSpanId?: string;
|
|
26
|
+
name: string;
|
|
27
|
+
kind: string;
|
|
28
|
+
startTimeUnixNano: string;
|
|
29
|
+
endTimeUnixNano: string;
|
|
30
|
+
attributes: OTELAttribute[];
|
|
31
|
+
events?: OTELEvent[];
|
|
32
|
+
status: OTELStatus;
|
|
33
|
+
}
|
|
34
|
+
export interface OTELScopeSpan {
|
|
35
|
+
scope: {
|
|
36
|
+
name: string;
|
|
37
|
+
version: string;
|
|
38
|
+
};
|
|
39
|
+
spans: OTELSpan[];
|
|
40
|
+
}
|
|
41
|
+
export interface OTELResourceSpan {
|
|
42
|
+
resource: {
|
|
43
|
+
attributes: OTELAttribute[];
|
|
44
|
+
};
|
|
45
|
+
scopeSpans: OTELScopeSpan[];
|
|
46
|
+
}
|
|
47
|
+
export interface OTELTrace {
|
|
48
|
+
resourceSpans: OTELResourceSpan[];
|
|
49
|
+
}
|
|
50
|
+
export interface CanvasNode {
|
|
51
|
+
id: string;
|
|
52
|
+
nodeType: string;
|
|
53
|
+
label: string;
|
|
54
|
+
position: {
|
|
55
|
+
x: number;
|
|
56
|
+
y: number;
|
|
57
|
+
};
|
|
58
|
+
pv: {
|
|
59
|
+
events: Array<{
|
|
60
|
+
name: string;
|
|
61
|
+
}>;
|
|
62
|
+
otel: {
|
|
63
|
+
resourceMatch: Record<string, string>;
|
|
64
|
+
spanMatch: Record<string, string>;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
export interface CanvasEdge {
|
|
69
|
+
id: string;
|
|
70
|
+
from: string;
|
|
71
|
+
to: string;
|
|
72
|
+
label: string;
|
|
73
|
+
}
|
|
74
|
+
export interface Canvas {
|
|
75
|
+
pv: {
|
|
76
|
+
name: string;
|
|
77
|
+
version: string;
|
|
78
|
+
description: string;
|
|
79
|
+
};
|
|
80
|
+
nodes: CanvasNode[];
|
|
81
|
+
edges: CanvasEdge[];
|
|
82
|
+
}
|
|
83
|
+
export interface CanvasMetadata {
|
|
84
|
+
id: string;
|
|
85
|
+
path: string;
|
|
86
|
+
name: string;
|
|
87
|
+
type: 'otel.canvas' | 'canvas';
|
|
88
|
+
parent: string | null;
|
|
89
|
+
lastModified: string;
|
|
90
|
+
}
|
|
91
|
+
export interface TraceMetadata {
|
|
92
|
+
traceId: string;
|
|
93
|
+
timestamp: string;
|
|
94
|
+
duration: number;
|
|
95
|
+
status: 'success' | 'failed' | 'slow';
|
|
96
|
+
serviceName: string;
|
|
97
|
+
rootSpan: string;
|
|
98
|
+
spanCount: number;
|
|
99
|
+
}
|
|
100
|
+
export interface LibraryNodeComponent {
|
|
101
|
+
label: string;
|
|
102
|
+
description: string;
|
|
103
|
+
sources: string[];
|
|
104
|
+
visual: {
|
|
105
|
+
shape: string;
|
|
106
|
+
color: string;
|
|
107
|
+
icon: string;
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
export interface LibraryEdgeComponent {
|
|
111
|
+
label: string;
|
|
112
|
+
style: string;
|
|
113
|
+
color: string;
|
|
114
|
+
}
|
|
115
|
+
export interface Library {
|
|
116
|
+
version: string;
|
|
117
|
+
nodeComponents: Record<string, LibraryNodeComponent>;
|
|
118
|
+
edgeComponents: Record<string, LibraryEdgeComponent>;
|
|
119
|
+
}
|
|
120
|
+
export interface CoverageData {
|
|
121
|
+
overall: {
|
|
122
|
+
expected: number;
|
|
123
|
+
actual: number;
|
|
124
|
+
percentage: number;
|
|
125
|
+
};
|
|
126
|
+
byComponent: Array<{
|
|
127
|
+
type: string;
|
|
128
|
+
expected: number;
|
|
129
|
+
actual: number;
|
|
130
|
+
percentage: number;
|
|
131
|
+
missingFiles: string[];
|
|
132
|
+
}>;
|
|
133
|
+
}
|
|
134
|
+
export interface ImpactAnalysis {
|
|
135
|
+
nodeId: string;
|
|
136
|
+
canvasId: string;
|
|
137
|
+
analysis: {
|
|
138
|
+
downstream: Array<{
|
|
139
|
+
component: string;
|
|
140
|
+
traffic: string;
|
|
141
|
+
impact: 'low' | 'medium' | 'high';
|
|
142
|
+
userFacing: boolean;
|
|
143
|
+
}>;
|
|
144
|
+
upstream: Array<{
|
|
145
|
+
component: string;
|
|
146
|
+
required: 'always' | 'conditional' | 'optional';
|
|
147
|
+
failureRate: number;
|
|
148
|
+
}>;
|
|
149
|
+
criticalPath: {
|
|
150
|
+
isBottleneck: boolean;
|
|
151
|
+
percentageOfTotal: number;
|
|
152
|
+
avgDuration: number;
|
|
153
|
+
};
|
|
154
|
+
blastRadius: {
|
|
155
|
+
requestsPerMinute: number;
|
|
156
|
+
affectedWorkflows: number;
|
|
157
|
+
revenueAtRisk: number;
|
|
158
|
+
};
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
export interface FileTreeNode {
|
|
162
|
+
path: string;
|
|
163
|
+
type: 'directory' | 'file';
|
|
164
|
+
hasTelemetry?: boolean;
|
|
165
|
+
coveragePercentage?: number;
|
|
166
|
+
children?: FileTreeNode[];
|
|
167
|
+
}
|
|
168
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/demo/data/types.ts"],"names":[],"mappings":"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"}
|