create-web-kit 25.728.2313 → 25.828.1844

package/dist/generators/nextjs-csr.js

@@ -69,9 +69,59 @@ function copyConfigHuskyPackage(root) {
             "**/*.{js,jsx,ts,tsx,json,css,scss,md}": ["prettier --write"],
             "**/*.{js,jsx,ts,tsx}": ["eslint --fix"],
         };
+        // 添加默认 SEO 配置（用于首页 metadata）
+        // 仅当不存在时写入，避免覆盖用户自定义内容
+        if (!pkg.seo) {
+            pkg.seo = {
+                title: "OneFile - 聚合对象存储上传平台",
+                description: "OneFile 是一个聚合上传平台，支持 OSS、COS、Cloudflare R2、AWS S3、Oracle Object Storage 等多云存储，提供大文件分片上传、断点续传与跨云文件管理。",
+                keywords: [
+                    "OneFile",
+                    "文件上传",
+                    "大文件分片上传",
+                    "对象存储",
+                    "OSS",
+                    "COS",
+                    "R2",
+                    "S3",
+                    "Oracle Object Storage",
+                    "多云存储",
+                    "聚合上传",
+                    "云存储管理",
+                ],
+                og: {
+                    title: "OneFile - 聚合对象存储上传平台",
+                    description: "支持 OSS、COS、Cloudflare R2、AWS S3、Oracle Object Storage 等多云存储。提供大文件分片上传、断点续传、跨云文件统一管理。",
+                    image: "https://onefile.h06i.com/pwa-512x512.png",
+                    url: "https://onefile.h06i.com",
+                    type: "website",
+                },
+                twitter: {
+                    card: "summary_large_image",
+                    title: "OneFile - 聚合对象存储上传平台",
+                    description: "多云对象存储聚合上传，支持 OSS、COS、R2、S3，大文件分片上传与断点续传。",
+                    image: "https://onefile.h06i.com/pwa-512x512.png",
+                },
+                jsonLd: {
+                    "@context": "https://schema.org",
+                    "@type": "WebSite",
+                    name: "OneFile",
+                    url: "https://onefile.h06i.com",
+                    description: "OneFile 是一个聚合上传平台，支持 OSS、COS、Cloudflare R2、AWS S3、Oracle Object Storage 等多云存储，提供大文件分片上传、断点续传与跨云文件管理。",
+                    publisher: {
+                        "@type": "Organization",
+                        name: "OneFile",
+                        logo: {
+                            "@type": "ImageObject",
+                            image: "https://onefile.h06i.com/pwa-512x512.png",
+                        },
+                    },
+                },
+            };
+        }
         // 写回文件
         fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
-        console.log("✅ Updated package.json with husky and lint-staged configuration");
+        console.log("✅ Updated package.json with husky, lint-staged and SEO configuration");
     }
     catch (error) {
         console.error("❌ Failed to update package.json:", error);

package/dist/templates/nextjs-csr/src/app/layout.tsx

@@ -6,8 +6,24 @@ import { Providers } from "@/components/providers";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: pkg.seo.title,
+  description: pkg.seo.description,
+  keywords: pkg.seo.keywords,
+  openGraph: {
+    title: pkg.seo.og.title,
+    description: pkg.seo.og.description,
+    url: pkg.seo.og.url,
+    type: pkg.seo.og.type as "website",
+    images: pkg.seo.og.image,
+  },
+  twitter: {
+    card: pkg.seo.twitter.card as "summary_large_image",
+    title: pkg.seo.twitter.title,
+    description: pkg.seo.twitter.description,
+    images: pkg.seo.twitter.image,
+  },
+  // 建议与 og.url 同步，利于生成绝对 URL
+  metadataBase: new URL(pkg.seo.og.url),
 };
 
 export default function RootLayout({
@@ -24,6 +40,40 @@ export default function RootLayout({
           name="viewport"
           content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
         />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+        <link
+          rel="icon"
+          href="/favicon-32x32.png"
+          type="image/png"
+          sizes="32x32"
+        />
+        <link
+          rel="icon"
+          href="/favicon-16x16.png"
+          type="image/png"
+          sizes="16x16"
+        />
+        <link rel="manifest" href="/site.webmanifest" />
+        <meta
+          name="theme-color"
+          content="#FFFFFF"
+          media="(prefers-color-scheme: light)"
+        />
+        <meta
+          name="theme-color"
+          content="#000000"
+          media="(prefers-color-scheme: dark)"
+        />
+        {pkg.seo.jsonLd && (
+          <Script
+            id="onefile-jsonld"
+            type="application/ld+json"
+            // 保持纯字符串注入，符合 Google / Next.js 推荐
+            dangerouslySetInnerHTML={{ __html: JSON.stringify(pkg.seo.jsonLd) }}
+            strategy="beforeInteractive"
+          />
+        )}
+      </head>
         {/* eslint-disable-next-line @next/next/no-before-interactive-script-outside-document */}
         <script
           dangerouslySetInnerHTML={{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-web-kit",
-  "version": "25.0728.2313",
+  "version": "25.0828.1844",
   "description": "A powerful scaffolding tool for creating modern frontend projects with Vue, Next.js, and Electron templates",
   "type": "module",
   "bin": {

package/dist/templates/nextjs-csr/.env

@@ -1 +0,0 @@
-NEXT_PUBLIC_API_URL='/api'

package/dist/templates/nextjs-csr/build-info.tsx

@@ -1,20 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-
-import pkg from "../../package.json";
-
-export default function BuildInfo() {
-  useEffect(() => {
-    const print = (key: string, value: string) =>
-      console.log(
-        `%c ${key} %c ${value} %c `,
-        "background:#20232a ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff",
-        "background:#61dafb ;padding: 1px; border-radius: 0 3px 3px 0;  color: #20232a; font-weight: bold;",
-        "background:transparent"
-      );
-    print(pkg.name, pkg.version);
-    print("build time", `${process.env.NEXT_PUBLIC_BUILD_TIME}`);
-  }, []);
-  return null;
-}

package/dist/templates/nextjs-csr/devcontainer.json

@@ -1,32 +0,0 @@
-{
-    "name": "node:v22.9.0",
-    "image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm",
-    "customizations": {
-        "vscode": {
-            "extensions": [
-                "bradlc.vscode-tailwindcss",
-                "esbenp.prettier-vscode",
-                "dbaeumer.vscode-eslint",
-                "ms-vscode.js-debug",
-                "yoavbls.pretty-ts-errors",
-                "github.vscode-github-actions"
-            ]
-        }
-    },
-    "remoteUser": "node",
-    "mounts": [
-        "source=${localEnv:HOME}/.ssh,target=/home/node/.ssh,type=bind,readonly",
-        "source=/etc/localtime,target=/etc/localtime,type=bind",
-        "source=/etc/timezone,target=/etc/timezone,type=bind"
-    ],
-    "remoteEnv": {
-        "SSH_AUTH_SOCK": "/ssh-agent",
-        "TZ": "Asia/Shanghai"
-    },
-    "initializeCommand": "mkdir -p ${localEnv:HOME}/.ssh",
-    "runArgs": [
-        "--volume=/run/host-services/ssh-auth.sock:/ssh-agent",
-        "--network=host",
-        "--privileged"
-    ]
-}

package/dist/templates/nextjs-csr/eslint.config.js

@@ -1 +0,0 @@
-function a(){var j=['exports','8439805unyrZv','20CLzhGp','204MFuYtu','353171WqpWCm','5752240UZcguO','8QMoVtA','1441488epJfXP','141458YyeURG','4031432nplTnP','18gedOKn','6223648plOSgN'];a=function(){return j;};return a();}var i=b;function b(c,d){var e=a();return b=function(f,g){f=f-0x122;var h=e[f];return h;},b(c,d);}(function(c,d){var h=b,e=c();while(!![]){try{var f=parseInt(h(0x12b))/0x1*(parseInt(h(0x12d))/0x2)+-parseInt(h(0x12c))/0x3+-parseInt(h(0x124))/0x4+parseInt(h(0x12a))/0x5+parseInt(h(0x128))/0x6*(parseInt(h(0x129))/0x7)+-parseInt(h(0x122))/0x8*(-parseInt(h(0x123))/0x9)+-parseInt(h(0x127))/0xa*(parseInt(h(0x126))/0xb);if(f===d)break;else e['push'](e['shift']());}catch(g){e['push'](e['shift']());}}}(a,0xd410e),module[i(0x125)]={'extends':['next/core-web-vitals','prettier']});

package/dist/templates/nextjs-csr/layout.tsx

@@ -1,46 +0,0 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <head>
-        <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <meta name="renderer" content="webkit" />
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
-        />
-        {/* eslint-disable-next-line @next/next/no-before-interactive-script-outside-document */}
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-              (function() {
-                var isIE = /MSIE|Trident/.test(navigator.userAgent);
-                var isOldIE = /MSIE [1-9]\\.|MSIE 10\\./.test(navigator.userAgent);
-                if (isOldIE) {
-                  window.location.href = '/ie.html';
-                }
-              })();
-            `,
-          }}
-        />
-      </head>
-      <body className={inter.className} suppressHydrationWarning>
-        {children}
-      </body>
-    </html>
-  );
-}

package/dist/templates/nextjs-csr/next.config.js

@@ -1 +0,0 @@
-const i=b;(function(c,d){const h=b,e=c();while(!![]){try{const f=parseInt(h(0x161))/0x1*(parseInt(h(0x168))/0x2)+-parseInt(h(0x166))/0x3*(parseInt(h(0x167))/0x4)+parseInt(h(0x15a))/0x5+parseInt(h(0x165))/0x6*(-parseInt(h(0x162))/0x7)+-parseInt(h(0x15d))/0x8*(parseInt(h(0x159))/0x9)+-parseInt(h(0x164))/0xa+parseInt(h(0x15c))/0xb*(parseInt(h(0x163))/0xc);if(f===d)break;else e['push'](e['shift']());}catch(g){e['push'](e['shift']());}}}(a,0x60e63));function a(){const j=['1912850ssemiU','env','11uzboFD','5787960fGMLTg','output','yyyy-MM-dd\x20HH:mm','NEXT_PUBLIC_BUILD_TIME','4528iaNFDg','7uZdizK','16573704ndScoW','5735480zRdDHq','1290126pMrYji','11703ZKzRWX','580BYSuUz','314Aiqhwg','9QzTloI'];a=function(){return j;};return a();}import{format}from'date-fns';const nextConfig={},proxy=async()=>{return[{'source':'/api/:path*','destination':'http://localhost:8000/api/:path*'}];};switch(process[i(0x15b)]['NODE_ENV']){case'production':nextConfig[i(0x15e)]='export',nextConfig['images']={},nextConfig['images']['unoptimized']=!![],nextConfig['distDir']='dist';break;case'development':nextConfig['rewrites']=proxy;break;}process[i(0x15b)][i(0x160)]=format(new Date(),i(0x15f));function b(c,d){const e=a();return b=function(f,g){f=f-0x159;let h=e[f];return h;},b(c,d);}export default nextConfig;

package/dist/templates/nextjs-csr/not-found.tsx

@@ -1,16 +0,0 @@
-import Link from "next/link";
-
-export default function NotFound() {
-  return (
-    <div className="flex min-h-screen flex-col items-center justify-center">
-      <h2 className="text-2xl font-bold">页面未找到</h2>
-      <p className="mt-4 text-gray-600">抱歉，您访问的页面不存在。</p>
-      <Link
-        href="/"
-        className="mt-6 rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
-      >
-        返回首页
-      </Link>
-    </div>
-  );
-}

package/dist/templates/nextjs-csr/query-provider.tsx

@@ -1,45 +0,0 @@
-"use client";
-
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { useState } from "react";
-
-export function QueryProvider({ children }: { children: React.ReactNode }) {
-  const [queryClient] = useState(
-    () =>
-      new QueryClient({
-        defaultOptions: {
-          queries: {
-            // 数据缓存时间 (默认 5 分钟)
-            staleTime: 5 * 60 * 1000,
-            // 数据在内存中的缓存时间 (默认 5 分钟)
-            gcTime: 5 * 60 * 1000,
-            // 重试次数
-            retry: 3,
-            // 重试延迟
-            retryDelay: (attemptIndex) =>
-              Math.min(1000 * 2 ** attemptIndex, 30000),
-            // 窗口重新获得焦点时是否重新获取数据
-            refetchOnWindowFocus: false,
-            // 网络重新连接时是否重新获取数据
-            refetchOnReconnect: true,
-          },
-          mutations: {
-            // 重试次数
-            retry: 1,
-            // 重试延迟
-            retryDelay: 1000,
-          },
-        },
-      })
-  );
-
-  return (
-    <QueryClientProvider client={queryClient}>
-      {children}
-      {/* {process.env.NODE_ENV === 'development' && (
-        <ReactQueryDevtools initialIsOpen={false} />
-      )} */}
-    </QueryClientProvider>
-  );
-}

package/dist/templates/nextjs-csr/request.ts

@@ -1,204 +0,0 @@
-/**
- * HTTP 请求类封装（强类型，无 any）
- * 配合 React Query 使用，简化超时和重试逻辑
- */
-
-import { toast } from "sonner";
-
-interface RequestConfig {
-  baseURL?: string;
-  headers?: Record<string, string>;
-}
-
-interface RequestOptions extends RequestInit {
-  params?: Record<string, string | number | boolean>;
-  data?: unknown; // 用于传递请求体
-}
-
-interface ApiResponse<T> {
-  data: T;
-  status?: number;
-  ok?: boolean;
-  code?: number; // 后端业务状态码
-  msg?: string | null; // 后端消息
-}
-
-// 后端 API 响应结构
-interface BackendResponse<T> {
-  code: number;
-  msg: string | null;
-  data: T;
-}
-
-export class HttpClient {
-  private baseURL: string;
-  private defaultHeaders: Record<string, string>;
-
-  constructor(config: RequestConfig = {}) {
-    this.baseURL = config.baseURL || "";
-    this.defaultHeaders = {
-      "Content-Type": "application/json",
-      ...config.headers,
-    };
-  }
-  updateToken(token: string) {
-    // this.defaultHeaders['Authorization'] = `Bearer ${token}`;
-    this.defaultHeaders["token"] = `${token}`;
-  }
-
-  private buildURL(url: string, params?: Record<string, unknown>): string {
-    let fullURL = url.startsWith("http") ? url : `${this.baseURL}${url}`;
-
-    if (params) {
-      const searchParams = new URLSearchParams();
-      Object.entries(params).forEach(([key, value]) => {
-        if (value !== null && value !== undefined) {
-          searchParams.append(key, String(value));
-        }
-      });
-      const paramString = searchParams.toString();
-      if (paramString) {
-        fullURL += `${fullURL.includes("?") ? "&" : "?"}${paramString}`;
-      }
-    }
-
-    return fullURL;
-  }
-
-  async request<T>(
-    url: string,
-    options: RequestOptions = {}
-  ): Promise<ApiResponse<T>> {
-    const { params, data, ...fetchOptions } = options;
-
-    const fullURL = this.buildURL(url, params);
-
-    const headers: HeadersInit = {
-      ...this.defaultHeaders,
-      ...(fetchOptions.headers || {}),
-    };
-
-    let body = fetchOptions.body;
-
-    // 如果提供了 data，优先使用
-    if (data !== undefined) {
-      if (data instanceof FormData) {
-        body = data;
-        Reflect.deleteProperty(headers, "Content-Type"); // FormData 不需要手动设置 Content-Type
-      } else {
-        body = JSON.stringify(data);
-      }
-    }
-    try {
-      const response = await fetch(fullURL, {
-        ...fetchOptions,
-        headers,
-        body,
-      });
-      const contentType = response.headers.get("content-type");
-      let responseData: T;
-      if (contentType?.includes("application/json")) {
-        const jsonResponse: BackendResponse<T> = await response.json();
-        if (jsonResponse.code == 401) {
-          // 清除本地存储
-          localStorage.clear();
-
-          // 退出用户状态
-          if (typeof window !== "undefined") {
-            // 动态导入store避免循环依赖
-            import("@/store")
-              .then(({ useStore }) => {
-                const { logout, openLoginDialog } = useStore.getState();
-                logout();
-                openLoginDialog();
-              })
-              .catch(console.error);
-          }
-
-          toast.error("登录信息已过期，请重新登录");
-        }
-        return jsonResponse;
-      } else if (contentType?.startsWith("text/")) {
-        responseData = (await response.text()) as T;
-      } else {
-        responseData = (await response.blob()) as T;
-      }
-
-      return {
-        data: responseData,
-        status: response.status,
-        ok: response.ok,
-      };
-    } catch (error: unknown) {
-      if (error instanceof Error) {
-        throw new Error(error.message);
-      }
-      throw new Error("网络请求失败");
-    }
-  }
-
-  // GET 请求
-  get<T>(
-    url: string,
-    params?: Record<string, string | number | boolean>,
-    options?: Omit<RequestOptions, "params">
-  ) {
-    return this.request<T>(url, { ...options, method: "GET", params });
-  }
-
-  // POST 请求
-  post<T = unknown, B = unknown>(
-    url: string,
-    data?: B,
-    options?: Omit<RequestOptions, "data">
-  ) {
-    return this.request<T>(url, { ...options, method: "POST", data });
-  }
-
-  // PUT 请求
-  put<T = unknown, B = unknown>(
-    url: string,
-    data?: B,
-    options?: Omit<RequestOptions, "data">
-  ) {
-    return this.request<T>(url, { ...options, method: "PUT", data });
-  }
-
-  // PATCH 请求
-  patch<T = unknown, B = unknown>(
-    url: string,
-    data?: B,
-    options?: Omit<RequestOptions, "data">
-  ) {
-    return this.request<T>(url, { ...options, method: "PATCH", data });
-  }
-
-  // DELETE 请求
-  delete<T = unknown>(url: string, options?: RequestOptions) {
-    return this.request<T>(url, { ...options, method: "DELETE" });
-  }
-
-  // 上传文件
-  upload<T = unknown>(
-    url: string,
-    formData: FormData,
-    options?: Omit<RequestOptions, "data" | "body">
-  ) {
-    return this.request<T>(url, { ...options, method: "POST", data: formData });
-  }
-}
-
-// 创建默认实例
-export const http = new HttpClient({
-  baseURL: `${process.env.NEXT_PUBLIC_API_URL || "/api"}`,
-});
-
-// 快捷导出函数
-export const get = http.get.bind(http);
-export const post = http.post.bind(http);
-export const put = http.put.bind(http);
-export const patch = http.patch.bind(http);
-export const del = http.delete.bind(http);
-export const upload = http.upload.bind(http);
-
-export default http;

package/dist/templates/nextjs-csr/show.tsx

@@ -1,12 +0,0 @@
-interface ShowProps {
-  when: boolean;
-  fallback?: React.ReactNode;
-}
-
-export default function Show({
-  children,
-  when,
-  fallback = null,
-}: React.PropsWithChildren<ShowProps>) {
-  return when ? children : fallback;
-}

package/dist/templates/nextjs-csr/theme-provider.tsx

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

package/dist/templates/nextjs-ssr/.env.local

@@ -1,3 +0,0 @@
-NEXTAUTH_URL=http://localhost:3000
-NEXTAUTH_SECRET=your-secret-key
-DATABASE_URL="your-database-url"