@nocobase/build 2.1.0-alpha.1 → 2.1.0-alpha.11

package/README.md

@@ -1,17 +1,24 @@
 # NocoBase
 
 <video width="100%" controls>
-      <source src="https://static-docs.nocobase.com/NocoBase0510.mp4" type="video/mp4">
+  <source src="https://github.com/user-attachments/assets/4d11a87b-00e2-48f3-9bf7-389d21072d13" type="video/mp4">
 </video>
 
+<p align="center">
+<a href="https://trendshift.io/repositories/4112" target="_blank"><img src="https://trendshift.io/api/badge/repositories/4112" alt="nocobase%2Fnocobase | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+<a href="https://www.producthunt.com/posts/nocobase?embed=true&utm_source=badge-top-post-topic-badge&utm_medium=badge&utm_souce=badge-nocobase" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=456520&theme=light&period=weekly&topic_id=267" alt="NocoBase - Scalability&#0045;first&#0044;&#0032;open&#0045;source&#0032;no&#0045;code&#0032;platform | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+</p>
 
 ## What is NocoBase
 
-NocoBase is a scalability-first, open-source no-code development platform.  
-Instead of investing years of time and millions of dollars in research and development, deploy NocoBase in a few minutes and you'll have a private, controllable, and extremely scalable no-code development platform!
+NocoBase is the most extensible AI-powered no-code platform.   
+Total control. Infinite extensibility. AI collaboration.  
+Enable your team to adapt quickly and cut costs dramatically.  
+No years of development. No millions wasted.  
+Deploy NocoBase in minutes — and take control of everything.
 
 Homepage:  
-https://www.nocobase.com/
+https://www.nocobase.com/  
 
 Online Demo:  
 https://demo.nocobase.com/new
@@ -19,12 +26,74 @@ https://demo.nocobase.com/new
 Documents:  
 https://docs.nocobase.com/
 
-Commericial license & plugins:  
-https://www.nocobase.com/en/commercial
+Forum:  
+https://forum.nocobase.com/
 
-License agreement:   
-https://www.nocobase.com/en/agreement
+Use Cases:  
+https://www.nocobase.com/en/blog/tags/customer-stories
 
+## Release Notes
 
-## Contact Us:  
-hello@nocobase.com
+Our [blog](https://www.nocobase.com/en/blog/timeline) is regularly updated with release notes and provides a weekly summary.
+
+## Distinctive features
+
+### 1. Data model-driven, not form/table–driven
+
+Instead of being constrained by forms or tables, NocoBase adopts a data model–driven approach, separating data structure from user interface to unlock unlimited possibilities.
+
+- UI and data structure are fully decoupled
+- Multiple blocks and actions can be created for the same table or record in any quantity or form
+- Supports the main database, external databases, and third-party APIs as data sources
+
+![model](https://static-docs.nocobase.com/model.png)
+
+### 2. AI employees, integrated into your business systems
+Unlike standalone AI demos, NocoBase allows you to embed AI capabilities seamlessly into your interfaces, workflows, and data context, making AI truly useful in real business scenarios.
+
+- Define AI employees for roles such as translator, analyst, researcher, or assistant
+- Seamless AI–human collaboration in interfaces and workflows
+- Ensure AI usage is secure, transparent, and customizable for your business needs
+
+![AI-employee](https://static-docs.nocobase.com/ai-employee-home.png)
+
+### 3. What you see is what you get, incredibly easy to use
+
+While enabling the development of complex business systems, NocoBase keeps the experience simple and intuitive.
+
+- One-click switch between usage mode and configuration mode
+- Pages serve as a canvas to arrange blocks and actions, similar to Notion
+- Configuration mode is designed for ordinary users, not just programmers
+
+![wysiwyg](https://static-docs.nocobase.com/wysiwyg.gif)
+
+### 4. Everything is a plugin, designed for extension
+Adding more no-code features will never cover every business case. NocoBase is built for extension through its plugin-based microkernel architecture.
+
+- All functionalities are plugins, similar to WordPress
+- Plugins are ready to use upon installation
+- Pages, blocks, actions, APIs, and data sources can all be extended through custom plugins
+
+![plugins](https://static-docs.nocobase.com/plugins.png)
+
+## Installation
+
+NocoBase supports three installation methods:
+
+- <a target="_blank" href="https://docs.nocobase.com/welcome/getting-started/installation/docker-compose">Installing With Docker (👍Recommended)</a>
+
+  Suitable for no-code scenarios, no code to write. When upgrading, just download the latest image and reboot.
+
+- <a target="_blank" href="https://docs.nocobase.com/welcome/getting-started/installation/create-nocobase-app">Installing from create-nocobase-app CLI</a>
+
+  The business code of the project is completely independent and supports low-code development.
+
+- <a target="_blank" href="https://docs.nocobase.com/welcome/getting-started/installation/git-clone">Installing from Git source code</a>
+
+  If you want to experience the latest unreleased version, or want to participate in the contribution, you need to make changes and debug on the source code, it is recommended to choose this installation method, which requires a high level of development skills, and if the code has been updated, you can git pull the latest code.
+
+## How NocoBase works
+
+<video width="100%" controls>
+  <source src="https://github.com/user-attachments/assets/8d183b44-9bb5-4792-b08f-bc08fe8dfaaf" type="video/mp4">
+</video>

package/lib/buildClient.js

@@ -31,13 +31,14 @@ __export(buildClient_exports, {
   buildLocale: () => buildLocale
 });
 module.exports = __toCommonJS(buildClient_exports);
-var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
+var import_core = require("@rsbuild/core");
+var import_plugin_less = require("@rsbuild/plugin-less");
+var import_plugin_react = require("@rsbuild/plugin-react");
+var import_plugin_svgr = require("@rsbuild/plugin-svgr");
 var import_fast_glob = __toESM(require("fast-glob"));
 var import_fs_extra = __toESM(require("fs-extra"));
 var import_path = __toESM(require("path"));
 var import_tsup = require("tsup");
-var import_vite = require("vite");
-var import_vite_plugin_lib_inject_css = require("vite-plugin-lib-inject-css");
 var import_constant = require("./constant");
 var import_utils = require("./utils");
 async function buildClient(cwd, userConfig, sourcemap = false, log) {
@@ -45,7 +46,7 @@ async function buildClient(cwd, userConfig, sourcemap = false, log) {
   const cwdWin = cwd.replaceAll(/\\/g, "/");
   const cwdUnix = cwd.replaceAll(/\//g, "\\");
   const external = function(id) {
-    if (id.startsWith(".") || id.startsWith(cwdUnix) || id.startsWith(cwdWin)) {
+    if (!id || import_path.default.isAbsolute(id) || id.startsWith(".") || id.startsWith(cwdUnix) || id.startsWith(cwdWin)) {
       return false;
     }
     return true;
@@ -54,35 +55,12 @@ async function buildClient(cwd, userConfig, sourcemap = false, log) {
   await buildClientLib(cwd, userConfig, sourcemap, external, log);
   await buildLocale(cwd, userConfig, log);
 }
-function buildClientEsm(cwd, userConfig, sourcemap, external, log) {
+async function buildClientEsm(cwd, userConfig, sourcemap, external, log) {
   log("build client esm");
   const entry = import_path.default.join(cwd, "src/index.ts").replaceAll(/\\/g, "/");
   const outDir = import_path.default.resolve(cwd, "es");
-  return (0, import_vite.build)(
-    userConfig.modifyViteConfig({
-      mode: process.env.NODE_ENV || "production",
-      define: (0, import_utils.getEnvDefine)(),
-      build: {
-        minify: process.env.NODE_ENV === "production",
-        outDir,
-        cssCodeSplit: true,
-        emptyOutDir: true,
-        sourcemap,
-        lib: {
-          entry,
-          formats: ["es"],
-          fileName: "index"
-        },
-        target: ["es2015", "edge88", "firefox78", "chrome87", "safari14"],
-        rollupOptions: {
-          cache: true,
-          treeshake: true,
-          external
-        }
-      },
-      plugins: [(0, import_plugin_react.default)(), (0, import_vite_plugin_lib_inject_css.libInjectCss)()]
-    })
-  );
+  await buildClientWithRsbuild(cwd, userConfig, sourcemap, external, entry, outDir, "esm");
+  await injectEntryStyleReference(import_path.default.join(outDir, "index.mjs"), 'import "./index.css";');
 }
 async function buildClientLib(cwd, userConfig, sourcemap, external, log) {
   log("build client lib");
@@ -91,32 +69,114 @@ async function buildClientLib(cwd, userConfig, sourcemap, external, log) {
   const entry = import_path.default.join(esDir, "index.ts");
   import_fs_extra.default.removeSync(entry);
   import_fs_extra.default.linkSync(import_path.default.join(cwd, "es/index.mjs"), entry);
-  await (0, import_vite.build)(
-    userConfig.modifyViteConfig({
-      mode: process.env.NODE_ENV || "production",
-      esbuild: {
-        format: "cjs"
+  try {
+    await buildClientWithRsbuild(cwd, userConfig, sourcemap, external, entry, outDir, "cjs");
+  } finally {
+    import_fs_extra.default.removeSync(entry);
+  }
+  await injectEntryStyleReference(import_path.default.join(outDir, "index.js"), 'require("./index.css");');
+}
+async function buildClientWithRsbuild(cwd, userConfig, sourcemap, external, entry, outDir, format) {
+  const config = createClientRsbuildConfig(cwd, entry, outDir, sourcemap, external, format);
+  const rsbuild = await (0, import_core.createRsbuild)({
+    cwd,
+    config: userConfig.modifyRsbuildConfig?.(config) ?? config
+  });
+  const result = await rsbuild.build();
+  await result.close();
+}
+function createClientRsbuildConfig(cwd, entry, outDir, sourcemap, external, format) {
+  return {
+    plugins: [(0, import_plugin_react.pluginReact)(), (0, import_plugin_less.pluginLess)(), (0, import_plugin_svgr.pluginSvgr)()],
+    source: {
+      entry: {
+        index: {
+          import: entry,
+          html: false
+        }
+      },
+      tsconfigPath: import_path.default.join(cwd, "tsconfig.json"),
+      define: (0, import_utils.getEnvDefine)(),
+      decorators: {
+        version: "legacy"
+      }
+    },
+    output: {
+      target: "web",
+      distPath: {
+        root: outDir,
+        js: ".",
+        jsAsync: ".",
+        css: ".",
+        cssAsync: ".",
+        svg: ".",
+        font: ".",
+        image: ".",
+        media: ".",
+        assets: "."
       },
-      build: {
-        outDir,
-        minify: process.env.NODE_ENV === "production",
-        sourcemap,
-        lib: {
-          entry: import_path.default.join(cwd, "es/index.ts"),
-          formats: ["cjs"],
-          fileName: "index"
-        },
-        rollupOptions: {
-          external
+      filename: {
+        js: format === "esm" ? "[name].mjs" : "[name].js",
+        css: "[name].css",
+        svg: "[name][ext][query]",
+        font: "[name][ext][query]",
+        image: "[name][ext][query]",
+        media: "[name][ext][query]",
+        assets: "[name][ext][query]"
+      },
+      cleanDistPath: true,
+      sourceMap: sourcemap,
+      minify: process.env.NODE_ENV === "production",
+      emitCss: true,
+      externals: [
+        function({ request }, callback) {
+          if (request && external(request)) {
+            return callback(null, true);
+          }
+          callback();
         }
+      ]
+    },
+    performance: {
+      chunkSplit: {
+        strategy: "all-in-one"
       }
-    })
-  );
-  import_fs_extra.default.removeSync(entry);
-  const css = import_fast_glob.default.sync("*.css", { cwd: esDir, absolute: true });
-  css.forEach((file) => {
-    import_fs_extra.default.copySync(file, import_path.default.join(outDir, import_path.default.basename(file)));
-  });
+    },
+    tools: {
+      rspack(config) {
+        config.output = config.output || {};
+        config.output.asyncChunks = false;
+        if (format === "esm") {
+          config.output.library = { type: "module" };
+          config.output.module = true;
+          config.output.chunkFormat = "module";
+          config.output.chunkLoading = "import";
+          config.output.workerChunkLoading = "import";
+          config.experiments = {
+            ...config.experiments,
+            outputModule: true
+          };
+          config.externalsType = "module-import";
+        } else {
+          config.output.library = { type: "commonjs-static" };
+        }
+        config.performance = false;
+        config.stats = "errors-warnings";
+      }
+    }
+  };
+}
+async function injectEntryStyleReference(entryFile, styleReference) {
+  const cssFile = import_path.default.join(import_path.default.dirname(entryFile), "index.css");
+  if (!import_fs_extra.default.existsSync(entryFile) || !import_fs_extra.default.existsSync(cssFile)) {
+    return;
+  }
+  const content = await import_fs_extra.default.readFile(entryFile, "utf8");
+  if (content.startsWith(styleReference)) {
+    return;
+  }
+  await import_fs_extra.default.writeFile(entryFile, `${styleReference}
+${content}`);
 }
 function buildLocale(cwd, userConfig, log) {
   log("build client locale");

package/lib/buildDeclaration.js

@@ -30,32 +30,76 @@ __export(buildDeclaration_exports, {
   buildDeclaration: () => buildDeclaration
 });
 module.exports = __toCommonJS(buildDeclaration_exports);
-var import_gulp = __toESM(require("gulp"));
-var import_gulp_typescript = __toESM(require("gulp-typescript"));
+var import_fast_glob = __toESM(require("fast-glob"));
 var import_path = __toESM(require("path"));
+var import_typescript = __toESM(require("typescript"));
 var import_constant = require("./constant");
-const buildDeclaration = (cwd, targetDir) => {
-  return new Promise((resolve, reject) => {
-    const srcPath = import_path.default.join(cwd, "src");
-    const targetPath = import_path.default.join(cwd, targetDir);
-    const tsConfig = import_gulp_typescript.default.createProject(import_path.default.join(import_constant.ROOT_PATH, "tsconfig.json"));
-    delete tsConfig.config.compilerOptions.paths;
-    const patterns = [
-      import_path.default.join(srcPath, "**/*.{ts,tsx}"),
-      `!${import_path.default.join(srcPath, "**/fixtures{,/**}")}`,
-      `!${import_path.default.join(srcPath, "**/demos{,/**}")}`,
-      `!${import_path.default.join(srcPath, "**/__test__{,/**}")}`,
-      `!${import_path.default.join(srcPath, "**/__tests__{,/**}")}`,
-      `!${import_path.default.join(srcPath, "**/__benchmarks__{,/**}")}`,
-      `!${import_path.default.join(srcPath, "**/__e2e__{,/**}")}`,
-      `!${import_path.default.join(srcPath, "**/*.mdx")}`,
-      `!${import_path.default.join(srcPath, "**/*.md")}`,
-      `!${import_path.default.join(srcPath, "**/*.+(test|e2e|spec).+(js|jsx|ts|tsx)")}`,
-      `!${import_path.default.join(srcPath, "**/tsconfig{,.*}.json")}`,
-      `!${import_path.default.join(srcPath, ".umi{,-production,-test}{,/**}")}`
-    ];
-    import_gulp.default.src(patterns, { base: srcPath, allowEmpty: true }).pipe((0, import_gulp_typescript.default)(tsConfig.config.compilerOptions)).dts.pipe(import_gulp.default.dest(targetPath)).on("end", resolve).on("error", reject);
+const INCLUDE_PATTERNS = ["**/*.{ts,tsx}"];
+const EXCLUDE_PATTERNS = [
+  "**/fixtures{,/**}",
+  "**/demos{,/**}",
+  "**/__test__{,/**}",
+  "**/__tests__{,/**}",
+  "**/__benchmarks__{,/**}",
+  "**/__e2e__{,/**}",
+  "**/*.mdx",
+  "**/*.md",
+  "**/*.+(test|e2e|spec).+(js|jsx|ts|tsx)",
+  "**/tsconfig{,.*}.json",
+  ".umi{,-production,-test}{,/**}"
+];
+const diagnosticHost = {
+  getCurrentDirectory: () => process.cwd(),
+  getCanonicalFileName: (fileName) => import_typescript.default.sys.useCaseSensitiveFileNames ? fileName : fileName.toLowerCase(),
+  getNewLine: () => import_typescript.default.sys.newLine
+};
+function loadCompilerOptions() {
+  const configPath = import_path.default.join(import_constant.ROOT_PATH, "tsconfig.json");
+  const configFile = import_typescript.default.readConfigFile(configPath, import_typescript.default.sys.readFile);
+  if (configFile.error) {
+    throw new Error(import_typescript.default.formatDiagnosticsWithColorAndContext([configFile.error], diagnosticHost));
+  }
+  const parsedConfig = import_typescript.default.parseJsonConfigFileContent(
+    configFile.config,
+    import_typescript.default.sys,
+    import_path.default.dirname(configPath),
+    void 0,
+    configPath
+  );
+  const options = {
+    ...parsedConfig.options
+  };
+  delete options.paths;
+  return options;
+}
+const buildDeclaration = async (cwd, targetDir) => {
+  const srcPath = import_path.default.join(cwd, "src");
+  const targetPath = import_path.default.join(cwd, targetDir);
+  const files = await (0, import_fast_glob.default)(INCLUDE_PATTERNS, {
+    cwd: srcPath,
+    ignore: EXCLUDE_PATTERNS,
+    absolute: true,
+    dot: true
   });
+  if (!files.length) {
+    return;
+  }
+  const compilerOptions = {
+    ...loadCompilerOptions(),
+    declaration: true,
+    emitDeclarationOnly: true,
+    declarationDir: targetPath,
+    outDir: targetPath,
+    rootDir: srcPath
+  };
+  const program = import_typescript.default.createProgram(files, compilerOptions);
+  const emitResult = program.emit(void 0, void 0, void 0, true);
+  const diagnostics = import_typescript.default.getPreEmitDiagnostics(program).concat(emitResult.diagnostics);
+  if (diagnostics.length) {
+    const details = import_typescript.default.formatDiagnosticsWithColorAndContext(diagnostics, diagnosticHost);
+    throw new Error(`Failed to build declarations for ${cwd} 
+${details}`);
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {