generator-reackt 0.5.0 → 0.6.0

package/generators/app/index.js

@@ -1 +1,392 @@
-"use strict";var e=require("got"),t=require("path"),s=require("gulp-if"),a=require("date-fns"),i=require("../util/fs.js"),o=require("gulp-prettier"),r=require("jsonfile"),n=require("yeoman-stylelint"),l=require("spdx-license-ids");require("mkdirp"),l.push("SEE LICENSE IN LICENSE"),l.sort();const p=require("yeoman-generator"),c=(...e)=>t.join("src",...e),d=[{value:null,name:"None"},{value:"bootstrap",name:"Bootstrap"},{value:"bulma",name:"Bulma"},{value:"foundation",name:"Foundation"},{value:"materialize",name:"Materialize"},{value:"uikit",name:"UIKit"},{value:"materialUi",name:"Material-UI"}],m={fontAwesome:["@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/react-fontawesome"],bootstrap:["bootstrap"],uikit:["uikit","uikit-react"],foundation:["foundation-sites"],materialize:["materialize-css"],bulma:["bulma"],materialUi:["@material-ui/core"],lintStaged:["husky","lint-staged"],redux:["redux","react-redux","redux-saga"],reduxJest:["redux-mock-store"],core:["@babel/runtime","core-js","normalize-scss","prop-types","react@17","react-dom@17","react-router-dom","reselect","classnames"],storybook:["@storybook/react","@storybook/addons","@storybook/addon-knobs"],esdoc:["esdoc","esdoc-ecmascript-proposal-plugin","esdoc-jsx-plugin","esdoc-standard-plugin","opener"],jest:["babel-jest","eslint-plugin-jest","jest","react-test-renderer","opener"],dev:["@babel/core","@babel/eslint-parser","@babel/plugin-proposal-class-properties","@babel/plugin-proposal-object-rest-spread","@babel/plugin-transform-regenerator","@babel/plugin-transform-runtime","@babel/preset-env","@babel/preset-react","@babel/register","autoprefixer","babel-loader","clean-webpack-plugin","cross-env","css-loader","css-minimizer-webpack-plugin","eslint-config-prettier","eslint-import-resolver-webpack","eslint-plugin-import","eslint-plugin-jsx-a11y","eslint-plugin-prettier","eslint-plugin-react-hooks","eslint-plugin-react","eslint-webpack-plugin","eslint","html-loader","html-webpack-plugin","mini-css-extract-plugin","postcss-flexbugs-fixes","postcss-loader","postcss-scss","prettier","sass-loader","sass","style-loader","stylelint-config-recommended","stylelint-webpack-plugin","stylelint","terser-webpack-plugin","webpack-cli","webpack","webpack-dev-server"]},u={core:[".babelrc",".prettierrc",".stylelintrc",".editorconfig","jsconfig.json",".browserslistrc",c("utils","index.js")],templated:[".eslintrc.js","package.json",c("index.js"),c("index.html"),c("index.scss"),"webpack.config.babel.js"],esdoc:[".esdoc.json"],jest:["jest.config.js"],lintStaged:[".lintstagedrc"],fontAwesome:[c("icons.js")]},g={redux:[c("reducers"),c("sagas"),c("selectors")],core:[c("components"),c("utils")]},h={"build:documentation":"esdoc","view:documentation":"opener ./docs/index.html"},y={test:"jest","view:coverage":"opener ./coverage/index.html"};module.exports=class extends p{constructor(...e){super(...e),this.env.adapter.promptModule.registerPrompt("autocomplete",require("inquirer-autocomplete-prompt")),this.sourceRoot(t.join(__dirname,"..","..","templates","app")),this.answers={},this.fileSystem=i(this),this.registerTransformStream(s(/\.js$/,o(r.readFileSync(t.join(__dirname,"..","..",".prettierrc"))))),this.registerTransformStream(s(/\.scss$/,n({configFile:t.join(__dirname,"..","..",".stylelintrc")})))}async prompting(){const{name:e,email:t}=this.user.git;this.answers=await this.prompt([{type:"input",name:"package.name",message:"Package name",default:this.appname.replace(/\s+/g,"-")},{type:"input",name:"package.version",message:"Package version",default:"0.1.0"},{type:"autocomplete",name:"package.license",message:"Package license",source:(e,t)=>{const s=new RegExp(`.*${t}.*`,"i");return new Promise((e=>{e(l.filter((e=>s.test(e))))}))}},{type:"input",name:"package.description",message:"Package description"},{type:"input",name:"author.name",message:"Author name",default:e()},{type:"input",name:"author.email",message:"Author email address",default:t()},{type:"list",name:"styleFramework",message:"What CSS framework would you like to use?",choices:d},{type:"confirm",name:"flags.addLintStaged",message:"Force linting before commits?",default:!0},{type:"confirm",name:"flags.addFontAwesome",message:"Add Font Awesome?",default:!0},{type:"confirm",name:"flags.addRedux",message:"Add Redux?",default:!0},{type:"confirm",name:"flags.addJest",message:"Add Jest?",default:!0},{type:"confirm",name:"flags.addStorybook",message:"Add Storybook?",default:!1},{type:"confirm",name:"flags.addESDoc",message:"Add ESDoc?",default:!1}])}async writing(){const{flags:t,package:{license:s},author:{name:i,email:o}}=this.answers;let r="Place your license here.\n";if("SEE LICENSE IN LICENSE"!==s){this.log(`Downloading ${s} license from spdx/license-list-data...`);const{body:t}=await e(`https://raw.githubusercontent.com/spdx/license-list-data/master/text/${s}.txt`);r=t.replace("<year>",a.format(new Date,"yyyy")).replace("<copyright holders>",`${i} <${o}>`)}this.fileSystem.createFile("LICENSE",r),u.core.forEach(this.fileSystem.copy),u.templated.forEach(this.fileSystem.copyTemplateInPlace),g.core.forEach(this.fileSystem.copyDirectory),this.fileSystem.copyTo("gitignore",".gitignore"),t.addRedux&&g.redux.forEach(this.fileSystem.copyDirectory),t.addJest&&(u.jest.forEach(this.fileSystem.copy),this.fs.append(this.destinationPath(".gitignore"),"coverage/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...y}})),t.addESDoc&&(u.esdoc.forEach(this.fileSystem.copy),this.fs.append(this.destinationPath(".gitignore"),"docs/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...h}})),t.addLintStaged&&u.lintStaged.forEach(this.fileSystem.copy),t.addFontAwesome&&u.fontAwesome.forEach(this.fileSystem.copy)}install(){const e=[],t=[],{flags:s,styleFramework:a}=this.answers;this.log("Building a list of packages to install"),e.push.apply(e,m.core),t.push.apply(t,m.dev),null!==a&&e.push.apply(e,m[a]),s.addLintStaged&&t.push.apply(t,m.lintStaged),s.addFontAwesome&&e.push.apply(e,m.fontAwesome),s.addRedux&&e.push.apply(e,m.redux),s.addJest&&t.push.apply(t,m.jest),s.addRedux&&s.addJest&&t.push.apply(t,m.reduxJest),s.addStorybook&&t.push.apply(t,m.storybook),s.addESDoc&&e.push.apply(e,m.esdoc),this.log(`Getting ready to install ${e.length} dependencies and ${t.length} dev dependencies.`),this.npmInstall(e,{save:!0}),this.npmInstall(t,{"save-dev":!0}),this.spawnCommandSync("git",["init"]),this.spawnCommandSync("npx",["husky","install"]),this.spawnCommandSync("npx",["husky","add",".husky/pre-commit","npx lint-staged"])}};
+import { got } from 'got';
+import { join } from 'path';
+import gulpIf from 'gulp-if';
+import jsonfile from 'jsonfile';
+import { format } from 'date-fns';
+import prettier from 'gulp-prettier';
+import { createRequire } from 'module';
+import stylelint from 'yeoman-stylelint';
+import inquirerPrompt from 'inquirer-autocomplete-prompt';
+import spdxIdentifiers from 'spdx-license-ids' assert { type: 'json' };
+
+import fileSystem from '../util/fs.js';
+
+spdxIdentifiers.push('SEE LICENSE IN LICENSE');
+spdxIdentifiers.sort();
+
+const { readFileSync } = jsonfile;
+
+// we cannot use ES6 imports on this object, as it directly exports a class to
+// module.exports - no default export nor a named export is present for us to use
+const require = createRequire(import.meta.url);
+const Generator = require('yeoman-generator');
+
+const src = (...paths) => join('src', ...paths);
+
+const styleFrameworks = [
+  { value: null, name: 'None' },
+  { value: 'bootstrap', name: 'Bootstrap' },
+  { value: 'bulma', name: 'Bulma' },
+  { value: 'foundation', name: 'Foundation' },
+  { value: 'materialize', name: 'Materialize' },
+  { value: 'uikit', name: 'UIKit' },
+  { value: 'materialUi', name: 'Material-UI' }
+];
+const packages = {
+  fontAwesome: [
+    '@fortawesome/fontawesome-svg-core',
+    '@fortawesome/free-solid-svg-icons',
+    '@fortawesome/react-fontawesome'
+  ],
+  bootstrap: ['bootstrap', 'react-bootstrap'],
+  uikit: ['uikit', 'uikit-react'],
+  foundation: ['foundation-sites'],
+  materialize: ['materialize-css'],
+  bulma: ['bulma'],
+  materialUi: ['@material-ui/core'],
+  lintStaged: ['husky', 'lint-staged'],
+  redux: ['redux', 'react-redux', 'redux-saga'],
+  reduxJest: ['redux-mock-store'],
+  core: [
+    '@babel/runtime-corejs3',
+    'core-js@3',
+    'normalize-scss',
+    'prop-types',
+    'react',
+    'react-dom',
+    'react-router-dom',
+    'reselect',
+    'classnames'
+  ],
+  storybook: [
+    '@storybook/react',
+    '@storybook/builder-webpack5',
+    '@storybook/manager-webpack5'
+  ],
+  esdoc: [
+    'esdoc',
+    'esdoc-ecmascript-proposal-plugin',
+    'esdoc-jsx-plugin',
+    'esdoc-standard-plugin',
+    'opener'
+  ],
+  jest: [
+    'babel-jest',
+    'eslint-plugin-jest',
+    'jest',
+    'react-test-renderer',
+    'opener'
+  ],
+  dev: [
+    '@babel/core',
+    '@babel/eslint-parser',
+    '@babel/plugin-transform-runtime',
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/register',
+    'autoprefixer',
+    'babel-loader',
+    'clean-webpack-plugin',
+    'cross-env',
+    'css-loader',
+    'css-minimizer-webpack-plugin',
+    'eslint-config-prettier',
+    'eslint-import-resolver-webpack',
+    'eslint-plugin-import',
+    'eslint-plugin-jsx-a11y',
+    'eslint-plugin-prettier',
+    'eslint-plugin-react-hooks',
+    'eslint-plugin-react',
+    'eslint-webpack-plugin',
+    'eslint',
+    'html-loader',
+    'html-webpack-plugin',
+    'mini-css-extract-plugin',
+    'postcss-flexbugs-fixes',
+    'postcss-loader',
+    'postcss-scss',
+    'prettier',
+    'sass-loader',
+    'sass',
+    'style-loader',
+    'stylelint-config-recommended',
+    'stylelint-webpack-plugin',
+    'stylelint',
+    'terser-webpack-plugin',
+    'webpack-cli',
+    'webpack',
+    'webpack-dev-server'
+  ]
+};
+const files = {
+  core: [
+    '.babelrc',
+    '.prettierrc',
+    '.stylelintrc',
+    '.editorconfig',
+    'jsconfig.json',
+    '.browserslistrc',
+    src('utils', 'index.js')
+  ],
+  templated: [
+    '.eslintrc.js',
+    'package.json',
+    src('index.js'),
+    src('index.html'),
+    src('index.scss'),
+    'webpack.config.babel.js'
+  ],
+  esdoc: ['.esdoc.json'],
+  jest: ['jest.config.js'],
+  lintStaged: ['.lintstagedrc']
+};
+const directories = {
+  redux: [src('reducers'), src('sagas'), src('selectors')],
+  core: [src('components'), src('utils')]
+};
+const scripts = {
+  esdoc: {
+    'build:documentation': 'esdoc',
+    'view:documentation': 'opener ./docs/index.html'
+  },
+  jest: {
+    test: 'jest',
+    'view:coverage': 'opener ./coverage/index.html'
+  }
+};
+
+export default class extends Generator {
+  constructor(...args) {
+    super(...args);
+
+    this.env.adapter.promptModule.registerPrompt(
+      'autocomplete',
+      inquirerPrompt
+    );
+
+    this.answers = {};
+    this.fileSystem = fileSystem(this);
+    this.sourceRoot(this.fileSystem.resolve('templates', 'app'));
+    this.registerTransformStream(
+      gulpIf(
+        /\.js$/,
+        prettier(readFileSync(this.fileSystem.resolve('.prettierrc')))
+      )
+    );
+    this.registerTransformStream(
+      gulpIf(
+        /\.scss$/,
+        stylelint({
+          configFile: this.fileSystem.resolve('.stylelintrc')
+        })
+      )
+    );
+  }
+
+  async prompting() {
+    const { name, email } = this.user.git;
+
+    this.answers = await this.prompt([
+      {
+        type: 'input',
+        name: 'package.name',
+        message: 'Package name',
+        default: this.appname.replace(/\s+/g, '-')
+      },
+      {
+        type: 'input',
+        name: 'package.version',
+        message: 'Package version',
+        default: '0.1.0'
+      },
+      {
+        type: 'autocomplete',
+        name: 'package.license',
+        message: 'Package license',
+        source: (_, input) => {
+          const pattern = new RegExp(`.*${input}.*`, 'i');
+
+          return new Promise((resolve) => {
+            resolve(
+              spdxIdentifiers.filter((identifier) => pattern.test(identifier))
+            );
+          });
+        }
+      },
+      {
+        type: 'input',
+        name: 'package.description',
+        message: 'Package description'
+      },
+      {
+        type: 'input',
+        name: 'author.name',
+        message: 'Author name',
+        default: name()
+      },
+      {
+        type: 'input',
+        name: 'author.email',
+        message: 'Author email address',
+        default: email()
+      },
+      {
+        type: 'list',
+        name: 'styleFramework',
+        message: 'What CSS framework would you like to use?',
+        choices: styleFrameworks
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addLintStaged',
+        message: 'Force linting before commits?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addFontAwesome',
+        message: 'Add Font Awesome?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addRedux',
+        message: 'Add Redux?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addJest',
+        message: 'Add Jest?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addStorybook',
+        message: 'Add Storybook?',
+        default: false
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addESDoc',
+        message: 'Add ESDoc?',
+        default: false
+      }
+    ]);
+  }
+
+  async writing() {
+    const {
+      flags,
+      package: { license },
+      author: { name, email }
+    } = this.answers;
+
+    let licenseText = 'Place your license here.\n';
+
+    if (license !== 'SEE LICENSE IN LICENSE') {
+      this.log(`Downloading ${license} license from spdx/license-list-data...`);
+      const { body: rawLicense } = await got(
+        `https://raw.githubusercontent.com/spdx/license-list-data/master/text/${license}.txt`
+      );
+
+      licenseText = rawLicense
+        .replace('<year>', format(new Date(), 'yyyy'))
+        .replace('<copyright holders>', `${name} <${email}>`);
+    }
+    this.fileSystem.createFile('LICENSE', licenseText);
+
+    // copy files and directories
+    files.core.forEach(this.fileSystem.copy);
+    files.templated.forEach(this.fileSystem.copyTemplateInPlace);
+    directories.core.forEach(this.fileSystem.copyDirectory);
+
+    // this is a workaround for npm not packaging up .gitignore files
+    this.fileSystem.copyTo('gitignore', '.gitignore');
+
+    if (flags.addRedux) {
+      directories.redux.forEach(this.fileSystem.copyDirectory);
+    }
+
+    if (flags.addJest) {
+      files.jest.forEach(this.fileSystem.copy);
+      this.fs.append(this.destinationPath('.gitignore'), 'coverage/');
+      this.fs.extendJSON(this.destinationPath('package.json'), {
+        scripts: {
+          ...scripts.jest
+        }
+      });
+    }
+
+    if (flags.addESDoc) {
+      files.esdoc.forEach(this.fileSystem.copy);
+      this.fs.append(this.destinationPath('.gitignore'), 'docs/');
+      this.fs.extendJSON(this.destinationPath('package.json'), {
+        scripts: {
+          ...scripts.esdoc
+        }
+      });
+    }
+
+    if (flags.addLintStaged) {
+      files.lintStaged.forEach(this.fileSystem.copy);
+    }
+  }
+
+  install() {
+    const main = [];
+    const dev = [];
+    const { flags, styleFramework } = this.answers;
+
+    this.log('Building a list of packages to install');
+
+    main.push.apply(main, packages.core);
+    dev.push.apply(dev, packages.dev);
+
+    if (styleFramework !== null) {
+      main.push.apply(main, packages[styleFramework]);
+    }
+
+    if (flags.addLintStaged) {
+      dev.push.apply(dev, packages.lintStaged);
+    }
+
+    if (flags.addFontAwesome) {
+      main.push.apply(main, packages.fontAwesome);
+    }
+
+    if (flags.addRedux) {
+      main.push.apply(main, packages.redux);
+    }
+
+    if (flags.addJest) {
+      dev.push.apply(dev, packages.jest);
+    }
+
+    if (flags.addRedux && flags.addJest) {
+      dev.push.apply(dev, packages.reduxJest);
+    }
+
+    if (flags.addStorybook) {
+      dev.push.apply(dev, packages.storybook);
+    }
+
+    if (flags.addESDoc) {
+      main.push.apply(main, packages.esdoc);
+    }
+
+    this.log(
+      `Getting ready to install ${main.length} dependencies and ${dev.length} dev dependencies.`
+    );
+    this.log(`Dependencies: ${main.join(' ')}
+Dev dependencies: ${dev.join(' ')}`);
+    this.npmInstall(main, { save: true });
+    this.npmInstall(dev, { 'save-dev': true });
+    this.spawnCommandSync('git', ['init']);
+    this.spawnCommandSync('npx', ['husky', 'init']);
+    this.spawnCommandSync('bash', [
+      '-c',
+      'echo "npx lint-staged" > .husky/pre-commit'
+    ]);
+  }
+}

package/generators/component/index.js

@@ -1 +1,51 @@
-"use strict";var e=require("path"),t=require("../util/fs.js");require("mkdirp");const s=require("yeoman-generator"),n=(...t)=>e.join("src",...t);module.exports=class extends s{constructor(...s){super(...s),this.sourceRoot(e.join(__dirname,"..","..","templates","component")),this.answers={},this.fileSystem=t(this)}async prompting(){this.answers=await this.prompt([{type:"input",name:"component.name",message:"Component name"},{type:"confirm",name:"flags.addRedux",message:"Connect this component to the Redux store?",default:!1}])}async writing(){const{component:{name:e}}=this.answers,t=n("components",`${e}.js`),s=n("components",`${e}.test.js`);this.log(`Creating ${e} component`),await this.fileSystem.copyTemplate("index.js",t),await this.fileSystem.copyTemplate("index.test.js",s)}};
+import { join } from 'path';
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+
+import fileSystem from '../util/fs.js';
+
+// we cannot use ES6 imports on this object, as it directly exports a class to
+// module.exports - no default export nor a named export is present for us to use
+const require = createRequire(import.meta.url);
+const __dirname = fileURLToPath(import.meta.url);
+const Generator = require('yeoman-generator');
+
+const src = (...paths) => join('src', ...paths);
+
+export default class extends Generator {
+  constructor(...args) {
+    super(...args);
+
+    this.sourceRoot(join(__dirname, '..', '..', 'templates', 'component'));
+    this.answers = {};
+    this.fileSystem = fileSystem(this);
+  }
+
+  async prompting() {
+    this.answers = await this.prompt([
+      {
+        type: 'input',
+        name: 'component.name',
+        message: 'Component name'
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addRedux',
+        message: 'Connect this component to the Redux store?',
+        default: false
+      }
+    ]);
+  }
+
+  async writing() {
+    const {
+      component: { name }
+    } = this.answers;
+    const fileName = src('components', `${name}.js`);
+    const testName = src('components', `${name}.test.js`);
+
+    this.log(`Creating ${name} component`);
+    await this.fileSystem.copyTemplate('index.js', fileName);
+    await this.fileSystem.copyTemplate('index.test.js', testName);
+  }
+}

package/generators/module/index.js

@@ -1 +1,127 @@
-"use strict";var e=require("path"),t=require("../util/fs.js");require("mkdirp");const a=require("yeoman-generator"),s=(...t)=>e.join("src",...t);module.exports=class extends a{constructor(...a){super(...a),this.sourceRoot(e.join(__dirname,"..","..","templates","module")),this.answers={},this.fileSystem=t(this)}async prompting(){this.answers=await this.prompt([{type:"input",name:"module.name",message:"Module name"},{type:"list",name:"directoryMode",message:"Choose a way of structuring the module.",choices:[{name:"Create a directory with the module name and an index.js file inside that.",value:"dir",short:"Directory"},{name:"Create a file with the module name.",value:"file",short:"File"}]},{type:"confirm",name:"flags.createReducer",message:"Generate a reducer?",default:!0},{type:"confirm",name:"flags.createSaga",message:"Generate a saga?",default:!0},{type:"confirm",name:"flags.createSelector",message:"Generate a selector?",default:!0},{type:"confirm",name:"flags.addJest",message:"Generate test files?",default:!0}])}async writing(){const{directoryMode:t,module:{name:a},flags:r}=this.answers;this.log(`Creating module ${a}`);const i=i=>{const o=`${a}${i}`,n=`index${i}`,c=[];switch(t){default:case"file":c.push(o);break;case"dir":c.push(a,n)}r.createReducer&&this.fileSystem.copyTemplate(e.join("reducer",n),s("reducers",...c)),r.createSaga&&this.fileSystem.copyTemplate(e.join("saga",n),s("sagas",...c)),r.createSelector&&this.fileSystem.copyTemplate(e.join("selector",n),s("selectors",...c))};i(".js"),r.addJest&&i(".test.js")}};
+import { join, dirname } from 'path';
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+
+import fileSystem from '../util/fs.js';
+
+// we cannot use ES6 imports on this object, as it directly exports a class to
+// module.exports - no default export nor a named export is present for us to use
+const require = createRequire(import.meta.url);
+const __dirname = fileURLToPath(import.meta.url);
+const Generator = require('yeoman-generator');
+
+const src = (...paths) => join('src', ...paths);
+
+export default class extends Generator {
+  constructor(...args) {
+    super(...args);
+
+    this.sourceRoot(join(__dirname, '..', '..', 'templates', 'module'));
+    this.answers = {};
+    this.fileSystem = fileSystem(this);
+  }
+
+  async prompting() {
+    this.answers = await this.prompt([
+      {
+        type: 'input',
+        name: 'module.name',
+        message: 'Module name'
+      },
+      {
+        type: 'list',
+        name: 'directoryMode',
+        message: 'Choose a way of structuring the module.',
+        choices: [
+          {
+            name: 'Create a directory with the module name and an index.js file inside that.',
+            value: 'dir',
+            short: 'Directory'
+          },
+          {
+            name: 'Create a file with the module name.',
+            value: 'file',
+            short: 'File'
+          }
+        ]
+      },
+      {
+        type: 'confirm',
+        name: 'flags.createReducer',
+        message: 'Generate a reducer?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.createSaga',
+        message: 'Generate a saga?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.createSelector',
+        message: 'Generate a selector?',
+        default: true
+      },
+      {
+        type: 'confirm',
+        name: 'flags.addJest',
+        message: 'Generate test files?',
+        default: true
+      }
+    ]);
+  }
+
+  async writing() {
+    const {
+      directoryMode,
+      module: { name },
+      flags
+    } = this.answers;
+
+    this.log(`Creating module ${name}`);
+
+    const buildPaths = (ext) => {
+      const namePath = `${name}${ext}`;
+      const indexPath = `index${ext}`;
+      const destPath = [];
+
+      switch (directoryMode) {
+        default:
+        case 'file':
+          destPath.push(namePath);
+          break;
+        case 'dir':
+          destPath.push(name, indexPath);
+          break;
+      }
+
+      if (flags.createReducer) {
+        this.fileSystem.copyTemplate(
+          join('reducer', indexPath),
+          src('reducers', ...destPath)
+        );
+      }
+
+      if (flags.createSaga) {
+        this.fileSystem.copyTemplate(
+          join('saga', indexPath),
+          src('sagas', ...destPath)
+        );
+      }
+
+      if (flags.createSelector) {
+        this.fileSystem.copyTemplate(
+          join('selector', indexPath),
+          src('selectors', ...destPath)
+        );
+      }
+    };
+
+    buildPaths('.js');
+
+    if (flags.addJest) {
+      buildPaths('.test.js');
+    }
+  }
+}

package/generators/util/fs.js

@@ -1 +1,34 @@
-"use strict";var t=require("mkdirp");module.exports=e=>({copy:t=>e.fs.copy(e.templatePath(t),e.destinationPath(t)),copyTo:(t,a)=>e.fs.copy(e.templatePath(t),e.destinationPath(a)),copyDirectory:t=>e.fs.copyTpl(e.templatePath(`${t}/**/*`),e.destinationPath(t),e.answers),copyTemplate:(t,a)=>e.fs.copyTpl(e.templatePath(t),e.destinationPath(a),e.answers),copyTemplateInPlace:t=>e.fs.copyTpl(e.templatePath(t),e.destinationPath(t),e.answers),createFile:(t,a)=>e.fs.write(e.destinationPath(t),a),makeDirectory:t});
+import { mkdirp } from 'mkdirp';
+import { join } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = fileURLToPath(import.meta.url);
+
+export default (gen) => ({
+  copy: (file) =>
+    gen.fs.copy(gen.templatePath(file), gen.destinationPath(file)),
+  copyTo: (src, dst) =>
+    gen.fs.copy(gen.templatePath(src), gen.destinationPath(dst)),
+  copyDirectory: (dir) =>
+    gen.fs.copyTpl(
+      gen.templatePath(`${dir}/**/*`),
+      gen.destinationPath(dir),
+      gen.answers
+    ),
+  copyTemplate: (source, destination) =>
+    gen.fs.copyTpl(
+      gen.templatePath(source),
+      gen.destinationPath(destination),
+      gen.answers
+    ),
+  copyTemplateInPlace: (file) =>
+    gen.fs.copyTpl(
+      gen.templatePath(file),
+      gen.destinationPath(file),
+      gen.answers
+    ),
+  createFile: (file, contents) =>
+    gen.fs.write(gen.destinationPath(file), contents),
+  makeDirectory: mkdirp,
+  resolve: (...paths) => join(__dirname, '..', '..', '..', ...paths)
+});