nsgm-cli 2.1.21 → 2.1.22

package/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./build/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package/next.config.js

@@ -40,21 +40,19 @@ module.exports = (phase, defaultConfig, options) => {
     prefix = ''
   }
 
+  // 设置环境变量用于客户端访问
+  process.env.NEXT_PUBLIC_VERSION = version
+  process.env.NEXT_PUBLIC_PREFIX = prefix
+  process.env.NEXT_PUBLIC_PROTOCOL = protocol
+  process.env.NEXT_PUBLIC_HOST = host
+  process.env.NEXT_PUBLIC_PORT = port
+  process.env.NEXT_PUBLIC_ENV = env
+  process.env.NEXT_PUBLIC_IS_EXPORT = phase === PHASE_EXPORT ? 'true' : 'false'
+
   let configObj = {
     // target: 'serverless',
     // crossOrign: 'anonymous',
     i18n,
-    serverRuntimeConfig: {},
-    publicRuntimeConfig: {
-      version,
-      prefix,
-      protocol,
-      host,
-      port,
-      env,
-      phase,
-      isExport: phase === PHASE_EXPORT,
-    },
     transpilePackages: [
       'antd',
       '@ant-design',
@@ -90,114 +88,22 @@ module.exports = (phase, defaultConfig, options) => {
       '127.0.0.1',
       'localhost',
     ],
-    webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
-      // 抑制服务端渲染时的 useLayoutEffect 警告
-      if (dev && isServer) {
-        const originalWarn = console.warn
-        const originalError = console.error
-
-        console.warn = (...args) => {
-          const warnMessage = args[0]
-          if (
-            typeof warnMessage === 'string' &&
-            (warnMessage.includes('useLayoutEffect does nothing on the server') ||
-              warnMessage.includes('Warning: useLayoutEffect does nothing on the server'))
-          ) {
-            return
-          }
-          originalWarn.apply(console, args)
-        }
-
-        console.error = (...args) => {
-          const errorMessage = args[0]
-          if (
-            typeof errorMessage === 'string' &&
-            (errorMessage.includes('useLayoutEffect does nothing on the server') ||
-              errorMessage.includes('Warning: useLayoutEffect does nothing on the server'))
-          ) {
-            return
-          }
-          originalError.apply(console, args)
-        }
-      }
-
-      // 启用压缩
-      if (!dev && !isServer) {
-        config.optimization = {
-          ...config.optimization,
-          splitChunks: {
-            chunks: 'all',
-            cacheGroups: {
-              vendor: {
-                test: /[\\/]node_modules[\\/]/,
-                name: 'vendors',
-                chunks: 'all',
-                enforce: true,
-              },
-              antd: {
-                test: /[\\/]node_modules[\\/](antd|@ant-design)[\\/]/,
-                name: 'antd',
-                chunks: 'all',
-                priority: 10,
-              },
-              react: {
-                test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
-                name: 'react',
-                chunks: 'all',
-                priority: 10,
-              },
-              common: {
-                name: 'common',
-                minChunks: 2,
-                chunks: 'all',
-                priority: 5,
-              },
-            },
-          },
-          minimize: true,
-        }
-
-        // 添加分析工具
-        if (process.env.ANALYZE === 'true') {
-          const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
-          config.plugins.push(
-            new BundleAnalyzerPlugin({
-              analyzerMode: 'static',
-              openAnalyzer: false,
-            })
-          )
-        }
-      }
-
-      // 优化模块解析
-      config.resolve.alias = {
-        ...config.resolve.alias,
-        '@': path.resolve(__dirname, 'client'),
-      }
-
-      // 支持 TypeScript 路径映射
-      config.resolve.modules = [path.resolve(__dirname, 'client'), 'node_modules']
-
-      return config
-    },
+    // 使用 Turbopack（Next.js 16 默认）
+    turbopack: {},
     generateBuildId: async () => {
       return 'nsgm-cli-' + version
     },
-    exportPathMap: async function (defaultPathMap, { dev, dir, outDir }) {
-      if (dev) {
-        return defaultPathMap
-      }
-
-      return defaultPathMap
-    },
     generateEtags: false,
     useFileSystemPublicRoutes: true,
   }
 
   if (phase !== PHASE_DEVELOPMENT_SERVER) {
+    // 在 Vercel 环境中使用默认的 .next 目录，否则使用 build 目录
+    const distDir = process.env.VERCEL ? '.next' : 'build'
+    
     configObj = {
       ...configObj,
-      distDir: 'build',
+      distDir,
       assetPrefix: prefix,
       async rewrites() {
         return [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nsgm-cli",
-  "version": "2.1.21",
+  "version": "2.1.22",
   "description": "A CLI tool to run Next/Style-components and Graphql/Mysql fullstack project",
   "main": "index.js",
   "scripts": {
@@ -33,7 +33,9 @@
     "test:coverage": "jest --coverage",
     "test:watch": "jest --watch",
     "performance": "./scripts/performance-check.sh",
-    "generate-password": "node scripts/generate-password-hash.js"
+    "generate-password": "node scripts/generate-password-hash.js",
+    "vercel-build": "npm run tsbuild && npm run build",
+    "vercel-dev": "npm run tsbuild && npm run dev"
   },
   "repository": {
     "type": "git",
@@ -105,7 +107,7 @@
     "lusca": "1.7.0",
     "markdown-it": "14.1.0",
     "mysql2": "3.14.2",
-    "next": "15.4.4",
+    "next": "16.1.0",
     "next-i18next": "15.3.0",
     "ora": "8.2.0",
     "rc-util": "5.44.4",

package/pages/_app.tsx

@@ -1,7 +1,7 @@
 // 必须在所有其他导入之前执行
 import "@/utils/suppressWarnings";
 
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Provider } from "react-redux";
 import { Spin } from "antd";
 import { appWithTranslation } from "next-i18next";
@@ -133,7 +133,4 @@ const App = ({ Component, pageProps }) => {
   );
 };
 
-// 移除 getInitialProps 以启用静态优化
-// 如果需要页面级别的数据获取，请在各个页面中使用 getStaticProps 或 getServerSideProps
-
 export default appWithTranslation(App, nextI18NextConfig);

package/pages/_document.tsx

@@ -1,5 +1,4 @@
 import Document, { Html, Head, Main, NextScript, DocumentContext } from "next/document";
-import React from "react";
 import { ServerStyleSheet } from "styled-components";
 
 const MyDocument = (props) => {

package/pages/_error.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Result, Button } from "antd";
 import { NextPageContext } from "next";
 

package/pages/index.tsx

@@ -1,6 +1,5 @@
 import _ from "lodash";
 import { Container } from "../client/styled/common";
-import React from "react";
 import { Card, Typography, Divider, Row, Col, Tag } from "antd";
 import { CodeOutlined, BookOutlined, DatabaseOutlined, SettingOutlined } from "@ant-design/icons";
 import { useTranslation } from "next-i18next";

package/pages/login.tsx

@@ -2,7 +2,7 @@ import MarkdownIt from "markdown-it";
 import _ from "lodash";
 import { LoginContainer } from "../client/styled/common";
 // import getConfig from 'next/config'
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { Input, Button, Form, Typography, message } from "antd";
 import { UserOutlined, LockOutlined } from "@ant-design/icons";
 import { directLogin } from "../client/utils/sso";

package/pages/template/manage.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { ConfigProvider, Modal, Space, Upload, message } from "antd";
 import {
   Container,