Bump @pierre/diffs from 1.3.0-beta.9 to 1.3.0-beta.10

apps/web/src/components/file-viewer/FileEditorPane.tsx

@@ -1,7 +1,7 @@
 /**
  * Editable surface for the file viewer's edit mode.
  *
- * Wraps a `contentEditable` pierre File in an `EditorProvider`. The attach is
+ * Wraps a `contentEditable` pierre File in an `EditProvider`. The attach is
  * deferred to a post-mount effect: attaching during mount is unsafe under
  * StrictMode (the doubled mount effect runs edit → cleanUp → edit and
  * pierre's re-attach render sync short-circuits on cached content, leaving
@@ -18,7 +18,7 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { Editor } from "@pierre/diffs/editor";
-import { EditorProvider, File as PierreFile } from "@pierre/diffs/react";
+import { EditProvider, File as PierreFile } from "@pierre/diffs/react";
 
 import { useFileViewerStore, type FileViewerContext } from "../../fileViewerStore";
 import { useTheme } from "../../hooks/useTheme";
@@ -134,7 +134,7 @@ export function FileEditorPane({
   );
 
   return (
-    <EditorProvider editor={editor}>
+    <EditProvider editor={editor}>
       <PierreFile
         file={{
           name: path,
@@ -151,6 +151,6 @@ export function FileEditorPane({
         disableWorkerPool
         options={pierreOptions}
       />
-    </EditorProvider>
+    </EditProvider>
   );
 }

apps/web/src/components/file-viewer/FileViewerPierre.browser.tsx

@@ -7,7 +7,7 @@
 import type { SelectedLineRange } from "@pierre/diffs";
 import { getFiletypeFromFileName, preloadHighlighter } from "@pierre/diffs";
 import { Editor } from "@pierre/diffs/editor";
-import { EditorProvider, File as PierreFile } from "@pierre/diffs/react";
+import { EditProvider, File as PierreFile } from "@pierre/diffs/react";
 
 import { DIFF_PANEL_UNSAFE_CSS } from "../DiffPanel.styles";
 import { DiffWorkerPoolProvider } from "../DiffWorkerPoolProvider";
@@ -218,7 +218,7 @@
   });
 });
 
-// Mirrors the editable-file wiring (EditorProvider + contentEditable File) so
+// Mirrors the editable-file wiring (EditProvider + contentEditable File) so
 // editor attachment regressions surface here instead of in the app.
 function EditableHarness({
   path,
@@ -231,7 +231,7 @@
 }) {
   return (
     <DiffWorkerPoolProvider>
-      <EditorProvider editor={editor}>
+      <EditProvider editor={editor}>
         <div style={{ height: 300, overflow: "auto" }}>
           <PierreFile
             key={path}
@@ -245,7 +245,7 @@
             }}
           />
         </div>
-      </EditorProvider>
+      </EditProvider>
     </DiffWorkerPoolProvider>
   );
 }
@@ -255,7 +255,7 @@
   const deadline = performance.now() + timeoutMs;
   const ready = () => {
     try {
-      return editor.getState().file != null;
+      return typeof editor.getText() === "string";
     } catch {
       return false;
     }
@@ -286,7 +286,7 @@
     );
     await waitForEditorDocument(editor);
 
     editor.applyEdits(
       [
         {
           range: { start: { line: 0, character: 6 }, end: { line: 0, character: 11 } },
@@ -326,7 +326,7 @@
     // keystrokes are harmless — the assertion needs one to follow "start".
     const deadline = performance.now() + 15_000;
     while (changes.length === 0) {
       editor.setSelections([
         { start: { line: 0, character: 5 }, end: { line: 0, character: 5 }, direction: "none" },
       ]);
       editor.focus();
@@ -350,7 +350,7 @@
     function WrapHarness({ wrap }: { wrap: boolean }) {
       return (
         <DiffWorkerPoolProvider>
-          <EditorProvider editor={editor}>
+          <EditProvider editor={editor}>
             <div style={{ height: 300, overflow: "auto" }}>
               <PierreFile
                 file={{ name: "w2.ts", contents: "const w = 0;\n", cacheKey: "edit:w2.ts" }}
@@ -363,7 +363,7 @@
                 }}
               />
             </div>
-          </EditorProvider>
+          </EditProvider>
         </DiffWorkerPoolProvider>
       );
     }
@@ -371,7 +371,7 @@
     const screen = await render(<WrapHarness wrap={false} />);
     await waitForEditorDocument(editor);
 
     editor.applyEdits(
       [
         {
           range: { start: { line: 0, character: 10 }, end: { line: 0, character: 11 } },
@@ -381,12 +381,12 @@
       true,
     );
     await settle(100);
-    expect(editor.getState().file.contents).toContain("const w = 7;");
+    expect(editor.getText()).toContain("const w = 7;");
 
     screen.rerender(<WrapHarness wrap={true} />);
     await settle();
 
-    expect(editor.getState().file.contents).toContain("const w = 7;");
+    expect(editor.getText()).toContain("const w = 7;");
     expect(editor.canUndo).toBe(true);
 
     screen.unmount();
@@ -413,11 +413,11 @@
     await waitForEditorDocument(editor);
 
     const deadline = performance.now() + 15_000;
-    while (!editor.getState().file.contents.includes("start!") && performance.now() < deadline) {
+    while (!editor.getText().includes("start!") && performance.now() < deadline) {
       await settle(150);
     }
 
-    expect(editor.getState().file.contents).toContain("start!\nnext");
+    expect(editor.getText()).toContain("start!\nnext");
     expect(editor.getState().selections?.[0]).toMatchObject({
       start: { line: 0, character: 6 },
       end: { line: 0, character: 6 },
@@ -443,7 +443,7 @@
       editorRef = editor;
       return (
         <DiffWorkerPoolProvider>
-          <EditorProvider editor={editor}>
+          <EditProvider editor={editor}>
             <div style={{ height: 300, overflow: "auto" }}>
               <PierreFile
                 key={path}
@@ -452,7 +452,7 @@
                 options={{ disableFileHeader: true, theme: "pierre-dark", themeType: "dark" }}
               />
             </div>
-          </EditorProvider>
+          </EditProvider>
         </DiffWorkerPoolProvider>
       );
     }
@@ -467,7 +467,7 @@
     const editor = editorRef as unknown as Editor<undefined>;
     expect(editor).not.toBeNull();
     await waitForEditorDocument(editor);
     editor.applyEdits(
       [
         {
           range: { start: { line: 0, character: 10 }, end: { line: 0, character: 11 } },
@@ -477,7 +477,7 @@
       true,
     );
     await settle(100);
-    expect(editor.getState().file.contents).toContain("const s = 9;");
+    expect(editor.getText()).toContain("const s = 9;");
 
     screen.unmount();
   });