ko 5.2.1 → 5.2.2

package/lib/webpack/loaders/style.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const mini_css_extract_plugin_1 = require("mini-css-extract-plugin");
+const autoprefixer_1 = __importDefault(require("autoprefixer"));
+const CSS_LOADER = require.resolve('css-loader');
+const LESS_LOADER = require.resolve('less-loader');
+const SASS_LOADER = require.resolve('sass-loader');
+const POSTCSS_LOADER = require.resolve('postcss-loader');
+const styleLoader = {
+    loader: mini_css_extract_plugin_1.loader
+};
+const cssLoader = {
+    loader: CSS_LOADER,
+    options: {
+        sourceMap: true,
+    },
+};
+//TODO: check postcss-loader should use sourceMap option
+const postcssLoader = {
+    loader: POSTCSS_LOADER,
+    options: {
+        sourceMap: true,
+        postcssOptions: {
+            plugins: [(0, autoprefixer_1.default)()],
+        },
+    },
+};
+const styleLoaders = [
+    {
+        test: /\.css$/,
+        use: [
+            styleLoader,
+            cssLoader,
+            postcssLoader,
+        ],
+    },
+    {
+        test: /\.s[ac]ss$/,
+        use: [
+            styleLoader,
+            cssLoader,
+            postcssLoader,
+            {
+                loader: SASS_LOADER,
+                options: {
+                    sourceMap: true,
+                },
+            },
+        ],
+    },
+    {
+        test: /\.less$/,
+        use: [
+            styleLoader,
+            cssLoader,
+            postcssLoader,
+            {
+                loader: LESS_LOADER,
+                options: {
+                    lessOptions: {
+                        javascriptEnabled: true,
+                    },
+                    sourceMap: true,
+                },
+            },
+        ],
+    },
+];
+exports.default = styleLoaders;

package/lib/webpack/plugins.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = require("webpack");
+const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
+const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+const config_1 = __importDefault(require("../utils/config"));
+function getPlugins(opts) {
+    const { ts } = opts;
+    const { userConf, defaultPaths } = config_1.default;
+    const publicPath = (userConf.output && userConf.output.publicPath) ? userConf.output.publicPath : '/';
+    let plugins = [
+        new webpack_1.IgnorePlugin({
+            resourceRegExp: /^\.\/locale$/,
+            contextRegExp: /moment$/,
+        }),
+        new webpack_1.ProgressPlugin(),
+        //TODO: check if mini-css-extract-plugin should use base name if enable HMR
+        new mini_css_extract_plugin_1.default({
+            filename: 'css/[name].[contenthash].css',
+            chunkFilename: 'css/[id].[contenthash].css',
+        }),
+        new case_sensitive_paths_webpack_plugin_1.default(),
+        new html_webpack_plugin_1.default({
+            template: defaultPaths.html,
+            title: 'Ko App',
+            templateParameters: {
+                configPath: `${publicPath}config/config.js`
+            },
+            inject: 'body'
+        }),
+    ];
+    if (ts) {
+        const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+        const typescriptPlugins = [
+            new ForkTsCheckerWebpackPlugin({
+                async: false,
+                typescript: {
+                    configFile: defaultPaths.tsconfig,
+                },
+            }),
+        ];
+        plugins = plugins.concat(typescriptPlugins);
+    }
+    plugins = plugins.concat(userConf.plugins || []);
+    if (config_1.default.isProductionEnv) {
+        const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+        const prodPlugins = [
+            new CleanWebpackPlugin({
+                verbose: false,
+                dry: false,
+            })
+        ];
+        plugins.concat(prodPlugins);
+    }
+    return plugins;
+}
+exports.default = getPlugins;

package/package.json

@@ -1,133 +1,91 @@
 {
   "name": "ko",
-  "author": "DTStack",
-  "version": "5.2.1",
-  "description": "building tools based on webpack",
-  "scripts": {
-    "preinstall": "node preinstall.js",
-    "prepare": "husky install",
-    "prettier": "prettier --write .",
-    "eslint": "eslint . --ext .js,.jsx,.ts,.tsx --fix",
-    "lint": "yarn prettier && yarn eslint",
-    "test": "jest"
-  },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public",
-    "registry": "http://registry.npmjs.org"
-  },
-  "homepage": "https://github.com/DTStack/ko",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/DTStack/ko"
-  },
-  "bin": {
-    "ko": "./bin/ko.js"
-  },
+  "version": "5.2.2",
+  "description": "build & lint library",
   "keywords": [
     "ko",
     "react",
-    "vue",
     "typescript",
     "babel",
     "sass",
     "scss",
-    "antd",
-    "swagger",
     "webpack",
     "webpack v5",
-    "template",
     "server",
-    "kangaroo",
+    "dtstack",
     "cli",
-    "init",
     "build",
-    "preview",
     "script"
   ],
   "bugs": {
     "url": "https://github.com/DTStack/ko/issues"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DTStack/ko",
+    "directory": "packages/ko"
+  },
+  "license": "MIT",
+  "author": "DTStack",
+  "bin": {
+    "ko": "./lib/cli.js"
+  },
+  "files": [
+    "scripts/*",
+    "lib/*"
+  ],
+  "scripts": {
+    "prepublishOnly": "rm -rf lib && tsc",
+    "preinstall": "node scripts/preinstall.js",
+    "debug": "tsc -w --sourceMap",
+    "test": "jest",
+    "build": "tsc"
+  },
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "^4.26.0",
-    "@typescript-eslint/parser": "^4.26.0",
-    "assets-webpack-plugin": "^7.1.0",
     "autoprefixer": "^10.2.6",
     "babel-loader": "^8.2.2",
+    "babel-preset-ko-app": "^1.0.0-alpha.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "chalk": "^4.1.2",
     "clean-webpack-plugin": "3.0.0",
-    "colors": "^1.4.0",
-    "commander": "^7.2.0",
-    "compressing": "^1.5.1",
+    "commander": "^8.1.0",
     "css-loader": "^5.2.6",
     "css-minimizer-webpack-plugin": "^3.0.1",
     "detect-port": "^1.3.0",
-    "download-git-repo": "^3.0.2",
-    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-standard": "^5.0.0",
+    "esbuild-loader": "^2.16.0",
     "fork-ts-checker-webpack-plugin": "^6.2.10",
-    "hard-source-webpack-plugin": "^0.13.1",
     "html-webpack-plugin": "^5.3.1",
-    "html-webpack-tags-plugin": "^3.0.1",
-    "inquirer": "^8.1.0",
-    "ko-babel-app": "^8.0.17",
+    "inquirer": "^8.1.2",
+    "ko-lints": "^1.0.0",
     "less": "^3.13.1",
     "less-loader": "^9.0.0",
-    "lint-staged": "^11.0.0",
-    "lodash": "^4.17.21",
-    "merge-options": "^3.0.4",
     "mini-css-extract-plugin": "^1.6.0",
-    "mustache": "^4.2.0",
-    "ora": "^5.4.0",
     "postcss": "^8.3.0",
     "postcss-loader": "^5.3.0",
-    "prettier": "^2.3.0",
-    "pushstate-server": "^3.1.0",
     "react-dev-utils": "^11.0.4",
     "sass": "^1.34.0",
     "sass-loader": "^11.1.1",
-    "shelljs": "^0.8.4",
-    "style-loader": "^2.0.0",
     "thread-loader": "^3.0.4",
     "ts-loader": "^9.2.2",
     "tsconfig-paths-webpack-plugin": "^3.5.1",
-    "typescript": "^4.3.2",
-    "url": "^0.11.0",
-    "url-loader": "^4.1.1",
-    "urllib": "^2.37.1",
-    "user-home": "^2.0.0",
-    "vue-loader": "^15.9.7",
-    "vue-template-compiler": "^2.6.12",
-    "webpack": "^5.38.1",
+    "webpack": "^5.50.0",
     "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^4.7.0",
     "webpack-dev-server": "^3.11.2",
-    "webpack-filter-warnings-plugin": "^1.2.1",
-    "webpack-merge": "^5.7.3",
-    "webpack-simple-progress-plugin": "^0.0.5"
+    "webpack-merge": "^5.8.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "commitizen": "^4.2.4",
-    "cz-conventional-changelog": "^3.3.0",
-    "husky": "^7.0.0",
-    "jest": "^27.0.4"
+    "@types/case-sensitive-paths-webpack-plugin": "^2.1.6",
+    "@types/detect-port": "^1.3.1",
+    "@types/inquirer": "^7.3.3",
+    "@types/jest": "^27.0.2",
+    "@types/mini-css-extract-plugin": "^2.2.0",
+    "@types/react-dev-utils": "^9.0.7",
+    "jest": "^27.2.5",
+    "ts-jest": "^27.0.5",
+    "typescript": "^4.4.4"
   },
   "engines": {
-    "node": ">=10 <=12"
+    "node": ">=10.13.0"
   },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  }
+  "gitHead": "3ce5dfb8cb7b50b758ebe6fa0ebfba7a89667a07"
 }

package/{preinstall.js → scripts/preinstall.js}

@@ -12,7 +12,11 @@ if (LOCK_NODE_VERSION) {
   const majorAndMinorNodeVersion = Number(
     /(\d+).(\d+)/.exec(process.versions.node)[0]
   );
-  const webpack5SupportLeastVersion = 10.13; // @link https://webpack.js.org/migrate/5/#preparations
+  /**
+   *  webpack minor support version
+   *  @link https://webpack.js.org/migrate/5/#preparations
+   */
+  const webpack5SupportLeastVersion = 10.13; 
 
   if (majorAndMinorNodeVersion < webpack5SupportLeastVersion) {
     console.error(
@@ -45,7 +49,4 @@ if (FORCE_YARN_INSTALL) {
   }
 }
 
-if (err) {
-  console.error('');
-  process.exit(1);
-}
+err && process.exit(1);

package/.eslintignore

@@ -1,3 +0,0 @@
-# TODO: these ignore files & directory will be removed when utils functions are refactored
-/util/
-/script/swagger.js

package/.eslintrc.js

@@ -1,96 +0,0 @@
-/**
- * default eslintrc shouldn't contain react & vue config
- * TODO: support react & vue framework eslint config when user select framework
- */
-module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 8,
-    sourceType: 'module',
-  },
-  extends: [
-    'standard',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-    'prettier',
-  ],
-  plugins: ['import', 'react'],
-  env: {
-    browser: true,
-    node: true,
-    es6: true,
-  },
-  globals: {
-    expect: 'readable',
-    test: 'readable',
-    describe: 'readable',
-    beforeEach: 'readable',
-    afterEach: 'readable',
-    jest: 'readable',
-  },
-  rules: {
-    semi: 0,
-    strict: 0,
-    indent: [
-      2,
-      2,
-      {
-        SwitchCase: 1,
-      },
-    ],
-    'arrow-body-style': 0,
-    'no-return-assign': 0,
-    'no-useless-constructor': 0,
-    'no-unused-expressions': 0,
-    eqeqeq: 0,
-    'no-console': 0,
-    'no-param-reassign': 0,
-    camelcase: 'off',
-    'space-before-function-paren': 0,
-    'no-use-before-define': 'off',
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        optionalDependencies: false,
-        peerDependencies: false,
-      },
-    ],
-    // typescript eslint configs
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        vars: 'all',
-        args: 'none',
-        ignoreRestSiblings: false,
-      },
-    ],
-    '@typescript-eslint/no-explicit-any': 0,
-    '@typescript-eslint/explicit-member-accessibility': 0,
-    '@typescript-eslint/explicit-function-return-type': 0,
-    '@typescript-eslint/no-use-before-define': 0,
-    '@typescript-eslint/no-var-requires': 0,
-    '@typescript-eslint/interface-name-prefix': 0,
-    '@typescript-eslint/no-empty-interface': 0,
-    '@typescript-eslint/camelcase': 0,
-    'react/display-name': [0],
-    'react/sort-comp': 0,
-    'react/jsx-uses-react': 1,
-    'react/prefer-stateless-function': 0,
-    'react/jsx-closing-bracket-location': 0,
-    'react/prop-types': [
-      0,
-      {
-        ignore: ['children'],
-      },
-    ],
-    'react/jsx-no-target-blank': 2,
-    'react/jsx-filename-extension': [
-      1,
-      {
-        extensions: ['.tsx', '.js', '.jsx'],
-      },
-    ],
-    'react/react-in-jsx-scope': 0,
-  },
-};

package/.github/workflows/auto-publish.yml

@@ -1,32 +0,0 @@
-name: auto publish
-
-on:
-  push:
-    branches: 
-      - master
-
-jobs:
-  publish-to-npm:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout master branch code
-        uses: actions/checkout@v2
-    
-      - name: Use Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: '12.x'
-          registry-url: https://registry.npmjs.org/ 
-      
-      - uses: actions/cache@v2
-        with:
-            path: '**/node_modules'
-            key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-            
-      - name: install packages
-        run: yarn add husky    
-          
-      - name: Publish to NPM
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/ci.yml

@@ -1,67 +0,0 @@
-name: CI
-
-on:
-  push:
-    branches: [ release, dev]
-  pull_request:
-    branches: [ release, dev]
-jobs:
-  # install dependencies
-  setup:
-    name: setup
-    runs-on: ubuntu-latest
-
-    steps:
-        - uses: actions/checkout@v2
-        - name: Use Node.js
-          uses: actions/setup-node@v1
-          with:
-            node-version: '12.x'
-        # cache node_modules
-        # spped up the procedure of installing packages
-        - uses: actions/cache@v2
-          with:
-            path: '**/node_modules'
-            key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
-        - name: install packages
-          run: yarn
-          
-  # static code check
-  # eslint and prettier
-  static-check:
-    name: static check
-    runs-on: ubuntu-latest
-    needs: [setup]
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: '12.x'
-      - uses: actions/cache@v2
-        with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - name: eslint
-        run: node -v && yarn eslint
-      - name: prettier
-        run: yarn prettier
-
-  # run unit test
-  unit-test:
-    name: unit test
-    runs-on: ubuntu-latest
-    needs: [setup, static-check]
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: '12.x'
-      - uses: actions/cache@v2
-        with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - name: unit-test
-        run: node -v && yarn test

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx commitlint -c ./commitlint.config.js --edit $1

package/.prettierignore

@@ -1,5 +0,0 @@
-/.vscode/
-*.md
-*.json
-/template/
-/.github/

package/CHANGELOG.md

@@ -1,115 +0,0 @@
-#### 发布周期
-- 修订版本号：修订特定的问题而发布的修订版本。
-- 次版本号：带有新特性的向下兼容的版本。
-- 主版本号：含有破坏性更新和新特性，不在发布周期内。
-
----
-## 5.2.1
-- fixed [Throw an error when running "ko init"](https://github.com/DTStack/ko/issues/27)
-- check node version when install because [webpack 5 requires at least Node.js 10.13.0 (LTS)](https://webpack.js.org/migrate/5/#preparations)
-
-## 5.2.0
-- upgrade dependencies except less because [Ant Design use 3.x version of less](https://github.com/vueComponent/ant-design-vue/issues/3665)
-- remove file-loader, change to [asset-modules](https://webpack.js.org/guides/asset-modules/)
-- fixed [react-dev-utils warning](https://github.com/facebook/create-react-app/issues/9880)
-- update `ko-babel-app` to version 8.0.17
-## 5.0.5
-
-- remove prettier parse config to fixed prettier format bug
-- support react lint for eslint
-## 5.0.4
-- repository structure:
-  - config directory: webpack config files has been move to webpack subdirectory
-  - util directory: remove useless and duplicated utility functions
-
-- lint:
-  - add prettier & eslint dependencies 
-  - eslint support default & user defined config, and eslintignore config
-  - prettier support default & user defined config, and prettierignore config
-
-- plugins have be removed in this release:
-  - `webpack.BannerPlugin`'s banner now has static banner content, maybe it's will be readded in the future with user defined banner content
-  - `webpack.DllPlugin` has been removed from CRA & vue-cli because [Webpack 4 should provide good enough perf and the cost of maintaining DLL mode inside Vue CLI is no longer justified](https://github.com/vuejs/vue-cli/issues/1205) & webpack 5 use [HardSourceWebpackPlugin](https://www.cnblogs.com/skychx/p/webpack-dllplugin.html) to optimize
-  - `happypack`'s maintainer sugguest users to use [thread-loader](https://github.com/webpack-contrib/thread-loader) instead
-  - `copy-webpack-plugin` has been used when dll is support, it will be removed when release new verison
-
-- dependencies will be removed in next release:
-
-  - `camelcase` removed because attachToEnv function has been removed
-
-  - `decamelize` removed because attachToEnv function has been removed
-
-## 5.0.0 
-
-本次版本升级了webpack至5.x版本，并对相关的plugins和loaders进行了对应的升级或替换，删除了一些不必要的依赖以减小包的体积，具体内容如下
-
-### 升级
-
- assets-webpack-plugin                 ^3.9.10  →    ^7.0.0     
- autoprefixer                           ^9.7.3  →   ^10.1.0     
- babel-loader                           ^8.0.6  →    ^8.2.2     
- camelcase                              ^5.3.1  →    ^6.2.0     
- case-sensitive-paths-webpack-plugin    ^2.2.0  →    ^2.3.0     
- clean-webpack-plugin                    1.0.0  →     3.0.0     
- commander                              ^4.1.0  →    ^6.2.1     
- compressing                            ^1.5.0  →    ^1.5.1     
- copy-webpack-plugin                    ^5.1.1  →    ^7.0.0     
- css-loader                             ^3.4.1  →    ^5.0.1     
- decamelize                             ^3.2.0  →    ^4.0.0     
- file-loader                            ^5.0.2  →    ^6.2.0     
- fork-ts-checker-webpack-plugin         ^3.1.1  →    ^6.0.7     
- html-webpack-plugin                    ^3.2.0  →    ^4.5.0     
- inquirer                               ^7.0.3  →    ^7.3.3     
- less                                  ^3.10.3  →   ^3.13.0     
- less-loader                            ^5.0.0  →    ^7.1.0     
- lodash                               ^4.17.15  →  ^4.17.20     
- mini-css-extract-plugin                ^0.9.0  →    ^1.3.3     
- mustache                               ^3.2.1  →    ^4.1.0     
- ora                                    ^4.0.3  →    ^5.1.0     
- postcss-loader                         ^3.0.0  →    ^4.1.0     
- react-dev-utils                        ^9.0.3  →   ^11.0.1     
- sass-loader                            ^8.0.0  →   ^10.1.0     
- shelljs                                ^0.8.3  →    ^0.8.4     
- style-loader                           ^1.1.2  →    ^2.0.0     
- ts-loader                              ^6.2.1  →   ^8.0.12     
- tsconfig-paths-webpack-plugin          ^3.2.0  →    ^3.3.0     
- typescript                             ^3.7.4  →    ^4.1.3     
- url-loader                             ^3.0.0  →    ^4.1.1     
- urllib                                ^2.34.2  →   ^2.36.1     
- vue-loader                            ^15.8.3  →   ^15.9.5     
- vue-template-compiler                 ^2.6.11  →   ^2.6.12     
- webpack                               ^4.41.5  →   ^4.44.2     
- webpack-bundle-analyzer                ^3.6.0  →    ^4.2.0     
- webpack-cli                           ^3.3.10  →    ^4.2.0     
- webpack-dev-server                    ^3.10.1  →   ^3.11.0     
- webpack-merge                          ^4.2.2  →    ^5.7.0   
-
-### 删除
-
-| 包名称  | 删除原因  |
-|---|---|
-| awesome-typescript-loader  |  无引用 |
-|  babel-plugin-import | 无引用  |
-|  friendly-errors-webpack-plugin |  无引用 |
-| moment  | deprecated,只有一处用到,改为Date方式实现  |
-|  request |  deprecated,改为其他方式实现 |
-| request-progress  | deprecated,改为其他方式实现  |
-|  request-promise | deprecated,改为其他方式实现  |
-
-### 替换
-
-| 包名称  | 替换  | 替换原因 |
-|---|---|---|
-|  optimize-css-assets-webpack-plugin |  css-minimizer-webpack-plugin | 官方建议 |
-|  node-sass  | sass  | 官方建议 |
-
-### 新增功能
-
-### dll相关配置修改，现在在dev和build阶段dll为默认不引入， 增添了--enable-dll相关可选项，可以通过该选项开启dll支持
-
-### html-webpack-plugin现在只支持生成单一html，后续考虑添加多出口文件
-
-#### lint支持，支持eslint和prettier结合来进行相应的代码格式化,
-
-#### microfrontends相关配置支持，可以通过-m, --micro相关可选项开启支持
-