@creativault/powerdata-cli 0.0.1

package/template/nextjs_template_monorepo/src/components/layout/header.tsx

@@ -0,0 +1,25 @@
+import { ThemeToggle } from '@/components/theme-toggle';
+import Link from 'next/link';
+
+export function Header() {
+  return (
+    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+      <div className="container flex h-14 max-w-screen-2xl items-center px-4 md:px-8">
+        <Link href="/" className="mr-6 flex items-center space-x-2">
+          <span className="text-lg font-bold">MyApp</span>
+        </Link>
+        <nav className="flex flex-1 items-center space-x-6 text-sm font-medium">
+          <Link
+            href="/demo"
+            className="transition-colors hover:text-foreground/80 text-foreground/60"
+          >
+            Demo
+          </Link>
+        </nav>
+        <div className="flex items-center space-x-2">
+          <ThemeToggle />
+        </div>
+      </div>
+    </header>
+  );
+}

package/template/nextjs_template_monorepo/src/components/theme-provider.tsx

@@ -0,0 +1,17 @@
+'use client';
+
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import type { ReactNode } from 'react';
+
+export function ThemeProvider({ children }: { children: ReactNode }) {
+  return (
+    <NextThemesProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+    >
+      {children}
+    </NextThemesProvider>
+  );
+}

package/template/nextjs_template_monorepo/src/components/theme-toggle.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { Button } from '@repo/ui';
+import { Moon, Sun } from 'lucide-react';
+import { useTheme } from 'next-themes';
+
+export function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+
+  return (
+    <Button
+      variant="ghost"
+      size="icon"
+      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
+      aria-label="Toggle theme"
+    >
+      <Sun className="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+      <Moon className="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+    </Button>
+  );
+}

package/template/nextjs_template_monorepo/src/config/index.ts

@@ -0,0 +1 @@
+export { siteConfig } from './website';

package/template/nextjs_template_monorepo/src/config/website.ts

@@ -0,0 +1,13 @@
+/**
+ * 网站全局配置
+ */
+export const siteConfig = {
+  name: 'MyApp',
+  description: 'A modern Next.js application',
+  url: process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000',
+  ogImage: '/og.png',
+  links: {
+    github: '',
+    docs: '',
+  },
+} as const;

package/template/nextjs_template_monorepo/src/env.js

@@ -0,0 +1,22 @@
+import { createEnv } from '@t3-oss/env-nextjs';
+import { z } from 'zod';
+
+export const env = createEnv({
+  server: {
+    NODE_ENV: z.enum(['development', 'test', 'production']),
+    DATABASE_URL: z.string().optional(),
+    // 后端服务 URL
+    API_URL: z.string().optional(),
+  },
+  client: {
+    NEXT_PUBLIC_APP_URL: z.string().optional(),
+  },
+  runtimeEnv: {
+    NODE_ENV: process.env.NODE_ENV,
+    DATABASE_URL: process.env.DATABASE_URL,
+    API_URL: process.env.API_URL,
+    NEXT_PUBLIC_APP_URL: process.env.NEXT_PUBLIC_APP_URL,
+  },
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+  emptyStringAsUndefined: true,
+});

package/template/nextjs_template_monorepo/src/hooks/index.ts

@@ -0,0 +1,6 @@
+/**
+ * 自定义 Hooks
+ *
+ * 在此文件中导出所有自定义 hooks
+ * 示例: export { useDebounce } from './use-debounce';
+ */

package/template/nextjs_template_monorepo/src/lib/utils.ts

@@ -0,0 +1,2 @@
+// Re-export from shared utils package
+export { cn } from '@repo/utils';

package/template/nextjs_template_monorepo/src/middleware.ts

@@ -0,0 +1,53 @@
+import { type NextRequest, NextResponse } from 'next/server';
+import {
+  DEFAULT_LOGIN_REDIRECT,
+  protectedRoutePrefixes,
+  protectedRoutes,
+  routesNotAllowedByLoggedInUsers,
+} from './routes';
+
+/**
+ * Next.js Middleware
+ * https://nextjs.org/docs/app/building-your-application/routing/middleware
+ *
+ * 处理路由保护、认证重定向等逻辑
+ * 注意：middleware 中避免进行 API 或数据库调用，仅检查 cookie 存在性
+ */
+export default async function middleware(req: NextRequest) {
+  const { nextUrl } = req;
+  const pathname = nextUrl.pathname;
+
+  // TODO: 替换为实际的 session 检查逻辑
+  // 示例：检查 session cookie 是否存在
+  const sessionCookie = req.cookies.get('session_token');
+  const isLoggedIn = !!sessionCookie;
+
+  // 检查是否为受保护路由
+  const isProtectedRoute =
+    protectedRoutes.some((route) => pathname === route) ||
+    protectedRoutePrefixes.some((prefix) => pathname.startsWith(prefix));
+
+  // 未登录用户访问受保护路由 → 重定向到登录页
+  if (isProtectedRoute && !isLoggedIn) {
+    const loginUrl = new URL('/auth/login', nextUrl);
+    loginUrl.searchParams.set('callbackUrl', pathname);
+    return NextResponse.redirect(loginUrl);
+  }
+
+  // 已登录用户访问登录/注册页 → 重定向到 Dashboard
+  const isAuthRoute = routesNotAllowedByLoggedInUsers.some(
+    (route) => pathname === route
+  );
+  if (isAuthRoute && isLoggedIn) {
+    return NextResponse.redirect(new URL(DEFAULT_LOGIN_REDIRECT, nextUrl));
+  }
+
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: [
+    // 匹配所有路由，排除静态资源和 API
+    '/((?!api|_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
+  ],
+};

package/template/nextjs_template_monorepo/src/routes.ts

@@ -0,0 +1,47 @@
+/**
+ * 应用路由配置
+ */
+export enum Routes {
+  Root = '/',
+
+  // 营销页面
+  Features = '/features',
+  Pricing = '/pricing',
+  Blog = '/blog',
+  About = '/about',
+  Contact = '/contact',
+  PrivacyPolicy = '/privacy',
+  TermsOfService = '/terms',
+
+  // 认证路由
+  Login = '/auth/login',
+  Register = '/auth/register',
+  ForgotPassword = '/auth/forgot-password',
+
+  // 业务路由
+  Dashboard = '/dashboard',
+  Settings = '/settings',
+}
+
+/**
+ * 需要登录才能访问的路由
+ */
+export const protectedRoutes: string[] = [Routes.Dashboard, Routes.Settings];
+
+/**
+ * 需要登录才能访问的路由前缀
+ */
+export const protectedRoutePrefixes: string[] = ['/dashboard', '/settings'];
+
+/**
+ * 登录后默认跳转路由
+ */
+export const DEFAULT_LOGIN_REDIRECT = Routes.Dashboard;
+
+/**
+ * 已登录用户不允许访问的路由
+ */
+export const routesNotAllowedByLoggedInUsers: string[] = [
+  Routes.Login,
+  Routes.Register,
+];

package/template/nextjs_template_monorepo/src/styles/globals.css

@@ -0,0 +1,157 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@plugin '@tailwindcss/typography';
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --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);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+:root {
+  --background: oklch(1.0 0 0);
+  --foreground: oklch(0.1448 0 0);
+  --card: oklch(1.0 0 0);
+  --card-foreground: oklch(0.1448 0 0);
+  --popover: oklch(1.0 0 0);
+  --popover-foreground: oklch(0.1448 0 0);
+  --primary: oklch(0.623 0.214 259.815);
+  --primary-foreground: oklch(0.9851 0 0);
+  --secondary: oklch(0.9702 0 0);
+  --secondary-foreground: oklch(0.2046 0 0);
+  --muted: oklch(0.9702 0 0);
+  --muted-foreground: oklch(0.5555 0 0);
+  --accent: oklch(0.9702 0 0);
+  --accent-foreground: oklch(0.2046 0 0);
+  --destructive: oklch(0.6368 0.2078 25.3313);
+  --destructive-foreground: oklch(0.9851 0 0);
+  --border: oklch(0.9219 0 0);
+  --input: oklch(0.9219 0 0);
+  --ring: oklch(0.1448 0 0);
+  --chart-1: oklch(0.6231 0.188 259.8145);
+  --chart-2: oklch(0.6056 0.2189 292.7172);
+  --chart-3: oklch(0.7686 0.1647 70.0804);
+  --chart-4: oklch(0.6959 0.1491 162.4796);
+  --chart-5: oklch(0.551 0.0234 264.3637);
+  --sidebar: oklch(1.0 0 0);
+  --sidebar-foreground: oklch(0.446 0.03 256.802);
+  --sidebar-primary: oklch(0.325 0 0);
+  --sidebar-primary-foreground: oklch(0.9881 0 0);
+  --sidebar-accent: oklch(0.9761 0 0);
+  --sidebar-accent-foreground: oklch(0.325 0 0);
+  --sidebar-border: oklch(0.9401 0 0);
+  --sidebar-ring: oklch(0.7731 0 0);
+  --radius: 0.5rem;
+  --spacing: 0.25rem;
+}
+
+.dark {
+  --background: oklch(0.1448 0 0);
+  --foreground: oklch(0.9851 0 0);
+  --card: oklch(0.1448 0 0);
+  --card-foreground: oklch(0.9851 0 0);
+  --popover: oklch(0.1448 0 0);
+  --popover-foreground: oklch(0.9851 0 0);
+  --primary: oklch(0.9851 0 0);
+  --primary-foreground: oklch(0.2046 0 0);
+  --secondary: oklch(0.2686 0 0);
+  --secondary-foreground: oklch(0.9851 0 0);
+  --muted: oklch(0.2686 0 0);
+  --muted-foreground: oklch(0.7155 0 0);
+  --accent: oklch(0.2686 0 0);
+  --accent-foreground: oklch(0.9851 0 0);
+  --destructive: oklch(0.3958 0.1331 25.723);
+  --destructive-foreground: oklch(0.9851 0 0);
+  --border: oklch(0.2686 0 0);
+  --input: oklch(0.2686 0 0);
+  --ring: oklch(0.8699 0 0);
+  --chart-1: oklch(0.5298 0.1932 262.0493);
+  --chart-2: oklch(0.6994 0.1339 165.4606);
+  --chart-3: oklch(0.7227 0.1502 60.5799);
+  --chart-4: oklch(0.6193 0.2029 312.7422);
+  --chart-5: oklch(0.6118 0.2093 6.1387);
+  --sidebar: oklch(0.2103 0.0059 285.8852);
+  --sidebar-foreground: oklch(0.9674 0.0013 286.3752);
+  --sidebar-primary: oklch(0.4882 0.2172 264.3763);
+  --sidebar-primary-foreground: oklch(1.0 0 0);
+  --sidebar-accent: oklch(0.2739 0.0055 286.0326);
+  --sidebar-accent-foreground: oklch(0.9674 0.0013 286.3752);
+  --sidebar-border: oklch(0.2739 0.0055 286.0326);
+  --sidebar-ring: oklch(0.8711 0.0055 286.286);
+}
+
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  body {
+    @apply bg-background text-foreground overscroll-none;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+}

package/template/nextjs_template_monorepo/src/test/setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/template/nextjs_template_monorepo/src/types/index.ts

@@ -0,0 +1,30 @@
+/**
+ * 通用 API 响应类型
+ */
+export interface ApiResponse<T = unknown> {
+  success: boolean;
+  data?: T;
+  error?: string;
+  message?: string;
+}
+
+/**
+ * 分页响应类型
+ */
+export interface PaginatedResponse<T> {
+  items: T[];
+  total: number;
+  page: number;
+  pageSize: number;
+  totalPages: number;
+}
+
+/**
+ * 分页请求参数
+ */
+export interface PaginationParams {
+  page?: number;
+  pageSize?: number;
+  sortBy?: string;
+  sortOrder?: 'asc' | 'desc';
+}

package/template/nextjs_template_monorepo/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/public/*": ["./public/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules", "vitest.config.mts"]
+}

package/template/nextjs_template_monorepo/vitest.config.mts

@@ -0,0 +1,34 @@
+import path from 'path';
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    setupFiles: ['./src/test/setup.ts'],
+    include: ['src/**/*.{test,spec}.{ts,tsx}'],
+    exclude: ['node_modules', '.next', 'dist'],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      reportsDirectory: './coverage',
+      exclude: [
+        'node_modules/',
+        'src/test/',
+        '**/*.d.ts',
+        '**/*.config.*',
+        '**/types/**',
+      ],
+    },
+    passWithNoTests: true,
+    testTimeout: 10000,
+    hookTimeout: 10000,
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});