@nocobase/cli 2.0.0-alpha.7 → 2.0.0-alpha.71

package/nocobase.conf.tpl

@@ -73,7 +73,10 @@ server {
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection 'upgrade';
         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
         proxy_set_header Host $host;
+        proxy_set_header Referer $http_referer;
+        proxy_set_header User-Agent $http_user_agent;
         add_header Cache-Control 'no-cache, no-store';
         proxy_cache_bypass $http_upgrade;
         proxy_connect_timeout 600;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/cli",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-alpha.71",
   "description": "",
   "license": "AGPL-3.0",
   "main": "./src/index.js",
@@ -8,8 +8,8 @@
     "nocobase": "./bin/index.js"
   },
   "dependencies": {
-    "@nocobase/app": "2.0.0-alpha.7",
-    "@nocobase/license-kit": "^0.2.17",
+    "@nocobase/app": "2.0.0-alpha.71",
+    "@nocobase/license-kit": "^0.3.7",
     "@types/fs-extra": "^11.0.1",
     "@umijs/utils": "3.5.20",
     "chalk": "^4.1.1",
@@ -27,12 +27,12 @@
     "tsx": "^4.19.0"
   },
   "devDependencies": {
-    "@nocobase/devtools": "2.0.0-alpha.7"
+    "@nocobase/devtools": "2.0.0-alpha.71"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nocobase/nocobase.git",
     "directory": "packages/core/cli"
   },
-  "gitHead": "cb012f93256f534472d3ae56e075839ca1675779"
+  "gitHead": "b6fc484eb698fa12fba02dd468a04e39079b1e79"
 }

package/src/commands/client.js

@@ -0,0 +1,166 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+const chalk = require('chalk');
+const { Command } = require('commander');
+const fs = require('fs-extra');
+const { resolve } = require('path');
+
+/**
+ * 复制主应用客户端文件
+ * @param {string} source - 源目录路径
+ * @param {string} target - 目标目录路径
+ */
+async function copyMainClient(source, target) {
+  if (!(await fs.exists(source))) {
+    console.log(chalk.yellow(`Source directory does not exist: ${source}`));
+    return;
+  }
+  // 确保目标目录存在且为空
+  await fs.ensureDir(target);
+  await fs.emptyDir(target);
+  await fs.copy(source, target, { recursive: true });
+  console.log(chalk.green(`Copied main client files from ${source} to ${target}`));
+}
+
+/**
+ * 复制插件客户端文件
+ * @param {string} pluginsBaseDir - 插件基础目录路径
+ * @param {string} namespace - 命名空间（如 '@nocobase' 或 '@nocobase-example'）
+ * @param {string} target - 目标目录
+ */
+async function copyPluginClients(pluginsBaseDir, namespace, target) {
+  const pluginsDir = resolve(process.cwd(), pluginsBaseDir, namespace);
+  if (await fs.exists(pluginsDir)) {
+    const pluginNames = await fs.readdir(pluginsDir);
+    for (const pluginName of pluginNames) {
+      const pluginPath = resolve(pluginsDir, pluginName);
+      const pluginDistClient = resolve(pluginPath, 'dist/client');
+      if (await fs.exists(pluginDistClient)) {
+        const pluginTarget = resolve(target, 'static/plugins', namespace, pluginName, 'dist/client');
+        await fs.mkdir(resolve(pluginTarget, '..'), { recursive: true });
+        await fs.copy(pluginDistClient, pluginTarget, { recursive: true });
+        console.log(chalk.green(`Copied ${namespace}/${pluginName} client files`));
+      }
+    }
+  }
+}
+
+/**
+ * 递归上传目录到 OSS
+ * @param {Client} client - OSS 客户端实例
+ * @param {string} localDir - 本地目录路径
+ * @param {string} ossPrefix - OSS 对象前缀（目录路径）
+ */
+async function uploadDirectoryToOSS(client, localDir, ossPrefix = '') {
+  if (!(await fs.exists(localDir))) {
+    console.log(chalk.yellow(`Directory does not exist: ${localDir}`));
+    return;
+  }
+
+  const stats = await fs.stat(localDir);
+  if (!stats.isDirectory()) {
+    throw new Error(`${localDir} is not a directory`);
+  }
+
+  const files = await fs.readdir(localDir);
+  let uploadedCount = 0;
+
+  for (const file of files) {
+    const filePath = resolve(localDir, file);
+    const fileStats = await fs.stat(filePath);
+
+    if (fileStats.isDirectory()) {
+      // 递归处理子目录
+      const subOssPrefix = ossPrefix ? `${ossPrefix}/${file}` : file;
+      const subCount = await uploadDirectoryToOSS(client, filePath, subOssPrefix);
+      uploadedCount += subCount;
+    } else {
+      // 上传文件
+      const ossKey = ossPrefix ? `${ossPrefix}/${file}` : file;
+      try {
+        await client.put(ossKey, filePath);
+        // console.log(chalk.green(`Uploaded: ${ossKey}`));
+        uploadedCount++;
+      } catch (error) {
+        console.error(chalk.red(`Failed to upload ${ossKey}:`), error.message);
+        throw error;
+      }
+    }
+  }
+
+  return uploadedCount;
+}
+
+/**
+ *
+ * @param {Command} cli
+ */
+module.exports = (cli) => {
+  cli
+    .command('client:extract')
+    .allowUnknownOption()
+    .action(async () => {
+      const version = require('../../package.json').version;
+      const target = resolve(process.cwd(), 'storage/dist-client', version);
+      const mainClientSource = resolve(process.cwd(), 'node_modules/@nocobase/app/dist/client');
+      await copyMainClient(mainClientSource, target);
+      await copyPluginClients('packages/plugins', '@nocobase', target);
+      await copyPluginClients('packages/plugins', '@nocobase-example', target);
+      await copyPluginClients('packages/pro-plugins', '@nocobase', target);
+    });
+
+  cli
+    .command('client:upload')
+    .allowUnknownOption()
+    .action(async () => {
+      const version = require('../../package.json').version;
+      const target = resolve(process.cwd(), 'storage/dist-client', version);
+
+      // 检查必要的环境变量
+      if (
+        !process.env.CDN_ALI_OSS_ACCESS_KEY_ID ||
+        !process.env.CDN_ALI_OSS_ACCESS_KEY_SECRET ||
+        !process.env.CDN_ALI_OSS_BUCKET ||
+        !process.env.CDN_ALI_OSS_REGION
+      ) {
+        console.error(
+          chalk.red(
+            'Missing required environment variables: CDN_ALI_OSS_ACCESS_KEY_ID, CDN_ALI_OSS_ACCESS_KEY_SECRET, CDN_ALI_OSS_BUCKET, CDN_ALI_OSS_REGION',
+          ),
+        );
+        process.exit(1);
+      }
+
+      const Client = require('ali-oss');
+
+      const client = new Client({
+        accessKeyId: process.env.CDN_ALI_OSS_ACCESS_KEY_ID,
+        accessKeySecret: process.env.CDN_ALI_OSS_ACCESS_KEY_SECRET,
+        bucket: process.env.CDN_ALI_OSS_BUCKET,
+        region: process.env.CDN_ALI_OSS_REGION,
+      });
+
+      if (!(await fs.exists(target))) {
+        console.error(chalk.red(`Target directory does not exist: ${target}`));
+        console.log(chalk.yellow('Please run "client:extract" first to generate the client files.'));
+        process.exit(1);
+      }
+
+      console.log(chalk.blue(`Uploading directory ${target} to OSS...`));
+      const ossPrefix = `${version}`;
+      try {
+        const uploadedCount = await uploadDirectoryToOSS(client, target, ossPrefix);
+        console.log(chalk.green(`Successfully uploaded ${uploadedCount} files to OSS`));
+      } catch (error) {
+        console.error(chalk.red('Upload failed:'), error);
+        process.exit(1);
+      }
+    });
+};

package/src/commands/dev.js

@@ -21,6 +21,15 @@ function sleep(ms = 1000) {
   });
 }
 
+async function buildBundleStatusHtml() {
+  const data = await fs.promises.readFile(path.resolve(__dirname, '../../templates/bundle-status.html'), 'utf-8');
+  await fs.promises.writeFile(
+    path.resolve(process.cwd(), 'node_modules/@umijs/preset-umi/assets/bundle-status.html'),
+    data,
+    'utf-8',
+  );
+}
+
 /**
  *
  * @param {Command} cli
@@ -37,6 +46,7 @@ module.exports = (cli) => {
     .allowUnknownOption()
     .action(async (opts) => {
       checkDBDialect();
+      await buildBundleStatusHtml();
       let subprocess;
       const runDevClient = () => {
         console.log('starting client', 1 * clientPort);

package/src/commands/index.js

@@ -38,6 +38,7 @@ module.exports = (cli) => {
   require('./pkg')(cli);
   require('./instance-id')(cli);
   require('./view-license-key')(cli);
+  require('./client')(cli);
   if (isPackageValid('@umijs/utils')) {
     require('./create-plugin')(cli);
   }

package/src/commands/instance-id.js

@@ -13,6 +13,7 @@ const { run, isDev } = require('../util');
 const { getInstanceIdAsync } = require('@nocobase/license-kit');
 const path = require('path');
 const fs = require('fs');
+const { logger } = require('../logger');
 
 /**
  *
@@ -24,11 +25,11 @@ module.exports = (cli) => {
     .description('Generate InstanceID')
     .option('--force', 'Force generate InstanceID')
     .action(async (options) => {
-      console.log('Generating InstanceID...');
+      logger.info('Generating InstanceID...');
       const dir = path.resolve(process.cwd(), 'storage/.license');
       const filePath = path.resolve(dir, 'instance-id');
       if (fs.existsSync(filePath) && !options.force) {
-        console.log('InstanceID already exists at ' + filePath);
+        logger.info('InstanceID already exists at ' + filePath);
         return;
       } else {
         if (!fs.existsSync(dir)) {
@@ -37,9 +38,9 @@ module.exports = (cli) => {
         try {
           const instanceId = await getInstanceIdAsync();
           fs.writeFileSync(filePath, instanceId + '\n');
-          console.log(chalk.greenBright(`InstanceID saved to ${filePath}`));
+          logger.info(`InstanceID saved to ${filePath}`);
         } catch (e) {
-          console.log(e);
+          logger.error('Failed to generate InstanceID', e.message || e);
         }
       }
     });

package/src/commands/perf.js

@@ -53,8 +53,8 @@ module.exports = (cli) => {
           dotenv.config({ path: envFilePath, override: true });
         }
       }
-      if (!process.env.API_BASE_URL) {
-        throw new Error('Please set API_BASE_URL in environment variables or in .env.perf file');
+      if (!process.env.TARGET_ORIGIN) {
+        throw new Error('Please set TARGET_ORIGIN in environment variables or in .env.perf file');
       }
       const args = command.args.filter((arg) => arg !== file);
       await run(`k6`, ['run', f, ...(args.length ? ['--', ...args] : [])]);

package/src/commands/pkg.js

@@ -14,8 +14,8 @@ const zlib = require('zlib');
 const tar = require('tar');
 const path = require('path');
 const { createStoragePluginsSymlink } = require('@nocobase/utils/plugin-symlink');
-const chalk = require('chalk');
-const { getAccessKeyPair, showLicenseInfo, LicenseKeyError } = require('../util');
+const { getAccessKeyPair, showLicenseInfo, LicenseKeyError } = require('../license');
+const { logger } = require('../logger');
 
 class Package {
   data;
@@ -78,7 +78,7 @@ class Package {
     }
 
     if (!this.data.versions[version]) {
-      console.log(chalk.redBright(`Download failed: ${this.packageName}@${version} package does not exist`));
+      logger.error(`Download failed: ${this.packageName}@${version} package does not exist`);
     }
 
     return [version, this.data.versions[version].dist.tarball];
@@ -93,10 +93,18 @@ class Package {
     if (await fs.exists(file)) {
       return true;
     }
-    file = path.resolve(process.cwd(), 'node_modules', this.packageName, 'package.json');
-    if (await fs.exists(file)) {
-      console.log(chalk.yellowBright(`Skipped: ${this.packageName} is in node_modules`));
-      return true;
+    return false;
+  }
+
+  async isDepPackage() {
+    const pkg1 = path.resolve(process.cwd(), 'node_modules', this.packageName, 'package.json');
+    const pkg2 = path.resolve(process.cwd(), process.env.PLUGIN_STORAGE_PATH, this.packageName, 'package.json');
+    if ((await fs.exists(pkg1)) && (await fs.exists(pkg2))) {
+      const readPath1 = fs.realpathSync(pkg1);
+      const readPath2 = fs.realpathSync(pkg2);
+      if (readPath1 !== readPath2) {
+        return true;
+      }
     }
     return false;
   }
@@ -114,7 +122,11 @@ class Package {
 
   async download(options = {}) {
     if (await this.isDevPackage()) {
-      console.log(chalk.yellowBright(`Skipped: ${this.packageName} is dev package`));
+      logger.info(`Skipped: ${this.packageName} is dev package`);
+      return;
+    }
+    if (await this.isDepPackage()) {
+      logger.info(`Skipped: ${this.packageName} is dependency package`);
       return;
     }
     if (await this.isDownloaded(options.version)) {
@@ -122,7 +134,7 @@ class Package {
     }
     await this.getInfo();
     if (!this.data) {
-      console.log(chalk.redBright(`Download failed: ${this.packageName} package does not exist`));
+      logger.error(`Download failed: ${this.packageName} package does not exist`);
       return;
     }
     try {
@@ -146,7 +158,7 @@ class Package {
           .on('finish', resolve)
           .on('error', reject);
       });
-      console.log(chalk.greenBright(`Downloaded: ${this.packageName}@${version}`));
+      logger.info(`Downloaded: ${this.packageName}@${version}`);
     } catch (error) {
       if (error?.response?.data && typeof error?.response?.data?.pipe === 'function') {
         let errorMessageBuffer = '';
@@ -155,11 +167,11 @@ class Package {
         });
         error.response.data.on?.('end', () => {
           if (error.response.status === 403) {
-            console.error(chalk.redBright('You do not have permission to download this package version.'));
+            logger.error('You do not have permission to download this package version.');
           }
         });
       }
-      console.log(chalk.redBright(`Download failed: ${this.packageName}`));
+      logger.error(`Download failed: ${this.packageName}`);
     }
   }
 }
@@ -190,12 +202,13 @@ class PackageManager {
         responseType: 'json',
       });
       this.token = res1.data.token;
+      logger.info('Login success');
     } catch (error) {
       if (error?.response?.data?.error === 'license not valid') {
         showLicenseInfo(LicenseKeyError.notValid);
       }
-      console.error(chalk.redBright(`Login failed: ${this.baseURL}`));
-      console.error(error);
+      logger.error(`Login failed: ${this.baseURL}`);
+      logger.error(error?.message, { error });
     }
   }
 
@@ -232,7 +245,7 @@ class PackageManager {
     const dir = path.resolve(process.env.PLUGIN_STORAGE_PATH, packageName);
     const r = await fs.exists(dir);
     if (r) {
-      console.log(chalk.yellowBright(`Removed: ${packageName}`));
+      logger.info(`Removed: ${packageName}`);
       await fs.rm(dir, { force: true, recursive: true });
     }
   }
@@ -248,9 +261,11 @@ class PackageManager {
         await this.removePackage(pkg);
       }
     }
+    logger.info(`Download plugins...`);
     for (const pkg of licensed_plugins) {
       await this.getPackage(pkg).download({ version });
     }
+    logger.info('Download plugins done');
   }
 }
 
@@ -268,14 +283,25 @@ module.exports = (cli) => {
         NOCOBASE_PKG_URL = 'https://pkg.nocobase.com/',
         NOCOBASE_PKG_USERNAME,
         NOCOBASE_PKG_PASSWORD,
+        DISABLE_PKG_DOWNLOAD,
       } = process.env;
+      if (DISABLE_PKG_DOWNLOAD === 'true') {
+        logger.info('Package download is disabled.');
+        return;
+      }
       let accessKeyId;
       let accessKeySecret;
       try {
         ({ accessKeyId, accessKeySecret } = await getAccessKeyPair());
       } catch (e) {
+        // logger.error('Get AccessKey Pair error', e);
         return;
       }
+      if (NOCOBASE_PKG_USERNAME && NOCOBASE_PKG_PASSWORD && !accessKeyId && !accessKeySecret) {
+        logger.warn(
+          'NOCOBASE_PKG_USERNAME and NOCOBASE_PKG_PASSWORD will be deprecated in future versions. Please log in to NocoBase Service and refer to the documentation to learn how to install and upgrade commercial plugins.\n',
+        );
+      }
       if (!(NOCOBASE_PKG_USERNAME && NOCOBASE_PKG_PASSWORD) && !(accessKeyId && accessKeySecret)) {
         return;
       }
@@ -290,6 +316,6 @@ module.exports = (cli) => {
       await createStoragePluginsSymlink();
     });
   pkg.command('export-all').action(async () => {
-    console.log('Todo...');
+    logger.info('Todo...');
   });
 };

package/src/commands/pm2.js

@@ -32,6 +32,6 @@ module.exports = (cli) => {
     .command('pm2-stop')
     .allowUnknownOption()
     .action(() => {
-      run('pm2', ['stop', 'all']);
+      run('pm2', ['kill']);
     });
 };

package/src/commands/start.js

@@ -56,32 +56,34 @@ module.exports = (cli) => {
         await downloadPro();
       }
 
-      const watcher = chokidar.watch('./storage/plugins/**/*', {
-        cwd: process.cwd(),
-        ignoreInitial: true,
-        ignored: /(^|[\/\\])\../, // 忽略隐藏文件
-        persistent: true,
-        depth: 1, // 只监听第一层目录
-      });
+      if (process.env.NO_WATCH_PLUGINS === true || process.env.NO_WATCH_PLUGINS === 'true') {
+        const restart = _.debounce(async () => {
+          console.log('restarting...');
+          await run('yarn', ['nocobase', 'pm2-restart']);
+        }, 500);
 
-      const restart = _.debounce(async () => {
-        console.log('restarting...');
-        await run('yarn', ['nocobase', 'pm2-restart']);
-      }, 500);
-
-      watcher
-        .on('ready', () => {
-          isReady = true;
-        })
-        .on('addDir', async (pathname) => {
-          if (!isReady) return;
-          restart();
-        })
-        .on('unlinkDir', async (pathname) => {
-          if (!isReady) return;
-          restart();
+        const watcher = chokidar.watch('./storage/plugins/**/*', {
+          cwd: process.cwd(),
+          ignoreInitial: true,
+          ignored: /(^|[\/\\])\../, // 忽略隐藏文件
+          persistent: true,
+          depth: 1, // 只监听第一层目录
         });
 
+        watcher
+          .on('ready', () => {
+            isReady = true;
+          })
+          .on('addDir', async (pathname) => {
+            if (!isReady) return;
+            restart();
+          })
+          .on('unlinkDir', async (pathname) => {
+            if (!isReady) return;
+            restart();
+          });
+      }
+
       if (opts.port) {
         process.env.APP_PORT = opts.port;
       }

package/src/commands/test.js

@@ -54,7 +54,7 @@ function addTestCommand(name, cli) {
       const first = paths?.[0];
       if (!process.env.TEST_ENV && first) {
         const key = first.split(path.sep).join('/');
-        if (key.includes('/client/') || key.includes('/flow-engine/')) {
+        if (key.includes('/client/') || key.includes('/client-v2/') || key.includes('/flow-engine/')) {
           process.env.TEST_ENV = 'client-side';
         } else {
           process.env.TEST_ENV = 'server-side';

package/src/commands/update-deps.js

@@ -62,6 +62,7 @@ module.exports = (cli) => {
       if (descJson['devDependencies']?.['@nocobase/devtools']) {
         descJson['devDependencies']['@nocobase/devtools'] = stdout;
       }
+      descJson['resolutions'] = sourceJson['resolutions'];
       const json = deepmerge(descJson, sourceJson);
       await writeJSON(descPath, json, { spaces: 2, encoding: 'utf8' });
       await run('yarn', ['install']);

package/src/license.js

@@ -0,0 +1,76 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+const chalk = require('chalk');
+const { resolve } = require('path');
+const fs = require('fs-extra');
+const { keyDecrypt, getEnvAsync } = require('@nocobase/license-kit');
+const { isEnvMatch } = require('@nocobase/plugin-license/utils/env');
+const { logger } = require('./logger');
+const { pick } = require('lodash');
+
+exports.getAccessKeyPair = async function () {
+  const keyFile = resolve(process.cwd(), 'storage/.license/license-key');
+  if (!fs.existsSync(keyFile)) {
+    logger.error('License key not found');
+    return {};
+  }
+  logger.info('License key found');
+  let keyData = {};
+  try {
+    const str = fs.readFileSync(keyFile, 'utf-8');
+    const keyDataStr = keyDecrypt(str);
+    keyData = JSON.parse(keyDataStr);
+  } catch (error) {
+    showLicenseInfo(LicenseKeyError.parseFailed);
+    throw new Error(LicenseKeyError.parseFailed.title);
+  }
+  const env = await getEnvAsync();
+  const isEnvMatched = await isEnvMatch(env, keyData);
+  if (!isEnvMatched) {
+    showLicenseInfo({
+      ...LicenseKeyError.notMatch,
+      env,
+    });
+    throw new Error(LicenseKeyError.notMatch.title);
+  }
+  const { accessKeyId, accessKeySecret } = keyData;
+  return { accessKeyId, accessKeySecret };
+};
+
+const LicenseKeyError = {
+  notExist: {
+    title: 'License key not found',
+    content:
+      'Please go to the license settings page to obtain the Instance ID for the current environment, and then generate the license key on the service platform.',
+  },
+  parseFailed: {
+    title: 'Invalid license key format',
+    content: 'Please check your license key, or regenerate the license key on the service platform.',
+  },
+  notMatch: {
+    title: 'License key not match current environment',
+    content:
+      'Please go to the license settings page to obtain the Instance ID for the current environment, and then regenerate the license key on the service platform.',
+  },
+  notValid: {
+    title: 'Invalid license key',
+    content:
+      'Please go to the license settings page to obtain the Instance ID for the current environment, and then regenerate the license key on the service platform.',
+  },
+};
+
+exports.LicenseKeyError = LicenseKeyError;
+
+function showLicenseInfo({ title, content, env }) {
+  logger.error(title + '. ' + content);
+  logger.error('Current environment', pick(env, ['sys', 'osVer', 'db']));
+}
+
+exports.showLicenseInfo = showLicenseInfo;

package/src/logger.js

@@ -0,0 +1,75 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+const fs = require('fs');
+const path = require('path');
+const winston = require('winston');
+require('winston-daily-rotate-file');
+
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+}
+
+function createSystemLogger({ dirname, filename, defaultMeta = {} }) {
+  ensureDir(dirname);
+
+  const commonFormat = winston.format.combine(
+    winston.format.timestamp({ format: 'YYYY-MM-DD HH:mm:ss' }),
+    winston.format.printf((info) => {
+      const meta = info.meta ? JSON.stringify(info.meta) : '';
+      return `${info.timestamp} [${info.level}] ${info.message} ${meta}`;
+    }),
+  );
+
+  const consoleFormat = winston.format.combine(winston.format.colorize(), commonFormat);
+
+  const fileTransport = new winston.transports.DailyRotateFile({
+    dirname,
+    filename: `${filename}_%DATE%.log`,
+    datePattern: 'YYYY-MM-DD',
+    zippedArchive: false,
+    format: commonFormat,
+  });
+
+  const consoleTransport = new winston.transports.Console({
+    format: consoleFormat,
+  });
+
+  const logger = winston.createLogger({
+    level: 'info',
+    transports: [consoleTransport, fileTransport],
+    defaultMeta,
+  });
+
+  const wrap = (level) => (message, meta) => {
+    logger.log({ level, message, meta });
+    return logger;
+  };
+
+  return {
+    info: wrap('info'),
+    warn: wrap('warn'),
+    error: wrap('error'),
+  };
+}
+
+const getLoggerFilePath = (...paths) => {
+  return path.resolve(process.env.LOGGER_BASE_PATH || path.resolve(process.cwd(), 'storage', 'logs'), ...paths);
+};
+
+const logger = createSystemLogger({
+  dirname: getLoggerFilePath('main'),
+  filename: 'system',
+});
+
+module.exports = {
+  logger,
+};

package/src/util.js

@@ -18,8 +18,6 @@ const dotenv = require('dotenv');
 const fs = require('fs-extra');
 const os = require('os');
 const moment = require('moment-timezone');
-const { keyDecrypt, getEnvAsync } = require('@nocobase/license-kit');
-const omit = require('lodash/omit');
 
 exports.isPackageValid = (pkg) => {
   try {
@@ -297,14 +295,26 @@ function buildIndexHtml(force = false) {
     fs.copyFileSync(file, tpl);
   }
   const data = fs.readFileSync(tpl, 'utf-8');
-  const replacedData = data
+  let replacedData = data
+    .replace(/\{\{env.CDN_BASE_URL\}\}/g, process.env.CDN_BASE_URL)
     .replace(/\{\{env.APP_PUBLIC_PATH\}\}/g, process.env.APP_PUBLIC_PATH)
+    .replace(/\{\{env.API_CLIENT_SHARE_TOKEN\}\}/g, process.env.API_CLIENT_SHARE_TOKEN || 'false')
     .replace(/\{\{env.API_CLIENT_STORAGE_TYPE\}\}/g, process.env.API_CLIENT_STORAGE_TYPE)
     .replace(/\{\{env.API_CLIENT_STORAGE_PREFIX\}\}/g, process.env.API_CLIENT_STORAGE_PREFIX)
     .replace(/\{\{env.API_BASE_URL\}\}/g, process.env.API_BASE_URL || process.env.API_BASE_PATH)
     .replace(/\{\{env.WS_URL\}\}/g, process.env.WEBSOCKET_URL || '')
     .replace(/\{\{env.WS_PATH\}\}/g, process.env.WS_PATH)
+    .replace(/\{\{env.ESM_CDN_BASE_URL\}\}/g, process.env.ESM_CDN_BASE_URL || '')
+    .replace(/\{\{env.ESM_CDN_SUFFIX\}\}/g, process.env.ESM_CDN_SUFFIX || '')
     .replace('src="/umi.', `src="${process.env.APP_PUBLIC_PATH}umi.`);
+
+  if (process.env.CDN_BASE_URL) {
+    const appBaseUrl = process.env.CDN_BASE_URL.replace(/\/+$/, '');
+    const appPublicPath = process.env.APP_PUBLIC_PATH.replace(/\/+$/, '');
+    const re1 = new RegExp(`src="${appPublicPath}/`, 'g');
+    const re2 = new RegExp(`href="${appPublicPath}/`, 'g');
+    replacedData = replacedData.replace(re1, `src="${appBaseUrl}/`).replace(re2, `href="${appBaseUrl}/`);
+  }
   fs.writeFileSync(file, replacedData, 'utf-8');
 }
 
@@ -362,6 +372,7 @@ exports.initEnv = function initEnv() {
     APP_PORT: 13000,
     API_BASE_PATH: '/api/',
     API_CLIENT_STORAGE_PREFIX: 'NOCOBASE_',
+    API_CLIENT_SHARE_TOKEN: 'false',
     API_CLIENT_STORAGE_TYPE: 'localStorage',
     // DB_DIALECT: 'sqlite',
     DB_STORAGE: 'storage/db/nocobase.sqlite',
@@ -385,8 +396,12 @@ exports.initEnv = function initEnv() {
     PLUGIN_STATICS_PATH: '/static/plugins/',
     LOGGER_BASE_PATH: 'storage/logs',
     APP_SERVER_BASE_URL: '',
+    APP_BASE_URL: '',
+    CDN_BASE_URL: '',
     APP_PUBLIC_PATH: '/',
     WATCH_FILE: resolve(process.cwd(), 'storage/app.watch.ts'),
+    ESM_CDN_BASE_URL: 'https://esm.sh',
+    ESM_CDN_SUFFIX: '',
   };
 
   if (
@@ -440,6 +455,16 @@ exports.initEnv = function initEnv() {
     process.env.__env_modified__ = true;
   }
 
+  if (!process.env.CDN_BASE_URL && process.env.APP_PUBLIC_PATH !== '/') {
+    process.env.CDN_BASE_URL = process.env.APP_PUBLIC_PATH;
+  }
+
+  if (process.env.CDN_BASE_URL.includes('http') && process.env.CDN_VERSION === 'auto') {
+    const version = require('../package.json').version;
+    process.env.CDN_BASE_URL = process.env.CDN_BASE_URL.replace(/\/+$/, '') + '/' + version + '/';
+    process.env.CDN_VERSION = '';
+  }
+
   if (!process.env.TZ) {
     const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     process.env.TZ = getTimezonesByOffset(process.env.DB_TIMEZONE || timeZone);
@@ -490,89 +515,3 @@ exports.generatePlugins = function () {
     return;
   }
 };
-
-async function isEnvMatch(keyData) {
-  const env = await getEnvAsync();
-  if (env?.container?.id && keyData?.instanceData?.container?.id) {
-    return (
-      JSON.stringify(omit(env, ['timestamp', 'container', 'hostname', 'mac'])) ===
-      JSON.stringify(omit(keyData?.instanceData, ['timestamp', 'container', 'hostname', 'mac']))
-    );
-  }
-  return (
-    JSON.stringify(omit(env, ['timestamp', 'mac'])) ===
-    JSON.stringify(omit(keyData?.instanceData, ['timestamp', 'mac']))
-  );
-}
-
-exports.getAccessKeyPair = async function () {
-  const keyFile = resolve(process.cwd(), 'storage/.license/license-key');
-  if (!fs.existsSync(keyFile)) {
-    return {};
-  }
-
-  let keyData = {};
-  try {
-    const str = fs.readFileSync(keyFile, 'utf-8');
-    const keyDataStr = keyDecrypt(str);
-    keyData = JSON.parse(keyDataStr);
-  } catch (error) {
-    showLicenseInfo(LicenseKeyError.parseFailed);
-    throw new Error(LicenseKeyError.parseFailed.title);
-  }
-
-  const isEnvMatched = await isEnvMatch(keyData);
-  if (!isEnvMatched) {
-    showLicenseInfo(LicenseKeyError.notMatch);
-    throw new Error(LicenseKeyError.notMatch.title);
-  }
-
-  const { accessKeyId, accessKeySecret } = keyData;
-  return { accessKeyId, accessKeySecret };
-};
-
-const LicenseKeyError = {
-  notExist: {
-    title: 'License key not found',
-    content:
-      'Please go to the license settings page to obtain the Instance ID for the current environment, and then generate the license key on the service platform.',
-  },
-  parseFailed: {
-    title: 'Invalid license key format',
-    content: 'Please check your license key, or regenerate the license key on the service platform.',
-  },
-  notMatch: {
-    title: 'License key mismatch',
-    content:
-      'Please go to the license settings page to obtain the Instance ID for the current environment, and then regenerate the license key on the service platform.',
-  },
-  notValid: {
-    title: 'Invalid license key',
-    content:
-      'Please go to the license settings page to obtain the Instance ID for the current environment, and then regenerate the license key on the service platform.',
-  },
-};
-
-exports.LicenseKeyError = LicenseKeyError;
-
-function showLicenseInfo({ title, content }) {
-  const rows = [];
-  const length = 80;
-  let row = '';
-  content.split(' ').forEach((word) => {
-    if (row.length + word.length > length) {
-      rows.push(row);
-      row = '';
-    }
-    row += word + ' ';
-  });
-  if (row) {
-    rows.push(row);
-  }
-  console.log(Array(length).fill('-').join(''));
-  console.log(chalk.yellow(title));
-  console.log(chalk.yellow(rows.join('\n')));
-  console.log(Array(length).fill('-').join(''));
-}
-
-exports.showLicenseInfo = showLicenseInfo;

package/templates/bundle-status.html

@@ -0,0 +1,338 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+    />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>NocoBase Loading...</title>
+    <style data-basic>
+      body {
+        margin: 0;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+        min-height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        color: #333;
+        background-color: #f5f5f5;
+      }
+
+      #loading {
+        position: relative;
+        padding: 20px 28px 24px 88px;
+      }
+
+      #loading::before {
+        position: absolute;
+        left: 0;
+        top: 50%;
+        content: '';
+        display: inline-block;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        border: 3px solid #e0e0e0;
+        border-top-color: #999;
+        animation: loading-spin 0.9s linear infinite;
+        transform: translateY(-50%);
+      }
+
+      #loading h3 {
+        margin: 0 0 2px;
+        color: #666;
+        font-size: 20px;
+        font-weight: normal;
+      }
+
+      #loading small {
+        color: #888;
+        font-size: 12px;
+      }
+
+      #loading small::after {
+        content: 'from source';
+      }
+
+      #loading p {
+        box-sizing: border-box;
+        font-family: Georgia, 'Times New Roman', Times, serif;
+        color: #333;
+      }
+
+      #loading p:empty {
+        display: none;
+      }
+
+      #loading p span {
+        font-family: sans-serif;
+        padding: 0 6px 0 2px;
+        color: #666;
+        font-size: 14px;
+        vertical-align: bottom;
+      }
+
+      #loading p.summary {
+        margin: 8px 0;
+        height: 28px;
+        font-size: 24px;
+      }
+
+      #loading p.detail {
+        margin: 2px 0;
+        height: 40px;
+        font-size: 16px;
+      }
+
+      code.progress-details {
+        margin-top: 20px;
+        font-size: 13px;
+        color: #999;
+        max-width: calc(100vw - 500px);
+        text-align: center;
+        white-space: pre-wrap;
+      }
+
+      @keyframes fade-in-out {
+        0% {
+          opacity: 0.4;
+        }
+
+        100% {
+          opacity: 1;
+        }
+      }
+
+      @keyframes loading-spin {
+        0% {
+          transform: translateY(-50%) rotate(0deg);
+        }
+
+        100% {
+          transform: translateY(-50%) rotate(360deg);
+        }
+      }
+    </style>
+    <style data-mfsu>
+      #loading[data-mfsu]::after {
+        position: absolute;
+        top: 0;
+        left: 64px;
+        content: '';
+        width: 20px;
+        height: 22px;
+        background: center / 20px 22px;
+        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAMAAABteatCAAABKVBMVEUAAAADAgAAAAAAAAAAAAAAAAAAAAAIBwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMCgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASDwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+2SgAAAD81ycWEwPxzSXOsCBBOAoqIwbjwiOWgBd2ZBJdTw741Ca1mhyhihlHPAswKQcbFwT00CbgvyLWtyG5nh2GchV7aRNYSw1VSA3zzybpxyTmxCTLrR+QehaMdxZvXxFmVxBjVQ85MQglIAXqxyTSsyG/ox6zmRyrkhqpkBqmjhqdhhiBbhRQRAxMQQyKBhJVAAAAM3RSTlMA/vrcEO3F/nA4BvfUqYx4aFAjBP7x6uOugCEdCrSllohUSj0yLRQC/se/k2FWJ7qamFjVvxppAAAB4klEQVQ4y42U10IaQRhG2QVBAaVIMxQNCthT9iwdkSoEEkss6e39HyIaQ4Zhdjee63PxH/h2XCqF4EbU9QQ8bsAb9vxXzNI7iYGeivgdvQ12h8ag09VgaXPF3sujjYwHzq96gNvu3OgSY2PGx1bf7txMkJ+mITBHNufmuKsYMm//nit5y8TODJXzKWTnvW2dL4YFpz5y63NeOkHLyvum8ao05/m91EwLr6mxJR24Sf+DhTeGkOQd4ruw8FpoYcnbCfBd1cwb9CPJKya5Vr32lEBe8kovuG0r3qBLfNslsUW5oXiVWxI7shdB+6R473okj2XvOM6l4g3vYK24OJmJGlK93gU9e5QRYor6wLCg/fWXBvGXs54QmjQZ6c5LMfOCDuX3VcOOsz8z3wvfjyYUBOrjhp1qXgHux//vIAFarVOx8honGkvLsz2u51cD4JucLg6t8sZHYM0jvRCH+yyeazbLsPrMtUg6lISm8D7XwWv5CBTitMRPXgN3xGVFOsnEVBpUPEFqbdGgiwYZ/z71itqgkqM/fPyO1QZ5vLHqv4bnLlvCaCO1QSWi0bl/kUSDDSsBfqgNKtEEN2qDStFN90JpUMnsUZ4+NPidvVIKUBtUDkA0OBBCNDjxWjQ4o4sGR34DhGGszb2iUaMAAAAASUVORK5CYII=');
+        animation: fade-in-out alternate infinite 1s;
+      }
+
+      #loading[data-mfsu] small::after {
+        content: 'Umi with MFSU';
+      }
+
+      #loading[data-mfsu]:hover p.summary,
+      #loading[data-mfsu]:not(:hover) p.detail {
+        display: none;
+      }
+    </style>
+    <style data-progress>
+      #loading[data-percent^='2']:not([data-percent='2'])::before,
+      #loading[data-percent^='3']:not([data-percent='3'])::before {
+        background-position-x: -68px;
+      }
+
+      #loading[data-percent^='4']:not([data-percent='4'])::before,
+      #loading[data-percent^='5']:not([data-percent='5'])::before {
+        background-position-x: -136px;
+      }
+
+      #loading[data-percent^='6']:not([data-percent='6'])::before,
+      #loading[data-percent^='7']:not([data-percent='7'])::before {
+        background-position-x: -204px;
+      }
+
+      #loading[data-percent^='8']:not([data-percent='8'])::before,
+      #loading[data-percent^='9']:not([data-percent='9'])::before {
+        background-position-x: -272px;
+      }
+
+      #loading[data-percent='99']::before,
+      #loading[data-percent='100']::before {
+        background-position-x: -340px !important;
+      }
+    </style>
+    <style data-mako>
+      #loading[data-mako]::after {
+        position: absolute;
+        top: 0;
+        left: 64px;
+        content: '';
+        width: 20px;
+        height: 22px;
+        background: center / 20px 22px;
+        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAMAAABteatCAAABKVBMVEUAAAADAgAAAAAAAAAAAAAAAAAAAAAIBwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMCgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASDwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+2SgAAAD81ycWEwPxzSXOsCBBOAoqIwbjwiOWgBd2ZBJdTw741Ca1mhyhihlHPAswKQcbFwT00CbgvyLWtyG5nh2GchV7aRNYSw1VSA3zzybpxyTmxCTLrR+QehaMdxZvXxFmVxBjVQ85MQglIAXqxyTSsyG/ox6zmRyrkhqpkBqmjhqdhhiBbhRQRAxMQQyKBhJVAAAAM3RSTlMA/vrcEO3F/nA4BvfUqYx4aFAjBP7x6uOugCEdCrSllohUSj0yLRQC/se/k2FWJ7qamFjVvxppAAAB4klEQVQ4y42U10IaQRhG2QVBAaVIMxQNCthT9iwdkSoEEkss6e39HyIaQ4Zhdjee63PxH/h2XCqF4EbU9QQ8bsAb9vxXzNI7iYGeivgdvQ12h8ag09VgaXPF3sujjYwHzq96gNvu3OgSY2PGx1bf7txMkJ+mITBHNufmuKsYMm//nit5y8TODJXzKWTnvW2dL4YFpz5y63NeOkHLyvum8ao05/m91EwLr6mxJR24Sf+DhTeGkOQd4ruw8FpoYcnbCfBd1cwb9CPJKya5Vr32lEBe8kovuG0r3qBLfNslsUW5oXiVWxI7shdB+6R473okj2XvOM6l4g3vYK24OJmJGlK93gU9e5QRYor6wLCg/fWXBvGXs54QmjQZ6c5LMfOCDuX3VcOOsz8z3wvfjyYUBOrjhp1qXgHux//vIAFarVOx8honGkvLsz2u51cD4JucLg6t8sZHYM0jvRCH+yyeazbLsPrMtUg6lISm8D7XwWv5CBTitMRPXgN3xGVFOsnEVBpUPEFqbdGgiwYZ/z71itqgkqM/fPyO1QZ5vLHqv4bnLlvCaCO1QSWi0bl/kUSDDSsBfqgNKtEEN2qDStFN90JpUMnsUZ4+NPidvVIKUBtUDkA0OBBCNDjxWjQ4o4sGR34DhGGszb2iUaMAAAAASUVORK5CYII=');
+        animation: fade-in-out alternate infinite 1s;
+      }
+
+      #loading[data-mako] small::after {
+        content: 'Umi with Mako';
+      }
+
+      #loading[data-mako] .loader {
+        position: fixed;
+        left: 0;
+        top: 0;
+        height: 5px;
+        width: 100vw;
+        --c:no-repeat linear-gradient(#1d90fe 0 0);
+        background: var(--c),var(--c),#cddeee;
+        background-size: 60% 100%;
+        animation: l16 3s infinite;
+      }
+
+      @keyframes l16 {
+        0%   {background-position:-150% 0,-150% 0}
+        66%  {background-position: 250% 0,-150% 0}
+        100% {background-position: 250% 0, 250% 0}
+      }
+  </style>
+  <style data-utoopack>
+    #loading[data-utoopack]::after {
+      position: absolute;
+      top: 0;
+      left: 64px;
+      content: '';
+      width: 20px;
+      height: 22px;
+      background: center / 20px 22px;
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAMAAABteatCAAABKVBMVEUAAAADAgAAAAAAAAAAAAAAAAAAAAAIBwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMCgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASDwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+2SgAAAD81ycWEwPxzSXOsCBBOAoqIwbjwiOWgBd2ZBJdTw741Ca1mhyhihlHPAswKQcbFwT00CbgvyLWtyG5nh2GchV7aRNYSw1VSA3zzybpxyTmxCTLrR+QehaMdxZvXxFmVxBjVQ85MQglIAXqxyTSsyG/ox6zmRyrkhqpkBqmjhqdhhiBbhRQRAxMQQyKBhJVAAAAM3RSTlMA/vrcEO3F/nA4BvfUqYx4aFAjBP7x6uOugCEdCrSllohUSj0yLRQC/se/k2FWJ7qamFjVvxppAAAB4klEQVQ4y42U10IaQRhG2QVBAaVIMxQNCthT9iwdkSoEEkss6e39HyIaQ4Zhdjee63PxH/h2XCqF4EbU9QQ8bsAb9vxXzNI7iYGeivgdvQ12h8ag09VgaXPF3sujjYwHzq96gNvu3OgSY2PGx1bf7txMkJ+mITBHNufmuKsYMm//nit5y8TODJXzKWTnvW2dL4YFpz5y63NeOkHLyvum8ao05/m91EwLr6mxJR24Sf+DhTeGkOQd4ruw8FpoYcnbCfBd1cwb9CPJKya5Vr32lEBe8kovuG0r3qBLfNslsUW5oXiVWxI7shdB+6R473okj2XvOM6l4g3vYK24OJmJGlK93gU9e5QRYor6wLCg/fWXBvGXs54QmjQZ6c5LMfOCDuX3VcOOsz8z3wvfjyYUBOrjhp1qXgHux//vIAFarVOx8honGkvLsz2u51cD4JucLg6t8sZHYM0jvRCH+yyeazbLsPrMtUg6lISm8D7XwWv5CBTitMRPXgN3xGVFOsnEVBpUPEFqbdGgiwYZ/z71itqgkqM/fPyO1QZ5vLHqv4bnLlvCaCO1QSWi0bl/kUSDDSsBfqgNKtEEN2qDStFN90JpUMnsUZ4+NPidvVIKUBtUDkA0OBBCNDjxWjQ4o4sGR34DhGGszb2iUaMAAAAASUVORK5CYII=');
+      animation: fade-in-out alternate infinite 1s;
+    }
+
+    #loading[data-utoopack] small::after {
+      content: 'Umi with Utoopack';
+    }
+
+    #loading[data-utoopack] .loader {
+      position: fixed;
+      left: 0;
+      top: 0;
+      height: 5px;
+      width: 100vw;
+      --c:no-repeat linear-gradient(#1d90fe 0 0);
+      background: var(--c),var(--c),#cddeee;
+      background-size: 60% 100%;
+      animation: l16 3s infinite;
+    }
+
+    @keyframes l16 {
+      0%   {background-position:-150% 0,-150% 0}
+      66%  {background-position: 250% 0,-150% 0}
+      100% {background-position: 250% 0, 250% 0}
+    }
+</style>
+  </head>
+
+  <body>
+    <div id="loading">
+      <div class="loader"></div>
+      <h3>Bundling...</h3>
+      <small></small>
+      <p class="summary"></p>
+      <p class="detail"></p>
+    </div>
+    <code class="progress-details"></code>
+
+    <script>
+      const loading = document.getElementById('loading');
+      const progressDetails = document.querySelector('.progress-details');
+      const summary = loading.querySelector('.summary');
+      const detail = loading.querySelector('.detail');
+
+      function check(data) {
+        renderStatus(data);
+        if (
+          data.bundleStatus.done &&
+          (!data.mfsuBundleStatus || data.mfsuBundleStatus.done)
+        ) {
+          location.reload();
+        } else {
+          setTimeout(loadData, 300);
+        }
+      }
+
+      function renderStatus(data) {
+        if (data.bundler === 'mako') {
+            loading.setAttribute('data-mako', '');
+            window.__MAKO_PERCENT = window.__MAKO_PERCENT || 0.1;
+            const makoPercent = Math.floor(window.__MAKO_PERCENT * 100);
+            loading.setAttribute('data-percent', makoPercent);
+            window.__MAKO_PERCENT = window.__MAKO_PERCENT >= 1 ? 0.2 : window.__MAKO_PERCENT + 0.1;
+          return;
+        }
+        if (data.bundler === 'utoopack') {
+          loading.setAttribute('data-utoopack', '');
+          window.__UTOO_PERCENT = window.__UTOO_PERCENT || 0.1;
+          const utooPercent = Math.floor(window.__UTOO_PERCENT * 100);
+          loading.setAttribute('data-percent', utooPercent);
+          window.__UTOO_PERCENT = window.__UTOO_PERCENT >= 1 ? 0.2 : window.__UTOO_PERCENT + 0.1;
+
+          return;
+        }
+        const hasMFSU = Boolean(data.mfsuBundleStatus);
+        const hasProgressDetails = Boolean(
+          data.bundleStatus.progresses[0].details,
+        );
+
+        if (hasProgressDetails) {
+          const details = data.bundleStatus.progresses[0].details;
+          if (details.length) {
+            progressDetails.innerHTML = details.join('<br />');
+          }
+        }
+
+        const srcPercent = Math.floor(
+          (data.bundleStatus.done
+            ? 1
+            : data.bundleStatus.progresses[0].percent || 0) * 100,
+        );
+        const mfsuPrecent =
+          hasMFSU &&
+          Math.floor(
+            (data.mfsuBundleStatus.done
+              ? 1
+              : data.mfsuBundleStatus.percent || 0) * 100,
+          );
+        const totalPercent = hasMFSU
+          ? Math.floor((srcPercent + mfsuPrecent) / 2)
+          : srcPercent;
+        const summaryText = totalPercent + '<span>%</span>';
+        let detailText = summaryText;
+
+        if (hasMFSU) {
+          loading.setAttribute('data-mfsu', '');
+          detailText = [
+            srcPercent + '<span>% for src</span>',
+            '<br />',
+            mfsuPrecent + '<span>% for deps</span>',
+          ].join('\n');
+          detail.innerHTML = detailText;
+        }
+
+        loading.setAttribute('data-percent', totalPercent);
+        summary.innerHTML = summaryText;
+      }
+
+      function loadData() {
+        fetch('/__umi/api/bundle-status')
+          .then((res) => res.json())
+          .then(check);
+      }
+
+      loadData();
+    </script>
+  </body>
+</html>

package/templates/create-app-package.json

@@ -24,8 +24,8 @@
     "@types/react-dom": "^18.0.0",
     "react-router-dom": "^6.30.1",
     "react-router": "^6.30.1",
+    "antd": "5.24.2",
     "async": "^3.2.6",
-    "antd": "5.12.8",
     "rollup": "4.24.0",
     "semver": "^7.7.1"
   },

package/templates/plugin/package.json.tpl

@@ -4,8 +4,8 @@
   "main": "dist/server/index.js",
   "dependencies": {},
   "peerDependencies": {
-    "@nocobase/client": "1.x",
-    "@nocobase/server": "1.x",
-    "@nocobase/test": "1.x"
+    "@nocobase/client": "2.x",
+    "@nocobase/server": "2.x",
+    "@nocobase/test": "2.x"
   }
 }