timetravel: make revert work with git

Author: williamstein

src/packages/frontend/frame-editors/time-travel-editor/actions.ts

@@ -386,13 +386,21 @@ export class TimeTravelActions extends CodeEditorActions<TimeTravelState> {
   };
 
   // Revert the live version of the document to a specific version */
-  revert = async (version: Date): Promise<void> => {
-    if (this.syncdoc == null) return;
-    this.syncdoc.revert(version);
-    this.syncdoc.commit();
+  revert = async (id: string, version: Date, doc: Document): Promise<void> => {
+    const { syncdoc } = this;
+    if (syncdoc == null) {
+      return;
+    }
+    const node = this.getFrameNodeGlobal(id);
+    syncdoc.commit();
+    if (node.get("git_mode")) {
+      syncdoc.from_str(doc.to_str());
+    } else {
+      syncdoc.revert(version);
+    }
+    await syncdoc.commit();
     await this.open_file();
-    if (this.syncdoc == null) return;
-    this.syncdoc.emit("change");
+    syncdoc.emit("change");
   };
 
   open_snapshots = (): void => {

src/packages/frontend/frame-editors/time-travel-editor/revert-file.tsx

@@ -8,20 +8,22 @@ import { TimeTravelActions } from "./actions";
 import { Icon } from "../../components";
 
 interface Props {
+  id: string;
   actions: TimeTravelActions;
   version: Date | undefined;
+  doc;
 }
 
-export function RevertFile(props: Props) {
+export function RevertFile({ id, actions, version, doc }: Props) {
   return (
     <Button
       title={`Revert file to the displayed version (this makes a new version, so nothing is lost)`}
       onClick={() => {
-        if (props.version != null) {
-          props.actions.revert(props.version);
+        if (version != null) {
+          actions.revert(id, version, doc);
         }
       }}
-      disabled={props.version == null || props.actions.syncdoc?.is_read_only()}
+      disabled={version == null || actions.syncdoc?.is_read_only()}
     >
       <Icon name="undo" /> Revert
     </Button>

src/packages/frontend/frame-editors/time-travel-editor/time-travel.tsx

@@ -272,10 +272,17 @@ export function TimeTravel(props: Props) {
   };
 
   const renderRevertFile = () => {
-    if (changesMode) {
+    if (changesMode || doc == null) {
       return;
     }
-    return <RevertFile actions={props.actions} version={getVersion()} />;
+    return (
+      <RevertFile
+        actions={props.actions}
+        version={getVersion()}
+        id={props.id}
+        doc={doc}
+      />
+    );
   };
 
   const renderChangesMode = () => {