@vscode/component-explorer 0.1.1-2 → 0.1.1-20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/SECURITY.md +14 -0
- package/dist/component-explorer.css +1 -0
- package/dist/components/Explorer.d.ts +9 -4
- package/dist/components/Explorer.d.ts.map +1 -1
- package/dist/components/ExplorerModel.d.ts +45 -3
- package/dist/components/ExplorerModel.d.ts.map +1 -1
- package/dist/components/FixturePreviewItem.d.ts +1 -1
- package/dist/components/FixturePreviewItem.d.ts.map +1 -1
- package/dist/components/FixtureScreenshotView.d.ts +12 -0
- package/dist/components/FixtureScreenshotView.d.ts.map +1 -0
- package/dist/components/LeftSidebar.d.ts.map +1 -1
- package/dist/components/PreviewArea.d.ts.map +1 -1
- package/dist/components/ReportComparisonRow.d.ts +16 -0
- package/dist/components/ReportComparisonRow.d.ts.map +1 -0
- package/dist/components/ScreenshotComparisonRow.d.ts +12 -0
- package/dist/components/ScreenshotComparisonRow.d.ts.map +1 -0
- package/dist/components/SearchInput.d.ts +6 -0
- package/dist/components/SearchInput.d.ts.map +1 -0
- package/dist/components/TitleBar.d.ts.map +1 -1
- package/dist/components/TreeView.d.ts.map +1 -1
- package/dist/components/index.d.ts +6 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/treeFilter.d.ts +3 -0
- package/dist/components/treeFilter.d.ts.map +1 -0
- package/dist/components/types.d.ts +1 -0
- package/dist/components/types.d.ts.map +1 -1
- package/dist/core/CliRuntime.d.ts +50 -0
- package/dist/core/CliRuntime.d.ts.map +1 -0
- package/dist/core/ComponentRenderer.d.ts +14 -0
- package/dist/core/ComponentRenderer.d.ts.map +1 -0
- package/dist/core/ErrorInfo.d.ts +29 -0
- package/dist/core/ErrorInfo.d.ts.map +1 -0
- package/dist/core/FixtureNode.d.ts +4 -1
- package/dist/core/FixtureNode.d.ts.map +1 -1
- package/dist/core/FixtureRegistry.d.ts +2 -1
- package/dist/core/FixtureRegistry.d.ts.map +1 -1
- package/dist/core/fixtureApi.d.ts +353 -0
- package/dist/core/fixtureApi.d.ts.map +1 -0
- package/dist/core/fixtureApiConsumer.d.ts +85 -0
- package/dist/core/fixtureApiConsumer.d.ts.map +1 -0
- package/dist/core/index.d.ts +7 -6
- package/dist/core/index.d.ts.map +1 -1
- package/dist/daemon/DaemonConfig.d.ts +19 -0
- package/dist/daemon/DaemonConfig.d.ts.map +1 -0
- package/dist/daemon/DaemonModel.d.ts +59 -0
- package/dist/daemon/DaemonModel.d.ts.map +1 -0
- package/dist/daemon/index.d.ts +5 -0
- package/dist/daemon/index.d.ts.map +1 -0
- package/dist/index-BsQr630j.js +80 -0
- package/dist/index-BsQr630j.js.map +1 -0
- package/dist/index.d.ts +8 -28
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -8693
- package/dist/index.js.map +1 -1
- package/dist/lib/fixtureFocusTrap.d.ts +2 -0
- package/dist/lib/fixtureFocusTrap.d.ts.map +1 -0
- package/dist/lib/fixtureSizeCache.d.ts +1 -10
- package/dist/lib/fixtureSizeCache.d.ts.map +1 -1
- package/dist/lib/queryParamObservable.d.ts +4 -0
- package/dist/lib/queryParamObservable.d.ts.map +1 -0
- package/dist/report/ReportModel.d.ts +23 -0
- package/dist/report/ReportModel.d.ts.map +1 -0
- package/dist/report/ScreenshotReport.d.ts +25 -0
- package/dist/report/ScreenshotReport.d.ts.map +1 -0
- package/dist/report/index.d.ts +3 -0
- package/dist/report/index.d.ts.map +1 -0
- package/dist/viewer.d.ts +52 -0
- package/dist/viewer.d.ts.map +1 -0
- package/dist/viewer.js +3903 -0
- package/dist/viewer.js.map +1 -0
- package/package.json +25 -4
- package/dist/core/ComponentDefinition.d.ts +0 -70
- package/dist/core/ComponentDefinition.d.ts.map +0 -1
- package/dist/core/defineFixture.d.ts +0 -109
- package/dist/core/defineFixture.d.ts.map +0 -1
- package/dist/index.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixtureFocusTrap.d.ts","sourceRoot":"","sources":["../../src/lib/fixtureFocusTrap.ts"],"names":[],"mappings":"AAYA,wBAAgB,0CAA0C,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAEjF"}
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
export declare function
|
|
2
|
-
width: number;
|
|
3
|
-
height: number;
|
|
4
|
-
} | undefined;
|
|
5
|
-
export declare function setCachedSize(fixtureId: string, width: number, height: number): void;
|
|
6
|
-
export declare function getCachedHeight(fixtureId: string): number | undefined;
|
|
7
|
-
/**
|
|
8
|
-
* Returns all cached heights as a Map for initializing the in-memory observable.
|
|
9
|
-
* This allows the virtual scroll to use accurate heights from the first render.
|
|
10
|
-
*/
|
|
1
|
+
export declare function setCachedHeight(fixtureId: string, height: number): void;
|
|
11
2
|
export declare function getAllCachedHeights(): ReadonlyMap<string, number>;
|
|
12
3
|
//# sourceMappingURL=fixtureSizeCache.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixtureSizeCache.d.ts","sourceRoot":"","sources":["../../src/lib/fixtureSizeCache.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fixtureSizeCache.d.ts","sourceRoot":"","sources":["../../src/lib/fixtureSizeCache.ts"],"names":[],"mappings":"AAiCA,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAIvE;AAED,wBAAgB,mBAAmB,IAAI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAEjE"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ISettableObservable } from '@vscode/observables';
|
|
2
|
+
export declare function createQueryParamObservable(owner: object, paramName: string): ISettableObservable<string | undefined>;
|
|
3
|
+
export declare function buildQueryParamUrl(paramName: string, value: string): string;
|
|
4
|
+
//# sourceMappingURL=queryParamObservable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"queryParamObservable.d.ts","sourceRoot":"","sources":["../../src/lib/queryParamObservable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,mBAAmB,CAAC,MAAM,GAAG,SAAS,CAAC,CA0BzC;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAI3E"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { IReader } from '@vscode/observables';
|
|
2
|
+
import { ScreenshotReport } from './ScreenshotReport.js';
|
|
3
|
+
import { ExplorerTreeNode } from '../components/types.js';
|
|
4
|
+
type ReportState = {
|
|
5
|
+
readonly status: 'loading';
|
|
6
|
+
} | {
|
|
7
|
+
readonly status: 'ready';
|
|
8
|
+
readonly report: ScreenshotReport;
|
|
9
|
+
} | {
|
|
10
|
+
readonly status: 'error';
|
|
11
|
+
readonly message: string;
|
|
12
|
+
};
|
|
13
|
+
export declare class ReportModel {
|
|
14
|
+
readonly reportUrl: string;
|
|
15
|
+
readonly state: import('@vscode/observables').ISettableObservable<ReportState, void>;
|
|
16
|
+
private readonly _baseUrl;
|
|
17
|
+
constructor(reportUrl: string);
|
|
18
|
+
resolveScreenshotUrl(relativePath: string): string;
|
|
19
|
+
buildTree(reader: IReader): ExplorerTreeNode;
|
|
20
|
+
private _fetch;
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=ReportModel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReportModel.d.ts","sourceRoot":"","sources":["../../src/report/ReportModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAmB,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,KAAK,WAAW,GACZ;IAAE,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAA;CAAE,GAC9B;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,GAC/D;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,qBAAa,WAAW;IAKV,QAAQ,CAAC,SAAS,EAAE,MAAM;IAJtC,QAAQ,CAAC,KAAK,uEAA6D;IAE3E,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;gBAEb,SAAS,EAAE,MAAM;IAOtC,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAIlD,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,gBAAgB;YAS9B,MAAM;CAarB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type FixtureStatus = 'unchanged' | 'changed' | 'added';
|
|
2
|
+
export interface ReportFixtureEntry {
|
|
3
|
+
readonly status: FixtureStatus;
|
|
4
|
+
readonly targetHash: string;
|
|
5
|
+
readonly compareHash?: string;
|
|
6
|
+
readonly background?: 'light' | 'dark';
|
|
7
|
+
readonly baselineScreenshot?: string;
|
|
8
|
+
readonly currentScreenshot?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface ReportSummary {
|
|
11
|
+
readonly total: number;
|
|
12
|
+
readonly added: number;
|
|
13
|
+
readonly changed: number;
|
|
14
|
+
readonly unchanged: number;
|
|
15
|
+
}
|
|
16
|
+
export interface ScreenshotReport {
|
|
17
|
+
readonly timestamp: string;
|
|
18
|
+
readonly target: string;
|
|
19
|
+
readonly compareTarget: string;
|
|
20
|
+
readonly summary: ReportSummary;
|
|
21
|
+
readonly fixtures: {
|
|
22
|
+
readonly [fixtureId: string]: ReportFixtureEntry | undefined;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=ScreenshotReport.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScreenshotReport.d.ts","sourceRoot":"","sources":["../../src/report/ScreenshotReport.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE;QAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS,CAAA;KAAE,CAAC;CACrF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/report/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
|
package/dist/viewer.d.ts
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { FixtureModules } from './core/index.js';
|
|
2
|
+
/**
|
|
3
|
+
* Viewer entry point
|
|
4
|
+
*
|
|
5
|
+
* This module exports everything needed by the Component Explorer viewer.
|
|
6
|
+
* Projects should NOT import from this module - use '@vscode/component-explorer' instead.
|
|
7
|
+
*
|
|
8
|
+
* The viewer includes:
|
|
9
|
+
* - ExplorerApp, Explorer component
|
|
10
|
+
* - CliRuntime for screenshot mode
|
|
11
|
+
* - All internal types and utilities
|
|
12
|
+
*/
|
|
13
|
+
export * from './core/index.js';
|
|
14
|
+
export type { FixtureExport, SingleFixtureExport, FixtureGroupExport, FixtureVariantsExport, } from './core/fixtureApi.js';
|
|
15
|
+
export { Explorer, ExplorerModel } from './components/index.js';
|
|
16
|
+
export type { ExplorerTreeNode } from './components/index.js';
|
|
17
|
+
export { toExplorerTree } from './components/index.js';
|
|
18
|
+
export { TitleBar, TitleBarButton, LeftSidebar, RightSidebar, TreeView, TreeItem, } from './components/index.js';
|
|
19
|
+
export * from './components/icons.js';
|
|
20
|
+
export { styles, mergeStyles } from './components/index.js';
|
|
21
|
+
export { DaemonModel } from './daemon/index.js';
|
|
22
|
+
export type { DaemonScreenshotResult, DaemonCompareResult, DaemonFixtureInfo } from './daemon/DaemonModel.js';
|
|
23
|
+
export { ReportModel } from './report/index.js';
|
|
24
|
+
export type { ScreenshotReport, ReportFixtureEntry, ReportSummary, FixtureStatus } from './report/index.js';
|
|
25
|
+
/**
|
|
26
|
+
* The main Component Explorer application.
|
|
27
|
+
* Create with `new ExplorerApp(element, fixtureModules)`.
|
|
28
|
+
*/
|
|
29
|
+
export declare class ExplorerApp {
|
|
30
|
+
private readonly _root;
|
|
31
|
+
private readonly _registry;
|
|
32
|
+
private readonly _daemonModel?;
|
|
33
|
+
private readonly _reportModel?;
|
|
34
|
+
constructor(element: HTMLElement, fixtureModules: FixtureModules);
|
|
35
|
+
private _initializeReportModel;
|
|
36
|
+
private _initializeDaemonModel;
|
|
37
|
+
private _populateRegistry;
|
|
38
|
+
/**
|
|
39
|
+
* Updates the fixtures. The UI will update automatically since the registry is observable.
|
|
40
|
+
*/
|
|
41
|
+
updateFixtures(fixtureModules: FixtureModules): void;
|
|
42
|
+
/**
|
|
43
|
+
* No-op for ExplorerApp (only meaningful for CliRuntime).
|
|
44
|
+
* Present so the plugin's HMR wiring can call it polymorphically.
|
|
45
|
+
*/
|
|
46
|
+
bumpVersion(): void;
|
|
47
|
+
/**
|
|
48
|
+
* Unmounts the explorer and cleans up resources.
|
|
49
|
+
*/
|
|
50
|
+
dispose(): void;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=viewer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../src/viewer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,cAAc,iBAAiB,CAAC;AAGhC,OAAO,cAAc,CAAC;AACtB,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAGhD,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQ3F,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,MAAM,uBAAuB,CAAC;AAG/B,cAAc,uBAAuB,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG9G,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5G;;;GAGG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAgC;IACtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAc;IAC5C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAc;gBAEhC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc;IAYhE,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,sBAAsB;IAY9B,OAAO,CAAC,iBAAiB;IAUzB;;OAEG;IACH,cAAc,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI;IAIpD;;;OAGG;IACH,WAAW,IAAI,IAAI;IAInB;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB"}
|