@lazarv/create-react-server 0.0.0-experimental-9900497-20251226-42112a97 → 0.0.0-experimental-953e1cd-20251226-5508ddf7

package/index.mjs

@@ -14,74 +14,84 @@ import { fileURLToPath } from "node:url";
 import createLogger from "@lazarv/react-server/lib/dev/create-logger.mjs";
 import cac from "cac";
 
-const cli = cac();
-
-const { default: packageJson } = await import("./package.json", {
-  with: { type: "json" },
-});
-
-cli.usage("[options]");
-
-cli
-  .option("--name <name>", "The name of the project")
-  .option("--preset <preset>", "The preset to use")
-  .option("--features <features>", "The features to use")
-  .option("--alias <alias>", "The TypeScript path alias to use")
-  .option("--host <host>", "The host to use")
-  .option("--port <port>", "The port to use")
-  .option("--deploy <deploy>", "The deployment adapter to use")
-  .option("--git", "Initialize a git repository")
-  .option("--dev", "Run in development mode")
-  .option("--open", "Open the project in the browser")
-  .option("--clean", "Clean the project directory before bootstrapping")
-  .option("--no-install", "Do not install dependencies")
-  .option(
-    "--react-server <version>",
-    "The version of @lazarv/react-server to use"
-  )
-  .version(packageJson.version);
-
-cli.name = packageJson.name.split("/").pop();
-cli.help();
-
-const { options } = cli.parse();
-const {
-  help,
-  v: version,
-  reactServer,
-  install,
-  // eslint-disable-next-line no-unused-vars
-  "--": _,
-  ...createOptions
-} = options;
-const hasOptions = Object.keys(createOptions).length > 1 || install === false;
-createOptions.install = install;
-
-if (help || version) {
-  process.exit(0);
-}
-
-await import("./logo.mjs");
-
-const logger = createLogger();
-
-const cwd = process.cwd();
-const templateDir = join(dirname(fileURLToPath(import.meta.url)), "templates");
-
-const [{ wizard }, { generate }, { launch }] = await Promise.all([
-  import("./wizard.mjs"),
-  import("./generator.mjs"),
-  import("./launch.mjs"),
-]);
-
-const context = await wizard({
-  cwd,
-  logger,
-  templateDir,
-  hasOptions,
-  options: createOptions,
-  reactServer,
-});
-
-await generate(context);
-await launch(context);
+(async () => {
+  try {
+    const cli = cac();
+
+    const { default: packageJson } = await import("./package.json", {
+      with: { type: "json" },
+    });
+
+    cli.usage("[options]");
+
+    cli
+      .option("--name <name>", "The name of the project")
+      .option("--preset <preset>", "The preset to use")
+      .option("--features <features>", "The features to use")
+      .option("--alias <alias>", "The TypeScript path alias to use")
+      .option("--host <host>", "The host to use")
+      .option("--port <port>", "The port to use")
+      .option("--deploy <deploy>", "The deployment adapter to use")
+      .option("--git", "Initialize a git repository")
+      .option("--dev", "Run in development mode")
+      .option("--open", "Open the project in the browser")
+      .option("--clean", "Clean the project directory before bootstrapping")
+      .option("--no-install", "Do not install dependencies")
+      .option(
+        "--react-server <version>",
+        "The version of @lazarv/react-server to use"
+      )
+      .version(packageJson.version);
+
+    cli.name = packageJson.name.split("/").pop();
+    cli.help();
+
+    const { options } = cli.parse();
+    const {
+      help,
+      v: version,
+      reactServer,
+      install,
+      ...createOptions
+    } = options;
+    delete createOptions["--"];
+    const hasOptions =
+      Object.keys(createOptions).length > 1 || install === false;
+    createOptions.install = install;
+
+    if (help || version) {
+      process.exit(0);
+    }
+
+    await import("./logo.mjs");
+
+    const logger = createLogger();
+
+    const cwd = process.cwd();
+    const templateDir = join(
+      dirname(fileURLToPath(import.meta.url)),
+      "templates"
+    );
+
+    const [{ wizard }, { generate }, { launch }] = await Promise.all([
+      import("./wizard.mjs"),
+      import("./generator.mjs"),
+      import("./launch.mjs"),
+    ]);
+
+    const context = await wizard({
+      cwd,
+      logger,
+      templateDir,
+      hasOptions,
+      options: createOptions,
+      reactServer,
+    });
+
+    await generate(context);
+    await launch(context);
+  } catch {
+    console.error("Wizard interrupted 🚫");
+    process.exit(1);
+  }
+})();

package/lib/formatter.mjs

@@ -1,8 +1,16 @@
-import prettier from "prettier";
+import { format as oxfmt } from "oxfmt";
+
+const parserToExtension = {
+  babel: "js",
+  typescript: "ts",
+  json: "json",
+  js: "js",
+  ts: "ts",
+};
 
 export async function format(code, parser) {
-  return prettier.format(code, {
-    parser,
+  const ext = parserToExtension[parser] || parser;
+  const { code: formatted } = await oxfmt(`file.${ext}`, code, {
     printWidth: 80,
     tabWidth: 2,
     useTabs: false,
@@ -13,4 +21,5 @@ export async function format(code, parser) {
     bracketSpacing: true,
     bracketSameLine: false,
   });
+  return formatted;
 }

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@lazarv/create-react-server",
-  "version": "0.0.0-experimental-9900497-20251226-42112a97",
-  "bin": {
-    "create-react-server": "index.mjs"
-  },
-  "type": "module",
+  "version": "0.0.0-experimental-953e1cd-20251226-5508ddf7",
   "keywords": [
+    "create",
+    "esm",
     "react",
-    "server",
     "rsc",
+    "server",
     "ssr",
-    "esm",
-    "vite",
-    "create"
+    "vite"
   ],
-  "author": "lazarv",
+  "bugs": {
+    "url": "https://github.com/lazarv/react-server/issues"
+  },
   "license": "MIT",
+  "author": "lazarv",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lazarv/react-server.git"
   },
-  "bugs": {
-    "url": "https://github.com/lazarv/react-server/issues"
+  "bin": {
+    "create-react-server": "index.mjs"
   },
+  "type": "module",
   "publishConfig": {
     "access": "public",
     "provenance": true,
@@ -41,10 +41,10 @@
     "cac": "^6.7.14",
     "fast-glob": "^3.2.12",
     "filesize": "^10.0.12",
+    "oxfmt": "^0.20.0",
     "picocolors": "^1.1.1",
-    "prettier": "^3.0.0",
     "ts-morph": "^24.0.0",
-    "@lazarv/react-server": "0.0.0-experimental-9900497-20251226-42112a97"
+    "@lazarv/react-server": "0.0.0-experimental-c75b01a-20251226-122f8a22"
   },
   "engines": {
     "node": ">=20.10.0"

package/steps/alias.mjs

@@ -10,7 +10,7 @@ export default [
       (!context.props.custom ||
       context.env.hasOptions ||
       context.props.preset?.alias
-        ? context.props.preset?.alias ?? "~/*"
+        ? (context.props.preset?.alias ?? "~/*")
         : await input(
             {
               message: "TypeScript path alias",

package/steps/features.mjs

@@ -29,6 +29,12 @@ export default async (context) => {
       description: "Add Prettier support",
       checked: context.props.preset?.features.includes("prettier"),
     },
+    {
+      name: "Oxlint and Oxfmt",
+      value: "oxtools",
+      description: "Add Oxlint and Oxfmt support",
+      checked: context.props.preset?.features.includes("oxtools"),
+    },
     {
       name: "Tailwind CSS v3",
       value: "tailwind",
@@ -107,7 +113,7 @@ export default async (context) => {
     ...(context.props.preset?.features ?? []),
     ...(context.env.options.features?.split(",") ??
       (!context.props.custom || context.env.hasOptions
-        ? context.props.preset.features ?? []
+        ? (context.props.preset.features ?? [])
         : await checkbox(
             {
               message: "Enabled features",
@@ -240,6 +246,32 @@ import tsParser from "@typescript-eslint/parser";`,
     };
   }
 
+  if (answer.includes("oxtools")) {
+    if (answer.includes("eslint")) {
+      context.env.logger.warn(
+        "ESLint is already selected. Oxlint will not be installed as it serves the same purpose."
+      );
+    }
+    if (answer.includes("prettier")) {
+      context.env.logger.warn(
+        "Prettier is already selected. Oxfmt will not be installed as it serves the same purpose."
+      );
+    }
+    if (!answer.includes("eslint") && !answer.includes("prettier")) {
+      partials["package.json"] = {
+        ...partials["package.json"],
+        merge: [
+          ...partials["package.json"].merge,
+          await json(context.env.templateDir, "package.oxtools.json"),
+        ],
+      };
+      files.push(
+        join(context.env.templateDir, ".oxlintrc.json"),
+        join(context.env.templateDir, ".oxfmtrc.json")
+      );
+    }
+  }
+
   if (answer.includes("tailwind")) {
     if (!answer.includes("tailwind-v4")) {
       partials["package.json"] = {

package/templates/.oxfmtrc.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://raw.githubusercontent.com/user/oxfmt/main/npm/oxfmt/configuration_schema.json",
+  "indentWidth": 2,
+  "lineWidth": 80
+}

package/templates/.oxlintrc.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "rules": {}
+}

package/templates/.prettierrc

@@ -7,5 +7,5 @@
   "quoteProps": "as-needed",
   "trailingComma": "es5",
   "bracketSpacing": true,
-  "bracketSameLine": false
+  "bracketSameLine": false,
 }

package/templates/get-started/src/Confetti.jsx

@@ -7,9 +7,8 @@ export default function Confetti(props) {
     <Button
       {...props}
       onClick={async () => {
-        const { default: confetti } = await import(
-          "https://esm.sh/canvas-confetti"
-        );
+        const { default: confetti } =
+          await import("https://esm.sh/canvas-confetti");
         confetti();
       }}
     >

package/templates/get-started-ts/src/Confetti.tsx

@@ -7,9 +7,8 @@ export default function Confetti(props: ButtonProps) {
     <Button
       {...props}
       onClick={async () => {
-        const { default: confetti } = await import(
-          "https://esm.sh/canvas-confetti"
-        );
+        const { default: confetti } =
+          await import("https://esm.sh/canvas-confetti");
         confetti();
       }}
     >

package/templates/nextjs/src/components/Confetti.tsx

@@ -7,9 +7,8 @@ export default function Confetti(props: ButtonProps) {
     <Button
       {...props}
       onClick={async () => {
-        const { default: confetti } = await import(
-          "https://esm.sh/canvas-confetti"
-        );
+        const { default: confetti } =
+          await import("https://esm.sh/canvas-confetti");
         confetti();
       }}
     >

package/templates/package.oxtools.json

@@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "lint": "oxlint",
+    "format": "oxfmt ."
+  },
+  "devDependencies": {
+    "oxlint": "^1.34.0",
+    "oxfmt": "^0.19.0"
+  }
+}

package/templates/router/src/app/@content/about.tsx

@@ -39,9 +39,7 @@ export default function About() {
         CLI tool, setting up a fully functional React Server Components (RSC)
         app with file-system based routing and server functions out of the box.
       </p>
-      <h2 className="text-xl font-semibold m-0">
-        🗂 File-system based routing
-      </h2>
+      <h2 className="text-xl font-semibold m-0">🗂 File-system based routing</h2>
       <ul className="list-disc pl-6">
         <li>
           Add files to <b>/src/app</b> to{" "}

package/templates/router/src/components/Confetti.tsx

@@ -7,9 +7,8 @@ export default function Confetti(props: ButtonProps) {
     <Button
       {...props}
       onClick={async () => {
-        const { default: confetti } = await import(
-          "https://esm.sh/canvas-confetti"
-        );
+        const { default: confetti } =
+          await import("https://esm.sh/canvas-confetti");
         confetti();
       }}
     >

package/wizard.mjs

@@ -78,7 +78,6 @@ export async function wizard(env) {
         abortController = new AbortController();
         context.signal = abortController.signal;
       } catch (e) {
-        console.log(e);
         if (e instanceof ExitPromptError) {
           throw e;
         }
@@ -101,7 +100,7 @@ export async function wizard(env) {
             activeStep = prevStep;
           }
         } else {
-          throw new Error();
+          throw new Error("Invalid wizard step", { cause: e });
         }
 
         abortController = new AbortController();
@@ -115,8 +114,11 @@ export async function wizard(env) {
 
     delete context.signal;
     return context;
-  } catch {
+  } catch (e) {
     logger.error("Wizard interrupted 🚫");
+    if (e instanceof ExitPromptError) {
+      process.exit(0);
+    }
     process.exit(1);
   }
 }