@lazarv/create-react-server 0.0.0-experimental-d003259-20250211-2495688e

package/lib/generate-name.mjs

@@ -0,0 +1,220 @@
+const adjectives = [
+  "mystical",
+  "arcane",
+  "enchanted",
+  "mysterious",
+  "bewitched",
+  "magical",
+  "celestial",
+  "luminous",
+  "abyssal",
+  "divine",
+  "astral",
+  "transcendent",
+  "ethereal",
+  "enigmatic",
+  "cursed",
+  "ancient",
+  "whispering",
+  "phantasmal",
+  "runic",
+  "sorcerous",
+  "fabled",
+  "shadowed",
+  "hidden",
+  "glimmering",
+  "eldritch",
+  "vortex",
+  "infernal",
+  "empyrean",
+  "elemental",
+  "primeval",
+  "radiant",
+  "mystic",
+  "vengeful",
+  "ghostly",
+  "supernatural",
+  "cryptic",
+  "prophetic",
+  "timeless",
+  "warded",
+  "occult",
+  "chaotic",
+  "celestial",
+  "galactic",
+  "quantum",
+  "spectral",
+  "illusive",
+  "veiled",
+  "shrouded",
+  "arcadian",
+  "unseen",
+  "frosted",
+  "shimmering",
+  "glacial",
+  "obscured",
+  "vibrant",
+  "warped",
+  "fractal",
+  "brilliant",
+  "empowered",
+  "flickering",
+  "arcadian",
+  "prismatic",
+  "stellar",
+  "etheric",
+  "illuminated",
+  "chromatic",
+  "boundless",
+  "cascading",
+  "unfathomable",
+  "mercurial",
+  "turbulent",
+  "obscure",
+  "dimensional",
+  "perpetual",
+  "revered",
+  "eclipsed",
+  "timeless",
+  "lucid",
+  "runic",
+  "arcane",
+  "infinite",
+  "dynamic",
+  "invoked",
+  "reactive",
+  "atomic",
+  "concurrent",
+  "asynchronous",
+  "serverless",
+  "virtual",
+  "distributed",
+  "scalable",
+  "fluid",
+  "stateless",
+  "streamlined",
+  "encrypted",
+  "isomorphic",
+  "immutable",
+  "optimized",
+  "efficient",
+  "ephemeral",
+  "concurrent",
+  "abstract",
+];
+const nouns = [
+  "sorcerer",
+  "spellbinder",
+  "enchanter",
+  "mage",
+  "alchemist",
+  "conjurer",
+  "warlock",
+  "wizardry",
+  "spellbook",
+  "rune",
+  "arcana",
+  "elementalist",
+  "mystic",
+  "diviner",
+  "seer",
+  "illusionist",
+  "hex",
+  "charm",
+  "amulet",
+  "elixir",
+  "incantation",
+  "potions",
+  "grimoire",
+  "familiar",
+  "enchantment",
+  "portal",
+  "oracle",
+  "summoner",
+  "archmage",
+  "necromancer",
+  "shade",
+  "phantasm",
+  "aether",
+  "catalyst",
+  "astral",
+  "ember",
+  "druid",
+  "glyph",
+  "constellation",
+  "realm",
+  "scepter",
+  "obelisk",
+  "relic",
+  "specter",
+  "golem",
+  "wyrm",
+  "phoenix",
+  "basilisk",
+  "drake",
+  "conduit",
+  "scroll",
+  "nexus",
+  "talisman",
+  "familiar",
+  "sorcery",
+  "incantation",
+  "summoning",
+  "transmutation",
+  "arcane",
+  "crystal",
+  "ether",
+  "shade",
+  "rune",
+  "ward",
+  "node",
+  "shaman",
+  "element",
+  "astral",
+  "paragon",
+  "sigil",
+  "invoker",
+  "aura",
+  "specter",
+  "oracle",
+  "aegis",
+  "forge",
+  "prism",
+  "shade",
+  "invocation",
+  "codex",
+  "shroud",
+  "beacon",
+  "rift",
+  "warden",
+  "channeler",
+  "elemental",
+  "mysticism",
+  "wizard",
+  "server",
+  "reactor",
+  "framework",
+  "component",
+  "dispatcher",
+  "middleware",
+  "portal",
+  "cache",
+  "observer",
+  "cluster",
+  "daemon",
+  "thread",
+  "wizardry",
+  "prophet",
+  "guardian",
+  "host",
+];
+
+function getRandomElement(arr) {
+  return arr[Math.floor(Math.random() * arr.length)];
+}
+
+export function generateProjectName() {
+  const adjective = getRandomElement(adjectives);
+  const noun = getRandomElement(nouns);
+  return `${adjective}-${noun}`;
+}

package/lib/theme.mjs

@@ -0,0 +1,56 @@
+import colors from "picocolors";
+
+const timeFormatter = new Intl.DateTimeFormat(undefined, {
+  hour: "numeric",
+  minute: "numeric",
+  second: "numeric",
+});
+
+const logColors = {
+  info: colors.cyan,
+  error: colors.red,
+  warn: colors.yellow,
+};
+
+export const createTheme = (type = "info", context) => ({
+  prefix: {
+    idle:
+      colors.gray(timeFormatter.format(new Date())) +
+      colors.bold(logColors[type](" [react-server]")),
+    done:
+      colors.gray(timeFormatter.format(new Date())) +
+      colors.bold(logColors[type](" [react-server]")),
+  },
+  icon: {
+    checked: "✅",
+    unchecked: "  ",
+    cursor: " ",
+  },
+  style: {
+    answer: colors.white,
+    highlight: (message) => colors.bold(colors.magenta(message)),
+    message: (message) =>
+      (message ? `${colors.white(message)} ` : "") + colors.green("➜"),
+    renderSelectedChoices: (selected) => {
+      const choices = [
+        ...(context?.props?.preset?.features ?? []),
+        ...selected,
+      ];
+      return choices.length > 0
+        ? choices
+            .map(
+              (feature) =>
+                feature.selectedName ??
+                feature.name ??
+                context?.env?.features?.[feature]?.name ??
+                feature
+            )
+            .join(", ")
+        : "None";
+    },
+    ...context?.env?.style,
+  },
+});
+
+export const theme = createTheme();
+export const warning = createTheme("warn");

package/logo.mjs

@@ -0,0 +1,3 @@
+import logo from "@lazarv/react-server/bin/logo.mjs";
+
+await logo();

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@lazarv/create-react-server",
+  "version": "0.0.0-experimental-d003259-20250211-2495688e",
+  "bin": {
+    "create-react-server": "index.mjs"
+  },
+  "type": "module",
+  "dependencies": {
+    "@inquirer/checkbox": "^4.0.1",
+    "@inquirer/confirm": "^5.0.1",
+    "@inquirer/core": "^10.0.1",
+    "@inquirer/figures": "^1.0.7",
+    "@inquirer/input": "^4.0.1",
+    "@inquirer/number": "^3.0.1",
+    "@inquirer/prompts": "^7.0.0",
+    "@inquirer/select": "^4.0.1",
+    "ansi-escapes": "^7.0.0",
+    "cac": "^6.7.14",
+    "fast-glob": "^3.2.12",
+    "filesize": "^10.0.12",
+    "picocolors": "^1.1.1",
+    "prettier": "^3.0.0",
+    "ts-morph": "^24.0.0",
+    "@lazarv/react-server": "0.0.0-experimental-d003259-20250211-0c721374"
+  }
+}

package/steps/alias.mjs

@@ -0,0 +1,50 @@
+import { input } from "@inquirer/prompts";
+
+import { theme } from "../lib/theme.mjs";
+
+export default [
+  (context) => context.features.includes("ts"),
+  async (context) => {
+    const alias =
+      context.env.options.alias ??
+      (!context.props.custom ||
+      context.env.hasOptions ||
+      context.props.preset?.alias
+        ? context.props.preset?.alias ?? "~/*"
+        : await input(
+            {
+              message: "TypeScript path alias",
+              default: "~/*",
+              theme,
+            },
+            context
+          ));
+    return {
+      ...context,
+      props: {
+        ...context.props,
+        alias,
+      },
+      partials: {
+        ...context.partials,
+        "tsconfig.json": {
+          ...context.partials["tsconfig.json"],
+          merge: [
+            ...context.partials["tsconfig.json"].merge,
+            { compilerOptions: { paths: { [alias]: ["./*"] } } },
+          ],
+        },
+        "vite.config.ts": {
+          ...context.partials["vite.config.ts"],
+          merge: [
+            ...context.partials["vite.config.ts"].merge,
+            `export default defineConfig({ resolve: { alias: { "${alias.slice(
+              0,
+              alias.lastIndexOf("/")
+            )}/": "/src/" } } })`,
+          ],
+        },
+      },
+    };
+  },
+];

package/steps/authentication.mjs

@@ -0,0 +1,62 @@
+import { select, Separator } from "@inquirer/prompts";
+
+import { theme } from "../lib/theme.mjs";
+
+export default [
+  (context) => context.props.thirdParty,
+  async (context) => {
+    const auth = !context.props.custom
+      ? "none"
+      : await select(
+          {
+            message: "Authentication provider",
+            choices: [
+              {
+                name: "None",
+                value: "none",
+                description: "No authentication",
+              },
+              new Separator(),
+              {
+                name: "Kinde",
+                value: "kinde",
+                description: "Add Kinde authentication",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Clerk",
+                value: "clerk",
+                description: "Add Clerk authentication",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Auth.js",
+                value: "authjs",
+                description: "Add Auth.js authentication",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Better Auth",
+                value: "better-auth",
+                description: "Add Better Auth authentication",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Auth0",
+                value: "auth0",
+                description: "Add Auth0 authentication",
+                disabled: "(coming soon)",
+              },
+              new Separator(),
+            ],
+            theme,
+          },
+          context
+        );
+
+    return {
+      ...context,
+      props: { ...context.props, auth },
+    };
+  },
+];

package/steps/database.mjs

@@ -0,0 +1,56 @@
+import { select, Separator } from "@inquirer/prompts";
+
+import { theme } from "../lib/theme.mjs";
+
+export default [
+  (context) => context.props.thirdParty,
+  async (context) => {
+    const db = !context.props.custom
+      ? "none"
+      : await select(
+          {
+            message: "Database provider",
+            choices: [
+              {
+                name: "None",
+                value: "none",
+                description: "No database",
+              },
+              new Separator(),
+              {
+                name: "Drizzle",
+                value: "drizzle",
+                description: "Add Drizzle integration",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Prisma",
+                value: "prisma",
+                description: "Add Prisma integration",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Supabase",
+                value: "supabase",
+                description: "Add Supabase integration",
+                disabled: "(coming soon)",
+              },
+              {
+                name: "Convex",
+                value: "convex",
+                description: "Add Convex integration",
+                disabled: "(coming soon)",
+              },
+              new Separator(),
+            ],
+            theme,
+          },
+          context
+        );
+
+    return {
+      ...context,
+      props: { ...context.props, db },
+    };
+  },
+];

package/steps/deploy.mjs

@@ -0,0 +1,151 @@
+import { execSync } from "node:child_process";
+import { readFile } from "node:fs/promises";
+import { join, relative } from "node:path";
+
+import { select, Separator } from "@inquirer/prompts";
+
+import { theme } from "../lib/theme.mjs";
+
+export default async (context) => {
+  const adapter =
+    context.env.options.deploy ??
+    (context.env.hasOptions
+      ? "none"
+      : await select(
+          {
+            message: "Deployment adapter",
+            choices: [
+              {
+                name: "None",
+                value: "none",
+                description: "No deployment adapter",
+              },
+              new Separator(),
+              {
+                name: "Docker",
+                value: "docker",
+                description:
+                  "Build a Docker image and deploy to a container registry",
+              },
+              {
+                name: "Vercel",
+                value: "vercel",
+                description: "Deploy to Vercel",
+              },
+              {
+                name: "AWS",
+                value: "aws",
+                description: "Deploy to AWS Lambda",
+                disabled: "(coming soon)",
+              },
+            ],
+            theme,
+          },
+          context
+        ));
+
+  const partials = {
+    ...context.partials,
+  };
+  const files = context.files;
+
+  if (adapter === "vercel") {
+    partials["package.json"] = {
+      ...partials["package.json"],
+      merge: [
+        ...partials["package.json"].merge,
+        {
+          devDependencies: {
+            "@lazarv/react-server-adapter-vercel": `^${execSync(
+              "npm view @lazarv/react-server-adapter-vercel version"
+            )
+              .toString()
+              .trim()}`,
+          },
+        },
+      ],
+    };
+    partials["react-server.config.json"] = {
+      ...partials?.["react-server.config.json"],
+      type: "json",
+      merge: [
+        ...(partials?.["react-server.config.json"]?.merge ?? []),
+        {
+          adapter: "@lazarv/react-server-adapter-vercel",
+        },
+      ],
+    };
+    if (context.features.includes("git")) {
+      partials[".gitignore"] = {
+        ...partials?.[".gitignore"],
+        merge: [
+          ...(partials?.[".gitignore"]?.merge ?? []),
+          "\n# Vercel\n.vercel\n",
+        ],
+      };
+    }
+  }
+
+  if (adapter === "docker") {
+    const merge = [
+      await readFile(join(context.env.templateDir, ".dockerignore"), "utf8"),
+    ];
+    merge.push(
+      ...Object.keys(context.partials).map((filename) => `!${filename}`)
+    );
+    partials[".dockerignore"] = {
+      ...partials[".dockerignore"],
+      type: "text",
+      merge: [...(partials[".dockerignore"]?.merge ?? []), ...merge],
+    };
+    partials["README.md"] = {
+      ...context.partials["README.md"],
+      template: `${context.partials["README.md"].template}\n\n${await readFile(join(context.env.templateDir, "README.docker.md"), "utf8")}`,
+    };
+  }
+
+  return {
+    ...context,
+    files,
+    props: {
+      ...context.props,
+      adapter,
+    },
+    partials,
+  };
+};
+
+export async function prepare(context) {
+  const { adapter, packageManager } = context.props;
+  if (adapter === "docker") {
+    const dockerfile = join(
+      context.env.templateDir,
+      `Dockerfile.${packageManager.name}`
+    );
+    return {
+      ...context,
+      partials: {
+        ...context.partials,
+        Dockerfile: {
+          type: "text",
+          content: await readFile(dockerfile, "utf8"),
+        },
+        ".dockerignore": {
+          ...context.partials[".dockerignore"],
+          merge: [
+            ...(context.partials[".dockerignore"]?.merge ?? []),
+            `!${context.props.packageManager.lock}`,
+            ...context.files
+              .map((filename) =>
+                Array.isArray(filename)
+                  ? `!${relative(context.env.projectDir, filename[1])}`
+                  : `!${relative(context.env.templateDir, filename)}`
+              )
+              .filter((filename) => filename.split("/").length === 1),
+          ],
+        },
+      },
+    };
+  }
+  return context;
+}