@@ -84,13 +115,6 @@ export const CommitRow = ({ commit, repoName, path, pathType }: CommitRowProps)
{shortSha}
diff --git a/packages/web/src/app/(app)/browse/[...path]/components/dateFilter.tsx b/packages/web/src/app/(app)/browse/[...path]/components/commitHistoryPanel/dateFilter.tsx
similarity index 100%
rename from packages/web/src/app/(app)/browse/[...path]/components/dateFilter.tsx
rename to packages/web/src/app/(app)/browse/[...path]/components/commitHistoryPanel/dateFilter.tsx
diff --git a/packages/web/src/app/(app)/browse/[...path]/components/pureTreePreviewPanel.tsx b/packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel/pureTreePreviewPanel.tsx
similarity index 89%
rename from packages/web/src/app/(app)/browse/[...path]/components/pureTreePreviewPanel.tsx
rename to packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel/pureTreePreviewPanel.tsx
index ca6bb7985..3f7c0f473 100644
--- a/packages/web/src/app/(app)/browse/[...path]/components/pureTreePreviewPanel.tsx
+++ b/packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel/pureTreePreviewPanel.tsx
@@ -2,9 +2,9 @@
import { useRef } from "react";
import { FileTreeItemComponent } from "@/app/(app)/browse/components/fileTreeItemComponent";
-import { getBrowsePath } from "../../hooks/utils";
+import { getBrowsePath } from "@/app/(app)/browse/hooks/utils";
import { ScrollArea } from "@/components/ui/scroll-area";
-import { useBrowseParams } from "../../hooks/useBrowseParams";
+import { useBrowseParams } from "@/app/(app)/browse/hooks/useBrowseParams";
import { FileTreeItem } from "@/features/git";
interface PureTreePreviewPanelProps {
diff --git a/packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel.tsx b/packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel/treePreviewPanel.tsx
similarity index 100%
rename from packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel.tsx
rename to packages/web/src/app/(app)/browse/[...path]/components/treePreviewPanel/treePreviewPanel.tsx
diff --git a/packages/web/src/app/(app)/browse/[...path]/page.tsx b/packages/web/src/app/(app)/browse/[...path]/page.tsx
index 9274e7735..bfd42d6c1 100644
--- a/packages/web/src/app/(app)/browse/[...path]/page.tsx
+++ b/packages/web/src/app/(app)/browse/[...path]/page.tsx
@@ -1,9 +1,11 @@
import { Suspense } from "react";
import { getBrowseParamsFromPathParam } from "../hooks/utils";
-import { CodePreviewPanel } from "./components/codePreviewPanel";
-import { CommitsPanel } from "./components/commitsPanel";
+import { CodePreviewPanel } from "./components/codePreviewPanel/codePreviewPanel";
+import { FocusedCommitDiffPanel } from "./components/commitDiffPanel/focusedCommitDiffPanel";
+import { FullCommitDiffPanel } from "./components/commitDiffPanel/fullCommitDiffPanel";
+import { CommitsPanel } from "./components/commitHistoryPanel/commitsPanel";
import { Loader2 } from "lucide-react";
-import { TreePreviewPanel } from "./components/treePreviewPanel";
+import { TreePreviewPanel } from "./components/treePreviewPanel/treePreviewPanel";
import { Metadata } from "next";
/**
@@ -17,58 +19,63 @@ import { Metadata } from "next";
* @returns A formatted title string.
*/
const parsePathForTitle = (path: string[]): string => {
- const pathParam = path.join('/');
-
- const { repoName, revisionName, path: filePath, pathType } = getBrowseParamsFromPathParam(pathParam);
-
- // Build the base repository and revision string.
- const cleanRepoName = repoName.split('/').slice(1).join('/'); // Remove the version control system prefix
- const repoAndRevision = `${cleanRepoName}${revisionName ? ` @ ${revisionName}` : ''}`;
-
- switch (pathType) {
- case 'blob': {
- // For blobs, get the filename from the end of the path.
- const fileName = filePath.split('/').pop() || filePath;
- return `${fileName} - ${repoAndRevision}`;
- }
- case 'tree': {
- // If the path is empty, it's the repo root.
- if (filePath === '' || filePath === '/') {
- return repoAndRevision;
- }
- // Otherwise, show the directory path.
- const directoryPath = filePath.endsWith('/') ? filePath : `${filePath}/`;
- return `${directoryPath} - ${repoAndRevision}`;
+ const pathParam = path.join('/');
+
+ const browseProps = getBrowseParamsFromPathParam(pathParam);
+ const { repoName, revisionName, path: filePath } = browseProps;
+
+ // Build the base repository and revision string.
+ const cleanRepoName = repoName.split('/').slice(1).join('/'); // Remove the version control system prefix
+ const repoAndRevision = `${cleanRepoName}${revisionName ? ` @ ${revisionName}` : ''}`;
+
+ switch (browseProps.pathType) {
+ case 'blob': {
+ // For blobs, get the filename from the end of the path.
+ const fileName = filePath.split('/').pop() || filePath;
+ return `${fileName} - ${repoAndRevision}`;
+ }
+ case 'tree': {
+ // If the path is empty, it's the repo root.
+ if (filePath === '' || filePath === '/') {
+ return repoAndRevision;
+ }
+ // Otherwise, show the directory path.
+ const directoryPath = filePath.endsWith('/') ? filePath : `${filePath}/`;
+ return `${directoryPath} - ${repoAndRevision}`;
+ }
+ case 'commits': {
+ if (filePath === '' || filePath === '/') {
+ return `History - ${repoAndRevision}`;
+ }
+ return `History: ${filePath} - ${repoAndRevision}`;
+ }
+ case 'commit': {
+ const shortSha = browseProps.commitSha.substring(0, 7);
+ return `Commit ${shortSha} - ${repoAndRevision}`;
+ }
}
- case 'commits': {
- if (filePath === '' || filePath === '/') {
- return `History - ${repoAndRevision}`;
- }
- return `History: ${filePath} - ${repoAndRevision}`;
- }
- }
}
type Props = {
- params: Promise<{
- path: string[];
- }>;
+ params: Promise<{
+ path: string[];
+ }>;
};
export async function generateMetadata({ params: paramsPromise }: Props): Promise
{
- let title = 'Browse'; // Default Fallback
+ let title = 'Browse'; // Default Fallback
- try {
- const params = await paramsPromise;
- title = parsePathForTitle(params.path);
+ try {
+ const params = await paramsPromise;
+ title = parsePathForTitle(params.path);
- } catch (error) {
- console.error("Failed to generate metadata title from path:", error);
- }
+ } catch (error) {
+ console.error("Failed to generate metadata title from path:", error);
+ }
- return {
- title,
- };
+ return {
+ title,
+ };
}
interface BrowsePageProps {
@@ -80,6 +87,8 @@ interface BrowsePageProps {
author?: string;
since?: string;
until?: string;
+ ref?: string;
+ diff?: string;
}>;
}
@@ -91,12 +100,15 @@ export default async function BrowsePage(props: BrowsePageProps) {
} = params;
const rawPath = _rawPath.join('/');
- const { repoName, revisionName, path, pathType } = getBrowseParamsFromPathParam(rawPath);
+ const browseProps = getBrowseParamsFromPathParam(rawPath);
+ const { repoName, revisionName, path } = browseProps;
const page = Math.max(1, parseInt(searchParams.page ?? '1', 10) || 1);
const author = searchParams.author || undefined;
const since = searchParams.since || undefined;
const until = searchParams.until || undefined;
+ const previewRef = searchParams.ref || undefined;
+ const isDiffMode = searchParams.diff === 'true';
return (
@@ -106,13 +118,23 @@ export default async function BrowsePage(props: BrowsePageProps) {
Loading...
}>
- {pathType === 'blob' ? (
- {
`).
+ const fullCommitHref = getBrowsePath({
+ repoName,
+ revisionName,
+ path: '',
+ pathType: 'commit',
+ commitSha: commit.hash,
+ });
+
+ // The commit message links to the focused diff for the current file —
+ // only meaningful when the user is browsing a file (blob path).
+ const focusedDiffHref = isBlobPath
+ ? getBrowsePath({
+ repoName,
+ revisionName,
+ path,
+ pathType: 'blob',
+ previewRef: commit.hash,
+ diff: true,
+ })
+ : undefined;
+
return (
-
-
+
{shortSha}
-
-
- {commit.message}
-
+
+ {focusedDiffHref ? (
+
+ {commit.message}
+
+ ) : (
+
+ {commit.message}
+
+ )}
{
const router = useRouter();
- const navigateToPath = useCallback(({
- repoName,
- revisionName = 'HEAD',
- path,
- pathType,
- highlightRange,
- setBrowseState,
- }: GetBrowsePathProps) => {
+ const navigateToPath = useCallback((props: BrowseProps) => {
const browsePath = getBrowsePath({
- repoName,
- revisionName,
- path,
- pathType,
- highlightRange,
- setBrowseState,
+ ...props,
+ revisionName: props.revisionName ?? 'HEAD',
});
router.push(browsePath);
diff --git a/packages/web/src/app/(app)/browse/hooks/utils.ts b/packages/web/src/app/(app)/browse/hooks/utils.ts
index afa1feb49..81ed29496 100644
--- a/packages/web/src/app/(app)/browse/hooks/utils.ts
+++ b/packages/web/src/app/(app)/browse/hooks/utils.ts
@@ -1,6 +1,8 @@
import { BrowseState, SET_BROWSE_STATE_QUERY_PARAM } from "../browseStateProvider";
export const HIGHLIGHT_RANGE_QUERY_PARAM = 'highlightRange';
+export const PREVIEW_REF_QUERY_PARAM = 'ref';
+export const DIFF_QUERY_PARAM = 'diff';
export type BrowseHighlightRange = {
start: { lineNumber: number; column: number; };
@@ -10,21 +12,56 @@ export type BrowseHighlightRange = {
end: { lineNumber: number; };
}
-export type BrowsePathType = 'blob' | 'tree' | 'commits';
-
-export interface GetBrowsePathProps {
+type BaseProps = {
repoName: string;
- revisionName?: string;
path: string;
- pathType: BrowsePathType;
- highlightRange?: BrowseHighlightRange;
+ revisionName?: string;
setBrowseState?: Partial;
}
-export const getBrowseParamsFromPathParam = (pathParam: string) => {
- const sentinelIndex = pathParam.search(/\/-\/(tree|blob|commits)/);
+type BlobProps = BaseProps & {
+ pathType: 'blob',
+ highlightRange?: BrowseHighlightRange;
+ // Override the ref the file's content is fetched at, while the surrounding
+ // browse context (file tree, etc.) stays anchored to `revisionName`.
+ previewRef?: string;
+ // When true, render the focused commit diff (for `previewRef`) instead of
+ // the file's source. Only meaningful alongside `previewRef`.
+ diff?: boolean;
+}
+
+type TreeProps = BaseProps & {
+ pathType: 'tree',
+}
+
+type CommitsProps = BaseProps & {
+ pathType: 'commits',
+}
+
+type CommitProps = BaseProps & {
+ pathType: 'commit',
+ commitSha: string,
+}
+
+export type BrowseProps =
+ BlobProps |
+ TreeProps |
+ CommitsProps |
+ CommitProps;
+
+export type BrowsePathType = BrowseProps['pathType'];
+
+// Repo-relative paths shouldn't have leading slashes — `git log -- /foo` (or
+// just `--`) treats them as absolute filesystem paths. Repo root and `/`
+// both map to the empty path.
+const normalizeRepoPath = (path: string): string => path.replace(/^\/+/, '');
+
+export const getBrowseParamsFromPathParam = (pathParam: string): BrowseProps => {
+ // @note: order matters — `commits` must come before `commit` so the regex
+ // engine doesn't greedily match `commit` against `/-/commits/...`.
+ const sentinelIndex = pathParam.search(/\/-\/(tree|blob|commits|commit)/);
if (sentinelIndex === -1) {
- throw new Error(`Invalid browse pathname: "${pathParam}" - expected to contain "/-/(tree|blob|commits)/" pattern`);
+ throw new Error(`Invalid browse pathname: "${pathParam}" - expected to contain "/-/(tree|blob|commits|commit)/" pattern`);
}
const repoAndRevisionPart = decodeURIComponent(pathParam.substring(0, sentinelIndex));
@@ -33,63 +70,85 @@ export const getBrowseParamsFromPathParam = (pathParam: string) => {
const repoName = lastAtIndex === -1 ? repoAndRevisionPart : repoAndRevisionPart.substring(0, lastAtIndex);
const revisionName = lastAtIndex === -1 ? undefined : repoAndRevisionPart.substring(lastAtIndex + 1);
- const { path, pathType } = ((): { path: string, pathType: BrowsePathType } => {
- const path = pathParam.substring(sentinelIndex + '/-/'.length);
- const pathType: BrowsePathType = path.startsWith('tree')
- ? 'tree'
- : path.startsWith('commits')
- ? 'commits'
- : 'blob';
-
- // @note: decodedURIComponent is needed here incase the path contains a space.
- switch (pathType) {
- case 'tree':
- return {
- path: decodeURIComponent(path.startsWith('tree/') ? path.substring('tree/'.length) : path.substring('tree'.length)),
- pathType,
- };
- case 'commits':
- return {
- path: decodeURIComponent(path.startsWith('commits/') ? path.substring('commits/'.length) : path.substring('commits'.length)),
- pathType,
- };
- case 'blob':
- return {
- path: decodeURIComponent(path.startsWith('blob/') ? path.substring('blob/'.length) : path.substring('blob'.length)),
- pathType,
- };
+ const tail = pathParam.substring(sentinelIndex + '/-/'.length);
+ const pathType = ((): BrowsePathType => {
+ if (tail.startsWith('tree')) {
+ return 'tree';
+ }
+ else if (tail.startsWith('commits')) {
+ return 'commits';
+ }
+ else if (tail.startsWith('commit')) {
+ return 'commit';
}
- })();
-
- // Normalize parsed paths the same way URL generation does, so URLs that
- // happen to contain a leading slash (e.g. legacy bookmarks with `%2F`)
- // don't leak `/foo` into git log args.
- const normalizedPath = path.replace(/^\/+/, '');
- if (pathType === 'blob' && normalizedPath === '') {
- throw new Error(`Invalid browse pathname: "${pathParam}" - expected to contain a path for blob type`);
- }
+ return 'blob';
+ })();
- return {
- repoName,
- revisionName,
- path: normalizedPath,
- pathType,
+ // @note: decodeURIComponent is needed in case the path contains a space.
+ switch (pathType) {
+ case 'tree': {
+ const rest = tail.startsWith('tree/') ? tail.substring('tree/'.length) : tail.substring('tree'.length);
+ return {
+ repoName,
+ revisionName,
+ pathType,
+ path: normalizeRepoPath(decodeURIComponent(rest)),
+ };
+ }
+ case 'commits': {
+ const rest = tail.startsWith('commits/') ? tail.substring('commits/'.length) : tail.substring('commits'.length);
+ return {
+ repoName,
+ revisionName,
+ pathType,
+ path: normalizeRepoPath(decodeURIComponent(rest)),
+ };
+ }
+ case 'commit': {
+ // Path suffix on /-/commit// is no longer used, but we
+ // keep the slash-split here so legacy URLs still resolve to the
+ // commit (we just ignore everything after the SHA).
+ const rest = tail.startsWith('commit/') ? tail.substring('commit/'.length) : tail.substring('commit'.length);
+ const firstSlash = rest.indexOf('/');
+ const commitSha = decodeURIComponent(firstSlash === -1 ? rest : rest.substring(0, firstSlash));
+
+ if (!commitSha) {
+ throw new Error(`Invalid browse pathname: "${pathParam}" - expected to contain a commit SHA for commit type`);
+ }
+
+ return {
+ repoName,
+ revisionName,
+ pathType,
+ commitSha,
+ path: '',
+ };
+ }
+ case 'blob': {
+ const rest = tail.startsWith('blob/') ? tail.substring('blob/'.length) : tail.substring('blob'.length);
+ const path = normalizeRepoPath(decodeURIComponent(rest));
+
+ if (path === '') {
+ throw new Error(`Invalid browse pathname: "${pathParam}" - expected to contain a path for blob type`);
+ }
+
+ return {
+ repoName,
+ revisionName,
+ pathType,
+ path,
+ };
+ }
}
};
-// Repo-relative paths shouldn't have leading slashes — `git log -- /foo` (or
-// just `--`) treats them as absolute filesystem paths. Repo root and `/`
-// both map to the empty path.
-const normalizeRepoPath = (path: string): string => path.replace(/^\/+/, '');
-
-export const getBrowsePath = ({
- repoName, revisionName, path, pathType, highlightRange, setBrowseState,
-}: GetBrowsePathProps) => {
+export const getBrowsePath = (props: BrowseProps) => {
+ const { repoName, revisionName, pathType, setBrowseState } = props;
const params = new URLSearchParams();
- if (highlightRange) {
- const { start, end } = highlightRange;
+ if (pathType === 'blob' && props.highlightRange) {
+ const { start, end } = props.highlightRange;
if ('column' in start && 'column' in end) {
params.set(HIGHLIGHT_RANGE_QUERY_PARAM, `${start.lineNumber}:${start.column},${end.lineNumber}:${end.column}`);
@@ -98,12 +157,21 @@ export const getBrowsePath = ({
}
}
+ if (pathType === 'blob' && props.previewRef) {
+ params.set(PREVIEW_REF_QUERY_PARAM, props.previewRef);
+ }
+
+ if (pathType === 'blob' && props.diff) {
+ params.set(DIFF_QUERY_PARAM, 'true');
+ }
+
if (setBrowseState) {
params.set(SET_BROWSE_STATE_QUERY_PARAM, JSON.stringify(setBrowseState));
}
- const encodedPath = encodeURIComponent(normalizeRepoPath(path));
- const browsePath = `/browse/${repoName}${revisionName ? `@${revisionName}` : ''}/-/${pathType}/${encodedPath}${params.size > 0 ? `?${params.toString()}` : ''}`;
+ const tail = pathType === 'commit'
+ ? encodeURIComponent(props.commitSha)
+ : encodeURIComponent(normalizeRepoPath(props.path));
+ const browsePath = `/browse/${repoName}${revisionName ? `@${revisionName}` : ''}/-/${pathType}/${tail}${params.size > 0 ? `?${params.toString()}` : ''}`;
return browsePath;
};
-
diff --git a/packages/web/src/app/(app)/browse/layoutClient.tsx b/packages/web/src/app/(app)/browse/layoutClient.tsx
index b69dc4ad1..100724c3e 100644
--- a/packages/web/src/app/(app)/browse/layoutClient.tsx
+++ b/packages/web/src/app/(app)/browse/layoutClient.tsx
@@ -23,7 +23,7 @@ export function LayoutClient({
session,
isSearchAssistSupported,
}: LayoutProps) {
- const { repoName, revisionName } = useBrowseParams();
+ const { repoName, revisionName, pathType } = useBrowseParams();
return (
@@ -61,10 +61,14 @@ export function LayoutClient({
>
{children}
-
-
+ {(pathType === 'blob' || pathType === 'tree') && (
+ <>
+
+
+
+ )}
diff --git a/packages/web/src/app/(app)/components/hoverPrefetchLink.tsx b/packages/web/src/app/(app)/components/hoverPrefetchLink.tsx
new file mode 100644
index 000000000..8795e3adc
--- /dev/null
+++ b/packages/web/src/app/(app)/components/hoverPrefetchLink.tsx
@@ -0,0 +1,27 @@
+'use client';
+
+import Link from "next/link";
+import { ComponentPropsWithoutRef, useState } from "react";
+
+type HoverPrefetchLinkProps = Omit
, 'prefetch'>;
+
+// Drop-in replacement for next/link that defers prefetching until the user
+// hovers, instead of prefetching on viewport entry. Useful in long lists where
+// the default behavior would fire many prefetches up-front.
+export const HoverPrefetchLink = ({
+ onMouseEnter,
+ ...props
+}: HoverPrefetchLinkProps) => {
+ const [active, setActive] = useState(false);
+
+ return (
+ ((prop
})
LightweightCodeHighlighter.displayName = 'LightweightCodeHighlighter';
-
-async function getCodeParser(
- languageName: string,
-): Promise {
- if (languageName) {
- const parser = await (async () => {
- const found = LanguageDescription.matchLanguageName(
- builtinLanguages,
- languageName,
- true
- );
-
- if (!found) {
- return null;
- }
-
- if (!found.support) {
- await found.load();
- }
- return found.support ? found.support.language.parser : null;
- })();
-
- if (parser) {
- return parser;
- }
- }
- return plainTextLanguage.parser;
-}
-
-async function highlightCode(
- languageName: string,
- input: string,
- highlighter: Highlighter,
- highlightRanges: { from: number, to: number }[] = [],
- callback: (
- text: string,
- style: string | null,
- from: number,
- to: number
- ) => Output,
-): Promise {
- const parser = await getCodeParser(languageName);
-
- /**
- * Converts a range to a series of highlighted subranges.
- */
- const convertRangeToHighlightedSubranges = (
- from: number,
- to: number,
- classes: string | null,
- cb: (from: number, to: number, classes: string | null) => void,
- ) => {
- type HighlightRange = {
- from: number,
- to: number,
- isHighlighted: boolean,
- }
-
- const highlightClasses = classes ? `${classes} searchMatch-selected` : 'searchMatch-selected';
-
- let currentRange: HighlightRange | null = null;
- for (let i = from; i < to; i++) {
- const isHighlighted = isIndexHighlighted(i, highlightRanges);
-
- if (currentRange) {
- if (currentRange.isHighlighted === isHighlighted) {
- currentRange.to = i + 1;
- } else {
- cb(
- currentRange.from,
- currentRange.to,
- currentRange.isHighlighted ? highlightClasses : classes,
- )
-
- currentRange = { from: i, to: i + 1, isHighlighted };
- }
- } else {
- currentRange = { from: i, to: i + 1, isHighlighted };
- }
- }
-
- if (currentRange) {
- cb(
- currentRange.from,
- currentRange.to,
- currentRange.isHighlighted ? highlightClasses : classes,
- )
- }
- }
-
- const tree = parser.parse(input)
- const output: Array = [];
-
- let pos = 0;
- highlightTree(tree, highlighter, (from, to, classes) => {
- // `highlightTree` only calls this callback when at least one style/class
- // is applied to the text (i.e., `classes` is not empty). This means that
- // any unstyled regions will be skipped (e.g., whitespace, `=`. `;`. etc).
- // This check ensures that we process these unstyled regions as well.
- // @see: https://discuss.codemirror.net/t/static-highlighting-using-cm-v6/3420/2
- if (from > pos) {
- convertRangeToHighlightedSubranges(pos, from, null, (from, to, classes) => {
- output.push(callback(input.slice(from, to), classes, from, to));
- })
- }
-
- convertRangeToHighlightedSubranges(from, to, classes, (from, to, classes) => {
- output.push(callback(input.slice(from, to), classes, from, to));
- })
-
- pos = to;
- });
-
- // Process any remaining unstyled regions.
- if (pos != tree.length) {
- convertRangeToHighlightedSubranges(pos, tree.length, null, (from, to, classes) => {
- output.push(callback(input.slice(from, to), classes, from, to));
- })
- }
- return output;
-}
-
-const isIndexHighlighted = (index: number, ranges: { from: number, to: number }[]) => {
- return ranges.some(range => index >= range.from && index < range.to);
-}
diff --git a/packages/web/src/app/(app)/components/pathHeader.tsx b/packages/web/src/app/(app)/components/pathHeader.tsx
index 048e1d641..1739fd724 100644
--- a/packages/web/src/app/(app)/components/pathHeader.tsx
+++ b/packages/web/src/app/(app)/components/pathHeader.tsx
@@ -1,6 +1,6 @@
'use client';
-import { cn, getCodeHostInfoForRepo } from "@/lib/utils";
+import { cn, getCodeHostInfoForRepo, truncateSha } from "@/lib/utils";
import Image from "next/image";
import { getBrowsePath } from "../browse/hooks/utils";
import { ChevronRight, MoreHorizontal } from "lucide-react";
@@ -115,7 +115,7 @@ export const PathHeader = ({
if (!containerRef.current || !breadcrumbsRef.current) return;
const containerWidth = containerRef.current.offsetWidth;
- const availableWidth = containerWidth - 175; // Reserve space for copy button and padding
+ const availableWidth = containerWidth - 40; // Reserve space for copy button and padding
// Create a temporary element to measure segment widths
const tempElement = document.createElement('div');
@@ -233,10 +233,22 @@ export const PathHeader = ({
}}
>
@
- {`${branchDisplayName.replace(/^refs\/(heads|tags)\//, '')}`}
+ ·
+ {breadcrumbSegments.length > 0 && (
+ ·
+ )}
{hiddenSegments.length > 0 && (
@@ -296,10 +308,12 @@ export const PathHeader = ({
))}
- => {
const rawParams = Object.fromEntries(
- Object.keys(getDiffQueryParamsSchema.shape).map(key => [
+ Object.keys(getDiffRequestSchema.shape).map(key => [
key,
request.nextUrl.searchParams.get(key) ?? undefined
])
);
- const parsed = getDiffQueryParamsSchema.safeParse(rawParams);
+ const parsed = getDiffRequestSchema.safeParse(rawParams);
if (!parsed.success) {
return serviceErrorResponse(
diff --git a/packages/web/src/app/layout.tsx b/packages/web/src/app/layout.tsx
index 60d521ad2..71a90e2a8 100644
--- a/packages/web/src/app/layout.tsx
+++ b/packages/web/src/app/layout.tsx
@@ -44,14 +44,14 @@ export default function RootLayout({
/>
)}
- {env.NODE_ENV === "development" && (
+ {env.NODE_ENV === "development" && env.DEBUG_ENABLE_REACT_GRAB === 'true' && (
)}
- {env.NODE_ENV === "development" && (
+ {env.NODE_ENV === "development" && env.DEBUG_ENABLE_REACT_GRAB === 'true' && (