create-vitnode-app 1.2.0-canary.5 → 1.2.0-canary.50

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

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# Dependencies
+node_modules
+.pnp
+.pnp.js
+
+# Local env files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Testing
+coverage
+
+# Turbo
+.turbo
+
+# Vercel
+.vercel
+
+# Build Outputs
+.next/
+out/
+build
+dist
+
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Misc
+.DS_Store
+*.pem
+
+# VitNode
+/docker

package/copy-of-vitnode-app/monorepo/apps/api/.env.example

@@ -0,0 +1,8 @@
+POSTGRES_URL=postgresql://root:root@localhost:5432/vitnode
+
+NEXT_PUBLIC_WEB_URL=http://localhost:3000
+
+# === Docker Database Postgres ===
+POSTGRES_USER=root
+POSTGRES_PASSWORD=root
+POSTGRES_NAME=vitnode

package/copy-of-vitnode-app/monorepo/apps/web/.env.example

@@ -0,0 +1 @@
+NEXT_PUBLIC_API_URL=http://localhost:8080

package/copy-of-vitnode-app/monorepo/turbo.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "ui": "tui",
+  "tasks": {
+    "db:migrate": {
+      "dependsOn": ["^db:migrate"],
+      "persistent": true,
+      "cache": false,
+      "inputs": ["$TURBO_DEFAULT$", ".env*"],
+      "env": ["POSTGRES_URL"]
+    },
+    "db:push": {
+      "dependsOn": ["^db:push"],
+      "cache": false,
+      "persistent": true,
+      "inputs": ["$TURBO_DEFAULT$", ".env*"],
+      "env": ["POSTGRES_URL"]
+    },
+    "build": {
+      "dependsOn": ["^build"],
+      "inputs": ["$TURBO_DEFAULT$", ".env*"],
+      "outputs": [".next/**", "!.next/cache/**", "dist/**"],
+      "env": ["POSTGRES_URL", "NEXT_PUBLIC_API_URL", "NEXT_PUBLIC_WEB_URL"]
+    },
+    "lint": {
+      "dependsOn": ["^lint"]
+    },
+    "lint:fix": {
+      "dependsOn": ["^lint:fix"]
+    },
+    "dev": {
+      "cache": false,
+      "persistent": true,
+      "inputs": ["$TURBO_DEFAULT$", ".env*"],
+      "env": ["POSTGRES_URL", "NEXT_PUBLIC_API_URL", "NEXT_PUBLIC_WEB_URL"]
+    },
+    "start": {
+      "dependsOn": ["^start"]
+    },
+    "init": {
+      "cache": false,
+      "persistent": true,
+      "inputs": ["$TURBO_DEFAULT$", ".env*"],
+      "env": ["POSTGRES_URL", "NEXT_PUBLIC_API_URL", "NEXT_PUBLIC_WEB_URL"]
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+POSTGRES_URL=postgresql://root:root@localhost:5432/vitnode
+
+NEXT_PUBLIC_API_URL=http://localhost:3000
+NEXT_PUBLIC_WEB_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,37 @@
+# Dependencies
+node_modules
+
+# Turbo
+.turbo
+
+# Generated content
+.contentlayer
+.content-collections
+.source
+
+# Test & Build
+/coverage
+/.next/
+/out/
+/build
+*.tsbuildinfo
+
+# Misc
+.DS_Store
+*.pem
+/.pnp
+.pnp.js
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local env files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Others
+.vercel
+next-env.d.ts

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/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)/layout.tsx

@@ -1,9 +1,14 @@
 import { LogoVitNode } from '@vitnode/core/components/logo-vitnode';
 import { ThemeLayout } from '@vitnode/core/views/layouts/theme/layout';
 
+import { vitNodeConfig } from '../../../vitnode.config';
+
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <ThemeLayout logo={<LogoVitNode className="w-34" />}>
+    <ThemeLayout
+      logo={<LogoVitNode className="w-34" />}
+      vitNodeConfig={vitNodeConfig}
+    >
       {children}
     </ThemeLayout>
   );

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 */}
@@ -21,10 +13,10 @@ export default async function Home({
 
         <div className="space-y-4">
           <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">
-            {t('title')}
+            Start Your Journey!
           </h1>
           <p className="text-muted-foreground mx-auto max-w-2xl text-lg text-pretty">
-            {t('desc')}
+            Dive in. Create or install your first plugin!
           </p>
         </div>
 
@@ -39,9 +31,9 @@ export default async function Home({
             href="/admin"
             target="_blank"
           >
-            <Terminal className="mr-2 h-4 w-4" />
-            {t('go_to_admin_cp')}
-            <ArrowRight className="ml-2 h-4 w-4" />
+            <Terminal className="mr-2 size-4" />
+            Go to AdminCP
+            <ArrowRight className="ml-2 size-4" />
           </Link>
 
           <Link
@@ -55,8 +47,8 @@ export default async function Home({
             rel="noopener noreferrer"
             target="_blank"
           >
-            <Book className="mr-2 h-4 w-4" />
-            {t('read_our_docs')}
+            <Book className="mr-2 size-4" />
+            Read our Docs
           </Link>
 
           <Link
@@ -71,7 +63,7 @@ export default async function Home({
             target="_blank"
           >
             <svg
-              className="mr-2 h-4 w-4"
+              className="mr-2 size-4"
               role="img"
               viewBox="0 0 24 24"
               xmlns="http://www.w3.org/2000/svg"

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

@@ -23,14 +23,18 @@ export const generateMetadata = (): Metadata =>
   generateMetadataRootLayout(vitNodeConfig);
 
 export const generateStaticParams = () =>
-  vitNodeConfig.i18n.locales.map(locale => ({ locale }));
+  vitNodeConfig.i18n.locales.map(locale => ({ locale: locale.code }));
+
+export default async function LocaleLayout(props: RootLayoutProps) {
+  const { locale } = await props.params;
 
-export default function LocaleLayout(props: RootLayoutProps) {
   return (
-    <RootLayout
-      className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      config={vitNodeConfig}
-      {...props}
-    />
+    <html lang={locale} suppressHydrationWarning>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <RootLayout config={vitNodeConfig} {...props} />
+      </body>
+    </html>
   );
 }

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

@@ -1,78 +1,77 @@
-@import 'tailwindcss' source('../../src');
+@import 'tailwindcss';
 
 @import 'tw-animate-css';
 
 @source "../../node_modules/@vitnode/core/dist/src/components";
 @source "../../node_modules/@vitnode/core/dist/src/views";
 
-@custom-variant dark (&:is(.dark *));
-
 :root:not(.dark) {
-  --background: oklch(0.985 0 0);
-  --foreground: oklch(0.145 0 0);
+  --background: oklch(0.96 0.01 250);
+  --foreground: oklch(0.18 0.01 250);
   --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
+  --card-foreground: oklch(0.22 0.01 250);
   --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.22 0.01 250);
   --primary: oklch(0.51 0.16 262.61);
   --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.96 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.92 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);
-  --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);
+  --secondary: oklch(0.94 0.02 254.94);
+  --secondary-foreground: oklch(0.25 0.01 250);
+  --muted: oklch(0.95 0.01 250);
+  --muted-foreground: oklch(0.35 0.01 250);
+  --accent: oklch(0.92 0.01 250);
+  --accent-foreground: oklch(0.25 0.01 250);
+  --destructive: oklch(0.6 0.2 24.45);
+  --warn: oklch(0.54 0.12 82.58);
+  --border: oklch(0.9 0.01 250);
+  --input: oklch(0.9 0.01 250);
+  --ring: oklch(0.7 0.13 250);
+  --chart-1: oklch(0.65 0.13 250);
+  --chart-2: oklch(0.6 0.11 260);
+  --chart-3: oklch(0.45 0.09 250);
+  --chart-4: oklch(0.8 0.13 250);
+  --chart-5: oklch(0.75 0.13 250);
+  --sidebar: var(--card);
+  --sidebar-foreground: oklch(0.22 0.01 250);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: oklch(0.97 0.01 250);
+  --sidebar-accent-foreground: oklch(0.25 0.01 250);
+  --sidebar-border: oklch(0.91 0.01 250);
+  --sidebar-ring: oklch(0.7 0.13 250);
 }
 
 .dark {
-  --background: oklch(0.12 0 0);
-  --foreground: oklch(0.98 0.005 240);
-  --card: oklch(0.18 0.005 240);
-  --card-foreground: oklch(0.98 0.005 240);
-  --popover: oklch(0.18 0.005 240);
-  --popover-foreground: oklch(0.98 0.005 240);
-  --primary: oklch(0.51 0.16 262.61);
-  --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);
-  --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.269 0.005 240);
-  --input: oklch(0.269 0.005 240);
-  --ring: oklch(0.51 0.16 262.61);
-  --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);
+  --background: oklch(0.16 0.01 250);
+  --foreground: oklch(0.96 0.01 250);
+  --card: oklch(0.2 0.01 250);
+  --card-foreground: oklch(0.96 0.01 250);
+  --popover: oklch(0.22 0.01 250);
+  --popover-foreground: oklch(0.96 0.01 250);
+  --primary: oklch(0.6 0.18 262.65);
+  --primary-foreground: oklch(0.98 0 0);
+  --secondary: oklch(0.29 0.03 264.9);
+  --secondary-foreground: oklch(0.96 0.01 250);
+  --muted: oklch(0.24 0.01 250);
+  --muted-foreground: oklch(0.7 0.01 250);
+  --accent: oklch(0.28 0.01 250);
+  --destructive: oklch(0.62 0.2 25.35);
+  --warn: oklch(0.76 0.18 81.84);
+  --border: oklch(0.3 0.01 250);
+  --input: oklch(0.3 0.01 250);
+  --ring: oklch(0.54 0.13 250);
+  --chart-1: oklch(0.45 0.09 250);
+  --chart-2: oklch(0.6 0.11 260);
+  --chart-3: oklch(0.75 0.13 250);
+  --chart-4: oklch(0.8 0.13 250);
+  --chart-5: oklch(0.65 0.13 250);
+  --sidebar: var(--card);
+  --sidebar-foreground: oklch(0.96 0.01 250);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: oklch(0.23 0.01 250);
+  --sidebar-accent-foreground: oklch(0.96 0.01 250);
+  --sidebar-border: oklch(0.26 0.01 250);
+  --sidebar-ring: oklch(0.54 0.13 250);
 }
 
 :root {
@@ -95,7 +94,7 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
+  --color-warn: var(--warn);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);

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.map(locale => locale.code),
+  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.config.ts

@@ -0,0 +1,32 @@
+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: [
+      {
+        code: 'en',
+        name: 'English',
+      },
+    ],
+    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",