Specify tab/indent size in LeetCode Prettier extension

Author: miorel

.github/workflows/run-tests.yml

@@ -15,7 +15,8 @@ jobs:
           # This is the version used by LeetCode.
           - 20.10.0
           - lts
-          - latest
+          # TODO: replace with latest, it was causing some Yarn checksum issues recently though
+          - 22.6.0
 
     runs-on: ubuntu-latest
 

.github/workflows/set-up-everything/action.yml

@@ -3,7 +3,8 @@ name: Set Up Everything
 inputs:
   node-version:
     required: true
-    default: latest
+    # TODO: replace with latest, it was causing some Yarn checksum issues recently though
+    default: 22.6.0
 
 runs:
   using: composite

workspaces/leetcode-prettier-extension/package.json

@@ -31,6 +31,7 @@
     "cross-env": "7.0.3",
     "eslint": "9.12.0",
     "fork-ts-checker-webpack-plugin": "9.0.2",
+    "monaco-editor": "0.52.0",
     "ts-loader": "9.5.1",
     "tsx": "4.19.1",
     "type-fest": "4.26.1",

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

@@ -1,31 +1,54 @@
+import type { editor as MonacoEditorNamespace } from "monaco-editor";
 import { format } from "prettier/standalone";
 import estreePlugin from "prettier/plugins/estree";
 import tsPlugin from "prettier/plugins/typescript";
 
+type Monaco = { editor: typeof MonacoEditorNamespace };
+
+type Obj = { [key: string]: Obj | undefined };
+
+function isMonaco(obj: unknown): obj is Monaco {
+  return typeof (obj as Obj)?.editor?.onDidCreateEditor === "function";
+}
+
 function main(): void {
-  // TODO: improve types
-  let monaco: any = undefined;
+  let monaco: unknown;
 
   Object.defineProperty(globalThis, "monaco", {
     get() {
       return monaco;
     },
 
-    set(newMonaco) {
+    set(newMonaco: unknown) {
       monaco = newMonaco;
-      monaco.editor.onDidCreateEditor((ed: any) => {
+      if (!isMonaco(monaco)) {
+        console.error(
+          "The `monaco` property doesn't follow the expected interface!",
+        );
+        return;
+      }
+
+      monaco.editor.onDidCreateEditor((ed) => {
         const { getAction } = ed;
         ed.getAction = function (this: unknown) {
-          const action = getAction.apply(this, arguments);
-          action.run = function () {
-            format(ed.getValue(), {
+          ed.getModel()?.updateOptions({ tabSize: 2, indentSize: "tabSize" });
+
+          // TODO: remove any
+          const action = getAction.apply(this, arguments as any);
+          if (!action) {
+            return action;
+          }
+
+          action.run = async function () {
+            const text = await format(ed.getValue(), {
               parser: "typescript",
               plugins: [estreePlugin, tsPlugin],
-            }).then((text) =>
-              // TODO: switch to https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.ITextModel.html#pushEditOperations.pushEditOperations-1 in the future
-              ed.setValue(text),
-            );
+            });
+
+            // TODO: switch to https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.ITextModel.html#pushEditOperations.pushEditOperations-1 in the future
+            ed.setValue(text);
           };
+
           return action;
         };
       });