git-stack-cli 1.15.0 → 1.15.1

package/README.md

@@ -129,12 +129,10 @@ Ensure `node --version` is the same across both projects you are using to test t
 git submodule update --init --recursive
 npm i
 npm run dev
-npm unlink git-stack-cli
-npm link
+npm run link
 
 # navigate to project to test within
-npm unlink git-stack-cli
-npm link git-stack-cli
+npm unlink git-stack-cli && npm link git-stack-cli
 
 git stack --verbose
 ```

package/dist/cjs/index.cjs

@@ -17667,33 +17667,42 @@ function Parens(props) {
 
 function YesNoPrompt(props) {
     const [answer, set_answer] = reactExports.useState("");
+    const answered_ref = reactExports.useRef(false);
     useInput((input) => {
-        const inputLower = input.toLowerCase();
-        set_answer(inputLower);
-        switch (inputLower) {
+        // prevent answering multiple times
+        if (answered_ref.current) {
+            return;
+        }
+        const input_lower = input.toLowerCase();
+        let handler;
+        switch (input_lower) {
             case "n":
-                return props.onNo();
+                handler = props.onNo;
+                break;
             case "y":
-                return props.onYes();
+                handler = props.onYes;
+                break;
+        }
+        // handler if valid answer (y or n)
+        if (handler) {
+            answered_ref.current = true;
+            set_answer(input_lower);
+            handler();
         }
     });
-    // prettier-ignore
-    const y = reactExports.createElement(Text, { bold: true, color: colors.green }, "Y");
-    const n = reactExports.createElement(Text, { color: colors.red }, "n");
-    let choices;
-    switch (answer) {
-        case "y":
-            choices = y;
-            break;
-        case "n":
-            choices = n;
-            break;
-        default:
-            choices = (reactExports.createElement(reactExports.Fragment, null,
-                y,
-                reactExports.createElement(Text, null, "/"),
-                n));
-    }
+    const choices = (function get_choices() {
+        // prettier-ignore
+        const y = reactExports.createElement(Text, { bold: true, color: colors.green }, "Y");
+        const n = reactExports.createElement(Text, { color: colors.red }, "n");
+        switch (answer) {
+            case "y":
+                return y;
+            case "n":
+                return n;
+            default:
+                return reactExports.createElement(FormatText, { message: "{y}/{n}", values: { y, n } });
+        }
+    })();
     return (reactExports.createElement(Box, { flexDirection: "column" },
         reactExports.createElement(Box, { alignItems: "flex-end" },
             typeof props.message === "object" ? (props.message) : (reactExports.createElement(Text, { color: colors.yellow }, props.message)),
@@ -26220,7 +26229,7 @@ function friendlyDateTime(dateTimeish) {
 }
 
 function LogTimestamp() {
-    return (reactExports.createElement(Text, { dimColor: true }, DateTime.now().toFormat("[yyyy-MM-dd HH:mm:ss.SSS] ")));
+    return reactExports.createElement(Text, { dimColor: true }, DateTime.now().toFormat("[yyyy-MM-dd HH:mm:ss.SSS] "));
 }
 
 function pretty_json(input) {
@@ -26246,6 +26255,7 @@ const BaseStore = createStore()(immer((set, get) => ({
     sync_github: null,
     is_dirty_check_stash: false,
     abort_handler: null,
+    is_exiting: false,
     step: "loading",
     output: [],
     pending_output: {},
@@ -26253,6 +26263,7 @@ const BaseStore = createStore()(immer((set, get) => ({
     actions: {
         exit(code, clear = true) {
             set((state) => {
+                state.is_exiting = true;
                 const node = reactExports.createElement(Exit, { clear: clear, code: code });
                 state.mutate.output(state, { node });
             });
@@ -26634,9 +26645,7 @@ function AutoUpdate(props) {
             if (props_ref.current.verbose) {
                 handle_output(reactExports.createElement(Text, { key: "init" }, "Checking for latest version..."));
             }
-            const timeout_ms = is_finite_value(props.timeoutMs)
-                ? props.timeoutMs
-                : 2 * 1000;
+            const timeout_ms = is_finite_value(props.timeoutMs) ? props.timeoutMs : 2 * 1000;
             const npm_json = await Promise.race([
                 fetch_json(`https://registry.npmjs.org/${props.name}`),
                 sleep(timeout_ms).then(() => {
@@ -26697,8 +26706,8 @@ function AutoUpdate(props) {
             case "prompt":
                 return (reactExports.createElement(YesNoPrompt, { message: reactExports.createElement(Text, { color: colors.yellow }, "New version available, would you like to update?"), onYes: async () => {
                         handle_output(reactExports.createElement(FormatText, { key: "install", wrapper: reactExports.createElement(Text, null), message: "Installing {name}@{version}...", values: {
-                                name: (reactExports.createElement(Text, { color: colors.yellow }, props.name)),
-                                version: (reactExports.createElement(Text, { color: colors.blue }, state.latest_version)),
+                                name: reactExports.createElement(Text, { color: colors.yellow }, props.name),
+                                version: reactExports.createElement(Text, { color: colors.blue }, state.latest_version),
                             } }));
                         patch({ status: "install" });
                         await cli(`npm install -g ${props.name}@latest`);
@@ -29863,9 +29872,7 @@ async function pr_draft(args) {
     // https://cli.github.com/manual/gh_api
     // https://docs.github.com/en/graphql/reference/mutations#convertpullrequesttodraft
     // https://docs.github.com/en/graphql/reference/mutations#markpullrequestreadyforreview
-    const mutation_name = args.draft
-        ? "convertPullRequestToDraft"
-        : "markPullRequestReadyForReview";
+    const mutation_name = args.draft ? "convertPullRequestToDraft" : "markPullRequestReadyForReview";
     let query = `
     mutation($id: ID!) {
       ${mutation_name}(input: { pullRequestId: $id }) {
@@ -29884,9 +29891,7 @@ async function pr_draft(args) {
     const state = Store.getState();
     const cache_pr = state.pr[args.branch];
     invariant(cache_pr, "cache_pr must exist");
-    const command_parts = [
-        `gh api graphql -F id="${cache_pr.id}" -f query='${query}'`,
-    ];
+    const command_parts = [`gh api graphql -F id="${cache_pr.id}" -f query='${query}'`];
     const command = command_parts.join(" ");
     const cli_result = await cli(command);
     if (cli_result.code !== 0) {
@@ -30346,6 +30351,8 @@ function DirtyCheck(props) {
     switch (state.status) {
         case "done":
             return props.children;
+        case "stash":
+            return (reactExports.createElement(FormatText, { wrapper: reactExports.createElement(Text, { color: colors.yellow }), message: "\uD83D\uDCE6 Stashing uncommitted changes\u2026" }));
         case "prompt":
             return (reactExports.createElement(Box, { flexDirection: "column" },
                 reactExports.createElement(FormatText, { wrapper: reactExports.createElement(Text, { color: colors.yellow }), message: "\u26A0\uFE0F Uncommitted changes detected. {git_stack} needs a clean working tree.", values: {
@@ -30355,8 +30362,10 @@ function DirtyCheck(props) {
                 reactExports.createElement(YesNoPrompt, { message: reactExports.createElement(FormatText, { wrapper: reactExports.createElement(Text, { color: colors.yellow }), message: "{git_stash} changes to proceed?", values: {
                             git_stash: reactExports.createElement(Command, null, "git stash"),
                         } }), onYes: async () => {
+                        patch({ status: "stash" });
                         await cli("git stash --include-untracked");
-                        actions.output(reactExports.createElement(Text, null, "\uD83D\uDCE6 Changes saved to stash"));
+                        actions.output(reactExports.createElement(Text, { color: colors.yellow },
+                            reactExports.createElement(FormatText, { message: "\uD83D\uDCE6 Changes saved to stash" })));
                         actions.set((state) => {
                             state.is_dirty_check_stash = true;
                         });
@@ -30394,7 +30403,7 @@ function DirtyCheck(props) {
 }
 
 function GatherMetadata(props) {
-    const fallback = (reactExports.createElement(Text, { color: colors.yellow }, "Gathering local git information\u2026"));
+    const fallback = reactExports.createElement(Text, { color: colors.yellow }, "Gathering local git information\u2026");
     return (reactExports.createElement(Await, { fallback: fallback, function: run$a }, props.children));
 }
 async function run$a() {
@@ -30436,8 +30445,7 @@ async function run$a() {
             return;
         }
         const head = (await cli("git rev-parse HEAD")).stdout;
-        const merge_base = (await cli(`git merge-base HEAD ${master_branch}`))
-            .stdout;
+        const merge_base = (await cli(`git merge-base HEAD ${master_branch}`)).stdout;
         // handle when there are no detected changes
         if (head === merge_base) {
             actions.newline();
@@ -30531,7 +30539,6 @@ async function run$9() {
 
 function HandleCtrlCSigint() {
     const actions = Store.useActions();
-    const [exiting, set_exiting] = reactExports.useState(false);
     useInput((input, key) => {
         handle_input().catch((err) => {
             // eslint-disable-next-line no-console
@@ -30542,22 +30549,17 @@ function HandleCtrlCSigint() {
                 actions.clear();
                 actions.output(reactExports.createElement(Text, { color: colors.red },
                     reactExports.createElement(FormatText, { message: "\uD83D\uDEA8 Ctrl+C detected" })));
-                set_exiting(true);
                 await sleep(1);
                 actions.exit(235);
             }
         }
     });
-    if (exiting) {
-        return (reactExports.createElement(Text, { color: colors.red },
-            reactExports.createElement(FormatText, { message: "\uD83D\uDEA8 Exiting\u2026" })));
-    }
     return null;
 }
 
 function LocalCommitStatus(props) {
     const argv = Store.useState((state) => state.argv);
-    const fallback = (reactExports.createElement(Text, { color: colors.yellow }, "Fetching PR status from Github\u2026"));
+    const fallback = reactExports.createElement(Text, { color: colors.yellow }, "Fetching PR status from Github\u2026");
     if (argv["mock-metadata"]) {
         return (reactExports.createElement(Await, { fallback: fallback, function: mock_metadata }, props.children));
     }
@@ -30797,8 +30799,7 @@ async function run$7() {
     const temp_branch_name = `${branch_name}_${short_id()}`;
     try {
         // get latest merge_base relative to local master
-        const merge_base = (await cli(`git merge-base HEAD ${master_branch}`))
-            .stdout;
+        const merge_base = (await cli(`git merge-base HEAD ${master_branch}`)).stdout;
         // immediately paint all commit to preserve selected commit ranges
         let commit_range = await range(commit_map);
         // reverse group list to ensure we create git revise in correct order
@@ -31094,6 +31095,7 @@ async function run$6() {
     });
     actions.output(reactExports.createElement(StatusTable, null));
     actions.output(reactExports.createElement(Text, null, "\u2705 Everything up to date."));
+    actions.exit(0);
 }
 
 function PreLocalMergeRebase() {
@@ -31154,7 +31156,7 @@ async function run$5() {
         state.pr_templates = pr_templates;
         if (pr_templates.length > 0) {
             actions.output(reactExports.createElement(FormatText, { wrapper: reactExports.createElement(Text, { color: colors.yellow }), message: "{count} queryable templates found under {dir}, but not supported.", values: {
-                    count: (reactExports.createElement(Text, { color: colors.blue }, pr_templates.length)),
+                    count: reactExports.createElement(Text, { color: colors.blue }, pr_templates.length),
                     dir: reactExports.createElement(Brackets, null, PR_TEMPLATE.TemplateDir("")),
                 } }));
         }
@@ -31816,7 +31818,7 @@ const RE = {
 };
 
 function SyncGithub() {
-    return (reactExports.createElement(Await, { fallback: reactExports.createElement(Text, { color: colors.yellow }, "Syncing\u2026"), function: run$3 }));
+    return reactExports.createElement(Await, { fallback: reactExports.createElement(Text, { color: colors.yellow }, "Syncing\u2026"), function: run$3 });
 }
 async function run$3() {
     const state = Store.getState();
@@ -32151,7 +32153,7 @@ function RebaseCheck(props) {
 }
 
 function VerboseDebugInfo(props) {
-    const fallback = (reactExports.createElement(Text, { color: colors.yellow }, "Logging verbose debug information\u2026"));
+    const fallback = reactExports.createElement(Text, { color: colors.yellow }, "Logging verbose debug information\u2026");
     return (reactExports.createElement(Await, { fallback: fallback, function: run$2 }, props.children));
 }
 async function run$2() {
@@ -32214,8 +32216,7 @@ async function run$1() {
     // Calculate commit SHA based on the relative commit number
     const adjusted_number = Number(relative_number) - 1;
     // get the commit SHA of the target commit
-    const commit_sha = (await cli(`git rev-parse HEAD~${adjusted_number}`))
-        .stdout;
+    const commit_sha = (await cli(`git rev-parse HEAD~${adjusted_number}`)).stdout;
     actions.output(reactExports.createElement(FormatText, { wrapper: reactExports.createElement(Text, { color: colors.yellow }), message: "\uD83D\uDEE0\uFE0F fixup {relative_number} {commit_sha}", values: {
             commit_sha: reactExports.createElement(Parens, null, commit_sha),
             relative_number: relative_number,
@@ -32229,7 +32230,8 @@ async function run$1() {
     if (diff_cmd.code) {
         save_stash = true;
         await cli("git stash --include-untracked");
-        actions.output(reactExports.createElement(Text, null, "\uD83D\uDCE6 Changes saved to stash"));
+        actions.output(reactExports.createElement(Text, { color: colors.yellow },
+            reactExports.createElement(FormatText, { message: "\uD83D\uDCE6 Changes saved to stash" })));
     }
     try {
         // rebase target needs to account for new commit created above
@@ -32282,13 +32284,7 @@ async function run(args) {
     // commit subject - 80 characters wide, truncated
     const subject_format = `%<(60,trunc)%s`;
     // combine all the above formats into one
-    const format = [
-        sha_format,
-        date_format,
-        author_format,
-        decoration_format,
-        subject_format,
-    ].join(" ");
+    const format = [sha_format, date_format, author_format, decoration_format, subject_format].join(" ");
     // view the SHA, description and history graph of last 20 commits
     const rest_args = process_argv.slice(3).join(" ");
     const command = [
@@ -32300,6 +32296,58 @@ async function run(args) {
     actions.output(result.stdout);
 }
 
+/* eslint-disable no-console */
+class ErrorBoundary extends reactExports.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            error: null,
+            component_stack: "",
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(_error, error_info) {
+        let component_stack = error_info.componentStack;
+        if (component_stack) {
+            // remove first line of component_stack
+            component_stack = component_stack.split("\n").slice(1).join("\n");
+            this.setState({ component_stack });
+        }
+    }
+    render() {
+        if (!this.state.error) {
+            return this.props.children;
+        }
+        const message = this.state.error.message;
+        return (reactExports.createElement(Box, { flexDirection: "column", gap: 0 },
+            reactExports.createElement(Text, { color: colors.red },
+                reactExports.createElement(FormatText, { message: "\uD83D\uDEA8 Unhandled error {message}", values: {
+                        message: reactExports.createElement(Text, { color: colors.gray }, message),
+                    } })),
+            this._render_verbose()));
+    }
+    _render_verbose() {
+        const store_state = Store.getState();
+        if (store_state.argv.verbose) {
+            return reactExports.createElement(Text, { color: colors.gray }, this.state.component_stack);
+        }
+        return (reactExports.createElement(Text, { color: colors.gray },
+            reactExports.createElement(FormatText, { message: "Try again with `--verbose` to see more information." })));
+    }
+}
+
+function ExitingGate(props) {
+    const is_exiting = Store.useState((state) => state.is_exiting);
+    if (!is_exiting) {
+        return props.children;
+    }
+    return (reactExports.createElement(Box, { flexDirection: "column" },
+        reactExports.createElement(Text, { color: colors.red },
+            reactExports.createElement(FormatText, { message: "\uD83D\uDEA8 Exiting\u2026" }))));
+}
+
 function App() {
     const actions = Store.useActions();
     const ink = Store.useState((state) => state.ink);
@@ -32316,19 +32364,21 @@ function App() {
     //   </React.Fragment>
     // );
     return (reactExports.createElement(Providers, null,
-        reactExports.createElement(Debug, null),
-        reactExports.createElement(Output, null),
-        reactExports.createElement(AutoUpdate, { name: "git-stack-cli", verbose: argv.verbose || argv.update, timeoutMs: argv.update ? 30 * 1000 : 2 * 1000, onOutput: actions.output, onDone: () => {
-                if (argv.update) {
-                    actions.exit(0);
-                }
-            } },
-            reactExports.createElement(VerboseDebugInfo, null,
-                reactExports.createElement(DependencyCheck, null,
-                    reactExports.createElement(RebaseCheck, null,
-                        reactExports.createElement(CherryPickCheck, null,
-                            reactExports.createElement(MaybeMain, null)))))),
-        reactExports.createElement(HandleCtrlCSigint, null)));
+        reactExports.createElement(ErrorBoundary, null,
+            reactExports.createElement(Debug, null),
+            reactExports.createElement(Output, null),
+            reactExports.createElement(ExitingGate, null,
+                reactExports.createElement(AutoUpdate, { name: "git-stack-cli", verbose: argv.verbose || argv.update, timeoutMs: argv.update ? 30 * 1000 : 2 * 1000, onOutput: actions.output, onDone: () => {
+                        if (argv.update) {
+                            actions.exit(0);
+                        }
+                    } },
+                    reactExports.createElement(VerboseDebugInfo, null,
+                        reactExports.createElement(DependencyCheck, null,
+                            reactExports.createElement(RebaseCheck, null,
+                                reactExports.createElement(CherryPickCheck, null,
+                                    reactExports.createElement(MaybeMain, null)))))),
+                reactExports.createElement(HandleCtrlCSigint, null)))));
 }
 function MaybeMain() {
     const argv = Store.useState((state) => state.argv);
@@ -32344,12 +32394,13 @@ function MaybeMain() {
             reactExports.createElement(LocalCommitStatus, null,
                 reactExports.createElement(Rebase, null))));
     }
-    return (reactExports.createElement(DirtyCheck, null,
+    return (reactExports.createElement(reactExports.Fragment, null,
         !argv.verbose ? null : reactExports.createElement(GithubApiError, null),
         reactExports.createElement(GatherMetadata, null,
-            reactExports.createElement(LocalCommitStatus, null,
-                reactExports.createElement(DetectInitialPR, null,
-                    reactExports.createElement(Main, null))))));
+            reactExports.createElement(DirtyCheck, null,
+                reactExports.createElement(LocalCommitStatus, null,
+                    reactExports.createElement(DetectInitialPR, null,
+                        reactExports.createElement(Main, null)))))));
 }
 
 const align = {
@@ -37670,10 +37721,9 @@ async function command() {
         .wrap(123)
         // disallow unknown options
         .strict()
-        .version("1.15.0" )
+        .version("1.15.1" )
         .showHidden("show-hidden", "Show hidden options via `git stack help --show-hidden`")
-        .help("help", "Show usage via `git stack help`")
-        .argv;
+        .help("help", "Show usage via `git stack help`").argv;
 }
 const GlobalOptions = {
     verbose: {
@@ -37758,9 +37808,22 @@ const FixupOptions = {
     },
 };
 
+/* eslint-disable no-console */
 (async function main() {
     try {
         const argv = await command();
+        process.on("uncaughtException", (error) => {
+            console.error("🚨 uncaughtException");
+            console.error(error);
+            maybe_verbose_help();
+            process.exit(237);
+        });
+        process.on("unhandledRejection", (reason, _promise) => {
+            console.error("🚨 unhandledRejection");
+            console.error(reason);
+            maybe_verbose_help();
+            process.exit(238);
+        });
         const ink = render(reactExports.createElement(App, null), {
             // If true, each update will be rendered as a separate output, without replacing the previous one.
             // debug: true,
@@ -37777,14 +37840,18 @@ const FixupOptions = {
         });
         Store.getState().actions.debug(pretty_json(argv));
         await ink.waitUntilExit();
+        function maybe_verbose_help() {
+            if (!argv.verbose) {
+                console.error();
+                console.error("Try again with `--verbose` to see more information.");
+            }
+        }
     }
     catch (err) {
-        // eslint-disable-next-line no-console
         console.error(err);
-        process.exit(235);
+        process.exit(236);
     }
 })().catch((err) => {
-    // eslint-disable-next-line no-console
     console.error(err);
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-stack-cli",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "description": "",
   "author": "magus",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "dev": "npm run build -- --watch",
     "build": "rollup -c rollup.config.js",
     "build:standalone": "GIT_STACK_STANDALONE=true bun run scripts/build-standalone.ts",
+    "link": "bun run scripts/link.ts",
     "release:npm": "bun run scripts/release-npm.ts",
     "release:github": "bun run scripts/release-github.ts",
     "release:brew": "bun run scripts/release-brew.ts",

package/scripts/link.ts

@@ -0,0 +1,14 @@
+import path from "node:path";
+
+import { spawn } from "~/core/spawn";
+
+const SCRIPT_DIR = import.meta.dir;
+const PROJECT_DIR = path.join(SCRIPT_DIR, "..");
+
+process.chdir(PROJECT_DIR);
+
+await spawn.sync("npm unlink git-stack-cli");
+await spawn.sync("npm link");
+
+console.debug();
+console.debug("✅", "linked");

package/src/app/App.tsx

@@ -19,6 +19,8 @@ import { VerboseDebugInfo } from "~/app/VerboseDebugInfo";
 import { Fixup } from "~/commands/Fixup";
 import { Log } from "~/commands/Log";
 import { Rebase } from "~/commands/Rebase";
+import { ErrorBoundary } from "~/components/ErrorBoundary";
+import { ExitingGate } from "~/components/ExitingGate";
 
 export function App() {
   const actions = Store.useActions();
@@ -42,32 +44,36 @@ export function App() {
 
   return (
     <Providers>
-      <Debug />
-      <Output />
+      <ErrorBoundary>
+        <Debug />
+        <Output />
 
-      <AutoUpdate
-        name="git-stack-cli"
-        verbose={argv.verbose || argv.update}
-        timeoutMs={argv.update ? 30 * 1000 : 2 * 1000}
-        onOutput={actions.output}
-        onDone={() => {
-          if (argv.update) {
-            actions.exit(0);
-          }
-        }}
-      >
-        <VerboseDebugInfo>
-          <DependencyCheck>
-            <RebaseCheck>
-              <CherryPickCheck>
-                <MaybeMain />
-              </CherryPickCheck>
-            </RebaseCheck>
-          </DependencyCheck>
-        </VerboseDebugInfo>
-      </AutoUpdate>
+        <ExitingGate>
+          <AutoUpdate
+            name="git-stack-cli"
+            verbose={argv.verbose || argv.update}
+            timeoutMs={argv.update ? 30 * 1000 : 2 * 1000}
+            onOutput={actions.output}
+            onDone={() => {
+              if (argv.update) {
+                actions.exit(0);
+              }
+            }}
+          >
+            <VerboseDebugInfo>
+              <DependencyCheck>
+                <RebaseCheck>
+                  <CherryPickCheck>
+                    <MaybeMain />
+                  </CherryPickCheck>
+                </RebaseCheck>
+              </DependencyCheck>
+            </VerboseDebugInfo>
+          </AutoUpdate>
 
-      <HandleCtrlCSigint />
+          <HandleCtrlCSigint />
+        </ExitingGate>
+      </ErrorBoundary>
     </Providers>
   );
 }
@@ -91,16 +97,18 @@ function MaybeMain() {
   }
 
   return (
-    <DirtyCheck>
+    <React.Fragment>
       {!argv.verbose ? null : <GithubApiError />}
 
       <GatherMetadata>
-        <LocalCommitStatus>
-          <DetectInitialPR>
-            <Main />
-          </DetectInitialPR>
-        </LocalCommitStatus>
+        <DirtyCheck>
+          <LocalCommitStatus>
+            <DetectInitialPR>
+              <Main />
+            </DetectInitialPR>
+          </LocalCommitStatus>
+        </DirtyCheck>
       </GatherMetadata>
-    </DirtyCheck>
+    </React.Fragment>
   );
 }

package/src/app/AutoUpdate.tsx

@@ -67,14 +67,10 @@ export function AutoUpdate(props: Props) {
 
     async function auto_update() {
       if (props_ref.current.verbose) {
-        handle_output(
-          <Ink.Text key="init">Checking for latest version...</Ink.Text>
-        );
+        handle_output(<Ink.Text key="init">Checking for latest version...</Ink.Text>);
       }
 
-      const timeout_ms = is_finite_value(props.timeoutMs)
-        ? props.timeoutMs
-        : 2 * 1000;
+      const timeout_ms = is_finite_value(props.timeoutMs) ? props.timeoutMs : 2 * 1000;
 
       const npm_json = await Promise.race([
         fetch_json(`https://registry.npmjs.org/${props.name}`),
@@ -94,12 +90,7 @@ export function AutoUpdate(props: Props) {
       const script_dir = path.dirname(script_path);
 
       // dist/ts/index.js
-      const package_json_path = path.join(
-        script_dir,
-        "..",
-        "..",
-        "package.json"
-      );
+      const package_json_path = path.join(script_dir, "..", "..", "package.json");
 
       type PackageJson = { version: string };
       const package_json = await read_json<PackageJson>(package_json_path);
@@ -121,7 +112,7 @@ export function AutoUpdate(props: Props) {
               latest_version: <Brackets>{latest_version}</Brackets>,
               local_version: <Brackets>{local_version}</Brackets>,
             }}
-          />
+          />,
         );
       }
 
@@ -134,7 +125,7 @@ export function AutoUpdate(props: Props) {
       if (semver_result === -1) {
         // latest version is less than or equal to local version, skip auto update
         throw new Error(
-          `latest version < local_version, skipping auto update [${latest_version} < ${local_version}]`
+          `latest version < local_version, skipping auto update [${latest_version} < ${local_version}]`,
         );
       }
 
@@ -156,7 +147,7 @@ export function AutoUpdate(props: Props) {
           handle_output(
             <Ink.Text key="error" color={colors.red}>
               {error?.message}
-            </Ink.Text>
+            </Ink.Text>,
           );
         }
       })
@@ -185,16 +176,10 @@ export function AutoUpdate(props: Props) {
                   wrapper={<Ink.Text />}
                   message="Installing {name}@{version}..."
                   values={{
-                    name: (
-                      <Ink.Text color={colors.yellow}>{props.name}</Ink.Text>
-                    ),
-                    version: (
-                      <Ink.Text color={colors.blue}>
-                        {state.latest_version}
-                      </Ink.Text>
-                    ),
+                    name: <Ink.Text color={colors.yellow}>{props.name}</Ink.Text>,
+                    version: <Ink.Text color={colors.blue}>{state.latest_version}</Ink.Text>,
                   }}
-                />
+                />,
               );
 
               patch({ status: "install" });