ko 5.2.1 → 5.2.2

package/config/webpack/plugins.js

@@ -1,70 +0,0 @@
-const webpack = require('webpack');
-const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const FilterWarningsPlugin = require('webpack-filter-warnings-plugin');
-const SimpleProgressPlugin = require('webpack-simple-progress-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const HtmlWebpackTagsPlugin = require('html-webpack-tags-plugin');
-// const VueLoaderPlugin = require('vue-loader/lib/plugin'); //TODO: support vue loader when it adapted webpack 5
-const { appHtml, appTsConfig, appPkg } = require('../defaultPaths');
-const userConf = require('../../util/userConfig');
-const { PROD, DEV } = require('../../constants/env');
-
-const { name: appPkgName } = require(appPkg);
-
-function getPlugins() {
-  const { opts } = require('../../util/program');
-  const { env, ts } = opts;
-  // TODO: redefined plugins order
-  const userDefinedWebpackConf = userConf.webpack || {};
-  const userDefinedPlugins = userDefinedWebpackConf.plugins || [];
-  let plugins = [
-    new MiniCssExtractPlugin({
-      filename: 'css/[name].[hash:6].css',
-      chunkFilename: 'css/[id].[hash:6].css',
-    }),
-    new FilterWarningsPlugin({
-      exclude: /Conflicting order between:/,
-    }),
-    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
-    new SimpleProgressPlugin(),
-    new CaseSensitivePathsPlugin(),
-    new webpack.ProvidePlugin({
-      _: 'lodash',
-    }),
-    new HtmlWebpackPlugin({
-      template: appHtml,
-      filename: 'index.html',
-      title: appPkgName || 'Ko App',
-    }),
-    new HtmlWebpackTagsPlugin({
-      tags: [`config/conf.${process.env.NODE_ENV === DEV ? 'dev' : env}.js`],
-      append: false,
-    }),
-  ];
-  if (ts) {
-    const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
-    const typescriptPlugins = [
-      new ForkTsCheckerWebpackPlugin({
-        async: false,
-        typescript: {
-          configFile: appTsConfig,
-        },
-      }),
-    ];
-    plugins = plugins.concat(typescriptPlugins);
-  }
-  plugins = plugins.concat(userDefinedPlugins);
-  if (process.env.NODE_ENV === PROD) {
-    const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-    plugins.push(
-      new CleanWebpackPlugin({
-        verbose: false,
-        dry: false,
-      })
-    );
-  }
-  return plugins;
-}
-
-module.exports = getPlugins;

package/constants/default.js

@@ -1,7 +0,0 @@
-const PORT = 8080;
-const HOST = '127.0.0.1';
-
-module.exports = {
-  PORT,
-  HOST,
-};

package/constants/env.js

@@ -1,7 +0,0 @@
-const PROD = 'production';
-const DEV = 'development';
-
-module.exports = {
-  PROD,
-  DEV,
-};

package/jest.config.js

@@ -1,44 +0,0 @@
-/*
- * For a detailed explanation regarding each configuration property, visit:
- * https://jestjs.io/docs/configuration
- */
-
-module.exports = {
-  // Automatically clear mock calls and instances between every test
-  clearMocks: true,
-  // Indicates whether the coverage information should be collected while executing the test
-  collectCoverage: false,
-  // The directory where Jest should output its coverage files
-  coverageDirectory: 'coverage',
-  // An array of regexp pattern strings used to skip coverage collection
-  coveragePathIgnorePatterns: ['/node_modules/'],
-  // Indicates which provider should be used to instrument code for coverage
-  coverageProvider: 'babel',
-  // A path to a module which exports an async function that is triggered once before all test suites
-  // globalSetup: undefined,
-  // An array of directory names to be searched recursively up from the requiring module's location
-  moduleDirectories: ['node_modules'],
-  // An array of file extensions your modules use
-  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
-  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-  // moduleNameMapper: {},
-  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
-  // modulePathIgnorePatterns: [],
-
-  // The root directory that Jest should scan for tests and modules within
-  // rootDir: undefined,
-
-  // A list of paths to directories that Jest should use to search for files in
-  // roots: [
-  //   "<rootDir>"
-  // ],
-
-  // The glob patterns Jest uses to detect test files
-  testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[tj]s?(x)'],
-
-  // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  testPathIgnorePatterns: ['/node_modules/'],
-
-  // Indicates whether each individual test should be reported during the run
-  verbose: true,
-};

package/prettier.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  bracketSpacing: true,
-  singleQuote: true,
-  jsxBracketSameLine: true,
-  trailingComma: 'es5',
-  arrowParens: 'always',
-  printWidth: 80,
-};

package/script/build.js

@@ -1,23 +0,0 @@
-const webpack = require('webpack');
-const { getWebpackPro } = require('../config/webpack');
-
-function buildWebpackPro() {
-  const webpackProConf = getWebpackPro();
-  webpack(webpackProConf, (error, stats) => {
-    if (error || stats.hasErrors()) {
-      throw (
-        error ||
-        stats.toString({
-          colors: true,
-          chunks: false,
-          children: false,
-          modules: false,
-          chunkModules: false,
-        })
-      );
-    }
-    console.log('ko build completed!');
-  });
-}
-
-module.exports = buildWebpackPro;

package/script/create.js

@@ -1,31 +0,0 @@
-const inquirer = require('inquirer');
-const defaultData = require('../util/defaultData');
-const initComp = require('../util/createComp');
-const initPage = require('../util/createPage');
-async function inquirerAnswer(inquireType) {
-  const ret = inquirer.prompt([inquireType]);
-  return ret;
-}
-
-module.exports = async (program) => {
-  const choices = defaultData.createChoiceData;
-  const inquireType = {
-    type: 'list',
-    name: 'web',
-    choices,
-    message: 'choose you want to create',
-  };
-
-  const inquireRet = await inquirerAnswer(inquireType);
-  const questions =
-    inquireRet.web == 'page'
-      ? defaultData.createPageData
-      : defaultData.createComData;
-  inquirer.prompt(questions).then((answers) => {
-    const reg = /^\/.*/;
-    const path = reg.test(answers.path) ? '.' + answers.path : answers.path;
-    inquireRet.web == 'page'
-      ? initPage(answers.name, answers.path, answers.route, null, answers.ts)
-      : initComp(answers.name, path, answers.ts);
-  });
-};

package/script/dev.js

@@ -1,96 +0,0 @@
-const webpack = require('webpack');
-const WebpackDevServer = require('webpack-dev-server');
-const detect = require('detect-port');
-const inquirer = require('inquirer');
-const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
-const { DEV } = require('../constants/env');
-const { logWithColor } = require('../util/stdout');
-const { getWebpackDev, getDevServerConfig } = require('../config/webpack');
-
-async function checkPort(port) {
-  const newPort = await detect(port);
-  if (newPort === port) {
-    return newPort;
-  }
-  const isInteractive = process.stdout.isTTY;
-  if (isInteractive) {
-    return changePort(newPort, port);
-  }
-}
-
-async function changePort(newPort, port) {
-  const question = {
-    type: 'confirm',
-    name: 'changePort',
-    message: `port: ${port} has been used，use new port ${newPort} instead?`,
-    default: true,
-  };
-  const answer = await inquirer.prompt(question);
-  if (answer.changePort) {
-    return newPort;
-  } else {
-    return null;
-  }
-}
-
-function getUrlHost(host) {
-  const regex = /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*$/i;
-  return regex.test(host) ? host : `http://${host}`;
-}
-
-module.exports = async function () {
-  process.env.NODE_ENV = DEV;
-  const webpackDevServerConf = getDevServerConfig();
-  const webpackDevConf = getWebpackDev();
-  const { port, host } = webpackDevServerConf;
-  const newPort = await checkPort(parseInt(webpackDevServerConf.port));
-  if (!newPort) return;
-  WebpackDevServer.addDevServerEntrypoints(
-    webpackDevConf,
-    webpackDevServerConf
-  );
-  const compiler = webpack(webpackDevConf);
-  const devServer = new WebpackDevServer(compiler, webpackDevServerConf);
-  let isFirstCompile = true;
-
-  compiler.hooks.done.tap('done', (stats) => {
-    if (isFirstCompile) {
-      isFirstCompile = false;
-      logWithColor('cyan', 'development server has been started');
-      logWithColor('yellow', `server starts at:${getUrlHost(host)}:${port}`);
-    }
-    /**
-     * fixed react-dev-utils bug.
-     * ref: https://github.com/facebook/create-react-app/issues/9880
-     */
-    const rawMessages = stats.toJson({ moduleTrace: false }, true);
-    const messages = formatWebpackMessages({
-      errors: rawMessages.errors.map((e) => e.message),
-      warnings: rawMessages.warnings.map((e) => e.message),
-    });
-    const isSuccessful = !messages.errors.length && !messages.warnings.length;
-    if (isSuccessful) {
-      if (stats.stats) {
-        logWithColor('green', 'compiled successfully');
-      }
-    }
-    if (messages.errors.length) {
-      logWithColor('red', 'failed to compiled with errors:\n');
-      messages.errors.forEach((msg) => console.log(msg + '\n'));
-    } else if (messages.warnings.length) {
-      logWithColor('yellow', 'compiled with warnings:\n');
-      messages.warnings.forEach((msg) => console.log(msg + '\n'));
-    }
-  });
-
-  compiler.hooks.invalid.tap('invalid', () => {
-    console.log('Compiling...');
-  });
-
-  devServer.listen(port, host, (err) => {
-    if (err) {
-      console.error(err);
-      process.exit(500);
-    }
-  });
-};

package/script/init.js

@@ -1,129 +0,0 @@
-/*
- * @Description: 文件
- * @version: 1.0.0
- * @Company: 袋鼠云
- * @Author: Charles
- * @Date: 2019-01-07 17:06:53
- * @LastEditors: Charles
- * @LastEditTime: 2019-02-21 14:55:09
- */
-
-const colors = require('colors');
-const download = require('download-git-repo');
-const paths = require('path');
-const log = console.log;
-const ora = require('ora');
-const shell = require('shelljs');
-const inquirer = require('inquirer');
-const { existsSync } = require('../util/fileService');
-const { get } = require('../util/request');
-const { scaffoldConfUrl, userCacheRepoDir } = require('../config/defaultPaths');
-
-async function getKoScriptConf() {
-  return get({}, scaffoldConfUrl);
-}
-
-async function inquirerAnswer(inquireType) {
-  const ret = inquirer.prompt([inquireType]);
-  return ret;
-}
-
-/**
- * @description: 初始化脚手架
- * @param1: param
- * @param2: param
- * @return: ret
- * @Author: Charles
- * @Date: 2019-01-08 16:48:38
- */
-async function initScaffold(tempRepo) {
-  const curPath = process.cwd();
-  const inquireProject = {
-    type: 'input',
-    name: 'name',
-    message: 'please input the name of project',
-    default: 'ko-project',
-  };
-  const projectRet = await inquirerAnswer(inquireProject);
-  const dest = `${curPath}/${projectRet.name}`;
-  shell.rm('-rf', dest);
-  shell.mkdir('-p', dest);
-  const spinner = ora('generating project...');
-  spinner.start();
-  shell.cp('-rf', `${tempRepo}/*`, dest);
-  spinner.stop();
-  log(
-    [
-      `  - tip:   ${colors.yellow('scaffold init success')}`,
-
-      `  - tip:   ${colors.yellow(`The address of project is  ${dest}`)}`,
-    ].join('\n')
-  );
-}
-/**
- * @description:下载脚手架
- * @param1: param
- * @param2: param
- * @return: ret
- * @Author: Charles
- * @Date: 2019-01-08 16:49:19
- */
-function downScaffold(gitRepo, tempRepo) {
-  const spinner = ora('downloading scaffold...');
-  spinner.start();
-  download(gitRepo, tempRepo, { clone: false }, function (err) {
-    if (err) {
-      log(
-        [
-          `    - tip:   ${colors.yellow(
-            'scaffold Download failed ,please try it'
-          )}`,
-        ].join('\n')
-      );
-    } else {
-      spinner.succeed(colors.green('download scaffold successfully'));
-      initScaffold(tempRepo);
-    }
-  });
-}
-module.exports = async (program) => {
-  let ret = [];
-  try {
-    const res = await getKoScriptConf();
-    ret = res.data;
-  } catch (error) {
-    console.error(error);
-  }
-  const choices = ret.map((item) => {
-    return {
-      name: `${item.name} - ${item.description}`,
-      value: `${item.name}|${item.url}#ko-script`,
-    };
-  });
-  const inquireScaffold = {
-    type: 'list',
-    name: 'scaffold',
-    choices,
-    message: 'choose scaffold you want',
-  };
-  const scaffoldRet = await inquirerAnswer(inquireScaffold);
-  const scaffoldInfo = scaffoldRet.scaffold.split('|');
-  const gitRepo = scaffoldInfo[1];
-  const tempRepo = paths.join(userCacheRepoDir, scaffoldInfo[0]);
-  if (existsSync(tempRepo)) {
-    const inquireConfirm = {
-      type: 'confirm',
-      name: 'override',
-      message: 'The scaffold exists.Override?',
-    };
-    const confirmRet = await inquirerAnswer(inquireConfirm);
-    if (confirmRet.override) {
-      shell.rm('-rf', tempRepo);
-      downScaffold(gitRepo, tempRepo);
-    } else {
-      initScaffold(tempRepo);
-    }
-  } else {
-    downScaffold(gitRepo, tempRepo);
-  }
-};

package/script/install.js

@@ -1,91 +0,0 @@
-const path = require('path');
-const { realpathSync } = require('fs');
-const curDir = realpathSync(process.cwd());
-const urllib = require('urllib');
-const compressing = require('compressing');
-const userHome = require('user-home');
-const { existsSync, mkdir } = require('../util/fileService');
-const shell = require('shelljs');
-const colors = require('colors');
-const inquirer = require('inquirer');
-const log = console.log;
-
-async function inquirerAnswer(inquireType) {
-  const ret = inquirer.prompt([inquireType]);
-  return ret;
-}
-
-const downPackage = (url, name, basePath, customPath) => {
-  urllib
-    .request(url, { streaming: true, followRedirect: true })
-    .then((result) => compressing.tgz.uncompress(result.res, basePath))
-    .then(() => {
-      const sourceDir = `${basePath}/package/src`;
-      moveTargetDir(name, sourceDir, customPath);
-    })
-    .catch(console.error);
-};
-
-const moveTargetDir = async (name, sourceDir, customPath) => {
-  let targetDir = path.join(curDir, `src/components/${name}`);
-  if (customPath) {
-    targetDir = path.join(customPath, name);
-  }
-  const inquireProject = {
-    type: 'confirm',
-    name: 'name',
-    message: `Are you sure to create directory about ${targetDir}?`,
-  };
-  const projectRet = await inquirerAnswer(inquireProject);
-  if (projectRet.name) {
-    if (!existsSync(targetDir)) {
-      mkdir(targetDir);
-    }
-    console.log(sourceDir, targetDir);
-    shell.cp('-rf', `${sourceDir}` + '/*', targetDir);
-    log([`    - Tip:   ${colors.green('组件下载并安装成功')}`].join('\n'));
-  }
-};
-const getPackageInfo = async (url_package) => {
-  let result = {};
-  await urllib
-    .request(url_package, { dataType: 'json' })
-    .then((ret) => {
-      result = ret.data;
-    })
-    .catch(function (err) {
-      console.error(err);
-    });
-  return result;
-};
-module.exports = async (program) => {
-  const basePath = path.join(userHome, '.kangaroo/component');
-  if (!existsSync(basePath)) {
-    mkdir(basePath);
-  }
-  let [name, relativePath] = program.args;
-  if (!name) {
-    name = program.name;
-  }
-  if (!name) {
-    log(
-      [`    - Tip:   ${colors.red('请输入组件名称或通过-n指定组件名称')}`].join(
-        '\n'
-      )
-    );
-    return;
-  }
-  if (program.path) {
-    relativePath = program.path;
-  }
-  // 获取包信息地址
-  const registry = 'http://registry.npm.taobao.org';
-  const url_package = `${registry}/${name}`;
-  const package_info = await getPackageInfo(url_package);
-  // 下去下载压缩包地址
-  const fileName = `${name}-${package_info['dist-tags'].latest}.tgz`;
-  const url_tgz = `${registry}/${name}/download/${fileName}`;
-  const customPath = relativePath ? path.resolve(basePath, relativePath) : null;
-  // console.log(url_tgz,name,basePath,customPath);
-  downPackage(url_tgz, name, basePath, customPath);
-};

package/script/lint.js

@@ -1,24 +0,0 @@
-const { exec } = require('child_process');
-const { logWithColor } = require('../util/stdout');
-const { prettierCmd, eslintCmd } = require('../config/lint');
-
-module.exports = function lint() {
-  exec(prettierCmd, (error, stdout) => {
-    if (error) {
-      logWithColor('red', 'prettier failed:' + error);
-      process.stdout.write(stdout);
-      process.exit(1);
-    } else {
-      exec(eslintCmd, (ex, stdout) => {
-        if (ex) {
-          logWithColor('red', 'eslint failed:');
-          process.stdout.write(stdout);
-          process.exit(1);
-        } else {
-          logWithColor('green', 'code has been linted successfully!');
-          process.exit(0);
-        }
-      });
-    }
-  });
-};

package/script/move.js

@@ -1,38 +0,0 @@
-const { existsSync } = require('../util/fileService');
-const { appDist, appGhPage } = require('../config/defaultPaths');
-const colors = require('colors');
-const shell = require('shelljs');
-const getUserConf = require('../config/getUserConf');
-
-function isExistDir(params) {
-  const { keys } = Object;
-  for (const key of keys(params)) {
-    if (!existsSync(params[key])) {
-      shell.mkdir('-p', params[key]);
-      console.log(
-        [
-          `    - Local:   ${colors.green('创建' + params[key] + '目录完成')}`,
-        ].join('\n')
-      );
-    }
-  }
-}
-module.exports = () => {
-  try {
-    const userConfig = getUserConf();
-    const oldConf = {
-      from: appDist,
-      to: appGhPage,
-    };
-    const { move = {} } = userConfig;
-
-    const newMove = { ...oldConf, ...move };
-    isExistDir(newMove);
-    shell.cp('-rf', newMove.from + '/*', newMove.to);
-    console.log([`    - Tip:   ${colors.green('目录移动完成')}`].join('\n'));
-  } catch (err) {
-    console.log(
-      [`    - Tip:   ${colors.red('目录移动失败')} ${err}`].join('\n')
-    );
-  }
-};

package/script/preview.js

@@ -1,22 +0,0 @@
-const server = require('pushstate-server');
-const paths = require('../config/defaultPaths');
-const colors = require('colors');
-module.exports = (program) => {
-  const directory = program.dist
-    ? paths.resolveApp(program.dist)
-    : paths.appDist;
-
-  const port = program.port || 1234;
-  const host = program.ip || '127.0.0.1';
-  server.start({
-    port,
-    host,
-    directory,
-  });
-  console.log(
-    [
-      `\n    - directory:   ${colors.yellow(directory)}`,
-      `    - Local:   ${colors.yellow('http://' + host + ':' + port)}`,
-    ].join('\n')
-  );
-};