zmp-cli 3.15.6 → 3.15.8

package/create/utils/dist/get-options.dev.js

@@ -1,277 +0,0 @@
-"use strict";
-
-/* eslint no-param-reassign: ["off"] */
-var inquirer = require('inquirer');
-
-var chalk = require('chalk');
-
-var moreOptionsText = chalk.italic("\t- Including Tailwind CSS\n\t- Including Recoil (React only)");
-var questions = [{
-  type: 'list',
-  name: 'newProject',
-  message: 'What action you want to do?',
-  choices: [{
-    name: 'Create a new ZMP project',
-    value: true
-  }, {
-    name: 'Using ZMP to deploy only',
-    value: false
-  }]
-}, {
-  type: 'input',
-  name: 'name',
-  message: 'App (project) name:',
-  "default": 'My App',
-  validate: function validate(input) {
-    return new Promise(function (resolve, reject) {
-      if (!input) reject(new Error('App name is required'));else resolve(true);
-    });
-  }
-}, {
-  type: 'list',
-  name: 'package',
-  when: function when(opts) {
-    return opts.newProject;
-  },
-  message: 'Choose an UI library / UI framework:',
-  choices: [{
-    name: 'zmp-ui',
-    value: 'zmp-ui'
-  }]
-}, // Framework
-{
-  type: 'list',
-  name: 'framework',
-  when: function when(opts) {
-    return opts["package"] == 'zmp-framework';
-  },
-  message: 'What type of framework do you prefer?',
-  choices: [{
-    name: 'ZMP with React',
-    value: 'react'
-  }, {
-    name: 'ZMP with React (TypeScript)',
-    value: 'react-typescript'
-  }, {
-    name: 'ZMP with Vue.js',
-    value: 'vue'
-  }, {
-    name: 'ZMP Core',
-    value: 'core',
-    disabled: true
-  }]
-}, {
-  type: 'list',
-  name: 'language',
-  when: function when(opts) {
-    return opts["package"] == 'zmp-ui';
-  },
-  message: 'What language do you prefer?',
-  choices: [{
-    name: 'ReactJS',
-    value: 'react'
-  }]
-}, {
-  type: 'list',
-  name: 'useUIKits',
-  when: function when(opts) {
-    return opts["package"] === 'zmp-framework' && opts.framework !== 'vue';
-  },
-  message: 'Do you want to use Zalo UI kits style?',
-  "default": true,
-  choices: [{
-    name: 'Yes, i want to use UI kits style',
-    value: true
-  }, {
-    name: 'No, i want to use only styles with minimal required set of components',
-    value: false
-  }]
-}, // Template
-{
-  type: 'list',
-  name: 'template',
-  when: function when(opts) {
-    return opts.newProject && opts["package"] === 'zmp-framework' && opts.useUIKits && opts.framework !== 'vue';
-  },
-  message: 'Choose starter template:',
-  choices: [{
-    name: 'Blank',
-    value: 'blank'
-  }, {
-    name: 'Single View',
-    value: 'single-view'
-  }, {
-    name: 'Tabs Layout',
-    value: 'tabs'
-  }]
-}, // Template
-{
-  type: 'list',
-  name: 'template',
-  when: function when(opts) {
-    return opts.newProject && opts["package"] === 'zmp-framework' && !opts.useUIKits && opts.framework !== 'vue';
-  },
-  message: 'Choose starter template:',
-  choices: [{
-    name: 'Blank',
-    value: 'blank'
-  }]
-}, {
-  type: 'list',
-  name: 'cssPreProcessor',
-  when: function when(opts) {
-    return opts.newProject;
-  },
-  message: 'Do you want to setup CSS Pre-Processor',
-  "default": false,
-  choices: [{
-    name: 'No, i am good with CSS',
-    value: false
-  }, {
-    name: 'Less',
-    value: 'less'
-  }, {
-    name: 'SCSS (SASS)',
-    value: 'scss'
-  }, {
-    name: 'Stylus',
-    value: 'stylus'
-  }]
-}, // Template
-{
-  type: 'list',
-  name: 'template',
-  when: function when(opts) {
-    return opts["package"] === 'zmp-ui';
-  },
-  message: 'Choose starter template:',
-  choices: [{
-    name: 'Blank',
-    value: 'blank'
-  }, {
-    name: 'Single View',
-    value: 'single-view'
-  }]
-}, // Color
-{
-  type: 'list',
-  name: 'themingCustomColor',
-  when: function when(opts) {
-    return opts.newProject && opts["package"] !== 'zmp-ui';
-  },
-  message: 'Do you want to specify custom theme color?',
-  choices: [{
-    name: 'No, use default color theme',
-    value: false
-  }, {
-    name: 'Yes, i want to specify my brand color',
-    value: true
-  }]
-}, {
-  type: 'input',
-  name: 'themingColor',
-  message: 'Enter custom theme color in HEX format (e.g. ff0000)',
-  when: function when(opts) {
-    return opts.themingCustomColor === true;
-  },
-  validate: function validate(input) {
-    return new Promise(function (resolve, reject) {
-      var num = input.replace(/#/g, '');
-      if (num.length === 3 || num.length === 6) resolve(true);else reject(new Error("It doesn't look like a correct HEX number"));
-    });
-  },
-  filter: function filter(input) {
-    return input.replace(/#/g, '');
-  }
-}, {
-  type: 'list',
-  name: 'themingIconFonts',
-  when: function when(opts) {
-    return opts.newProject && opts["package"] !== 'zmp-ui';
-  },
-  message: 'Do you want to include ZMP Icons and Material Icons icon fonts?',
-  "default": true,
-  choices: [{
-    name: 'Yes, include icon fonts',
-    value: true
-  }, {
-    name: 'No, i want to use my own custom icons',
-    value: false
-  }]
-}, {
-  type: 'list',
-  name: 'moreOptions',
-  when: function when(opts) {
-    return opts.newProject;
-  },
-  message: "More Options?\n".concat(moreOptionsText),
-  "default": false,
-  choices: [{
-    name: 'No, I want to complete initializing process now',
-    value: false
-  }, {
-    name: 'Yes, I want to get more options',
-    value: true
-  }]
-}, {
-  type: 'list',
-  name: 'includeTailwind',
-  when: function when(opts) {
-    return opts.moreOptions;
-  },
-  message: 'Do you want to include Tailwind CSS?',
-  "default": true,
-  choices: [{
-    name: 'Yes, I want to iclude Tailwind CSS',
-    value: true
-  }, {
-    name: 'No',
-    value: false
-  }]
-}, {
-  type: 'list',
-  name: 'stateManagement',
-  when: function when(opts) {
-    return opts.moreOptions && (opts.framework === 'react' || opts.framework === 'react-typescript');
-  },
-  message: 'Which state management library would you like to use?',
-  "default": 'store',
-  choices: [{
-    name: 'ZMP Store (Redux pattern)',
-    value: 'store'
-  }, {
-    name: 'Recoil',
-    value: 'recoil'
-  }]
-}];
-
-module.exports = function getOptions() {
-  var listQuestion = questions;
-  return inquirer.prompt(listQuestion).then(function (options) {
-    options.theming = {
-      customColor: options.themingCustomColor,
-      color: options.themingCustomColor && options.themingColor ? "#".concat(options.themingColor) : '#007aff',
-      darkTheme: false,
-      iconFonts: options.themingIconFonts,
-      fillBars: false,
-      useUiKits: options.useUIKits
-    };
-    options.customBuild = false;
-    options.includeTailwind = options.moreOptions && options.includeTailwind;
-
-    if (!options.stateManagement) {
-      options.stateManagement = 'store';
-    }
-
-    if (options["package"] === 'zmp-ui') {
-      options.stateManagement = 'recoil';
-    }
-
-    delete options.themingCustomColor;
-    delete options.themingColor;
-    delete options.themingIconFonts;
-    delete options.useUIKits;
-    delete options.moreOptions;
-    return Promise.resolve(options);
-  });
-};

package/create/utils/generate-gitignore.js

@@ -1,43 +0,0 @@
-const templateIf = require('./template-if');
-
-module.exports = (options) => {
-  return `
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Dependency directories
-node_modules/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# Misc
-.DS_Store
-Thumbs.db
-
-# Production build
-www/
-`;
-};

package/create/utils/generate-package-json.js

@@ -1,132 +0,0 @@
-const generateNpmScripts = require('./generate-npm-scripts');
-const { generateTailWindScripts } = require('./generate-npm-scripts');
-
-module.exports = function generatePackageJson(options) {
-  const {
-    name,
-    package,
-    framework,
-    cssPreProcessor,
-    includeTailwind,
-    stateManagement,
-  } = options;
-
-  // Dependencies
-  const dependencies =
-    package === 'zmp-ui'
-      ? ['zmp-ui', 'zmp-sdk', 'react-router-dom']
-      : ['zmp-framework', 'zmp-sdk', 'swiper'];
-  const dependenciesVue = ['vue@3', 'zmp-framework'];
-  const dependenciesReact = ['react', 'react-dom', 'prop-types'];
-  const tailwindDependencies = [
-    'autoprefixer',
-    'tailwindcss',
-    'postcss@^8',
-    'postcss-cli@^8',
-  ];
-  const recoilDependencies = ['recoil'];
-
-  if (framework === 'vue') {
-    dependencies.push(...dependenciesVue);
-  } else if (framework === 'react' || framework === 'react-typescript') {
-    dependencies.push(...dependenciesReact);
-    if (stateManagement === 'recoil') {
-      dependencies.push(...recoilDependencies);
-    }
-  }
-
-  const devDependencies = [
-    'cross-env',
-    'postcss-preset-env@6.7.0',
-    'vite@2.6.14',
-  ];
-  if (framework === 'react-typescript') {
-    devDependencies.push('@types/react', '@types/react-dom');
-    if (package === 'zmp-ui') {
-      devDependencies.push('@types/react-router-dom');
-    }
-  }
-  // CSS PreProcessor
-  if (cssPreProcessor === 'stylus') devDependencies.push(...['stylus']);
-  else if (cssPreProcessor === 'less') devDependencies.push(...['less']);
-  else if (cssPreProcessor === 'scss') devDependencies.push(...['sass']);
-
-  // DevDependencies
-  const devDependenciesCore = ['zmp-loader'];
-  const devDependenciesReact = ['@vitejs/plugin-react-refresh'];
-  const devDependenciesVue = ['@vitejs/plugin-vue@2.3.3', '@vue/compiler-sfc'];
-
-  if (framework === 'react' || framework === 'react-typescript')
-    devDependencies.push(
-      ...[devDependenciesReact],
-      ...(includeTailwind ? tailwindDependencies : [])
-    );
-  else if (framework === 'vue')
-    devDependencies.push(
-      ...devDependenciesVue,
-      ...(includeTailwind ? tailwindDependencies : [])
-    );
-  else if (framework === 'core')
-    devDependencies.push(
-      ...devDependenciesCore,
-      ...(includeTailwind ? tailwindDependencies : [])
-    );
-
-  if (package === 'zmp-ui') {
-    dependencies.push('recoil');
-    dependencies.push(...dependenciesReact);
-    devDependencies.push(
-      ...[devDependenciesReact],
-      ...(includeTailwind ? tailwindDependencies : [])
-    );
-  }
-  // Scripts
-  const scripts = {};
-  generateNpmScripts().forEach((s) => {
-    scripts[s.name] = s.script;
-  });
-  if (includeTailwind) {
-    generateTailWindScripts().forEach((s) => {
-      scripts[s.name] = s.script;
-    });
-  }
-  const postInstall = [];
-
-  if (postInstall.length) {
-    scripts.postinstall = postInstall.join(' && ');
-  }
-
-  // Content
-  const content = `
-{
-  "name": "${name
-    .toLowerCase()
-    .replace(/[ ]{2,}/, ' ')
-    .replace(/ /g, '-')}",
-  "private": true,
-  "version": "1.0.0",
-  "description": "${name}",
-  "repository" : "",
-  "license" : "UNLICENSED",
-  "browserslist": [
-    "Android >= 5",
-    "IOS >= 9.3",
-    "Edge >= 15",
-    "Safari >= 9.1",
-    "Chrome >= 49",
-    "Firefox >= 31",
-    "Samsung >= 5"
-  ],
-  "scripts" : ${JSON.stringify(scripts)},
-  "dependencies": {},
-  "devDependencies": {}
-}
-`.trim();
-
-  return {
-    content,
-    dependencies,
-    devDependencies,
-    postInstall,
-  };
-};

package/create/utils/generate-readme.js

@@ -1,28 +0,0 @@
-const generateNpmScripts = require('./generate-npm-scripts');
-
-module.exports = (options) => {
-  const { name } = options;
-
-  const npmScripts = generateNpmScripts().map((s) => {
-    return `* ${s.icon} \`${s.name}\` - ${s.description}`;
-  });
-
-  return `
-
-# ${name}
-
-## ZMP CLI Options
-
-ZMP app created with following options:
-
-\`\`\`
-${JSON.stringify(options, null, 2)}
-\`\`\`
-
-## NPM Scripts
-
-${npmScripts.join('\n')}
-`
-    .trim()
-    .replace(/[\n]{3,}/, '\n');
-};

package/create/utils/indent.js

@@ -1,31 +0,0 @@
-module.exports = (indent, str) => {
-  if (typeof indent === 'undefined') return str.trim();
-  let minIndent;
-  str.split('\n').forEach((line) => {
-    const match = line.match(/[ ]*/);
-    if (match) {
-      if (match[0].length === line.length) return;
-      if (typeof minIndent === 'undefined') minIndent = match[0].length;
-      else minIndent = Math.min(minIndent, match[0].length);
-    }
-  });
-  if (typeof minIndent === 'undefined') return str.trim();
-  return str
-    .split('\n')
-    .map((l) => {
-      const lineIndentMatch = l.match(/[ ]*/);
-      let lineIndent = 0;
-      if (lineIndentMatch) lineIndent = Math.max(lineIndentMatch[0].length - minIndent, 0);
-      return `${' '.repeat(indent + lineIndent)}${l.replace(/^\s+/, '')}`;
-    })
-    .map((l) => {
-      if (!l.trim().length && l.length) return l.trim();
-      return l;
-    })
-    .filter((l, index, arr) => {
-      if (index === 0 && !l.trim().length && l.length) return false;
-      if (index === arr.length - 1 && !l.trim().length && l.length) return false;
-      return true;
-    })
-    .join('\n');
-};

package/create/utils/string.js

@@ -1,13 +0,0 @@
-const capitalize = (string) => {
-  if (!string) {
-    return '';
-  }
-  const words = string
-    .split(/[,.\-_\s]/)
-    .map((word) => word[0].toUpperCase() + word.substring(1));
-
-  return words.join('');
-};
-module.exports = {
-  capitalize,
-};

package/create/utils/styles-extension.js

@@ -1,9 +0,0 @@
-module.exports = (cssPreProcessor) => {
-  if (!cssPreProcessor) return 'css';
-  const exts = {
-    less: 'less',
-    stylus: 'styl',
-    scss: 'scss',
-  };
-  return exts[cssPreProcessor];
-};

package/create/utils/template-if.js

@@ -1,9 +0,0 @@
-module.exports = (condition, callback, callbackElse) => {
-  if (condition) {
-    return callback().trim();
-  }
-  if (callbackElse) {
-    return callbackElse().trim();
-  }
-  return '';
-};