@industry-theme/file-city-panel 0.4.0 → 0.4.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,iBAAiB,CAAC,KACrC,iBA+GF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,YAAY,CAAC,KAChC,
|
|
1
|
+
{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,iBAAiB,CAAC,KACrC,iBA+GF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,YAAY,CAAC,KAChC,YA8BD,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,iBAwCnC,CAAC;AAEF;;;GAGG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0E9D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"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"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -98695,7 +98695,7 @@ const CodeCityPanelContent = ({
|
|
|
98695
98695
|
actions,
|
|
98696
98696
|
events
|
|
98697
98697
|
}) => {
|
|
98698
|
-
var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
|
|
98698
|
+
var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
98699
98699
|
const autoShowTour = ("autoShowTour" in context ? context.autoShowTour : false) ?? false;
|
|
98700
98700
|
const { theme: theme2 } = useTheme();
|
|
98701
98701
|
const [cityData, setCityData] = useState(null);
|
|
@@ -98764,6 +98764,8 @@ const CodeCityPanelContent = ({
|
|
|
98764
98764
|
const repositoryEntrySlice = context.repositoryEntry;
|
|
98765
98765
|
const qualityData = (_c = colorModesSlice == null ? void 0 : colorModesSlice.data) == null ? void 0 : _c.qualityData;
|
|
98766
98766
|
const isGitHubPublic = (_e2 = (_d = repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.data) == null ? void 0 : _d.github) == null ? void 0 : _e2.isPublic;
|
|
98767
|
+
const githubRepoString = (_f = context.currentScope.repository) == null ? void 0 : _f.githubRepo;
|
|
98768
|
+
const [repoOwner, repoName] = (githubRepoString == null ? void 0 : githubRepoString.includes("/")) ? githubRepoString.split("/") : [void 0, void 0];
|
|
98767
98769
|
const packagesSlice = context.packages;
|
|
98768
98770
|
const fileColorLayersRegistered = useRef(false);
|
|
98769
98771
|
const gitLayersRegistered = useRef(false);
|
|
@@ -98771,7 +98773,7 @@ const CodeCityPanelContent = ({
|
|
|
98771
98773
|
const commitFilesLayersRegistered = useRef(false);
|
|
98772
98774
|
const agentLayersRegistered = useRef(false);
|
|
98773
98775
|
const lastHasGitOrAgentLayers = useRef(null);
|
|
98774
|
-
const currentRepoPath = (
|
|
98776
|
+
const currentRepoPath = (_g = context.currentScope.repository) == null ? void 0 : _g.path;
|
|
98775
98777
|
const lastRepoPath = useRef(currentRepoPath);
|
|
98776
98778
|
useEffect(() => {
|
|
98777
98779
|
if (lastRepoPath.current !== currentRepoPath) {
|
|
@@ -98827,7 +98829,7 @@ const CodeCityPanelContent = ({
|
|
|
98827
98829
|
}
|
|
98828
98830
|
};
|
|
98829
98831
|
loadTour();
|
|
98830
|
-
}, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (
|
|
98832
|
+
}, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_h = context.currentScope.repository) == null ? void 0 : _h.path, context.adapters]);
|
|
98831
98833
|
useEffect(() => {
|
|
98832
98834
|
if (autoShowTour && tourData && !hasAutoShownTourRef.current) {
|
|
98833
98835
|
setShowTourPlayer(true);
|
|
@@ -99099,7 +99101,7 @@ const CodeCityPanelContent = ({
|
|
|
99099
99101
|
}
|
|
99100
99102
|
}
|
|
99101
99103
|
return layers;
|
|
99102
|
-
}, [cityData, (
|
|
99104
|
+
}, [cityData, (_i = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _i.filesByStatus, prFilesVersion]);
|
|
99103
99105
|
const commitFilesLayers = useMemo(() => {
|
|
99104
99106
|
var _a2;
|
|
99105
99107
|
if (!cityData || !cityData.buildings || !((_a2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) {
|
|
@@ -99177,7 +99179,7 @@ const CodeCityPanelContent = ({
|
|
|
99177
99179
|
}
|
|
99178
99180
|
}
|
|
99179
99181
|
return layers;
|
|
99180
|
-
}, [cityData, (
|
|
99182
|
+
}, [cityData, (_j = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _j.filesByStatus, commitFilesVersion]);
|
|
99181
99183
|
const storyboardLayers = useMemo(() => {
|
|
99182
99184
|
if (!cityData || !cityData.buildings || !(storyboardContextSlice == null ? void 0 : storyboardContextSlice.data)) {
|
|
99183
99185
|
return [];
|
|
@@ -99278,7 +99280,7 @@ const CodeCityPanelContent = ({
|
|
|
99278
99280
|
if (!((_a2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) return 0;
|
|
99279
99281
|
const { added, modified, removed, renamed } = prFilesSlice.data.filesByStatus;
|
|
99280
99282
|
return added.length + modified.length + removed.length + renamed.length;
|
|
99281
|
-
}, [(
|
|
99283
|
+
}, [(_k = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _k.filesByStatus]);
|
|
99282
99284
|
const legendAgentLayers = useMemo(() => {
|
|
99283
99285
|
const agentLayers = highlightLayers.filter(
|
|
99284
99286
|
(layer) => layer.id.startsWith("event-highlight")
|
|
@@ -99571,7 +99573,7 @@ const CodeCityPanelContent = ({
|
|
|
99571
99573
|
} finally {
|
|
99572
99574
|
setLoading(false);
|
|
99573
99575
|
}
|
|
99574
|
-
}, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (
|
|
99576
|
+
}, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_l = context.currentScope.repository) == null ? void 0 : _l.path]);
|
|
99575
99577
|
const handleFileClick = useCallback(
|
|
99576
99578
|
(filePath, type) => {
|
|
99577
99579
|
if (type === "file") {
|
|
@@ -99797,7 +99799,7 @@ const CodeCityPanelContent = ({
|
|
|
99797
99799
|
path: tourFilePath,
|
|
99798
99800
|
commitSha
|
|
99799
99801
|
};
|
|
99800
|
-
}, [tourFilePath, context.currentScope.repository, (
|
|
99802
|
+
}, [tourFilePath, context.currentScope.repository, (_n = (_m = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _m.metadata) == null ? void 0 : _n.sourceSha]);
|
|
99801
99803
|
return /* @__PURE__ */ jsxs(
|
|
99802
99804
|
"div",
|
|
99803
99805
|
{
|
|
@@ -99834,7 +99836,75 @@ const CodeCityPanelContent = ({
|
|
|
99834
99836
|
flex: 1
|
|
99835
99837
|
},
|
|
99836
99838
|
title: isGitHubPublic === false ? "This repository is private on GitHub" : isGitHubPublic === true ? "This repository is public on GitHub" : void 0,
|
|
99837
|
-
children:
|
|
99839
|
+
children: repoName && repoOwner ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
99840
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: repoName }),
|
|
99841
|
+
" by ",
|
|
99842
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: repoOwner })
|
|
99843
|
+
] }) : "File City"
|
|
99844
|
+
}
|
|
99845
|
+
),
|
|
99846
|
+
!showTourPlayer && tourData && /* @__PURE__ */ jsxs(
|
|
99847
|
+
"button",
|
|
99848
|
+
{
|
|
99849
|
+
onClick: () => {
|
|
99850
|
+
setShowTourPlayer(true);
|
|
99851
|
+
},
|
|
99852
|
+
style: {
|
|
99853
|
+
display: "flex",
|
|
99854
|
+
alignItems: "center",
|
|
99855
|
+
gap: "4px",
|
|
99856
|
+
padding: "4px 8px",
|
|
99857
|
+
backgroundColor: "transparent",
|
|
99858
|
+
color: theme2.colors.textSecondary,
|
|
99859
|
+
border: "none",
|
|
99860
|
+
borderRadius: "4px",
|
|
99861
|
+
fontSize: theme2.fontSizes[0],
|
|
99862
|
+
fontFamily: theme2.fonts.body,
|
|
99863
|
+
cursor: "pointer",
|
|
99864
|
+
transition: "color 0.2s"
|
|
99865
|
+
},
|
|
99866
|
+
onMouseEnter: (e) => {
|
|
99867
|
+
e.currentTarget.style.color = theme2.colors.primary;
|
|
99868
|
+
},
|
|
99869
|
+
onMouseLeave: (e) => {
|
|
99870
|
+
e.currentTarget.style.color = theme2.colors.textSecondary;
|
|
99871
|
+
},
|
|
99872
|
+
title: "Take a guided tour",
|
|
99873
|
+
children: [
|
|
99874
|
+
/* @__PURE__ */ jsx(BookOpen, { size: 12 }),
|
|
99875
|
+
/* @__PURE__ */ jsx("span", { children: "Tour" })
|
|
99876
|
+
]
|
|
99877
|
+
}
|
|
99878
|
+
),
|
|
99879
|
+
actions.learnMore && /* @__PURE__ */ jsxs(
|
|
99880
|
+
"button",
|
|
99881
|
+
{
|
|
99882
|
+
onClick: actions.learnMore,
|
|
99883
|
+
style: {
|
|
99884
|
+
display: "flex",
|
|
99885
|
+
alignItems: "center",
|
|
99886
|
+
gap: "4px",
|
|
99887
|
+
padding: "4px 8px",
|
|
99888
|
+
backgroundColor: "transparent",
|
|
99889
|
+
color: theme2.colors.textSecondary,
|
|
99890
|
+
border: "none",
|
|
99891
|
+
borderRadius: "4px",
|
|
99892
|
+
fontSize: theme2.fontSizes[0],
|
|
99893
|
+
fontFamily: theme2.fonts.body,
|
|
99894
|
+
cursor: "pointer",
|
|
99895
|
+
transition: "color 0.2s"
|
|
99896
|
+
},
|
|
99897
|
+
onMouseEnter: (e) => {
|
|
99898
|
+
e.currentTarget.style.color = theme2.colors.primary;
|
|
99899
|
+
},
|
|
99900
|
+
onMouseLeave: (e) => {
|
|
99901
|
+
e.currentTarget.style.color = theme2.colors.textSecondary;
|
|
99902
|
+
},
|
|
99903
|
+
title: "Learn more",
|
|
99904
|
+
children: [
|
|
99905
|
+
/* @__PURE__ */ jsx("span", { children: "Learn More" }),
|
|
99906
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 12 })
|
|
99907
|
+
]
|
|
99838
99908
|
}
|
|
99839
99909
|
)
|
|
99840
99910
|
]
|
|
@@ -100072,14 +100142,14 @@ const CodeCityPanelContent = ({
|
|
|
100072
100142
|
workspacePackageCount: legendPackageData.workspacePackageCount,
|
|
100073
100143
|
gitStatus: gitSlice == null ? void 0 : gitSlice.data,
|
|
100074
100144
|
panelActions: actions,
|
|
100075
|
-
prFiles: (
|
|
100076
|
-
prFileStats: (
|
|
100077
|
-
prNumber: (
|
|
100078
|
-
commitFiles: (
|
|
100079
|
-
commitHash: (
|
|
100080
|
-
commitStats: (
|
|
100145
|
+
prFiles: (_o = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _o.filesByStatus,
|
|
100146
|
+
prFileStats: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.files,
|
|
100147
|
+
prNumber: (_q = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _q.pullNumber,
|
|
100148
|
+
commitFiles: (_r = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _r.filesByStatus,
|
|
100149
|
+
commitHash: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.commitHash,
|
|
100150
|
+
commitStats: (_t = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _t.stats,
|
|
100081
100151
|
fileTree: fileTreeSlice == null ? void 0 : fileTreeSlice.data,
|
|
100082
|
-
rootPath: (
|
|
100152
|
+
rootPath: (_u = context.currentScope.repository) == null ? void 0 : _u.path,
|
|
100083
100153
|
onGitFileClick: handleLegendFileClick,
|
|
100084
100154
|
onGitNodeHover: handleGitNodeHover,
|
|
100085
100155
|
onPrFileClick: handleLegendFileClick,
|
|
@@ -100275,75 +100345,36 @@ const CodeCityPanelContent = ({
|
|
|
100275
100345
|
children: loading || !cityData ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
|
|
100276
100346
|
/* @__PURE__ */ jsx(Building2, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
|
|
100277
100347
|
/* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.textSecondary }, children: "Building File City..." })
|
|
100278
|
-
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
100279
|
-
/* @__PURE__ */
|
|
100280
|
-
|
|
100281
|
-
"div",
|
|
100282
|
-
{
|
|
100283
|
-
style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
|
|
100284
|
-
title: `${computedTreeStats.fileCount.toLocaleString()} files`,
|
|
100285
|
-
children: [
|
|
100286
|
-
/* @__PURE__ */ jsx(File, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
|
|
100287
|
-
/* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
|
|
100288
|
-
computedTreeStats.fileCount.toLocaleString(),
|
|
100289
|
-
!headerCompact && " files"
|
|
100290
|
-
] })
|
|
100291
|
-
]
|
|
100292
|
-
}
|
|
100293
|
-
),
|
|
100294
|
-
/* @__PURE__ */ jsxs(
|
|
100295
|
-
"div",
|
|
100296
|
-
{
|
|
100297
|
-
style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
|
|
100298
|
-
title: `${computedTreeStats.directoryCount.toLocaleString()} folders`,
|
|
100299
|
-
children: [
|
|
100300
|
-
/* @__PURE__ */ jsx(Folder, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
|
|
100301
|
-
/* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
|
|
100302
|
-
computedTreeStats.directoryCount.toLocaleString(),
|
|
100303
|
-
!headerCompact && " folders"
|
|
100304
|
-
] })
|
|
100305
|
-
]
|
|
100306
|
-
}
|
|
100307
|
-
)
|
|
100308
|
-
] }) }),
|
|
100309
|
-
!showTourPlayer && tourData && /* @__PURE__ */ jsxs(
|
|
100310
|
-
"button",
|
|
100348
|
+
] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px", minWidth: 0, flexShrink: 1 }, children: computedTreeStats && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
100349
|
+
/* @__PURE__ */ jsxs(
|
|
100350
|
+
"div",
|
|
100311
100351
|
{
|
|
100312
|
-
|
|
100313
|
-
|
|
100314
|
-
},
|
|
100315
|
-
style: {
|
|
100316
|
-
display: "flex",
|
|
100317
|
-
alignItems: "center",
|
|
100318
|
-
gap: "4px",
|
|
100319
|
-
padding: "4px 8px",
|
|
100320
|
-
backgroundColor: "transparent",
|
|
100321
|
-
color: theme2.colors.primary,
|
|
100322
|
-
border: `1px solid ${theme2.colors.border}`,
|
|
100323
|
-
borderRadius: "4px",
|
|
100324
|
-
fontSize: theme2.fontSizes[0],
|
|
100325
|
-
fontFamily: theme2.fonts.body,
|
|
100326
|
-
fontWeight: 500,
|
|
100327
|
-
cursor: "pointer",
|
|
100328
|
-
transition: "all 0.2s",
|
|
100329
|
-
flexShrink: 0
|
|
100330
|
-
},
|
|
100331
|
-
onMouseEnter: (e) => {
|
|
100332
|
-
e.currentTarget.style.backgroundColor = theme2.colors.primary + "10";
|
|
100333
|
-
e.currentTarget.style.borderColor = theme2.colors.primary;
|
|
100334
|
-
},
|
|
100335
|
-
onMouseLeave: (e) => {
|
|
100336
|
-
e.currentTarget.style.backgroundColor = "transparent";
|
|
100337
|
-
e.currentTarget.style.borderColor = theme2.colors.border;
|
|
100338
|
-
},
|
|
100339
|
-
title: "Take a guided tour",
|
|
100352
|
+
style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
|
|
100353
|
+
title: `${computedTreeStats.fileCount.toLocaleString()} files`,
|
|
100340
100354
|
children: [
|
|
100341
|
-
/* @__PURE__ */ jsx(
|
|
100342
|
-
"
|
|
100355
|
+
/* @__PURE__ */ jsx(File, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
|
|
100356
|
+
/* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
|
|
100357
|
+
computedTreeStats.fileCount.toLocaleString(),
|
|
100358
|
+
!headerCompact && " files"
|
|
100359
|
+
] })
|
|
100360
|
+
]
|
|
100361
|
+
}
|
|
100362
|
+
),
|
|
100363
|
+
/* @__PURE__ */ jsxs(
|
|
100364
|
+
"div",
|
|
100365
|
+
{
|
|
100366
|
+
style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
|
|
100367
|
+
title: `${computedTreeStats.directoryCount.toLocaleString()} folders`,
|
|
100368
|
+
children: [
|
|
100369
|
+
/* @__PURE__ */ jsx(Folder, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
|
|
100370
|
+
/* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
|
|
100371
|
+
computedTreeStats.directoryCount.toLocaleString(),
|
|
100372
|
+
!headerCompact && " folders"
|
|
100373
|
+
] })
|
|
100343
100374
|
]
|
|
100344
100375
|
}
|
|
100345
100376
|
)
|
|
100346
|
-
] })
|
|
100377
|
+
] }) }) })
|
|
100347
100378
|
}
|
|
100348
100379
|
),
|
|
100349
100380
|
isEditingCover && selectedPackagePath && /* @__PURE__ */ jsx(
|