@easyv/react-component-builder 0.23.0-beta.0 → 0.23.1

package/config/webpack.config.build.js

@@ -24,7 +24,8 @@ module.exports = (
     output: {
       path: appBuild,
       filename: `${module_name}.${version}.js`,
-      library: { name: `${module_name}@${version}`, type: 'amd' },
+      library: `${module_name}@${version}`,
+      libraryTarget: 'amd',
     },
     externals: [
       'react',

package/config/webpack.config.common.js

@@ -54,7 +54,9 @@ module.exports = function ({ isProduction, uniqueId, entrys }) {
 
         {
           test: /\.js\.map$/,
-          type: "asset/resource",
+          use: {
+            loader: "file-loader",
+          },
         },
 
         {
@@ -102,12 +104,11 @@ module.exports = function ({ isProduction, uniqueId, entrys }) {
           ],
         },
         {
+          // exclude: /node_modules/,
           test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)(\?.*$|$)/,
-          type: "asset",
-          parser: {
-            dataUrlCondition: {
-              maxSize: 20 * 1024 * 1024,
-            },
+          loader: "url-loader",
+          options: {
+            limit: 20 * 1024 * 1024,
           },
         },
       ].filter(Boolean),

package/config/webpack.config.js

@@ -34,7 +34,8 @@ module.exports = ({ port, modules }) => {
     output: {
       filename: '[name].js',
       globalObject: 'this',
-      library: { name: '__MAIN__', type: 'var' }, // 暴露到window上的属性名称
+      libraryTarget: 'var',
+      library: '__MAIN__', // 暴露到window上的属性名称
     },
     devtool: 'source-map',
     plugins: [
@@ -74,7 +75,7 @@ module.exports = ({ port, modules }) => {
       client: {
         logging: 'warn',
       },
-      setupMiddlewares: (middlewares, devServer) => {
+      onBeforeSetupMiddleware: function (devServer) {
         if (!devServer) {
           throw new Error('webpack-dev-server is not defined');
         }
@@ -117,7 +118,6 @@ module.exports = ({ port, modules }) => {
             res.send(data);
           });
         });
-        return middlewares;
       },
     },
   };

package/launcher/build.js

@@ -110,10 +110,8 @@ module.exports = (name, option = {}) => {
 
         console.log();
       }
-      const mainAsset = message.assetsByChunkName.main;
-      const mainFile = Array.isArray(mainAsset) ? mainAsset[0] : mainAsset;
       resolve({
-        file: path.join(message.outputPath, mainFile),
+        file: path.join(message.outputPath, message.assetsByChunkName.main),
         base,
         sourcePath: sourcePath,
       });

package/launcher/start.js

@@ -124,10 +124,9 @@ function start({ port, modules }) {
     },
   });
 
-  const devServerOptions = { ...config.devServer, host: HOST };
-  const server = new WebpackDevServer(devServerOptions, compiler);
+  const server = new WebpackDevServer(compiler, config.devServer);
 
-  server.startCallback((err) => {
+  server.listen(port, HOST, (err) => {
     if (err) {
       return console.log(err);
     }
@@ -141,7 +140,8 @@ function start({ port, modules }) {
 
   ['SIGINT', 'SIGTERM'].forEach(function (sig) {
     process.on(sig, function () {
-      server.stopCallback(() => process.exit());
+      server.close();
+      process.exit();
     });
   });
 }

package/loaders/react-entry-loader.js

@@ -235,7 +235,10 @@ module.exports = function (content, map, meta) {
                 main.commonAssets = commonAssets;
                 return;
               }
-              const id = Math.random().toString(16).slice(2);
+              const id = Math.floor(
+                (Math.random() + Math.floor(Math.random() * 9 + 1)) *
+                  Math.pow(10, 11),
+              );
               config.id = id;
               data.id = id;
               subConfigs.push(config);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-component-builder",
-  "version": "0.23.0-beta.0",
+  "version": "0.23.1",
   "files": [
     "launcher",
     "templates",
@@ -17,37 +17,41 @@
     "postpublish": "sync-to-mirror"
   },
   "dependencies": {
-    "@babel/core": "^7.12.0",
+    "@babel/core": "7.9.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/register": "^7.10.4",
-    "@easyv/react-gui": "1.20.9",
-    "@easyv/simulator": "0.6.3",
+    "@easyv/react-gui": "3.1.0",
+    "@easyv/simulator": "0.6.10",
     "@svgr/webpack": "8.1.0",
     "acorn": "^7.3.1",
     "acorn-jsx": "^5.2.0",
     "antd": "^4.0.3",
-    "babel-loader": "^9.2.0",
+    "babel-loader": "8.1.0",
     "babel-plugin-named-asset-import": "^0.3.6",
     "babel-preset-react-app": "^10.0.1",
     "classnames": "^2.2.6",
-    "css-loader": "^6.11.0",
+    "css-loader": "3.4.2",
     "d3": "^5.16.0",
-    "expose-loader": "^4.0.0",
+    "expose-loader": "^1.0.0",
+    "file-loader": "4.3.0",
     "filesize": "^6.1.0",
     "fs-extra": "^9.0.1",
     "glob": "^7.1.6",
-    "html-webpack-plugin": "^5.6.0",
+    "html-webpack-plugin": "4.5.2",
     "inquirer": "^7.3.0",
-    "less-loader": "^11.1.0",
+    "less-loader": "^6.2.0",
     "lodash": "^4.17.19",
     "multer": "^1.4.2",
+    "optimize-css-assets-webpack-plugin": "6.0.1",
     "react": "^16.13.1",
     "react-dev-utils": "10.2.1",
     "react-dom": "^16.13.1",
-    "style-loader": "^3.3.0",
+    "style-loader": "0.23.1",
     "three": "^0.100.0",
-    "webpack": "^5.96.0",
-    "webpack-dev-server": "^5.1.0"
+    "url-loader": "2.3.0",
+    "webpack": "4.47.0",
+    "webpack-dev-server": "4.15.1",
+    "webpack-manifest-plugin": "4.1.1"
   },
   "devDependencies": {
     "@easyv/sync-to-mirror": "^0.0.2",
@@ -55,8 +59,7 @@
     "@types/node": "^12.0.0",
     "@types/react": "^16.9.0",
     "@types/react-dom": "^16.9.0",
-    "cesium": "^1.138.0",
-    "terser-webpack-plugin": "^5.3.10"
+    "terser-webpack-plugin": "^4.2.3"
   },
   "easyv": {
     "src": "examples",
@@ -66,7 +69,7 @@
       "online": "https://easyv.dtstack.com",
       "test": "http://172.16.10.70:1337"
     },
-    "assets": "https://dt-easyv-prod.oss-cn-hangzhou.aliyuncs.com/"
+    "assets": "https://easyv-develop.oss-cn-hangzhou.aliyuncs.com/"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/public/component.ejs

@@ -11,7 +11,7 @@
 
     <script src="static/react/umd/react.development.js"></script>
     <script src="static/react-dom/umd/react-dom.development.js"></script>
-    <script src="static/@easyv/react-gui/lib/index.js"></script>
+    <script src="static/@easyv/react-gui/dist/index.js"></script>
     <script>
       window.react = React;
       window["@easyv/react-gui"] = window["react-gui"];