From ce25d0796783efd14761f83bdee80c5759c266cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cristian=20Pallar=C3=A9s?= <cristianp@wing.cloud>
Date: Fri, 12 Apr 2024 10:18:19 +0200
Subject: [PATCH] chore(console): use .mjs for the dev scripts

This is a workaround to make the dev scripts for the Console work again. The issue was related to using `tsx` as the dev script executor.
---
 apps/wing-console/console/app/package.json                    | 4 ++--
 .../console/app/scripts/{config.mts => config.mjs}            | 4 ++--
 apps/wing-console/console/app/scripts/{dev.mts => dev.mjs}    | 4 +---
 .../console/app/scripts/{preview.mts => preview.mjs}          | 0
 4 files changed, 5 insertions(+), 7 deletions(-)
 rename apps/wing-console/console/app/scripts/{config.mts => config.mjs} (76%)
 rename apps/wing-console/console/app/scripts/{dev.mts => dev.mjs} (96%)
 rename apps/wing-console/console/app/scripts/{preview.mts => preview.mjs} (100%)

diff --git a/apps/wing-console/console/app/package.json b/apps/wing-console/console/app/package.json
index c47bd4b7008..3043051d208 100644
--- a/apps/wing-console/console/app/package.json
+++ b/apps/wing-console/console/app/package.json
@@ -11,8 +11,8 @@
     "dist"
   ],
   "scripts": {
-    "preview": "tsx scripts/preview.mts",
-    "dev": "tsx watch scripts/dev.mts",
+    "preview": "node scripts/preview.mjs",
+    "dev": "node scripts/dev.mjs",
     "compile": "tsup",
     "eslint": "eslint --ext .js,.cjs,.ts,.cts,.mts,.tsx --no-error-on-unmatched-pattern . --fix",
     "test:playwright": "playwright test --update-snapshots",
diff --git a/apps/wing-console/console/app/scripts/config.mts b/apps/wing-console/console/app/scripts/config.mjs
similarity index 76%
rename from apps/wing-console/console/app/scripts/config.mts
rename to apps/wing-console/console/app/scripts/config.mjs
index 1e1faf890a6..fa01fd0913e 100644
--- a/apps/wing-console/console/app/scripts/config.mts
+++ b/apps/wing-console/console/app/scripts/config.mjs
@@ -1,9 +1,9 @@
 import { fileURLToPath } from "node:url";
 
 import react from "@vitejs/plugin-react";
-import { type InlineConfig } from "vite";
 
-export const viteConfig: InlineConfig = {
+/** @type {import("vite".InlineConfig)} */
+export const viteConfig = {
   configFile: false,
   root: fileURLToPath(new URL("../web", import.meta.url)),
   plugins: [react()],
diff --git a/apps/wing-console/console/app/scripts/dev.mts b/apps/wing-console/console/app/scripts/dev.mjs
similarity index 96%
rename from apps/wing-console/console/app/scripts/dev.mts
rename to apps/wing-console/console/app/scripts/dev.mjs
index c8083c32fd0..5979b6aae9a 100644
--- a/apps/wing-console/console/app/scripts/dev.mts
+++ b/apps/wing-console/console/app/scripts/dev.mjs
@@ -31,9 +31,7 @@ const options = parseArgs({
     config: {
       addEventListener(event, listener) {},
       removeEventListener(event, listener) {},
-      get(key: any) {
-        return undefined as any;
-      },
+      get(key) {},
       set(key, value) {},
     },
     hostUtils: {
diff --git a/apps/wing-console/console/app/scripts/preview.mts b/apps/wing-console/console/app/scripts/preview.mjs
similarity index 100%
rename from apps/wing-console/console/app/scripts/preview.mts
rename to apps/wing-console/console/app/scripts/preview.mjs