@nkzw/codiff-core 1.13.0 → 1.15.0

package/dist/style.css

@@ -2807,6 +2807,10 @@ form._multiFieldForm_sre1d_1628 {
   padding-left: 20px;
 }
 
+.mdx-editor .mdx-editor-content li > ul, .mdx-editor .mdx-editor-content li > ol {
+  margin-block: 0;
+}
+
 .mdx-editor-content li {
   margin: 0;
   padding-left: 2px;
@@ -5346,6 +5350,17 @@ html[data-codiff-platform="darwin"] .workspace-top-bar {
   overflow: hidden;
 }
 
+@supports (text-box: trim-both cap alphabetic) {
+  .review-top-bar-repository-head, .review-top-bar-repository-tail {
+    text-box: trim-both cap alphabetic;
+    padding-block: .5em;
+  }
+
+  .review-top-bar-source-label {
+    text-box: trim-both cap alphabetic;
+  }
+}
+
 .review-top-bar-branch {
   color: var(--muted);
   corner-shape: squircle;
@@ -5431,7 +5446,7 @@ a.review-top-bar-repository:focus-visible, a.review-top-bar-source:focus-visible
   color: var(--muted);
   corner-shape: squircle;
   cursor: pointer;
-  font: 600 11px/1 var(--font-sans);
+  font: 600 11px/1.35 var(--font-sans);
   white-space: nowrap;
   background: none;
   border: 0;
@@ -7264,17 +7279,57 @@ html[data-codiff-platform="darwin"] .sidebar {
   box-shadow: inset 0 -1px 0 var(--file-border);
   color: var(--text);
   font: 13px/1.35 var(--font-sans);
-  grid-template-columns: minmax(0, 1fr);
+  height: var(--codiff-file-header-height, 54px);
+  grid-template-columns: minmax(0, 1fr) auto;
   grid-auto-columns: max-content;
   grid-auto-flow: column;
   align-items: center;
   gap: 10px;
   min-width: 0;
-  height: 54px;
   padding: 9px 10px;
   display: grid;
 }
 
+.codiff-file-details {
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  display: flex;
+}
+
+.codiff-edit-revert-button {
+  width: 64px;
+}
+
+.compact-file-headers .codiff-file-header:has(.codiff-file-details) {
+  grid-template-rows: minmax(0, 1fr) 30px;
+  grid-template-columns: minmax(0, 1fr);
+  grid-auto-flow: row;
+  gap: 6px;
+}
+
+.compact-file-headers .codiff-file-details {
+  scrollbar-width: none;
+  justify-content: safe flex-end;
+  gap: 6px;
+  margin: -4px;
+  padding: 4px;
+  overflow-x: auto;
+}
+
+.compact-file-headers .codiff-file-details .codiff-button, .compact-file-headers .codiff-file-details .codiff-viewed-button, .compact-file-headers .codiff-file-details .codiff-load-button {
+  padding-inline: 8px;
+}
+
+.compact-file-headers .codiff-copy-path-button, .compact-file-headers .codiff-open-file-button {
+  width: 24px;
+  height: 20px;
+}
+
+.compact-file-headers .codiff-file-details > .codiff-line-count, .compact-file-headers .codiff-file-details > .codiff-section-badge, .compact-file-headers .codiff-file-details > .codiff-generated-badge {
+  flex: none;
+}
+
 .codiff-walkthrough-header-item {
   box-shadow: none !important;
   background: none !important;
@@ -7305,7 +7360,7 @@ html[data-codiff-platform="darwin"] .sidebar {
   color: var(--muted);
 }
 
-.codiff-header-toggle, .codiff-source-description-collapse-button, .codiff-file-comment-button, .codiff-markdown-button, .codiff-button, .codiff-viewed-button, .codiff-copy-path-button {
+.codiff-header-toggle, .codiff-source-description-collapse-button, .codiff-file-comment-button, .codiff-markdown-button, .codiff-button, .codiff-viewed-button, .codiff-copy-path-button, .codiff-open-file-button {
   -webkit-app-region: no-drag;
   color: var(--text);
   cursor: pointer;
@@ -7317,7 +7372,7 @@ html[data-codiff-platform="darwin"] .sidebar {
   display: inline-flex;
 }
 
-.codiff-copy-path-button {
+.codiff-copy-path-button, .codiff-open-file-button {
   color: var(--copy-icon);
   corner-shape: squircle;
   opacity: 0;
@@ -7326,14 +7381,14 @@ html[data-codiff-platform="darwin"] .sidebar {
   width: 30px;
   height: 30px;
   padding: 0;
-  transition: background .12s, color .12s, opacity .12s;
+  transition: background .16s, box-shadow .25s, color .12s, opacity .12s, transform .25s cubic-bezier(.34, 1.56, .64, 1);
 }
 
-.codiff-file-header:hover .codiff-copy-path-button, .codiff-copy-path-button:focus-visible, .codiff-copy-path-button.copied {
+.codiff-file-header:hover .codiff-copy-path-button, .codiff-file-header:hover .codiff-open-file-button, .codiff-copy-path-button:focus-visible, .codiff-open-file-button:focus-visible, .codiff-copy-path-button.copied {
   opacity: 1;
 }
 
-.codiff-copy-path-button:hover {
+.codiff-copy-path-button:hover, .codiff-open-file-button:hover:not(:disabled) {
   color: var(--copy-icon);
   background: #7f7f7f1c;
 }
@@ -7342,6 +7397,14 @@ html[data-codiff-platform="darwin"] .sidebar {
   color: var(--viewed);
 }
 
+.codiff-open-file-button:disabled {
+  cursor: default;
+}
+
+.codiff-open-file-button:disabled svg {
+  opacity: .4;
+}
+
 .codiff-button.plan-download-button {
   width: 30px;
   height: 30px;
@@ -7360,13 +7423,12 @@ html[data-codiff-platform="darwin"] .sidebar {
 
 .codiff-header-toggle {
   text-align: left;
-  grid-template-columns: 30px minmax(0, 1fr) auto;
+  grid-template-columns: 30px minmax(0, 1fr);
   justify-content: stretch;
   gap: 10px;
   min-width: 0;
   padding: 0;
   display: grid;
-  overflow: hidden;
 }
 
 .codiff-header-toggle:hover {
@@ -7389,7 +7451,7 @@ html[data-codiff-platform="darwin"] .sidebar {
   display: inline-flex;
 }
 
-.codiff-header-toggle:hover:not(:has(.codiff-copy-path-button:hover)) .codiff-chevron-box, .codiff-source-description-collapse-button:hover .codiff-chevron-box, .codiff-file-comment-button:hover, .codiff-markdown-button:hover, .codiff-button:hover:not(:disabled), .codiff-viewed-button:hover {
+.codiff-header-toggle:hover:not(:has(.codiff-copy-path-button:hover, .codiff-open-file-button:hover)) .codiff-chevron-box, .codiff-source-description-collapse-button:hover .codiff-chevron-box, .codiff-file-comment-button:hover, .codiff-markdown-button:hover, .codiff-button:hover:is(:not(:disabled), [data-autosaving]), .codiff-viewed-button:hover {
   background: #7f7f7f1c;
 }
 
@@ -7405,7 +7467,6 @@ html[data-codiff-platform="darwin"] .sidebar {
 
 .codiff-file-heading {
   min-width: 0;
-  overflow: hidden;
 }
 
 .codiff-file-path-row {
@@ -7432,6 +7493,23 @@ html[data-codiff-platform="darwin"] .sidebar {
   transition: color .16s;
 }
 
+.codiff-file-path:has(.codiff-file-name) {
+  display: flex;
+}
+
+.codiff-file-directory {
+  text-overflow: ellipsis;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.codiff-file-name {
+  text-overflow: ellipsis;
+  flex: none;
+  max-width: 100%;
+  overflow: hidden;
+}
+
 .codiff-file-old-path {
   color: var(--muted);
   font: 11px/1.35 var(--font-mono);
@@ -7481,19 +7559,11 @@ html[data-codiff-platform="darwin"] .sidebar {
   color: var(--diff-deletion);
 }
 
-.codiff-status-badge.added, .codiff-status-badge.untracked, .codiff-section-badge.unstaged {
+.codiff-section-badge.unstaged {
   color: #1f7a44;
 }
 
-.codiff-status-badge.deleted {
-  color: #b8312f;
-}
-
-.codiff-status-badge.conflicted {
-  color: var(--danger);
-}
-
-.codiff-status-badge.renamed, .codiff-section-badge.staged {
+.codiff-section-badge.staged {
   color: #8f5d18;
 }
 
@@ -7525,13 +7595,16 @@ html[data-codiff-platform="darwin"] .sidebar {
   opacity: .72;
 }
 
+.codiff-button, .codiff-copy-path-button, .codiff-open-file-button {
+  transform: scale(1);
+  box-shadow: inset 0 0 0 1px #fff0, 0 10px 32px -24px #0000, 0 8px 20px -16px #0000;
+}
+
 .codiff-button {
   white-space: nowrap;
   flex: none;
   gap: 7px;
   transition: background .16s, box-shadow .25s, transform .25s cubic-bezier(.34, 1.56, .64, 1);
-  transform: scale(1);
-  box-shadow: inset 0 0 0 1px #fff0, 0 10px 32px -24px #0000, 0 8px 20px -16px #0000;
 }
 
 .codiff-button-size-default {
@@ -7582,18 +7655,21 @@ html[data-codiff-platform="darwin"] .sidebar {
   text-decoration: underline;
 }
 
-.codiff-button:hover:not(:disabled) {
+.codiff-button:hover:is(:not(:disabled), [data-autosaving]), .codiff-copy-path-button:hover:not(:disabled), .codiff-open-file-button:hover:not(:disabled) {
   transform: scale(1.05);
   box-shadow: 0 10px 32px -24px #000000eb, 0 8px 20px -16px #000000d1;
 }
 
-.codiff-button:active:not(:disabled):not(:has(.review-submit-toggle:active)) {
+.codiff-button:active:not(:disabled):not(:has(.review-submit-toggle:active)), .codiff-copy-path-button:active:not(:disabled), .codiff-open-file-button:active:not(:disabled) {
   transform: scale(.95);
 }
 
 .codiff-button:disabled {
-  color: var(--muted);
   cursor: default;
+}
+
+.codiff-button:disabled:not([data-autosaving]) {
+  color: var(--muted);
   opacity: .55;
 }
 
@@ -8830,3 +8906,10 @@ diffs-container .review-comment-thread {
     display: none;
   }
 }
+
+.codiff-code-edit-error {
+  color: var(--danger);
+  background: var(--app-bg);
+  padding: 8px 16px;
+  font-size: 12px;
+}

package/dist/types.d.ts

@@ -245,6 +245,19 @@ export type SaveMarkdownDocumentResult = {
     document: CodiffMarkdownDocument;
     status: 'saved';
 };
+export type RepositoryFileDocument = {
+    content: string;
+    path: string;
+    root: string;
+    version: string;
+};
+export type SaveRepositoryFileRequest = Omit<RepositoryFileDocument, 'version'> & {
+    baseVersion: string;
+};
+export type SaveRepositoryFileResult = {
+    document: RepositoryFileDocument;
+    status: 'conflict' | 'saved';
+};
 export type PlanCommentAuthor = {
     avatarUrl?: string;
     email?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nkzw/codiff-core",
-  "version": "1.13.0",
+  "version": "1.15.0",
   "description": "A fast diff viewer.",
   "license": "MIT",
   "author": {
@@ -51,16 +51,16 @@
     }
   },
   "dependencies": {
-    "@nkzw/mdx-editor": "^1.0.1",
+    "@nkzw/mdx-editor": "^1.0.3",
     "@nkzw/use-relative-time": "^1.2.3",
     "@phosphor-icons/react": "^2.1.10",
-    "@pierre/diffs": "1.3.6",
+    "@pierre/diffs": "1.5.1",
     "@pierre/trees": "1.0.0-beta.6",
     "@radix-ui/react-slot": "^1.3.3",
     "class-variance-authority": "^0.7.1",
     "ghostty-web": "^0.4.0",
-    "lucide-react": "^1.39.0",
-    "valibot": "^1.4.2"
+    "lucide-react": "^1.48.0",
+    "valibot": "^1.5.0"
   },
   "peerDependencies": {
     "react": "^19.2.0",