Respect undo/redo stack in LeetCode Prettier extension (#496)

The previous method of editing the editor content would destroy the history of the user's edits. This doesn't!

Author: miorel

workspaces/leetcode-prettier-extension/package.json

@@ -22,6 +22,8 @@
     "typecheck": "code-chronicles-typecheck"
   },
   "dependencies": {
+    "@code-chronicles/util": "workspace:*",
+    "nullthrows": "patch:nullthrows@npm%3A1.1.1#~/.yarn/patches/nullthrows-npm-1.1.1-3d1f817134.patch",
     "prettier": "3.3.3"
   },
   "devDependencies": {

workspaces/leetcode-prettier-extension/src/main.ts

@@ -1,7 +1,10 @@
+import nullthrows from "nullthrows";
 import { format } from "prettier/standalone";
 import estreePlugin from "prettier/plugins/estree";
 import tsPlugin from "prettier/plugins/typescript";
 
+import { assignFunctionCosmeticProperties } from "@code-chronicles/util/object-properties/assignFunctionCosmeticProperties";
+
 import { isMonaco } from "./isMonaco.ts";
 
 function main(): void {
@@ -22,44 +25,55 @@ function main(): void {
       }
 
       monaco.editor.onDidCreateEditor((ed) => {
-        ed
-          ?.getModel?.()
-          ?.updateOptions?.({ tabSize: 2, indentSize: "tabSize" });
+        try {
+          nullthrows(ed.getModel()).updateOptions({
+            tabSize: 2,
+            indentSize: "tabSize",
+          });
+        } catch (err) {
+          console.error(err);
+        }
 
         if (typeof ed?.getAction !== "function") {
-          // TODO: console.error something interesting
+          console.error("Monaco editor doesn't have a `getAction` method!");
           return;
         }
 
         const { getAction } = ed;
-
-        ed.getAction = function (this: unknown) {
+        ed.getAction = assignFunctionCosmeticProperties(function (
+          this: unknown,
+        ) {
           const action = getAction.apply(
             this,
             // Slight lie but `.apply` will work with the `arguments` object.
             arguments as unknown as Parameters<typeof getAction>,
           );
-          if (!action) {
-            // TODO: console.error something interesting
+
+          if (typeof action?.run !== "function") {
+            console.error("Monaco action object doesn't have a `run` method!");
             return action;
           }
 
-          action.run = async function () {
+          action.run = assignFunctionCosmeticProperties(async function () {
             try {
               const formattedText = await format(ed.getValue(), {
                 parser: "typescript",
                 plugins: [estreePlugin, tsPlugin],
               });
 
-              // TODO: switch to https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.ITextModel.html#pushEditOperations.pushEditOperations-1 in the future
-              ed.setValue(formattedText);
+              ed.executeEdits("Prettier", [
+                {
+                  range: nullthrows(ed.getModel()).getFullModelRange(),
+                  text: formattedText,
+                },
+              ]);
             } catch (err) {
               console.error(err);
             }
-          };
+          }, action.run);
 
           return action;
-        };
+        }, getAction);
       });
     },
   });