npm - ko - Versions diffs - 5.2.1 → 5.2.2 - Mend

ko 5.2.1 → 5.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/README.md +2 -128
package/lib/actions/build.js +74 -0
package/lib/actions/creator.js +42 -0
package/lib/actions/dev.js +110 -0
package/lib/cli.js +41 -0
package/lib/interfaces.js +2 -0
package/lib/utils/config.js +42 -0
package/lib/utils/config.test.js +30 -0
package/lib/webpack/index.js +55 -0
package/lib/webpack/loaders/asset.js +19 -0
package/lib/webpack/loaders/index.js +12 -0
package/lib/webpack/loaders/script.js +59 -0
package/lib/webpack/loaders/style.js +72 -0
package/lib/webpack/plugins.js +61 -0
package/package.json +43 -85
package/{preinstall.js → scripts/preinstall.js} +6 -5
package/.eslintignore +0 -3
package/.eslintrc.js +0 -96
package/.github/workflows/auto-publish.yml +0 -32
package/.github/workflows/ci.yml +0 -67
package/.husky/pre-commit +0 -4
package/.prettierignore +0 -5
package/CHANGELOG.md +0 -115
package/bin/ko-build.js +0 -30
package/bin/ko-create.js +0 -14
package/bin/ko-dev.js +0 -31
package/bin/ko-init.js +0 -14
package/bin/ko-install.js +0 -27
package/bin/ko-lint.js +0 -18
package/bin/ko-move.js +0 -14
package/bin/ko-preview.js +0 -27
package/bin/ko-swagger.js +0 -41
package/bin/ko.js +0 -29
package/commitlint.config.js +0 -7
package/config/defaultPaths.js +0 -26
package/config/lint/getEslintConf.js +0 -23
package/config/lint/getPrettierConf.js +0 -14
package/config/lint/index.js +0 -14
package/config/webpack/base.js +0 -77
package/config/webpack/devServer.js +0 -39
package/config/webpack/index.js +0 -63
package/config/webpack/loaders.js +0 -142
package/config/webpack/plugins.js +0 -70
package/constants/default.js +0 -7
package/constants/env.js +0 -7
package/jest.config.js +0 -44
package/prettier.config.js +0 -8
package/script/build.js +0 -23
package/script/create.js +0 -31
package/script/dev.js +0 -96
package/script/init.js +0 -129
package/script/install.js +0 -91
package/script/lint.js +0 -24
package/script/move.js +0 -38
package/script/preview.js +0 -22
package/script/swagger.js +0 -239
package/template/index.html +0 -0
package/template/pageTemplate.mustache +0 -21
package/template/pageTemplateTS.mustache +0 -29
package/template/restful.hbs +0 -14
package/template/restfulTemplate.mustache +0 -12
package/template/routerConfTemplate.mustache +0 -15
package/template/styleTemplate.mustache +0 -3
package/template/tsconfig.json +0 -22
package/util/__tests__/file.test.js +0 -16
package/util/__tests__/fileService.test.js +0 -101
package/util/__tests__/index.test.js +0 -51
package/util/__tests__/userConfig.test.js +0 -83
package/util/__tests__/verifyHtml.test.js +0 -81
package/util/createComp.js +0 -71
package/util/createPage.js +0 -141
package/util/defaultData.js +0 -64
package/util/file.js +0 -9
package/util/fileService.js +0 -55
package/util/index.js +0 -25
package/util/prepareUrl.js +0 -69
package/util/program.js +0 -20
package/util/request.js +0 -18
package/util/stdout.js +0 -36
package/util/userConfig.js +0 -40
package/util/verifyHtml.js +0 -63

package/util/__tests__/verifyHtml.test.js DELETED Viewed

@@ -1,81 +0,0 @@
-const { appPublic } = require('../../config/defaultPaths');
-const verifyHtml = require('../verifyHtml');
-const path = require('path');
-const fs = require('fs');
-const txt = `<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>page</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <%= htmlWebpackPlugin.options.assets.config %>
-</head>
-<body>
-<div id='root'></div><div class="dll">
-<%= htmlWebpackPlugin.options.assets.scripts %>
-  </div>
-</body>
-</html>
-`;
-const workspace = process.cwd();
-const filename = 'index.html';
-const completePath = path.resolve(appPublic, filename);
-const errorTestingFileNotPrepared = new Error(
-  'testing file is not prepared...'
-);
-const regConfig = /<%= htmlWebpackPlugin.options.assets.config %>/g;
-const regScripts = /<%= htmlWebpackPlugin.options.assets.scripts %>/g;
-describe('verify html:', () => {
-  it('whithout directory:', () => {
-    expect(appPublic).toBe(path.resolve(workspace, 'public'));
-    verifyHtml(completePath);
-    expect(fs.existsSync(appPublic)).toBe(true);
-    expect(fs.existsSync(completePath)).toBe(true);
-    const content = fs.readFileSync(completePath).toString();
-    expect(content.replace(/\s/g, '')).toBe(txt.replace(/\s/g, ''));
-  });
-  it('with directory:', () => {
-    expect(appPublic).toBe(path.resolve(workspace, 'public'));
-    fs.mkdirSync(path.resolve(workspace, 'public'));
-    if (!fs.existsSync(appPublic)) throw errorTestingFileNotPrepared;
-    verifyHtml(completePath);
-    expect(fs.existsSync(appPublic)).toBe(true);
-    expect(fs.existsSync(completePath)).toBe(true);
-    const content = fs.readFileSync(completePath).toString();
-    expect(content.replace(/\s/g, '')).toBe(txt.replace(/\s/g, ''));
-  });
-  it('without scripts:', () => {
-    const filterText = txt.replace(regScripts, '');
-    expect(filterText).not.toMatch(regScripts);
-    fs.mkdirSync(appPublic);
-    fs.writeFileSync(completePath, filterText);
-    if (!fs.existsSync(completePath)) throw errorTestingFileNotPrepared;
-    verifyHtml(completePath);
-    const content = fs.readFileSync(completePath).toString();
-    expect(content).toMatch(regConfig);
-  });
-  it('without config:', () => {
-    const filterText = txt.replace(regConfig, '');
-    expect(filterText).not.toMatch(regConfig);
-    fs.mkdirSync(appPublic);
-    fs.writeFileSync(completePath, filterText);
-    if (!fs.existsSync(completePath)) throw errorTestingFileNotPrepared;
-    verifyHtml(completePath);
-    const content = fs.readFileSync(completePath).toString();
-    expect(content).toMatch(regScripts);
-  });
-  afterEach(() => {
-    if (fs.existsSync(completePath))
-      fs.rmdirSync(appPublic, {
-        recursive: true,
-      });
-  });
-});

package/util/createComp.js DELETED Viewed

@@ -1,71 +0,0 @@
-const PAGE_TEMPLATE_PATH = '../template/pageTemplate.mustache';
-const PAGE_TS_TEMPLATE_PATH = '../template/pageTemplateTS.mustache';
-const STYLE_TEMPLATE_PATH = '../template/styleTemplate.mustache';
-const INDEX_TS_N = 'index.tsx';
-const INDEX_N = 'index.js';
-const STYLE_N = 'style.scss';
-const Colors = require('colors');
-const Log = console.log;
-const fs = require('fs');
-const Mustache = require('mustache');
-const Path = require('path');
-const { existsSync, mkdir } = require('./fileService');
-function toLine(str) {
-  // 大驼峰转连字符 loginIn -> login-in
-  let temp = str.replace(/[A-Z]/g, function (match) {
-    return '-' + match.toLowerCase();
-  });
-  if (temp.slice(0, 1) === '-') {
-    temp = temp.slice(1);
-  }
-  return temp;
-}
-function toCamel(str) {
-  // 大驼峰转小驼峰 首字母转为小写
-  return str[0].toLowerCase() + str.substring(1);
-}
-function writerFile(filePath, renderString) {
-  fs.writeFile(filePath, renderString, function (err) {
-    if (err) Log(Colors.red('生成操作失败'));
-    else Log(Colors.green(`生成操作成功,生成目录: ${filePath} `));
-  });
-}
-/* 渲染获取字符串 */
-function renderMustache(path, data) {
-  const temp = fs.readFileSync(require.resolve(path), 'utf-8').toString();
-  const renderString = Mustache.render(temp, data);
-  return renderString;
-}
-module.exports = (compName, compPath, isTs) => {
-  const folderName = toCamel(compName); // 文件夹名称
-  const className = toLine(compName); // 类名
-  const folderPath = `${compPath}/${folderName}`;
-  const folderExist = existsSync(folderPath); // 文件夹是否存在
-  if (folderExist) {
-    Log(Colors.red(`指定路径下组件已存在，请重新输入组件名`));
-  } else {
-    mkdir(folderPath);
-    const indexContent = renderMustache(
-      isTs == 'y' ? PAGE_TS_TEMPLATE_PATH : PAGE_TEMPLATE_PATH,
-      {
-        name: compName,
-        className,
-      }
-    );
-    const styleContent = renderMustache(STYLE_TEMPLATE_PATH, {
-      className,
-    });
-    writerFile(
-      Path.join(folderPath, isTs == 'y' ? INDEX_TS_N : INDEX_N),
-      indexContent
-    );
-    writerFile(Path.join(folderPath, STYLE_N), styleContent);
-  }
-};

package/util/createPage.js DELETED Viewed

@@ -1,141 +0,0 @@
-const PAGE_TEMPLATE_PATH = '../template/pageTemplate.mustache';
-const STYLE_TEMPLATE_PATH = '../template/styleTemplate.mustache';
-const ROUTERTC_TEMPLATE_PATH = '../template/routerConfTemplate.mustache';
-const INDEX_N = 'index.js';
-const STYLE_N = 'style.scss';
-const ROUTERTC_N = 'routerConf.js';
-const ROUTERTC_N_TS = 'routerConf.tsx';
-const INDEX_TS_N = 'index.tsx';
-const PAGE_TS_TEMPLATE_PATH = '../template/pageTemplateTS.mustache';
-const Colors = require('colors');
-const Log = console.log;
-const fs = require('fs');
-const Mustache = require('mustache');
-const Path = require('path');
-const _ = require('lodash');
-const { resolveApp } = require('../config/defaultPaths');
-const { existsSync, mkdir, readFileSync } = require('./fileService');
-function toLine(str) {
-  // 大驼峰转连字符 loginIn -> login-in
-  let temp = str.replace(/[A-Z]/g, function (match) {
-    return '-' + match.toLowerCase();
-  });
-  if (temp.slice(0, 1) === '-') {
-    temp = temp.slice(1);
-  }
-  return temp;
-}
-function toCamel(str) {
-  // 大驼峰转小驼峰 首字母转为小写
-  return str[0].toLowerCase() + str.substring(1);
-}
-function writerFile(filePath, renderString) {
-  // 生成指定文件并填入内容
-  fs.writeFile(filePath, renderString, function (err) {
-    if (err) Log(Colors.red('生成操作失败'));
-    else Log(Colors.green(`生成操作成功,生成目录: ${filePath} `));
-  });
-}
-function renderMustache(path, data) {
-  // 渲染获取字符串
-  const temp = fs.readFileSync(require.resolve(path), 'utf-8').toString();
-  const renderString = Mustache.render(temp, data);
-  return renderString;
-}
-function parseString(str) {
-  // 解析文件内已有字符串
-  const tempArr = str.trim().split('const routerConf = [');
-  const importedPks = tempArr[0].split('\n');
-  const importPackages = importedPks.filter((str) => {
-    return str != '';
-  });
-  //   let initReg=/{(\n*.*)+}/g;
-  //   let initStr=tempArr[1].match(initReg)[0];
-  const index = tempArr[1].indexOf('];');
-  const initStr = tempArr[1].substring(0, index + 1);
-  return {
-    initStr,
-    importPackages,
-  };
-}
-function mergeRouterCData(path, newData) {
-  // 合并新旧数据
-  const fileData = null;
-  if (existsSync(path)) {
-    let fileContent = readFileSync(path);
-    console.time('test');
-    fileContent = parseString(fileContent);
-    console.timeEnd('test');
-    newData.initRoutConf = fileContent.initStr; // importPackages: importedPks,
-    const importPackages = [
-      ...fileContent.importPackages,
-      ...newData.importPackages,
-    ];
-    console.log(importPackages, 'importPackages');
-    return {
-      importPackages,
-      ...newData,
-    };
-  }
-}
-module.exports = (compName, compPath, url, layoutName, isTs) => {
-  const folderName = toCamel(compName); // 文件夹名称
-  const className = toLine(compName); // 类名
-  const folderPath = `${resolveApp(compPath)}/${folderName}`;
-  const folderExist = existsSync(folderPath); // 文件夹是否存在
-  const importPackages = [`import ${compName} from 'pages/${folderName}';`];
-  if (folderExist) {
-    Log(Colors.red(`指定路径下页面已存在，请重新输入页面名`));
-  } else {
-    // 生成文件
-    mkdir(folderPath);
-    const indexContent = renderMustache(
-      isTs == 'y' ? PAGE_TS_TEMPLATE_PATH : PAGE_TEMPLATE_PATH,
-      {
-        name: compName,
-        className,
-      }
-    );
-    console.log(indexContent, 'indexContent');
-    const styleContent = renderMustache(STYLE_TEMPLATE_PATH, {
-      className,
-    });
-    writerFile(
-      Path.join(folderPath, isTs == 'y' ? INDEX_TS_N : INDEX_N),
-      indexContent
-    );
-    writerFile(Path.join(folderPath, STYLE_N), styleContent);
-    // 配置路由
-    const newConf = {
-      importPackages,
-      initRoutConf: '',
-      linkPath: url == '' ? `/${className}` : url,
-      layoutName,
-      compName,
-    };
-    const routerCPath = resolveApp(
-      isTs == 'y' ? `src/router/${ROUTERTC_N_TS}` : `src/router/${ROUTERTC_N}`
-    );
-    const allRouterConf = mergeRouterCData(routerCPath, newConf);
-    console.log(allRouterConf, 'allRouterConf');
-    const routerConfContent = renderMustache(
-      ROUTERTC_TEMPLATE_PATH,
-      allRouterConf
-    );
-    console.log(routerConfContent, 'routerConfContent');
-    writerFile(routerCPath, routerConfContent);
-  }
-};

package/util/defaultData.js DELETED Viewed

@@ -1,64 +0,0 @@
-module.exports = {
-  createChoiceData: [
-    {
-      name: 'component-创建基于react组件的目录',
-      value: 'component',
-    },
-    {
-      name: 'page-创建基于react页面的目录',
-      value: 'page',
-    },
-  ],
-  createComData: [
-    {
-      type: 'Input',
-      name: 'name',
-      message: '请输入组件名(以大驼峰法命名，如：HelloTable)',
-      default: 'HelloTable',
-    },
-    {
-      type: 'Input',
-      name: 'ts',
-      message: '是否使用TS？(y/n)',
-      default: 'y',
-    },
-    {
-      type: 'Input',
-      name: 'path',
-      message: '请输入生成目录(当前项目为根目录,默认为src/components/)',
-      default: 'src/components/',
-    },
-  ],
-  createPageData: [
-    {
-      type: 'Input',
-      name: 'name',
-      message: '请输入页面名称名(以小驼峰法命名，如：UserLogin)',
-      default: 'UserLogin',
-    },
-    {
-      type: 'Input',
-      name: 'ts',
-      message: '是否使用typescript？(y/n)',
-      default: 'y',
-    },
-    {
-      type: 'Input',
-      name: 'path',
-      message: '请输入生成目录(当前项目为根目录,默认为src/pages/)',
-      default: 'src/pages/',
-    },
-    {
-      type: 'Input',
-      name: 'route',
-      message: '请输入访问路径(默认为当前项目名称，如：/user-login)',
-      default: '/user-login',
-    },
-    // {
-    //     type: 'Input',
-    //     name: 'layout',
-    //     message: '请输入布局组件名(默认为：null)',
-    //     default: 'null'
-    // }
-  ],
-};

package/util/file.js DELETED Viewed

@@ -1,9 +0,0 @@
-const { resolve } = require('path');
-function getFileRealPath(path) {
-  return resolve(process.cwd(), path);
-}
-module.exports = {
-  getFileRealPath,
-};

package/util/fileService.js DELETED Viewed

@@ -1,55 +0,0 @@
-/*
- * @Description: 文件
- * @version: 1.0.0
- * @Company: 袋鼠云
- * @Author: Charles
- * @Date: 2018-12-19 11:34:43
- * @LastEditors: Charles
- * @LastEditTime: 2019-07-10 11:58:27
- */
-const fs = require('fs');
-const colors = require('colors');
-const { appDirectory } = require('../config/defaultPaths');
-const { resolve, isAbsolute } = require('path');
-/**
- * @description: 文件操作相关
- * @param1: param
- * @param2: param
- * @return: ret
- * @Author: Charles
- * @Date: 2018-12-26 11:30:16
- */
-module.exports = {
-  createFileSync: function (filePath, txt) {
-    fs.writeFileSync(filePath, txt, function (err) {
-      if (err) {
-        console.log(colors.grey(err));
-      }
-    });
-  },
-  createWriteStream: function (filePath) {
-    const stream = fs.createWriteStream(filePath);
-    return stream;
-  },
-  readFileSync: function (filePath) {
-    const txt = fs.readFileSync(filePath, 'utf8');
-    return txt;
-  },
-  existsSync: function (filePath) {
-    return fs.existsSync(filePath);
-  },
-  mkdir: function (path) {
-    // 严格模式下不支持使用0开头声明八进制数
-    fs.mkdirSync(path, 0o777);
-  },
-  getCurFilePath: function (relativePath) {
-    const curDirPath = process.cwd();
-    return resolve(curDirPath, relativePath);
-  },
-  isAbsolute: function (curPath) {
-    if (isAbsolute(curPath)) {
-      return curPath;
-    }
-    return resolve(appDirectory, curPath);
-  },
-};

package/util/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-const { realpathSync } = require('fs');
-const { resolve } = require('path');
-module.exports = {
-  getCurDirPath: function (cwd) {
-    return realpathSync(cwd);
-  },
-  getCurFilePath: function (relativePath) {
-    const curDirPath = process.cwd();
-    return resolve(curDirPath, relativePath);
-  },
-  formatBundle: function (data, s) {
-    const obj = {};
-    const entryLen = Math.ceil(data.length / s) + 1;
-    for (let i = 1; i < entryLen; i++) {
-      obj[`vendor_${i}`] = data.slice((i - 1) * s, i * s);
-    }
-    return obj;
-  },
-  getUserServer: function (data) {
-    return data;
-  },
-  getUserWebpack: function (data) {
-    return data;
-  },
-};

package/util/prepareUrl.js DELETED Viewed

@@ -1,69 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file at
- * https://github.com/facebookincubator/create-react-app/blob/master/LICENSE
- */
-const url = require('url');
-const colors = require('colors');
-const address = require('address');
-module.exports = function prepareUrls(protocol, host, port, pathname = '/') {
-  const formatUrl = (hostname) =>
-    url.format({
-      protocol,
-      hostname,
-      port,
-      pathname,
-    });
-  const prettyPrintUrl = (hostname) =>
-    url.format({
-      protocol,
-      hostname,
-      port: colors.bold(port),
-      pathname,
-    });
-  const isUnspecifiedHost =
-    host === '127.0.0.1' || host === '0.0.0.0' || host === '::';
-  let prettyHost;
-  let lanUrlForConfig;
-  let lanUrlForTerminal;
-  let lanUrlForBrowser;
-  if (isUnspecifiedHost) {
-    prettyHost = 'localhost';
-    try {
-      // This can only return an IPv4 address
-      lanUrlForConfig = address.ip();
-      if (lanUrlForConfig) {
-        if (
-          /^10[.]|^30[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/.test(
-            lanUrlForConfig
-          )
-        ) {
-          // Address is private, format it for later use
-          lanUrlForTerminal = prettyPrintUrl(lanUrlForConfig);
-          lanUrlForBrowser = formatUrl(lanUrlForConfig);
-        } else {
-          // Address is not private, so we will discard it
-          lanUrlForConfig = undefined;
-        }
-      }
-    } catch (_e) {
-      // ignored
-    }
-  } else {
-    prettyHost = host;
-  }
-  const localUrlForTerminal = prettyPrintUrl(prettyHost);
-  const localUrlForBrowser = formatUrl(prettyHost);
-  return {
-    lanUrlForConfig,
-    lanUrlForTerminal,
-    lanUrlForBrowser,
-    localUrlForTerminal,
-    localUrlForBrowser,
-  };
-};

package/util/program.js DELETED Viewed

@@ -1,20 +0,0 @@
-const { Command } = require('commander');
-const program = new Command();
-const opts = {};
-/**
- * attach program.opts() to process.env object
- * NOTICE:
- * Multi-word options such as "--template-engine" are camel-cased, becoming program.opts().templateEngine etc
- */
-function attachOptions(program) {
-  const options = program.opts();
-  Object.assign(opts, options);
-}
-module.exports = {
-  program,
-  opts,
-  attachOptions,
-};

package/util/request.js DELETED Viewed

@@ -1,18 +0,0 @@
-const urllib = require('urllib');
-module.exports = {
-  get: (data, url) => {
-    return urllib.request(url, {
-      method: 'GET',
-      dataType: 'json',
-      data,
-    });
-  },
-  post: (data, url) => {
-    return urllib.request(url, {
-      method: 'POST',
-      dataType: 'json',
-      data,
-    });
-  },
-};

package/util/stdout.js DELETED Viewed

@@ -1,36 +0,0 @@
-const colors = require('colors');
-const ora = require('ora');
-function inProcess(conf) {
-  const {
-    initStr = 'process start',
-    spinStr = 'in process',
-    spinColor = 'yellow',
-    process,
-  } = conf;
-  if (!process) throw new TypeError('argument process must been defined!');
-  const spinner = ora(initStr).start();
-  setTimeout(() => {
-    spinner.text = spinStr;
-    spinner.color = spinColor;
-  }, 100);
-  process();
-  spinner.stop();
-}
-function logWithColor(color, text) {
-  try {
-    if (color) {
-      console.log(colors[color](text));
-    } else {
-      console.log(text);
-    }
-  } catch (ex) {
-    console.error(ex);
-  }
-}
-module.exports = {
-  inProcess,
-  logWithColor,
-};

package/util/userConfig.js DELETED Viewed

@@ -1,40 +0,0 @@
-const { existsSync } = require('fs');
-const { resolve } = require('path');
-const webpack = require('webpack');
-const userConfFileName = 'ko.config.js';
-const emptyObject = {};
-const emptyString = '';
-/**
- * @returns {
- *  webpack: webpack user-defined configs
- *  babel: babel user-defined configs, Object
- *  prettier: prettier user-defined configs
- *  eslint: eslint user-defined configs
- * }
- */
-function getUserConf() {
-  const userConfFile = resolve(process.cwd(), userConfFileName);
-  if (existsSync(userConfFile)) {
-    const userConf =
-      require(userConfFile)({ webpack, env: process.env.NODE_ENV }) || {};
-    return {
-      webpack: userConf.webpack || emptyObject,
-      babel: userConf.babel || emptyObject,
-      prettier: userConf.prettier || emptyString,
-      eslint: userConf.eslint || emptyString,
-    };
-  }
-  return {
-    webpack: emptyObject,
-    babel: emptyObject,
-    prettier: emptyString,
-    eslint: emptyString,
-  };
-}
-const userConf = getUserConf();
-module.exports = userConf;