create-vitnode-app 2.0.0-canary.1 → 2.0.0-canary.10

package/copy-of-vitnode-app/root/src/styles.css

@@ -1,105 +1,84 @@
-@import 'tailwindcss';
-@import 'shadcn/tailwind.css';
-@import 'tw-animate-css';
+@import "tailwindcss";
+@import "shadcn/tailwind.css";
+@import "tw-animate-css";
+@import "@vitnode/core/styles/tiptap.css";
 
-
-/*
- * VitNode's components ship compiled, so Tailwind cannot find their classes by
- * scanning this app's source. Pointing it at core's build output is what makes
- * the toaster, the tooltip and everything else that follows look like VitNode
- * instead of unstyled markup.
- *
- * `dist/src/tanstack` is the line that is easiest to leave off and hardest to
- * diagnose. `@vitnode/core/tanstack/*` is markup as much as it is orchestration
- * - the header bar, the language switcher, the debug ribbon, the not-found
- * screen - and a class written *there* exists nowhere else, because this app
- * inherits those components rather than writing their markup. Without it a class
- * like `.w-34` is never generated, an `<svg>` with a viewBox and no width
- * collapses, and the header renders with no logo at all.
- *
- * Add a line per plugin that ships compiled components of its own.
- *
- * The paths are relative to this file. In a monorepo where the package manager
- * hoists to the repository root, that is `../../../node_modules/...` - the
- * generator rewrites them when it knows.
- */
 @source "../node_modules/@vitnode/core/dist/src/components";
 @source "../node_modules/@vitnode/core/dist/src/tanstack";
 @source "../node_modules/@vitnode/core/dist/src/views";
 
-/*
- * The design tokens every VitNode component reads. `.dark` is what
- * `ThemeScript` and `ThemeProvider` put on `<html>`, so the whole palette
- * switches from that one class.
- */
 :root:not(.dark) {
-  --background: oklch(0.97 0 0);
-  --foreground: oklch(0.145 0 0);
+  color-scheme: light;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.23 0.021 264);
   --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
+  --card-foreground: oklch(0.23 0.021 264);
   --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.51 0.16 262.61);
+  --popover-foreground: oklch(0.23 0.021 264);
+  --primary: oklch(0.52 0.2 264);
   --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.967 0.001 286.375);
-  --muted-foreground: oklch(0.552 0.016 285.938);
-  --accent: oklch(0.967 0.001 286.375);
-  --accent-foreground: oklch(0.21 0.006 285.885);
-  --destructive: oklch(0.577 0.245 27.325);
-  --warn: oklch(0.54 0.12 82.58);
-  --border: oklch(0.92 0.004 286.32);
-  --input: oklch(0.92 0.004 286.32);
-  --ring: oklch(0.705 0.015 286.067);
-  --chart-1: oklch(0.871 0.006 286.286);
-  --chart-2: oklch(0.552 0.016 285.938);
-  --chart-3: oklch(0.442 0.017 285.786);
-  --chart-4: oklch(0.37 0.013 285.805);
-  --chart-5: oklch(0.274 0.006 286.033);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.394 0.02 266);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.46 0.017 264);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.23 0.021 264);
+  --destructive: oklch(0.576 0.209 29.5);
+  --success: oklch(0.586 0.143 155);
+  --warn: oklch(0.646 0.17 50);
+  --border: oklch(0.937 0.002 264);
+  --input: oklch(0.878 0.005 258);
+  --ring: oklch(0.52 0.2 264);
+  --chart-1: oklch(0.52 0.2 264);
+  --chart-2: oklch(0.586 0.143 155);
+  --chart-3: oklch(0.576 0.209 29.5);
+  --chart-4: oklch(0.646 0.17 50);
+  --chart-5: oklch(0.565 0.017 264);
   --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.394 0.02 266);
+  --sidebar-primary: oklch(0.52 0.2 264);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
-  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sidebar-border: oklch(0.92 0.004 286.32);
-  --sidebar-ring: oklch(0.705 0.015 286.067);
+  --sidebar-accent: oklch(1 0 0);
+  --sidebar-accent-foreground: oklch(0.23 0.021 264);
+  --sidebar-border: oklch(0.937 0.002 264);
+  --sidebar-ring: oklch(0.52 0.2 264);
 }
 
 .dark {
-  --background: oklch(0.14 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.21 0.006 285.885);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.21 0.006 285.885);
-  --popover-foreground: oklch(0.985 0 0);
+  color-scheme: dark;
+  --background: oklch(0.163 0.009 264);
+  --foreground: oklch(0.976 0 0);
+  --card: oklch(0.199 0.011 261);
+  --card-foreground: oklch(0.976 0 0);
+  --popover: oklch(0.22 0.012 264);
+  --popover-foreground: oklch(0.976 0 0);
   --primary: oklch(0.6 0.18 262.65);
   --primary-foreground: oklch(0.98 0 0);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.274 0.006 286.033);
-  --muted-foreground: oklch(0.705 0.015 286.067);
-  --accent: oklch(0.274 0.006 286.033);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --warn: oklch(0.76 0.18 81.84);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.552 0.016 285.938);
-  --chart-1: oklch(0.871 0.006 286.286);
-  --chart-2: oklch(0.552 0.016 285.938);
-  --chart-3: oklch(0.442 0.017 285.786);
-  --chart-4: oklch(0.37 0.013 285.805);
-  --chart-5: oklch(0.274 0.006 286.033);
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.274 0.006 286.033);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.552 0.016 285.938);
+  --secondary: oklch(0.269 0.018 266);
+  --secondary-foreground: oklch(0.976 0 0);
+  --muted: oklch(0.269 0.018 266);
+  --muted-foreground: oklch(0.675 0.008 261);
+  --accent: oklch(0.269 0.018 266);
+  --accent-foreground: oklch(0.976 0 0);
+  --destructive: oklch(0.709 0.17 26.5);
+  --success: oklch(0.758 0.153 157);
+  --warn: oklch(0.811 0.163 75.6);
+  --border: oklch(0.269 0.018 266);
+  --input: oklch(0.348 0.013 267);
+  --ring: oklch(0.7 0.14 264);
+  --chart-1: oklch(0.7 0.14 264);
+  --chart-2: oklch(0.758 0.153 157);
+  --chart-3: oklch(0.709 0.17 26.5);
+  --chart-4: oklch(0.811 0.163 75.6);
+  --chart-5: oklch(0.626 0.01 264);
+  --sidebar: oklch(0.199 0.011 261);
+  --sidebar-foreground: oklch(0.855 0.004 271);
+  --sidebar-primary: oklch(0.7 0.14 264);
+  --sidebar-primary-foreground: oklch(0.16 0.015 265);
+  --sidebar-accent: oklch(0.269 0.018 266);
+  --sidebar-accent-foreground: oklch(0.976 0 0);
+  --sidebar-border: oklch(0.269 0.018 266);
+  --sidebar-ring: oklch(0.7 0.14 264);
 }
 
 :root {
@@ -107,6 +86,10 @@
 }
 
 @theme inline {
+  --font-sans:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+    "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
   --font-heading: var(--font-sans);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
@@ -125,6 +108,7 @@
   --color-input: var(--input);
   --color-border: var(--border);
   --color-warn: var(--warn);
+  --color-success: var(--success);
   --color-destructive: var(--destructive);
   --color-accent-foreground: var(--accent-foreground);
   --color-accent: var(--accent);
@@ -149,12 +133,6 @@
   --radius-4xl: calc(var(--radius) * 2.6);
 }
 
-/*
- * Last, so that a stylesheet a package brings in cannot outrank it in this
- * layer: `@layer base` rules are ordered by where they appear, and a library
- * that sets its own `body { background-color: ... }` would otherwise repaint
- * whichever pages happen to load it.
- */
 @layer base {
   * {
     @apply border-border outline-ring/50;

package/copy-of-vitnode-app/root/src/vitnode.config.ts

@@ -1,58 +1,20 @@
 import { buildConfig } from "@vitnode/core/vitnode.config";
 
-import { appMessages } from "./locales/app";
-import { vitNodeShellConfig } from "./vitnode.shell.config";
-
-/**
- * This app's frontend config, in the shape every VitNode app builds it.
- *
- * `plugins` is empty, and a plugin is added here by id and translations rather
- * than through its own `blogPlugin()` entry:
- *
- *     import { buildPlugin } from '@vitnode/core/lib/plugin'
- *     import { CONFIG_PLUGIN as BLOG } from '@acme/blog/const'
- *
- *     import { packageMessages } from './locales/packages'
- *
- *     plugins: [
- *       buildPlugin({
- *         messages: packageMessages[BLOG.pluginId],
- *         pluginId: BLOG.pluginId,
- *       }),
- *     ]
- *
- * That is a *scope* decision rather than a compatibility one. This object's one
- * reader takes `pluginId` and `messages` off each plugin and nothing else, so a
- * full registration would add every content type's editing screen to a
- * server-only graph where nothing would ever look at them. The AdminCP gets its
- * content types from `src/content-registry.gen.ts` instead - one literal import
- * per configured plugin - so a browser loads them with the content route and not
- * before.
- *
- * The same split, one layer up, feeds the sidebar: `src/admin-nav.gen.ts` is the
- * navigation half - ids, hrefs, permissions, icons - and nothing that renders a
- * screen. See `src/lib/admin-nav.ts` and `src/lib/content-registry.ts`; both
- * explain why they are generated rather than read from here.
- *
- * A plugin's *pages* need nothing in this file at all. It declares them in its
- * own `src/routes.ts`, and this app's Vite build compiles them into
- * `src/plugin-routes.gen.ts`, which `src/router.tsx` mounts under the shell the
- * plugin's `area` names. No page is ever copied into `src/routes`.
- *
- * Server-side only, and deliberately so - see `vitnode.shell.config.ts`.
- * `src/server/messages.server.ts` is the only importer, and it carries the
- * `server-only` guard that keeps it that way.
- *
- * `buildConfig` also registers this object process-wide, which is how core's own
- * route files find it without being handed it as a prop.
- */
 export const vitNodeConfig = buildConfig({
-  ...vitNodeShellConfig,
-  /**
-   * The shell's locale declaration, plus the message loaders that must not be in
-   * it: `src/i18n.ts` is spread into the browser-facing shell config, and these
-   * are functions.
-   */
-  i18n: { ...vitNodeShellConfig.i18n, messages: appMessages },
+  debug: false,
+  i18n: {
+    defaultLocale: "en",
+    locales: [{ code: "en", name: "English" }],
+    timeZone: "UTC",
+  },
+  metadata: {
+    shortTitle: "VitNode",
+    title: "VitNode",
+  },
   plugins: [],
+  theme: {
+    defaultTheme: "system",
+  },
 });
+
+export type Locale = (typeof vitNodeConfig.i18n.locales)[number]["code"];

package/copy-of-vitnode-app/root/src/vitnode.server.config.ts

@@ -0,0 +1,12 @@
+import "@tanstack/react-start/server-only";
+import { buildServerConfig } from "@vitnode/core/vitnode.config";
+
+import { appMessages } from "@/locales/app";
+import { packageMessages } from "@/locales/packages";
+import { vitNodeConfig } from "@/vitnode.config";
+
+export const vitNodeServerConfig = buildServerConfig({
+  config: vitNodeConfig,
+  messages: appMessages,
+  packageMessages,
+});

package/copy-of-vitnode-app/root/tsconfig.json

@@ -1,12 +1,17 @@
 {
-  "include": ["**/*.ts", "**/*.tsx", "eslint.config.js", "prettier.config.js", "vite.config.js"],
-  
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "eslint.config.js",
+    "prettier.config.js",
+    "vite.config.js"
+  ],
+
   "compilerOptions": {
     "target": "ES2022",
     "jsx": "react-jsx",
     "module": "ESNext",
     "paths": {
-      "#/*": ["./src/*"],
       "@/*": ["./src/*"]
     },
     "lib": ["ES2022", "DOM", "DOM.Iterable"],

package/copy-of-vitnode-app/root/vite.config.ts

@@ -2,112 +2,15 @@ import tailwindcss from "@tailwindcss/vite";
 import { devtools } from "@tanstack/devtools-vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
-import {
-  vitNodeEnv,
-  vitNodeOptimizeDeps,
-  vitNodePluginRoutes,
-} from "@vitnode/core/framework/vite";
+import { vitnode } from "@vitnode/core/framework/vite";
 import { nitro } from "nitro/vite";
 import { defineConfig } from "vite";
 
 const config = defineConfig({
   resolve: { tsconfigPaths: true },
-  /**
-   * A second dev server has to fail rather than quietly move.
-   *
-   * `tanstackStart()` runs the route generator and *writes*
-   * `src/routeTree.gen.ts`. Two servers means two generators owning one file: if
-   * their route lists ever differ - which is precisely what happens when one was
-   * started before a route file existed - they overwrite each other forever, and
-   * every write is a full page reload. Without `strictPort` the second `pnpm dev`
-   * says "Port 3000 is in use, trying another one" and succeeds, so the fight
-   * starts silently and looks like an inexplicable refresh loop on the first
-   * server.
-   */
   server: { strictPort: true },
-  ssr: {
-    /**
-     * The VitNode API packages mounted at `/api/*`, kept out of the SSR pass.
-     *
-     * They are Node libraries rather than app source: `@vitnode/core` loads its
-     * locale files with a runtime `import("./en.json", { with: { type: "json" } })`
-     * relative to its own `dist`. Bundling them in this pass moves that chunk
-     * and the JSON stops resolving, which fails the build outright. Left
-     * external here, Nitro resolves them from the package itself.
-     *
-     * Every VitNode package the app installs belongs on this list - add a
-     * plugin's package name here when you install one.
-     *
-     * This is also what decides the shape of `@vitnode/core/tanstack/*`, so it is
-     * worth naming the consequence rather than leaving it to be rediscovered.
-     * Externalised here, the package skips this pass entirely and Nitro's own
-     * Rollup run inlines its `dist` afterwards - and nothing in that path runs
-     * the TanStack Start compiler. The *client* build has no such gap: it inlines
-     * the package, so the compiler transforms it there. So package code reaches
-     * the browser compiled and the server un-compiled, which is exactly why the
-     * package may declare `createIsomorphicFn` (its stub falls back to the
-     * `.server()` branch, which is what a server wants) and may never declare
-     * `createServerFn` (un-compiled, its handler resolves to `undefined` with no
-     * error at all). `packages/vitnode/src/tanstack/boundary.test.ts` holds the
-     * package to that.
-     *
-     * Removing `@vitnode/core` from this list to close the gap was measured and
-     * does not work: the SSR pass then reaches the locale barrel above and the
-     * build fails on `Could not resolve './en.json'`.
-     *
-     * ## `tslib` is here for an entirely different reason
-     *
-     * It is not a VitNode package and it is not a Node library. It is here
-     * because bundling it is broken, in a way that only appears in a production
-     * build and only once a page renders.
-     *
-     * The Radix scroll-lock stack that every modal in a VitNode page pulls in -
-     * `react-remove-scroll`, `use-sidecar`, `aria-hidden` - does
-     * `import { __extends } from "tslib"`. Under the `node` condition that
-     * resolves to `tslib/modules/index.js`, a two-line ESM shim around the
-     * **CommonJS** `tslib.js`:
-     *
-     *     import tslib from "../tslib.js";
-     *     const { __extends, … } = tslib;
-     *
-     * `tslib.js` defines `__esModule` on its exports, so Rolldown's CJS interop
-     * helper does not synthesise a `default` - while the call site it generated
-     * still reads `.default`. Every page that renders a dialog then throws
-     * `Cannot destructure property '__extends' of undefined`.
-     *
-     * Externalised, the file is never bundled: Nitro traces the package into the
-     * output and Node loads it with Node's own interop, which is correct. An
-     * alias to `tslib/tslib.es6.mjs` was tried first and is worse - it fixes
-     * Vite's copy and not Nitro's, because Nitro re-resolves externals itself,
-     * and the tracer then copies only the file the alias named.
-     */
-    external: ["@vitnode/core", "tslib"],
-  },
   plugins: [
-    /**
-     * All three from `@vitnode/core/framework/vite`.
-     *
-     * `vitNodeOptimizeDeps` takes nothing at all: it names the browser
-     * dependencies of the package's own `dist` so `vite dev` pre-bundles them on
-     * a cold start. Nothing crawls that `dist` before it is requested, so
-     * without this list a screen that is opened for the first time discovers a
-     * dependency mid-session, the optimizer re-runs, and a page holding modules
-     * from the previous run ends up with two copies of React.
-     *
-     * `vitNodeEnv` takes no `clientEnv`: this app publishes nothing to the
-     * browser beyond the two keys the package inlines for every VitNode install
-     * (`NEXT_PUBLIC_API_URL`, `NEXT_PUBLIC_WEB_URL`). Anything named there is
-     * compiled into JavaScript anyone can read, so an empty list is the right
-     * default and a key is added only when something in the browser genuinely
-     * reads it.
-     *
-     * `appRoot` is `import.meta.dirname` because a Vite config is loaded with the
-     * working directory set to wherever the command ran, which in this monorepo
-     * is regularly the repository root.
-     */
-    vitNodeEnv(),
-    vitNodeOptimizeDeps(),
-    vitNodePluginRoutes({ appRoot: import.meta.dirname }),
+    vitnode({ appRoot: import.meta.dirname }),
     devtools(),
     nitro({ rollupConfig: { external: [/^@sentry\//] } }),
     tailwindcss(),

package/copy-of-vitnode-plugin/root/global.d.ts

@@ -4,12 +4,12 @@ import coreApi from "@vitnode/core/locales/api/en.json" with { type: "json" };
 import core from "@vitnode/core/locales/en.json" with { type: "json" };
 import plugin from "./src/locales/en.json" with { type: "json" };
 
-// Augmenting `use-intl`, not `next-intl`. `AppConfig` is declared by `use-intl`,
-// which is what VitNode renders every string through on every host, and a plugin
-// is compiled into its own `dist` and imported by whichever app installed it -
-// so a type-level dependency on one host's framework is one every installing app
-// inherits. `use-intl` must be a direct dependency of this package for the
-// reference above to resolve under pnpm's strict `node_modules`.
+// `AppConfig` is declared by `use-intl`, which is what VitNode renders every
+// string through on every host, and a plugin is compiled into its own `dist`
+// and imported by whichever app installed it - so a type-level dependency on
+// one host's framework is one every installing app inherits. `use-intl` must be
+// a direct dependency of this package for the reference above to resolve under
+// pnpm's strict `node_modules`.
 //
 // A plugin can render on both sides (UI components and, e.g., emails), so it
 // types keys against both of core's trees. Add your own server tree here too

package/dist/src/create/create-package-json.js

@@ -116,6 +116,7 @@ const apiDevDeps = (pm, eslint) => ({
     "@types/node": versionsPackageJson.typesNode,
     "@types/react": versionsPackageJson.typesReact,
     "@types/react-dom": versionsPackageJson.typesReactDom,
+    cn: versionsPackageJson.cn,
     "@vitnode/config": "",
     dotenv: versionsPackageJson.dotenv,
     ...withIf(eslint, {
@@ -127,6 +128,7 @@ const apiDevDeps = (pm, eslint) => ({
 });
 const tanstackWebDeps = {
     "@tailwindcss/vite": versionsPackageJson.tailwindVite,
+    "@tanstack/react-form": versionsPackageJson.tanstackReactForm,
     "@tanstack/react-query": versionsPackageJson.tanstackReactQuery,
     "@tanstack/react-router": versionsPackageJson.tanstackReactRouter,
     "@tanstack/react-router-ssr-query": versionsPackageJson.tanstackRouterSsrQuery,
@@ -136,7 +138,6 @@ const tanstackWebDeps = {
     nitro: versionsPackageJson.nitro,
     react: versionsPackageJson.react,
     "react-dom": versionsPackageJson.reactDom,
-    "react-hook-form": versionsPackageJson.rhf,
     sonner: versionsPackageJson.sonner,
     tailwindcss: versionsPackageJson.tailwind,
     tslib: versionsPackageJson.tslib,
@@ -147,7 +148,6 @@ const singleAppDeps = {
     ...tanstackWebDeps,
     "@hono/zod-openapi": versionsPackageJson.honoZodOpenapi,
     "@hono/zod-validator": versionsPackageJson.honoZodValidator,
-    "@hookform/resolvers": versionsPackageJson.rhfResolvers,
     "drizzle-kit": versionsPackageJson.drizzleKit,
     "drizzle-orm": versionsPackageJson.drizzleOrm,
     hono: versionsPackageJson.hono,
@@ -162,6 +162,7 @@ const tanstackWebDevDeps = {
     "@types/node": versionsPackageJson.typesNode,
     "@types/react": versionsPackageJson.typesReact,
     "@types/react-dom": versionsPackageJson.typesReactDom,
+    cn: versionsPackageJson.cn,
     "@vitejs/plugin-react": versionsPackageJson.viteReact,
     "@vitnode/config": "",
     "tw-animate-css": versionsPackageJson.twAnimateCss,
@@ -184,7 +185,6 @@ const webDeps = {
 };
 const webDevDeps = (eslint) => ({
     ...tanstackWebDevDeps,
-    "@hookform/resolvers": versionsPackageJson.rhfResolvers,
     "class-variance-authority": versionsPackageJson.cva,
     ...withIf(eslint, { eslint: versionsPackageJson.eslint }),
 });

package/dist/src/create/create-vitnode.js

@@ -4,11 +4,17 @@ import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 import ora from "ora";
 import color from "picocolors";
+import { initGitRepository } from "../helpers/init-git.js";
 import { generateMigrationsVitnode } from "../helpers/init-vitnode.js";
 import { installDependencies } from "../helpers/install-dependencies.js";
 import { isFolderEmpty } from "../helpers/is-folder-empty.js";
 import { createPackageJSON } from "./create-package-json.js";
-export const createVitNode = async ({ root, appName, packageManager, eslint, install, docker, mode, monorepo, }) => {
+const GIT_WARNINGS = {
+    "already-in-repository": "Skipped git setup - the project already lives inside a git repository.",
+    failed: 'Could not initialize a git repository. Run "git init" in the project yourself once git is configured.',
+    "git-unavailable": 'Git is not installed, so no repository was created. Run "git init" in the project after installing git.',
+};
+export const createVitNode = async ({ root, appName, packageManager, eslint, git, install, docker, mode, monorepo, }) => {
     const spinner = ora(`Creating a new VitNode app in ${color.green(root)}. Using ${color.green(packageManager)}...`).start();
     const __filename = fileURLToPath(import.meta.url);
     const __dirname = dirname(__filename);
@@ -200,5 +206,13 @@ export const createVitNode = async ({ root, appName, packageManager, eslint, ins
             process.exit(1);
         }
     }
+    let gitResult;
+    if (git) {
+        spinner.text = "Initializing git repository...";
+        gitResult = await initGitRepository({ root });
+    }
     spinner.succeed(`${color.green("Success!")} Created ${color.cyan(appName)} at ${color.cyan(root)}`);
+    if (gitResult && gitResult !== "created") {
+        console.log(color.yellow(GIT_WARNINGS[gitResult]));
+    }
 };

package/dist/src/create/package-versions.js

@@ -1,49 +1,49 @@
 export const versionsPackageJson = {
-    typesNode: "^26",
-    typesReact: "^19.2",
-    typesReactDom: "^19.2",
+    typesNode: "^26.5",
+    typesReact: "^19.3",
+    typesReactDom: "^19.3",
     typesBun: "latest",
     turbo: "^2.10",
     typescript: "^6.0",
-    tsx: "^4",
+    tsx: "^4.23",
     tscAlias: "^1.9",
-    eslint: "^10",
+    eslint: "^10.10",
     prettier: "^3.9",
     prettierTailwind: "^0.8",
     tailwind: "^4.2",
     twAnimateCss: "^1.4.0",
-    react: "^19.2",
-    reactDom: "^19.2",
-    useIntl: "^4.13.7",
-    rhf: "^7",
-    rhfResolvers: "^5.1.1",
-    lucide: "^1.21",
-    sonner: "^2.0.7",
+    cn: "^0.3.0",
+    react: "^19.3",
+    reactDom: "^19.3",
+    useIntl: "^4.14.4",
+    lucide: "^1.45",
+    sonner: "^2.0.8",
     dotenv: "^17.4",
     drizzleKit: "1.0.0-rc.4",
     drizzleOrm: "1.0.0-rc.4",
-    hono: "^4.12",
-    honoZodOpenapi: "^1.5",
-    honoZodValidator: "^0.9",
+    hono: "^4.13",
+    honoZodOpenapi: "^1.6",
+    honoZodValidator: "^0.9.1",
     reactEmail: "^6.9",
     reactEmailUi: "^6.9",
-    zod: "^4.4",
+    zod: "^4.6",
     ws: "^8",
     cva: "^0.7.1",
+    tanstackReactForm: "^1.33",
     tanstackReactRouter: "^1.170",
     tanstackReactStart: "^1.168",
-    tanstackReactQuery: "^5.101",
+    tanstackReactQuery: "^5.102",
     tanstackRouterSsrQuery: "^1.167",
     tanstackReactDevtools: "^0.10",
     tanstackDevtoolsVite: "^0.8",
     tanstackQueryDevtools: "^5.102",
     tanstackRouterDevtools: "^1.167",
-    vite: "^8.0",
-    viteReact: "^6.0",
+    vite: "^8.3",
+    viteReact: "^6.1",
     tailwindVite: "^4.2",
-    nitro: "3.0.260610-beta",
+    nitro: "3.0.260903-beta",
     tslib: "^2.8.1",
     swcCli: "^0.8.1",
-    swcCore: "^1.15",
-    shadcn: "^4",
+    swcCore: "^1.16",
+    shadcn: "^4.21",
 };

package/dist/src/helpers/init-git.js

@@ -0,0 +1,38 @@
+import { rm } from "node:fs/promises";
+import { join } from "node:path";
+import { spawnCommand } from "./spawn-command.js";
+export const DEFAULT_GIT_BRANCH = "main";
+const runGit = async (args, cwd) => new Promise(resolve => {
+    const child = spawnCommand("git", args, { cwd, stdio: "ignore" });
+    child.on("error", () => {
+        resolve(false);
+    });
+    child.on("close", code => {
+        resolve(code === 0);
+    });
+});
+export const initGitRepository = async ({ root, branch = DEFAULT_GIT_BRANCH, commitMessage = "Initial commit from Create VitNode App", }) => {
+    if (!(await runGit(["--version"], root))) {
+        return "git-unavailable";
+    }
+    if (await runGit(["rev-parse", "--is-inside-work-tree"], root)) {
+        return "already-in-repository";
+    }
+    const removeGitDirectory = async () => {
+        await rm(join(root, ".git"), { force: true, recursive: true });
+    };
+    const initialized = (await runGit(["init", "--initial-branch", branch], root)) ||
+        ((await runGit(["init"], root)) &&
+            (await runGit(["symbolic-ref", "HEAD", `refs/heads/${branch}`], root)));
+    if (!initialized) {
+        await removeGitDirectory();
+        return "failed";
+    }
+    const committed = (await runGit(["add", "-A"], root)) &&
+        (await runGit(["commit", "-m", commitMessage], root));
+    if (!committed) {
+        await removeGitDirectory();
+        return "failed";
+    }
+    return "created";
+};

package/dist/src/helpers/init-vitnode.js

@@ -1,14 +1,13 @@
-import { spawn } from "node:child_process";
 import color from "picocolors";
+import { spawnCommand } from "./spawn-command.js";
 export const generateMigrationsVitnode = async ({ packageManager: pm, cwd, }) => {
     const packageManager = pm.split("@")[0];
     const args = ["vitnode", "migrate", "--generate"];
     await new Promise((resolve, reject) => {
         let output = "";
-        const child = spawn(packageManager, args, {
+        const child = spawnCommand(packageManager, args, {
             cwd,
             env: process.env,
-            shell: true,
             stdio: "pipe",
         });
         child.stdout?.on("data", (data) => {