@industry-theme/file-city-panel 0.4.1 → 0.4.3

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":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"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"}
@@ -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, _v, _w, _x;
98699
98699
  const autoShowTour = ("autoShowTour" in context ? context.autoShowTour : false) ?? false;
98700
98700
  const { theme: theme2 } = useTheme();
98701
98701
  const [cityData, setCityData] = useState(null);
@@ -98722,6 +98722,7 @@ const CodeCityPanelContent = ({
98722
98722
  const [isEditingCover, setIsEditingCover] = useState(false);
98723
98723
  const [coverConfigs, setCoverConfigs] = useState({});
98724
98724
  const [previewCoverOptions, setPreviewCoverOptions] = useState(null);
98725
+ const [showPackageInfo, setShowPackageInfo] = useState(false);
98725
98726
  useEffect(() => {
98726
98727
  const container = contentContainerRef.current;
98727
98728
  if (!container) return;
@@ -98764,6 +98765,8 @@ const CodeCityPanelContent = ({
98764
98765
  const repositoryEntrySlice = context.repositoryEntry;
98765
98766
  const qualityData = (_c = colorModesSlice == null ? void 0 : colorModesSlice.data) == null ? void 0 : _c.qualityData;
98766
98767
  const isGitHubPublic = (_e2 = (_d = repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.data) == null ? void 0 : _d.github) == null ? void 0 : _e2.isPublic;
98768
+ const githubRepoString = (_f = context.currentScope.repository) == null ? void 0 : _f.githubRepo;
98769
+ const [repoOwner, repoName] = (githubRepoString == null ? void 0 : githubRepoString.includes("/")) ? githubRepoString.split("/") : [void 0, void 0];
98767
98770
  const packagesSlice = context.packages;
98768
98771
  const fileColorLayersRegistered = useRef(false);
98769
98772
  const gitLayersRegistered = useRef(false);
@@ -98771,7 +98774,7 @@ const CodeCityPanelContent = ({
98771
98774
  const commitFilesLayersRegistered = useRef(false);
98772
98775
  const agentLayersRegistered = useRef(false);
98773
98776
  const lastHasGitOrAgentLayers = useRef(null);
98774
- const currentRepoPath = (_f = context.currentScope.repository) == null ? void 0 : _f.path;
98777
+ const currentRepoPath = (_g = context.currentScope.repository) == null ? void 0 : _g.path;
98775
98778
  const lastRepoPath = useRef(currentRepoPath);
98776
98779
  useEffect(() => {
98777
98780
  if (lastRepoPath.current !== currentRepoPath) {
@@ -98827,7 +98830,7 @@ const CodeCityPanelContent = ({
98827
98830
  }
98828
98831
  };
98829
98832
  loadTour();
98830
- }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_g = context.currentScope.repository) == null ? void 0 : _g.path, context.adapters]);
98833
+ }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_h = context.currentScope.repository) == null ? void 0 : _h.path, context.adapters]);
98831
98834
  useEffect(() => {
98832
98835
  if (autoShowTour && tourData && !hasAutoShownTourRef.current) {
98833
98836
  setShowTourPlayer(true);
@@ -99099,7 +99102,7 @@ const CodeCityPanelContent = ({
99099
99102
  }
99100
99103
  }
99101
99104
  return layers;
99102
- }, [cityData, (_h = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _h.filesByStatus, prFilesVersion]);
99105
+ }, [cityData, (_i = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _i.filesByStatus, prFilesVersion]);
99103
99106
  const commitFilesLayers = useMemo(() => {
99104
99107
  var _a2;
99105
99108
  if (!cityData || !cityData.buildings || !((_a2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) {
@@ -99177,7 +99180,7 @@ const CodeCityPanelContent = ({
99177
99180
  }
99178
99181
  }
99179
99182
  return layers;
99180
- }, [cityData, (_i = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _i.filesByStatus, commitFilesVersion]);
99183
+ }, [cityData, (_j = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _j.filesByStatus, commitFilesVersion]);
99181
99184
  const storyboardLayers = useMemo(() => {
99182
99185
  if (!cityData || !cityData.buildings || !(storyboardContextSlice == null ? void 0 : storyboardContextSlice.data)) {
99183
99186
  return [];
@@ -99278,7 +99281,7 @@ const CodeCityPanelContent = ({
99278
99281
  if (!((_a2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) return 0;
99279
99282
  const { added, modified, removed, renamed } = prFilesSlice.data.filesByStatus;
99280
99283
  return added.length + modified.length + removed.length + renamed.length;
99281
- }, [(_j = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _j.filesByStatus]);
99284
+ }, [(_k = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _k.filesByStatus]);
99282
99285
  const legendAgentLayers = useMemo(() => {
99283
99286
  const agentLayers = highlightLayers.filter(
99284
99287
  (layer) => layer.id.startsWith("event-highlight")
@@ -99571,7 +99574,7 @@ const CodeCityPanelContent = ({
99571
99574
  } finally {
99572
99575
  setLoading(false);
99573
99576
  }
99574
- }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_k = context.currentScope.repository) == null ? void 0 : _k.path]);
99577
+ }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_l = context.currentScope.repository) == null ? void 0 : _l.path]);
99575
99578
  const handleFileClick = useCallback(
99576
99579
  (filePath, type) => {
99577
99580
  if (type === "file") {
@@ -99797,7 +99800,7 @@ const CodeCityPanelContent = ({
99797
99800
  path: tourFilePath,
99798
99801
  commitSha
99799
99802
  };
99800
- }, [tourFilePath, context.currentScope.repository, (_m = (_l = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _l.metadata) == null ? void 0 : _m.sourceSha]);
99803
+ }, [tourFilePath, context.currentScope.repository, (_n = (_m = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _m.metadata) == null ? void 0 : _n.sourceSha]);
99801
99804
  return /* @__PURE__ */ jsxs(
99802
99805
  "div",
99803
99806
  {
@@ -99834,7 +99837,11 @@ const CodeCityPanelContent = ({
99834
99837
  flex: 1
99835
99838
  },
99836
99839
  title: isGitHubPublic === false ? "This repository is private on GitHub" : isGitHubPublic === true ? "This repository is public on GitHub" : void 0,
99837
- children: isGitHubPublic === false ? "Private Repo" : isGitHubPublic === true ? "Public Repo" : "File City"
99840
+ children: repoName && repoOwner ? /* @__PURE__ */ jsxs(Fragment, { children: [
99841
+ /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: repoName }),
99842
+ " by ",
99843
+ /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: repoOwner })
99844
+ ] }) : "File City"
99838
99845
  }
99839
99846
  ),
99840
99847
  !showTourPlayer && tourData && /* @__PURE__ */ jsxs(
@@ -99968,7 +99975,20 @@ const CodeCityPanelContent = ({
99968
99975
  ]
99969
99976
  }
99970
99977
  ),
99971
- showTourPlayer && tourData ? (
99978
+ showPackageInfo && legendPackageData.packageData ? (
99979
+ // Package Info - shows package details when toggled from footer
99980
+ /* @__PURE__ */ jsx(ContextContainer, { position: layout.legendPosition === "top" ? "bottom" : layout.legendPosition, children: /* @__PURE__ */ jsx(
99981
+ FileTypesView,
99982
+ {
99983
+ fileTypes: legendFileTypes,
99984
+ packageData: legendPackageData.packageData,
99985
+ workspacePackageCount: legendPackageData.workspacePackageCount,
99986
+ onItemClick: toggleFileType,
99987
+ horizontalPadding: "16px",
99988
+ showHeader: true
99989
+ }
99990
+ ) })
99991
+ ) : showTourPlayer && tourData ? (
99972
99992
  // Tour Player - provides guided tour context
99973
99993
  /* @__PURE__ */ jsx(
99974
99994
  TourPlayer,
@@ -100132,18 +100152,16 @@ const CodeCityPanelContent = ({
100132
100152
  Legend,
100133
100153
  {
100134
100154
  fileTypes: [],
100135
- packageData: legendPackageData.packageData,
100136
- workspacePackageCount: legendPackageData.workspacePackageCount,
100137
100155
  gitStatus: gitSlice == null ? void 0 : gitSlice.data,
100138
100156
  panelActions: actions,
100139
- prFiles: (_n = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _n.filesByStatus,
100140
- prFileStats: (_o = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _o.files,
100141
- prNumber: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.pullNumber,
100142
- commitFiles: (_q = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _q.filesByStatus,
100143
- commitHash: (_r = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _r.commitHash,
100144
- commitStats: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.stats,
100157
+ prFiles: (_o = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _o.filesByStatus,
100158
+ prFileStats: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.files,
100159
+ prNumber: (_q = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _q.pullNumber,
100160
+ commitFiles: (_r = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _r.filesByStatus,
100161
+ commitHash: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.commitHash,
100162
+ commitStats: (_t = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _t.stats,
100145
100163
  fileTree: fileTreeSlice == null ? void 0 : fileTreeSlice.data,
100146
- rootPath: (_t = context.currentScope.repository) == null ? void 0 : _t.path,
100164
+ rootPath: (_u = context.currentScope.repository) == null ? void 0 : _u.path,
100147
100165
  onGitFileClick: handleLegendFileClick,
100148
100166
  onGitNodeHover: handleGitNodeHover,
100149
100167
  onPrFileClick: handleLegendFileClick,
@@ -100339,36 +100357,64 @@ const CodeCityPanelContent = ({
100339
100357
  children: loading || !cityData ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
100340
100358
  /* @__PURE__ */ jsx(Building2, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
100341
100359
  /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.textSecondary }, children: "Building File City..." })
100342
- ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px", minWidth: 0, flexShrink: 1 }, children: computedTreeStats && /* @__PURE__ */ jsxs(Fragment, { children: [
100343
- /* @__PURE__ */ jsxs(
100344
- "div",
100345
- {
100346
- style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
100347
- title: `${computedTreeStats.fileCount.toLocaleString()} files`,
100348
- children: [
100349
- /* @__PURE__ */ jsx(File, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
100350
- /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
100351
- computedTreeStats.fileCount.toLocaleString(),
100352
- !headerCompact && " files"
100353
- ] })
100354
- ]
100355
- }
100356
- ),
100357
- /* @__PURE__ */ jsxs(
100358
- "div",
100360
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
100361
+ /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px", minWidth: 0, flexShrink: 1 }, children: computedTreeStats && /* @__PURE__ */ jsxs(Fragment, { children: [
100362
+ /* @__PURE__ */ jsxs(
100363
+ "div",
100364
+ {
100365
+ style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
100366
+ title: `${computedTreeStats.fileCount.toLocaleString()} files`,
100367
+ children: [
100368
+ /* @__PURE__ */ jsx(File, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
100369
+ /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
100370
+ computedTreeStats.fileCount.toLocaleString(),
100371
+ !headerCompact && " files"
100372
+ ] })
100373
+ ]
100374
+ }
100375
+ ),
100376
+ /* @__PURE__ */ jsxs(
100377
+ "div",
100378
+ {
100379
+ style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
100380
+ title: `${computedTreeStats.directoryCount.toLocaleString()} folders`,
100381
+ children: [
100382
+ /* @__PURE__ */ jsx(Folder, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
100383
+ /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
100384
+ computedTreeStats.directoryCount.toLocaleString(),
100385
+ !headerCompact && " folders"
100386
+ ] })
100387
+ ]
100388
+ }
100389
+ )
100390
+ ] }) }),
100391
+ legendPackageData.packageData && (hasAgentActivity || gitChangesCount > 0 || legendQualityMetrics.length > 0 && colorMode || showTourPlayer || ((_v = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _v.filesByStatus) || ((_w = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _w.filesByStatus) || ((_x = storyboardContextSlice == null ? void 0 : storyboardContextSlice.data) == null ? void 0 : _x.storyboard)) && /* @__PURE__ */ jsxs(
100392
+ "button",
100359
100393
  {
100360
- style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
100361
- title: `${computedTreeStats.directoryCount.toLocaleString()} folders`,
100394
+ onClick: () => setShowPackageInfo(!showPackageInfo),
100395
+ style: {
100396
+ display: "flex",
100397
+ alignItems: "center",
100398
+ gap: "4px",
100399
+ padding: "4px 8px",
100400
+ fontSize: theme2.fontSizes[0],
100401
+ fontFamily: theme2.fonts.body,
100402
+ color: showPackageInfo ? theme2.colors.primary : theme2.colors.textSecondary,
100403
+ backgroundColor: showPackageInfo ? `${theme2.colors.primary}15` : "transparent",
100404
+ border: `1px solid ${showPackageInfo ? theme2.colors.primary : theme2.colors.border}`,
100405
+ borderRadius: "4px",
100406
+ cursor: "pointer",
100407
+ transition: "all 0.15s ease",
100408
+ whiteSpace: "nowrap"
100409
+ },
100410
+ title: showPackageInfo ? "Hide package info" : "Show package info",
100362
100411
  children: [
100363
- /* @__PURE__ */ jsx(Folder, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
100364
- /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
100365
- computedTreeStats.directoryCount.toLocaleString(),
100366
- !headerCompact && " folders"
100367
- ] })
100412
+ /* @__PURE__ */ jsx(Package2, { size: 14 }),
100413
+ /* @__PURE__ */ jsx("span", { children: legendPackageData.packageData.name })
100368
100414
  ]
100369
100415
  }
100370
100416
  )
100371
- ] }) }) })
100417
+ ] })
100372
100418
  }
100373
100419
  ),
100374
100420
  isEditingCover && selectedPackagePath && /* @__PURE__ */ jsx(