create-vitnode-app 1.2.0-canary.7 → 1.2.0-canary.71

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

@@ -1,18 +1,10 @@
-import { LogoVitNode } from '@vitnode/core/components/logo-vitnode';
-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' });
+import { LogoVitNode } from "@vitnode/core/components/logo-vitnode";
+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";
 
+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>
 
@@ -33,37 +25,37 @@ export default async function Home({
           <Link
             className={cn(
               buttonVariants({
-                size: 'lg',
+                size: "lg",
               }),
             )}
             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
             className={cn(
               buttonVariants({
-                size: 'lg',
-                variant: 'outline',
+                size: "lg",
+                variant: "outline",
               }),
             )}
             href="https://vitnode.com/docs"
             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
             className={cn(
               buttonVariants({
-                size: 'lg',
-                variant: 'ghost',
+                size: "lg",
+                variant: "ghost",
               }),
             )}
             href="https://github.com/VitNode/vitnode"
@@ -71,11 +63,12 @@ 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"
             >
+              <title>GitHub</title>
               <path
                 d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
                 fill="currentColor"

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

@@ -1,9 +1,9 @@
 import {
   AdminLayout,
   type AdminLayoutProps,
-} from '@vitnode/core/views/admin/layouts/admin-layout';
+} from "@vitnode/core/views/admin/layouts/admin-layout";
 
-import { vitNodeConfig } from '@/vitnode.config';
+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]/admin/page.tsx

@@ -1,4 +1,4 @@
-import { SignInAdminView } from '@vitnode/core/views/admin/sign-in/sign-in-admin-view';
+import { SignInAdminView } from "@vitnode/core/views/admin/sign-in/sign-in-admin-view";
 
 export default function Page() {
   return <SignInAdminView />;

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

@@ -1,36 +1,39 @@
-import type { RootLayoutProps } from '@vitnode/core/views/layouts/root-layout';
-import type { Metadata } from 'next';
-
+import type { RootLayoutProps } from "@vitnode/core/views/layouts/root-layout";
 import {
   generateMetadataRootLayout,
   RootLayout,
-} from '@vitnode/core/views/layouts/root-layout';
-import { Geist, Geist_Mono } from 'next/font/google';
+} from "@vitnode/core/views/layouts/root-layout";
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
 
-import { vitNodeConfig } from '@/vitnode.config';
+import { vitNodeConfig } from "@/vitnode.config";
 
 const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
 });
 
 const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin'],
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
 });
 
 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-error.tsx

@@ -1,27 +1,24 @@
-'use client';
+"use client";
 
-import { GlobalErrorView } from '@vitnode/core/views/error/global-error-view';
-import { Geist, Geist_Mono } from 'next/font/google';
+import { GlobalErrorView } from "@vitnode/core/views/error/global-error-view";
+import { Geist, Geist_Mono } from "next/font/google";
 
-import './global.css';
-
-import { vitNodeConfig } from '@/vitnode.config';
+import "./global.css";
 
 const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
 });
 
 const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin'],
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
 });
 
 export default function GlobalError() {
   return (
     <GlobalErrorView
       className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      config={vitNodeConfig}
     />
   );
 }

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

@@ -1,78 +1,77 @@
-@import 'tailwindcss' source('../../src');
-
-@import 'tw-animate-css';
+@import "tailwindcss";
+@import "@vitnode/core/styles/tiptap.css";
+@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.53 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.2 0.01 250);
+  --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/app/layout.tsx

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

package/copy-of-vitnode-app/root/src/proxy.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/config/tsconfig",
   "compilerOptions": {
     "target": "ESNext",
     "module": "esnext",

package/copy-of-vitnode-plugin/root/.swcrc

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://swc.rs/schema.json",
+  "minify": true,
+  "jsc": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    }
+  },
+  "module": {
+    "type": "nodenext",
+    "strict": true,
+    "resolveFully": true
+  }
+}

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

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

package/copy-of-vitnode-plugin/root/npmignore.template

@@ -0,0 +1,19 @@
+/src/*
+!/src/app
+!/src/app/**
+!/src/app_admin
+!/src/app_admin/**
+!/src/locales
+!/src/locales/**
+
+/node_modules
+/.turbo
+/tsconfig.json
+/.swcrc
+/components.json
+/global.d.ts
+/tsup.config.ts
+/vitest.config.ts
+/tsconfig.json
+/scripts
+/config

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

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@vitnode/config/tsconfig",
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "rootDir": "./",
+    "outDir": "./dist",
+    "jsx": "react-jsx",
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "declarationMap": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules"],
+  "include": ["src", "global.d.ts"]
+}