Replace biome with eslint and prettier and replace tsx with jiti

Author: eriicafes

.npmignore

@@ -1,8 +1,12 @@
 .changeset
 .github
 .vscode
-src
+.react-router
+cli
+core
+ui
 tests
+examples
 pnpm-lock.yaml
 tsconfig.json
 vitest.config.mts

.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "semi": false
+}

.vscode/settings.json

@@ -2,5 +2,9 @@
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.organizeImports": "explicit"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

README.md

@@ -14,4 +14,4 @@ comprising of the Monarch CLI and Studio.
 
 ```sh
   npm install -D monarch-kit
-```
+```

biome.json

@@ -1,9 +1,9 @@
-import { createCommand } from "commandstruct";
-import type { Database } from "~/core/database";
+import { createCommand } from "commandstruct"
+import type { Database } from "~/core/database"
 
 export const dbCmd = createCommand("db")
   .use<{ database: Database }>()
   .action(async (_, ctx) => {
-    const dbs = await ctx.database.list();
-    console.log(dbs);
-  });
+    const dbs = await ctx.database.list()
+    console.log(dbs)
+  })

cli/db.ts

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
 
-import { createProgram } from "commandstruct";
-import { Database } from "~/core/database";
-import { dbCmd } from "./db";
-import { studioCmd } from "./studio";
+import { createProgram } from "commandstruct"
+import { Database } from "~/core/database"
+import { dbCmd } from "./db"
+import { studioCmd } from "./studio"
 
 createProgram("monarch-cli")
   .provide({ database: Database })
   .commands(dbCmd, studioCmd)
   .build()
-  .run();
+  .run()

cli/index.ts

@@ -1,39 +1,39 @@
-import { createRequestHandler } from "@react-router/express";
-import { createCommand, flag } from "commandstruct";
-import compression from "compression";
-import express from "express";
-import morgan from "morgan";
-import os from "node:os";
-import path from "node:path";
-import url from "node:url";
-import { type ServerBuild } from "react-router";
-import type { Database } from "~/core/database";
+import { createRequestHandler } from "@react-router/express"
+import { createCommand, flag } from "commandstruct"
+import compression from "compression"
+import express from "express"
+import morgan from "morgan"
+import os from "node:os"
+import path from "node:path"
+import url from "node:url"
+import { type ServerBuild } from "react-router"
+import type { Database } from "~/core/database"
 
 export const studioCmd = createCommand("studio")
   .use<{ database: Database }>()
   .flags({
     port: flag("web server port").char("p").optionalParam("number", 6543),
   })
   .action(async ({ flags }) => {
-    let buildPath = import.meta.dirname;
+    let buildPath = import.meta.dirname
     if (buildPath.endsWith("dist")) {
-      buildPath = path.join(buildPath, "ui/server/index.js");
+      buildPath = path.join(buildPath, "ui/server/index.js")
     } else {
       // during development the ui dir different
-      buildPath = path.join(buildPath, "../dist/ui/server/index.js");
+      buildPath = path.join(buildPath, "../dist/ui/server/index.js")
     }
 
     const build: ServerBuild | null = await import(
       url.pathToFileURL(buildPath).href
-    ).catch(() => null);
+    ).catch(() => null)
     if (!build) {
       return console.error(
-        `[monarch-studio] err: missing build output at ${buildPath}`
-      );
+        `[monarch-studio] err: missing build output at ${buildPath}`,
+      )
     }
 
-    runServer(build, flags.port);
-  });
+    runServer(build, flags.port)
+  })
 
 function runServer(build: ServerBuild, port: number) {
   function onListen() {
@@ -42,42 +42,42 @@ function runServer(build: ServerBuild, port: number) {
       Object.values(os.networkInterfaces())
         .flat()
         .find((ip) => String(ip?.family).includes("4") && !ip?.internal)
-        ?.address;
+        ?.address
 
     if (!address) {
-      console.log(`[monarch-studio] http://localhost:${port}`);
+      console.log(`[monarch-studio] http://localhost:${port}`)
     } else {
       console.log(
-        `[monarch-studio] http://localhost:${port} (http://${address}:${port})`
-      );
+        `[monarch-studio] http://localhost:${port} (http://${address}:${port})`,
+      )
     }
   }
 
-  const app = express();
-  app.disable("x-powered-by");
-  app.use(compression());
+  const app = express()
+  app.disable("x-powered-by")
+  app.use(compression())
   app.use(
     path.posix.join(build.publicPath, "assets"),
     express.static(path.join(build.assetsBuildDirectory, "assets"), {
       immutable: true,
       maxAge: "1y",
-    })
-  );
+    }),
+  )
   app.use(
     build.publicPath,
     express.static(build.assetsBuildDirectory, {
       immutable: true,
       maxAge: "1y",
-    })
-  );
-  app.use(express.static("public", { maxAge: "1h" }));
-  app.use(morgan("tiny"));
-  app.all("*", createRequestHandler({ build, mode: "production" }));
+    }),
+  )
+  app.use(express.static("public", { maxAge: "1h" }))
+  app.use(morgan("tiny"))
+  app.all("*", createRequestHandler({ build, mode: "production" }))
 
   const server = process.env.HOST
     ? app.listen(port, process.env.HOST, onListen)
-    : app.listen(port, onListen);
+    : app.listen(port, onListen)
 
-  process.once("SIGTERM", () => server?.close(console.error));
-  process.once("SIGINT", () => server?.close(console.error));
+  process.once("SIGTERM", () => server?.close(console.error))
+  process.once("SIGINT", () => server?.close(console.error))
 }

cli/studio.ts

@@ -18,4 +18,4 @@
     "hooks": "~/ui/hooks"
   },
   "iconLibrary": "lucide"
-}
+}