create-vitnode-app 1.2.0-canary.2 → 1.2.0-canary.20

package/README.md

@@ -0,0 +1,44 @@
+# (VitNode) Create App
+
+This package is a CLI tool to create a new VitNode app quickly.
+
+Script based on [Create Next App](https://nextjs.org/).
+
+<p align="center">
+  <br>
+  <a href="https://vitnode.com/" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/VitNode/vitnode/canary/assets/logo/vitnode_logo_dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/VitNode/vitnode/canary/assets/logo/vitnode_logo_light.svg">
+      <img alt="VitNode Logo" src="https://raw.githubusercontent.com/VitNode/vitnode/canary/assets/logo/vitnode_logo_light.svg" width="400">
+    </picture>
+  </a>
+  <br>
+  <br>
+</p>
+
+## Usage
+
+```bash
+npx create-vitnode-app@latest
+```
+
+or
+
+```bash
+pnpm create vitnode-app@latest
+```
+
+or
+
+```bash
+bun create vitnode-app@latest
+```
+
+## Options
+
+| Option              | Description                                                |
+| ------------------- | ---------------------------------------------------------- |
+| `--package-manager` | Specify the package manager to use. Support `npm`, `pnpm`. |
+| `--eslint`          | Initialize with eslint config.                             |
+| `--skip-install`    | Skip installing packages after initializing the project.   |

package/copy-of-vitnode-app/docker/docker-compose.yml

@@ -0,0 +1,20 @@
+version: '3.8'
+
+services:
+  database:
+    container_name: vitnode_postgres_dev
+    image: postgres:17.5-alpine
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: ${POSTGRES_USER-root}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD-root}
+      POSTGRES_DB: ${POSTGRES_NAME-vitnode}
+    volumes:
+      - ./docker/dev:/var/lib/postgresql/data
+    ports:
+      - '5432:5432'
+    networks:
+      - vitnode_dev
+
+networks:
+  vitnode_dev:

package/copy-of-vitnode-app/eslint/.prettierrc.mjs

@@ -1,4 +1,4 @@
-import vitnodePrettier from "eslint-config-typescript-vitnode/prettierrc";
+import vitnodePrettier from '@vitnode/eslint-config/prettierrc';
 
 /**
  * @see https://prettier.io/docs/en/configuration.html

package/copy-of-vitnode-app/eslint/eslint.config.mjs

@@ -1,3 +1,3 @@
-import eslintVitNode from 'eslint-config-typescript-vitnode/eslint';
+import eslintVitNode from '@vitnode/eslint-config/eslint';
 
 export default [...eslintVitNode];

package/copy-of-vitnode-app/root/.env.example

@@ -0,0 +1,11 @@
+LOGIN_TOKEN_SECRET=vitnode_secret
+POSTGRES_URL=postgresql://root:root@localhost:5432/vitnode
+
+NEXT_PUBLIC_BACKEND_URL=http://localhost:3000
+NEXT_PUBLIC_BACKEND_CLIENT_URL=http://localhost:3000
+NEXT_PUBLIC_FRONTEND_URL=http://localhost:3000
+
+# === Docker Database Postgres ===
+POSTGRES_USER=root
+POSTGRES_PASSWORD=root
+POSTGRES_NAME=vitnode

package/copy-of-vitnode-app/root/.gitignore_template

@@ -0,0 +1,43 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+/playwright-report
+/test-results
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

package/copy-of-vitnode-app/root/.prettierrc.mjs

@@ -0,0 +1,11 @@
+import vitnodePrettier from '@vitnode/eslint-config/prettierrc';
+
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  ...vitnodePrettier,
+};
+
+export default config;

package/copy-of-vitnode-app/root/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "cSpell.words": ["vitnode"],
+  "search.exclude": {
+    "**/(plugins)/*": true
+  }
+}

package/copy-of-vitnode-app/root/README.md

@@ -0,0 +1,48 @@
+<p align="center">
+  <br>
+  <a href="https://vitnode.com/" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/VitNode/vitnode/canary/assets/logo/vitnode_logo_dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/VitNode/vitnode/canary/assets/logo/vitnode_logo_light.svg">
+      <img alt="VitNode Logo" src="https://raw.githubusercontent.com/VitNode/vitnode/canary/assets/logo/vitnode_logo_light.svg" width="400">
+    </picture>
+  </a>
+  <br>
+  <br>
+</p>
+
+# VitNode App
+
+This is a basic template for a [VitNode](https://vitnode.com/) app.
+
+## Getting Started
+
+To get started, run the following commands:
+
+```bash
+pnpm i
+# or
+bun i
+# or
+npm i
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+## Development
+
+To start the development server, you need to create a `.env` file in the root of the project from `.env.example`.
+
+In the `development` environment, you can just copy and paste the content of `.env.example` to `.env`.
+
+### Development server
+
+To start the development server, run the following command:
+
+```bash
+pnpm dev
+# or
+bun dev
+# or
+npm run dev
+```

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

@@ -0,0 +1,12 @@
+import { defineVitNodeDrizzleConfig } from '@vitnode/core/drizzle.config';
+
+import { POSTGRES_URL, vitNodeApiConfig } from './src/vitnode.api.config';
+
+export default defineVitNodeDrizzleConfig({
+  vitNodeApiConfig,
+  out: './migrations/',
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: POSTGRES_URL,
+  },
+});

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

@@ -0,0 +1,9 @@
+/// <reference types="next-intl" />
+
+import type core from './src/locales/@vitnode/core/en.json';
+
+declare module 'next-intl' {
+  interface AppConfig {
+    Messages: typeof core;
+  }
+}

package/copy-of-vitnode-app/root/src/app/[locale]/(main)/page.tsx

@@ -3,16 +3,8 @@ import { buttonVariants } from '@vitnode/core/components/ui/button';
 import { Link } from '@vitnode/core/lib/navigation';
 import { cn } from '@vitnode/core/lib/utils';
 import { ArrowRight, Book, Terminal } from 'lucide-react';
-import { getTranslations } from 'next-intl/server';
-
-export default async function Home({
-  params,
-}: {
-  params: Promise<{ locale: string }>;
-}) {
-  const { locale } = await params;
-  const t = await getTranslations({ locale, namespace: 'welcome.home' });
 
+export default function Page() {
   return (
     <main className="container mx-auto flex min-h-[calc(100vh-4rem)] flex-col items-center justify-center gap-16 px-4 py-16">
       {/* Hero Section */}
@@ -20,11 +12,11 @@ export default async function Home({
         <LogoVitNode className="w-44" />
 
         <div className="space-y-4">
-          <h1 className="from-foreground to-foreground/70 text-balance bg-gradient-to-br bg-clip-text text-4xl font-bold tracking-tight text-transparent md:text-5xl lg:text-6xl">
-            {t('title')}
+          <h1 className="from-foreground to-foreground/70 bg-gradient-to-br bg-clip-text text-4xl font-bold tracking-tight text-balance text-transparent md:text-5xl lg:text-6xl">
+            Start Your Journey!
           </h1>
-          <p className="text-muted-foreground mx-auto max-w-2xl text-pretty text-lg">
-            {t('desc')}
+          <p className="text-muted-foreground mx-auto max-w-2xl text-lg text-pretty">
+            Dive in. Create or install your first plugin!
           </p>
         </div>
 
@@ -40,7 +32,7 @@ export default async function Home({
             target="_blank"
           >
             <Terminal className="mr-2 h-4 w-4" />
-            {t('go_to_admin_cp')}
+            Go to AdminCP
             <ArrowRight className="ml-2 h-4 w-4" />
           </Link>
 
@@ -56,7 +48,7 @@ export default async function Home({
             target="_blank"
           >
             <Book className="mr-2 h-4 w-4" />
-            {t('read_our_docs')}
+            Read our Docs
           </Link>
 
           <Link

package/copy-of-vitnode-app/root/src/app/[locale]/admin/(auth)/layout.tsx

@@ -1,7 +1,10 @@
-import { AdminLayout } from '@vitnode/core/views/admin/layouts/admin-layout';
+import {
+  AdminLayout,
+  type AdminLayoutProps,
+} from '@vitnode/core/views/admin/layouts/admin-layout';
 
-export default function Layout(
-  props: React.ComponentProps<typeof AdminLayout>,
-) {
-  return <AdminLayout {...props} />;
+import { vitNodeConfig } from '@/vitnode.config';
+
+export default function Layout(props: AdminLayoutProps) {
+  return <AdminLayout vitNodeConfig={vitNodeConfig} {...props} />;
 }

package/copy-of-vitnode-app/root/src/app/[locale]/layout.tsx

@@ -1,13 +1,14 @@
 import type { RootLayoutProps } from '@vitnode/core/views/layouts/root-layout';
 import type { Metadata } from 'next';
 
-import { vitNodeConfig } from '@/vitnode.config';
 import {
   generateMetadataRootLayout,
   RootLayout,
 } from '@vitnode/core/views/layouts/root-layout';
 import { Geist, Geist_Mono } from 'next/font/google';
 
+import { vitNodeConfig } from '@/vitnode.config';
+
 const geistSans = Geist({
   variable: '--font-geist-sans',
   subsets: ['latin'],

package/copy-of-vitnode-app/root/src/app/api/[...route]/route.ts

@@ -1,9 +1,10 @@
-import { vitNodeApiConfig } from '@/vitnode.api.config';
-import { vitNodeConfig } from '@/vitnode.config';
 import { OpenAPIHono } from '@hono/zod-openapi';
 import { VitNodeAPI } from '@vitnode/core/api/config';
 import { handle } from 'hono/vercel';
 
+import { vitNodeApiConfig } from '@/vitnode.api.config';
+import { vitNodeConfig } from '@/vitnode.config';
+
 const app = new OpenAPIHono().basePath('/api');
 VitNodeAPI({
   app,

package/copy-of-vitnode-app/root/src/app/global-error.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { vitNodeConfig } from '@/vitnode.config';
 import { GlobalErrorView } from '@vitnode/core/views/error/global-error-view';
+import { Geist, Geist_Mono } from 'next/font/google';
 
-import './globals.css';
+import './global.css';
 
-import { Geist, Geist_Mono } from 'next/font/google';
+import { vitNodeConfig } from '@/vitnode.config';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',

package/copy-of-vitnode-app/root/src/app/{globals.css → global.css}

@@ -9,29 +9,37 @@
 
 :root:not(.dark) {
   --background: oklch(1 0 0);
-  --foreground: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
-  --card-foreground: oklch(0.141 0.005 285.823);
+  --card-foreground: oklch(0.145 0 0);
   --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.141 0.005 285.823);
+  --popover-foreground: oklch(0.145 0 0);
   --primary: oklch(0.51 0.16 262.61);
   --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.94 0.005 286); /* Adjusted for better contrast on muted */
-  --accent-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.96 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.95 0 0);
+  --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(
-    0.9 0.02 262.61
-  ); /* Similar hue to dark primary, lighter/desaturated */
-  --ring: oklch(0.7 0.16 262.61); /* Lighter version of dark primary */
-  --chart-1: oklch(0.65 0.22 40);
-  --chart-2: oklch(0.6 0.15 185);
-  --chart-3: oklch(0.42 0.09 230);
-  --chart-4: oklch(0.83 0.19 85);
-  --chart-5: oklch(0.77 0.18 70);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.7 0.16 262.61);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.955 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.92 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.902 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
 }
 
 .dark {
@@ -45,37 +53,33 @@
   --primary-foreground: oklch(0.99 0.005 240);
   --secondary: oklch(0.24 0.01 240);
   --secondary-foreground: oklch(0.98 0.005 240);
-  --muted: oklch(0.22 0.01 240); /* Made slightly darker */
+  --muted: oklch(0.22 0.01 240);
   --muted-foreground: oklch(0.75 0.005 240);
   --accent: oklch(0.28 0.015 240);
   --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(0.28 0.005 240);
+  --border: oklch(0.269 0.005 240);
+  --input: oklch(0.269 0.005 240);
   --ring: oklch(0.51 0.16 262.61);
-  --chart-1: oklch(0.55 0.24 265);
-  --chart-2: oklch(0.7 0.17 160);
-  --chart-3: oklch(0.8 0.18 70);
-  --chart-4: oklch(0.7 0.26 300);
-  --chart-5: oklch(0.7 0.24 20);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.18 0.005 240);
+  --sidebar-foreground: oklch(0.98 0.005 240);
+  --sidebar-primary: oklch(0.51 0.16 262.61);
+  --sidebar-primary-foreground: oklch(0.99 0.005 240);
+  --sidebar-accent: oklch(0.28 0.015 240);
+  --sidebar-accent-foreground: oklch(0.98 0.005 240);
+  --sidebar-border: oklch(0.269 0.005 240);
+  --sidebar-ring: oklch(0.51 0.16 262.61);
 }
 
 :root {
   --radius: 0.625rem;
-  --input: var(--border);
-  --sidebar: var(--muted);
-  --sidebar-foreground: var(--foreground);
-  --sidebar-primary: var(--primary);
-  --sidebar-primary-foreground: var(--primary-foreground);
-  --sidebar-accent: var(--accent);
-  --sidebar-accent-foreground: var(--accent-foreground);
-  --sidebar-border: var(--border);
-  --sidebar-ring: var(--ring);
 }
 
 @theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -91,6 +95,7 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);
@@ -99,6 +104,10 @@
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);

package/copy-of-vitnode-app/root/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import './globals.css';
+import './global.css';
 
 export default async function RootLayout({
   children,

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

@@ -0,0 +1,24 @@
+import createMiddleware from 'next-intl/middleware';
+
+import { vitNodeConfig } from './vitnode.config';
+
+export default createMiddleware({
+  locales: vitNodeConfig.i18n.locales,
+  defaultLocale: vitNodeConfig.i18n.defaultLocale,
+  localePrefix: vitNodeConfig.i18n.localePrefix,
+});
+
+export const config = {
+  matcher: [
+    // Enable a redirect to a matching locale at the root
+    '/',
+
+    // Set a cookie to remember the previous locale for
+    // all requests that have a locale prefix
+    '/(en)/:path*',
+
+    // Enable redirects that add missing locales
+    // (e.g. `/pathnames` -> `/en/pathnames`)
+    '/((?!_next|_vercel|api|.*\\..*).*)',
+  ],
+};

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

@@ -1,5 +1,14 @@
 import { buildApiConfig } from '@vitnode/core/vitnode.config';
+import { drizzle } from 'drizzle-orm/postgres-js';
+
+export const POSTGRES_URL =
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+  process.env.POSTGRES_URL || 'postgresql://root:root@localhost:5432/vitnode';
 
 export const vitNodeApiConfig = buildApiConfig({
   plugins: [],
+  dbProvider: drizzle({
+    connection: POSTGRES_URL,
+    casing: 'camelCase',
+  }),
 });

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

@@ -0,0 +1,28 @@
+import { blogPlugin } from '@vitnode/blog/plugin';
+import { buildConfig, handleRequestConfig } from '@vitnode/core/vitnode.config';
+import { getRequestConfig } from 'next-intl/server';
+
+export const vitNodeConfig = buildConfig({
+  metadata: {
+    title: 'VitNode',
+    shortTitle: 'VitNode',
+  },
+  plugins: [],
+  i18n: {
+    locales: ['en'] as const,
+    defaultLocale: 'en',
+  },
+  theme: {
+    defaultTheme: 'light',
+  },
+});
+
+// This is the request config for the app. It will be used in the app router.
+export default getRequestConfig(
+  async ({ requestLocale }) =>
+    await handleRequestConfig({
+      requestLocale,
+      vitNodeConfig,
+      pathToMessages: async path => await import(`./locales/${path}`),
+    }),
+);

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

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "eslint-config-typescript-vitnode/tsconfig",
+  "extends": "@vitnode/eslint-config/tsconfig",
   "compilerOptions": {
     "target": "ESNext",
     "module": "esnext",

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

@@ -0,0 +1,74 @@
+import { readFile, writeFile } from 'fs/promises';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+import { getAvailablePackageManagers } from '../helpers/get-available-package-managers.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+export const createPackageJSON = async ({ appName, packageManager, root, eslint, docker, }) => {
+    const availablePackageManagers = await getAvailablePackageManagers();
+    const pkg = JSON.parse(await readFile(join(__dirname, '..', '..', '..', 'package.json'), 'utf-8'));
+    const packageJson = {
+        name: appName,
+        version: '0.1.0',
+        private: true,
+        type: 'module',
+        scripts: {
+            'drizzle-kit': 'drizzle-kit',
+            'db:push': 'drizzle-kit push',
+            'db:migrate': 'drizzle-kit up && drizzle-kit generate && drizzle-kit migrate',
+            dev: 'vitnode init && next dev --turbopack',
+            build: 'next build --turbopack',
+            start: 'next start',
+            ...(eslint
+                ? {
+                    lint: 'eslint .',
+                    'lint:fix': 'eslint . --fix',
+                }
+                : {}),
+            ...(docker
+                ? {
+                    'docker:dev': `docker compose -f ./docker-compose.yml -p ${appName}-vitnode-dev up -d`,
+                }
+                : {}),
+        },
+        dependencies: {
+            '@hono/zod-openapi': '^0.19.8',
+            '@hono/zod-validator': '^0.7.0',
+            '@hookform/resolvers': '^5.0.1',
+            '@react-email/components': '^0.0.41',
+            '@vitnode/core': `^${pkg.version}`,
+            'babel-plugin-react-compiler': '19.1.0-rc.2',
+            'drizzle-kit': '^0.31.1',
+            'drizzle-orm': '^0.44.1',
+            hono: '^4.7.10',
+            'lucide-react': '^0.513.0',
+            next: '^15.3.3',
+            'next-intl': '^4.1.0',
+            react: '^19.1.0',
+            'react-dom': '^19.1.0',
+            'react-hook-form': '^7.56.4',
+            sonner: '^2.0.3',
+            zod: '^3.25.42',
+        },
+        devDependencies: {
+            '@tailwindcss/postcss': '^4.1.8',
+            '@types/node': '^22.15.29',
+            '@types/react': '^19.1.6',
+            '@types/react-dom': '^19.1.5',
+            ...(eslint
+                ? {
+                    eslint: '^9.27.0',
+                    '@vitnode/eslint-config': `^${pkg.version}`,
+                    'prettier-plugin-tailwindcss': '^0.6.12',
+                    prettier: '^3.5.3',
+                }
+                : {}),
+            'react-email': '^4.0.15',
+            tailwindcss: '^4.1.8',
+            'tw-animate-css': '^1.3.2',
+            typescript: '^5.8.3',
+        },
+        packageManager: `${packageManager}@${availablePackageManagers[packageManager]}`,
+    };
+    await writeFile(join(root, 'package.json'), JSON.stringify(packageJson, null, 2));
+};