@industry-theme/file-city-panel 0.2.44 → 0.2.45
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/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/panels/FeedCodeCityPanel.d.ts +29 -0
- package/dist/panels/FeedCodeCityPanel.d.ts.map +1 -0
- package/dist/panels/FeedCodeCityPanel.stories.d.ts +31 -0
- package/dist/panels/FeedCodeCityPanel.stories.d.ts.map +1 -0
- package/dist/panels/components/FeedProjectHeader.d.ts +80 -0
- package/dist/panels/components/FeedProjectHeader.d.ts.map +1 -0
- package/dist/panels/components/FeedProjectHeader.stories.d.ts +46 -0
- package/dist/panels/components/FeedProjectHeader.stories.d.ts.map +1 -0
- package/dist/panels/components/ProjectInfoHeader.d.ts +47 -0
- package/dist/panels/components/ProjectInfoHeader.d.ts.map +1 -0
- package/dist/panels/components/ProjectInfoHeader.stories.d.ts +46 -0
- package/dist/panels/components/ProjectInfoHeader.stories.d.ts.map +1 -0
- package/dist/panels.bundle.js +1242 -159
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -27,4 +27,13 @@ export type { FileCityColorModesSliceData, QualitySliceData, ColorMode, ColorMod
|
|
|
27
27
|
* Export color mode constants for host applications.
|
|
28
28
|
*/
|
|
29
29
|
export { COLOR_MODES, DEFAULT_COLOR_MODES, QUALITY_COLOR_MODES, } from './panels/utils/qualityLayers';
|
|
30
|
+
/**
|
|
31
|
+
* Export UI components for composition in custom panels.
|
|
32
|
+
*/
|
|
33
|
+
export { ProjectInfoHeader } from './panels/components/ProjectInfoHeader';
|
|
34
|
+
export type { ProjectInfo } from './panels/components/ProjectInfoHeader';
|
|
35
|
+
export { FeedProjectHeader } from './panels/components/FeedProjectHeader';
|
|
36
|
+
export type { GitHubRepoInfo, RootPackageInfo } from './panels/components/FeedProjectHeader';
|
|
37
|
+
export { FeedCodeCityPanel } from './panels/FeedCodeCityPanel';
|
|
38
|
+
export type { FeedProjectSliceData } from './panels/FeedCodeCityPanel';
|
|
30
39
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAGlE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAyEnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AAEtC;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GitHubRepoInfo, RootPackageInfo } from './components/FeedProjectHeader';
|
|
3
|
+
import type { PanelComponentProps } from '../types';
|
|
4
|
+
/**
|
|
5
|
+
* Slice data for feed project info
|
|
6
|
+
*/
|
|
7
|
+
export interface FeedProjectSliceData {
|
|
8
|
+
/** GitHub repository information */
|
|
9
|
+
repo: GitHubRepoInfo;
|
|
10
|
+
/** Root package information (optional) */
|
|
11
|
+
rootPackage?: RootPackageInfo;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* FeedCodeCityPanel - A file city panel designed for feed view context.
|
|
15
|
+
*
|
|
16
|
+
* Shows:
|
|
17
|
+
* - Project header with GitHub repo info and package details
|
|
18
|
+
* - 3D visualization of repository structure
|
|
19
|
+
* - Simplified legend (file types only)
|
|
20
|
+
*
|
|
21
|
+
* Emits:
|
|
22
|
+
* - project:open - When the "Open" button is clicked
|
|
23
|
+
*/
|
|
24
|
+
export declare const FeedCodeCityPanel: React.FC<PanelComponentProps>;
|
|
25
|
+
/**
|
|
26
|
+
* Preview component for panel selection
|
|
27
|
+
*/
|
|
28
|
+
export declare const FeedCodeCityPanelPreview: React.FC;
|
|
29
|
+
//# sourceMappingURL=FeedCodeCityPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedCodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/FeedCodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAqB,cAAc,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAepG,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,UAAU,CAAC;AAsBpE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAsWD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EA8B5C,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { FeedCodeCityPanel } from './FeedCodeCityPanel';
|
|
3
|
+
/**
|
|
4
|
+
* FeedCodeCityPanel provides a 3D visualization of repository structure
|
|
5
|
+
* with a project header showing GitHub repo info and package details.
|
|
6
|
+
* Designed for feed view context where users preview projects.
|
|
7
|
+
*/
|
|
8
|
+
declare const meta: Meta<typeof FeedCodeCityPanel>;
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof FeedCodeCityPanel>;
|
|
11
|
+
/**
|
|
12
|
+
* Default story with full GitHub repo info and package details
|
|
13
|
+
*/
|
|
14
|
+
export declare const Default: Story;
|
|
15
|
+
/**
|
|
16
|
+
* GitHub info only (no package.json data)
|
|
17
|
+
*/
|
|
18
|
+
export declare const GitHubOnly: Story;
|
|
19
|
+
/**
|
|
20
|
+
* Small individual project (not a monorepo)
|
|
21
|
+
*/
|
|
22
|
+
export declare const SmallProject: Story;
|
|
23
|
+
/**
|
|
24
|
+
* Loading state
|
|
25
|
+
*/
|
|
26
|
+
export declare const Loading: Story;
|
|
27
|
+
/**
|
|
28
|
+
* No repository loaded
|
|
29
|
+
*/
|
|
30
|
+
export declare const NoRepository: Story;
|
|
31
|
+
//# sourceMappingURL=FeedCodeCityPanel.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedCodeCityPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/FeedCodeCityPanel.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAsDxD;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAoBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** Package manager type */
|
|
3
|
+
type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun' | 'pip' | 'poetry' | 'pipenv' | 'cargo' | 'unknown';
|
|
4
|
+
/**
|
|
5
|
+
* GitHub repository information from the API
|
|
6
|
+
*/
|
|
7
|
+
export interface GitHubRepoInfo {
|
|
8
|
+
/** Repository owner (user or organization) */
|
|
9
|
+
owner: string;
|
|
10
|
+
/** Repository name */
|
|
11
|
+
name: string;
|
|
12
|
+
/** Full name (owner/name) */
|
|
13
|
+
fullName: string;
|
|
14
|
+
/** Repository description */
|
|
15
|
+
description?: string;
|
|
16
|
+
/** Repository URL */
|
|
17
|
+
htmlUrl: string;
|
|
18
|
+
/** Star count */
|
|
19
|
+
stars: number;
|
|
20
|
+
/** Fork count */
|
|
21
|
+
forks: number;
|
|
22
|
+
/** Watcher count */
|
|
23
|
+
watchers?: number;
|
|
24
|
+
/** Open issues count */
|
|
25
|
+
openIssues?: number;
|
|
26
|
+
/** Primary language */
|
|
27
|
+
language?: string;
|
|
28
|
+
/** Topics/tags */
|
|
29
|
+
topics?: string[];
|
|
30
|
+
/** Last updated timestamp */
|
|
31
|
+
updatedAt?: string;
|
|
32
|
+
/** Whether the owner is an organization */
|
|
33
|
+
isOrganization?: boolean;
|
|
34
|
+
/** Owner avatar URL */
|
|
35
|
+
avatarUrl?: string;
|
|
36
|
+
/** License from GitHub */
|
|
37
|
+
license?: string;
|
|
38
|
+
/** Default branch */
|
|
39
|
+
defaultBranch?: string;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Root package information from package.json
|
|
43
|
+
*/
|
|
44
|
+
export interface RootPackageInfo {
|
|
45
|
+
/** Package name */
|
|
46
|
+
name?: string;
|
|
47
|
+
/** Version string */
|
|
48
|
+
version?: string;
|
|
49
|
+
/** License identifier */
|
|
50
|
+
license?: string;
|
|
51
|
+
/** Package manager used */
|
|
52
|
+
packageManager?: PackageManager;
|
|
53
|
+
/** Number of production dependencies */
|
|
54
|
+
dependencyCount?: number;
|
|
55
|
+
/** Number of dev dependencies */
|
|
56
|
+
devDependencyCount?: number;
|
|
57
|
+
/** Whether this is a monorepo */
|
|
58
|
+
isMonorepo?: boolean;
|
|
59
|
+
/** Number of packages in monorepo */
|
|
60
|
+
packageCount?: number;
|
|
61
|
+
}
|
|
62
|
+
interface FeedProjectHeaderProps {
|
|
63
|
+
/** GitHub repository information */
|
|
64
|
+
repo: GitHubRepoInfo;
|
|
65
|
+
/** Root package information (optional) */
|
|
66
|
+
rootPackage?: RootPackageInfo;
|
|
67
|
+
/** Callback when the "Open" button is clicked */
|
|
68
|
+
onOpen?: () => void;
|
|
69
|
+
/** Whether to show in compact mode */
|
|
70
|
+
compact?: boolean;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* FeedProjectHeader - Displays GitHub repo info and package details for feed view
|
|
74
|
+
*
|
|
75
|
+
* Shows repository metadata (stars, forks, language) and root package info
|
|
76
|
+
* (dependencies, license, monorepo status). Designed for feed entry project preview.
|
|
77
|
+
*/
|
|
78
|
+
export declare const FeedProjectHeader: React.FC<FeedProjectHeaderProps>;
|
|
79
|
+
export default FeedProjectHeader;
|
|
80
|
+
//# sourceMappingURL=FeedProjectHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedProjectHeader.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FeedProjectHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,2BAA2B;AAC3B,KAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1G;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,sBAAsB;IAC9B,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyDD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6V9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { FeedProjectHeader } from './FeedProjectHeader';
|
|
3
|
+
declare const meta: Meta<typeof FeedProjectHeader>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FeedProjectHeader>;
|
|
6
|
+
/**
|
|
7
|
+
* Full featured header with all info
|
|
8
|
+
*/
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
/**
|
|
11
|
+
* GitHub info only (no package.json data)
|
|
12
|
+
*/
|
|
13
|
+
export declare const GitHubOnly: Story;
|
|
14
|
+
/**
|
|
15
|
+
* Smaller project without org avatar
|
|
16
|
+
*/
|
|
17
|
+
export declare const IndividualProject: Story;
|
|
18
|
+
/**
|
|
19
|
+
* Rust project (different language color)
|
|
20
|
+
*/
|
|
21
|
+
export declare const RustProject: Story;
|
|
22
|
+
/**
|
|
23
|
+
* Compact mode for constrained spaces
|
|
24
|
+
*/
|
|
25
|
+
export declare const Compact: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Without open button
|
|
28
|
+
*/
|
|
29
|
+
export declare const NoOpenButton: Story;
|
|
30
|
+
/**
|
|
31
|
+
* Minimal repo info
|
|
32
|
+
*/
|
|
33
|
+
export declare const MinimalInfo: Story;
|
|
34
|
+
/**
|
|
35
|
+
* Python project
|
|
36
|
+
*/
|
|
37
|
+
export declare const PythonProject: Story;
|
|
38
|
+
/**
|
|
39
|
+
* Interactive example
|
|
40
|
+
*/
|
|
41
|
+
export declare const Interactive: Story;
|
|
42
|
+
/**
|
|
43
|
+
* Side by side comparison of compact vs full
|
|
44
|
+
*/
|
|
45
|
+
export declare const CompactComparison: Story;
|
|
46
|
+
//# sourceMappingURL=FeedProjectHeader.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedProjectHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FeedProjectHeader.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAmC,MAAM,qBAAqB,CAAC;AAEzF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAuBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA2EhD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** Package manager type */
|
|
3
|
+
type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun' | 'pip' | 'poetry' | 'pipenv' | 'cargo' | 'unknown';
|
|
4
|
+
/**
|
|
5
|
+
* Project info data for display in the header
|
|
6
|
+
*/
|
|
7
|
+
export interface ProjectInfo {
|
|
8
|
+
/** Project/package name */
|
|
9
|
+
name: string;
|
|
10
|
+
/** Version string (e.g., "1.0.0") */
|
|
11
|
+
version?: string;
|
|
12
|
+
/** Short description of the project */
|
|
13
|
+
description?: string;
|
|
14
|
+
/** License identifier (e.g., "MIT", "Apache-2.0") */
|
|
15
|
+
license?: string;
|
|
16
|
+
/** Package manager used */
|
|
17
|
+
packageManager?: PackageManager;
|
|
18
|
+
/** Number of production dependencies */
|
|
19
|
+
dependencyCount?: number;
|
|
20
|
+
/** Number of dev dependencies */
|
|
21
|
+
devDependencyCount?: number;
|
|
22
|
+
/** Whether this is a monorepo */
|
|
23
|
+
isMonorepo?: boolean;
|
|
24
|
+
/** Number of packages in monorepo */
|
|
25
|
+
packageCount?: number;
|
|
26
|
+
/** Author or organization */
|
|
27
|
+
author?: string;
|
|
28
|
+
/** Repository URL */
|
|
29
|
+
repositoryUrl?: string;
|
|
30
|
+
}
|
|
31
|
+
interface ProjectInfoHeaderProps {
|
|
32
|
+
/** Project information to display */
|
|
33
|
+
project: ProjectInfo;
|
|
34
|
+
/** Callback when the "Open" button is clicked */
|
|
35
|
+
onOpen?: () => void;
|
|
36
|
+
/** Whether to show in compact mode */
|
|
37
|
+
compact?: boolean;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* ProjectInfoHeader - Displays project metadata above the file city map
|
|
41
|
+
*
|
|
42
|
+
* Shows project name, description, license, package manager, and dependency counts.
|
|
43
|
+
* Optionally includes an "Open" button that emits an event when clicked.
|
|
44
|
+
*/
|
|
45
|
+
export declare const ProjectInfoHeader: React.FC<ProjectInfoHeaderProps>;
|
|
46
|
+
export default ProjectInfoHeader;
|
|
47
|
+
//# sourceMappingURL=ProjectInfoHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProjectInfoHeader.d.ts","sourceRoot":"","sources":["../../../src/panels/components/ProjectInfoHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,2BAA2B;AAC3B,KAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1G;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,sBAAsB;IAC9B,qCAAqC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA8CD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuN9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ProjectInfoHeader } from './ProjectInfoHeader';
|
|
3
|
+
declare const meta: Meta<typeof ProjectInfoHeader>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ProjectInfoHeader>;
|
|
6
|
+
/**
|
|
7
|
+
* Default view with full project information
|
|
8
|
+
*/
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
/**
|
|
11
|
+
* Monorepo project with package count badge
|
|
12
|
+
*/
|
|
13
|
+
export declare const Monorepo: Story;
|
|
14
|
+
/**
|
|
15
|
+
* Minimal project info - just name and version
|
|
16
|
+
*/
|
|
17
|
+
export declare const Minimal: Story;
|
|
18
|
+
/**
|
|
19
|
+
* Python project using Poetry
|
|
20
|
+
*/
|
|
21
|
+
export declare const PythonProject: Story;
|
|
22
|
+
/**
|
|
23
|
+
* Compact mode for constrained spaces
|
|
24
|
+
*/
|
|
25
|
+
export declare const Compact: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Compact monorepo view
|
|
28
|
+
*/
|
|
29
|
+
export declare const CompactMonorepo: Story;
|
|
30
|
+
/**
|
|
31
|
+
* Without open button
|
|
32
|
+
*/
|
|
33
|
+
export declare const NoOpenButton: Story;
|
|
34
|
+
/**
|
|
35
|
+
* Long project name with ellipsis
|
|
36
|
+
*/
|
|
37
|
+
export declare const LongName: Story;
|
|
38
|
+
/**
|
|
39
|
+
* Different package managers
|
|
40
|
+
*/
|
|
41
|
+
export declare const PackageManagers: Story;
|
|
42
|
+
/**
|
|
43
|
+
* Interactive example with state
|
|
44
|
+
*/
|
|
45
|
+
export declare const Interactive: Story;
|
|
46
|
+
//# sourceMappingURL=ProjectInfoHeader.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProjectInfoHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/components/ProjectInfoHeader.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAe,MAAM,qBAAqB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAuBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA4ChD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC"}
|