fix: clear store (#405)

* fix: clear store

* mod: code review

app/index.html

@@ -14,7 +14,7 @@
 			<% if (initProps.dev) { %>
 				window.gConfig = { maxBytes: <%= JSON.stringify(initProps.maxBytes) %> }
 			<% } else { %>
-					window.gConfig = { maxBytes: { {.maxBytes } } }
+					window.gConfig = { maxBytes: {{.maxBytes}} }
 			<% } %>
 		</script>
     <style>

app/pages/Import/FileUpload/index.tsx

@@ -16,7 +16,7 @@ const FileUpload = () => {
   const [loading, setLoading] = useState(false);
   const transformFile = async (_file: StudioFile, fileList: StudioFile[]) => {
     const size = fileList.reduce((acc, cur) => acc + cur.size, 0);
-    if(size > global.gConfig.maxBytes) {
+    if(global.gConfig?.maxBytes && size > global.gConfig.maxBytes) {
       message.error(intl.get('import.fileSizeLimit', { size: getFileSize(global.gConfig.maxBytes) }));
       return false;
     }

app/stores/console.ts

@@ -50,11 +50,12 @@ export class ConsoleStore {
   }
 
   resetModel = () => {
-    this.update({
-      currentGQL: 'SHOW SPACES;',
-      results: [],
-      paramsMap: null
-    });
+    const shadowStore = new ConsoleStore();
+    for (const key in shadowStore) {
+      if (typeof shadowStore[key] !== 'function') {
+        this[key] = shadowStore[key];
+      }
+    }
   };
 
   update = (param: Partial<ConsoleStore>) => {

app/stores/files.ts

@@ -19,6 +19,15 @@ export class FilesStore {
     Object.keys(payload).forEach(key => Object.prototype.hasOwnProperty.call(this, key) && (this[key] = payload[key]));
   };
 
+  resetModel = () => {
+    const shadowStore = new FilesStore();
+    for (const key in shadowStore) {
+      if (typeof shadowStore[key] !== 'function') {
+        this[key] = shadowStore[key];
+      }
+    }
+  };
+
   getFiles = async () => {
     const { code, data } = (await service.getFiles()) as any;
     if (code === 0 && data) {

app/stores/sketchModel.ts

@@ -65,7 +65,14 @@ export class SketchStore {
       sketchList: observable.deep,
     });
   }
-
+  resetModel = () => {
+    const shadowStore = new SketchStore();
+    for (const key in shadowStore) {
+      if (typeof shadowStore[key] !== 'function') {
+        this[key] = shadowStore[key];
+      }
+    }
+  };
   update = (payload: Record<string, any>) => {
     Object.keys(payload).forEach(
       (key) => Object.prototype.hasOwnProperty.call(this, key) && (this[key] = payload[key])

config/webpack.base.js

@@ -4,6 +4,7 @@ const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
 const Package = require('../package.json');
+
 const { getAppConfig } = require('./config');
 const { getEnv } = require('./env');
 
@@ -15,6 +16,13 @@ const commonConfig = {
   entry: {
     app: [path.join(__dirname, '../app/index.tsx')],
   },
+  output: {
+    path: path.join(__dirname, '../dist/'),
+    filename: '[name].[chunkhash].js',
+    chunkFilename: '[name].[contenthash].js',
+    publicPath: '/',
+  },
+  mode: isDevEnv() ? 'development' : 'production',
   module: {
     exprContextCritical: true,
     rules: [
@@ -127,7 +135,7 @@ const commonConfig = {
       },
       pageInitialProps: {
         dev: isDevEnv(),
-        maxBytes: appConfig.MaxBytes
+        maxBytes: appConfig.MaxBytes || 1048576 // go-zero default value
       }
     }),
     new AntdDayjsWebpackPlugin(),

config/webpack.prod.js

@@ -1,37 +1,28 @@
+const path = require('path');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const path = require('path');
-const { merge } = require('webpack-merge');
-
-const commonConfig = require('./webpack.base');
 const { setEnv } = require('./env');
 
 setEnv('production');
-const publicConfig = {
-  mode: 'production',
-  output: {
-    path: path.join(__dirname, '../dist/'),
-    filename: '[name].[chunkhash].js',
-    chunkFilename: '[name].[contenthash].js',
-    publicPath: '/',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.css$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader'],
-      },
-    ],
-  },
 
-  plugins: [
-    new CleanWebpackPlugin(),
+const config = require('./webpack.base');
+config.module.rules.push(
+  {
+    test: /\.css$/,
+    use: [MiniCssExtractPlugin.loader, 'css-loader'],
+  },
+);
+config.plugins.push(
+  new CleanWebpackPlugin({
+    cleanOnceBeforeBuildPatterns: [path.resolve(__dirname, '..', 'dist')],
+  }),
+);
 
-    new MiniCssExtractPlugin({
-      filename: '[name].[fullhash].css',
-      chunkFilename: '[id].[fullhash].css',
-    }),
-  ],
-};
+config.plugins.push(
+  new MiniCssExtractPlugin({
+    filename: '[name].[fullhash].css',
+    chunkFilename: '[id].[fullhash].css',
+  }),
+);
 
-module.exports = merge(commonConfig, publicConfig);
+module.exports = config;

server/api/studio/restapi/import.api

@@ -144,7 +144,7 @@ type (
 
 	GetManyImportTaskRequest {
 		Page     int `form:"page,default=1"`
-		PageSize int `form:"pageSize,default=100"`
+		PageSize int `form:"pageSize,default=999"`
 	}
 
 	GetManyImportTaskData {