generator-plop-tt v1.0.9

generator with plop

generator for build new files with plopjs

Add generator to your project

npm install generator-plop-tt

Add temlates to you project

use {{name}},{{Name}}, {{NAME}} in you template files for add nemes if you get a conflict with other brackets in code, use buckspace for separate bracets: const any = {any1, {{name}}} - get a conflict const any = {any1, {{name}} } - fix conflict file name - if your template file include "template" it well be changed to "name". example: if in prompt was inputted name "user", gets reducerTemplate.js --> reducerUser.js

Create / add a plopfile.js at the root of your project add to file templates creator data, and generator function. Yoy can use any names and folders

plopfile.js:

"use strict";
const templates = require("./plop-templates");
const genCreatot = require("generator-plop-tt");
const tplFolder = "plop-templates";

module.exports = function (plop) {
  genCreatot(templates, tplFolder, plop);
};

Add comand to scripts in package.json

// package.json

"scripts": {
"plop": "plop"
}

run generator with plop:

npm run plop

Howe create templates obj:

create object looks like this: every element in object it will be new option for select. List of selections well be created with keys in this obj

const templates = {
  views_container: {
    description: "create view component container",
    prompts: [
      // input name for new file/variables in templates files
      {
        type: "input",
        name: "name",
        message: "Input the name for redux module:",
        validate: (input) => Boolean(input.length > 2),
      },
      // input path for new files. if folder not exist, it will be created
      {
        type: "input",
        name: "path",
        message: "Input path for new files (optional):",
      },
    ],
    files: ["Templates.tsx"],
    destPath: "src/views/Сontainers/",
    templatesPath: "plop-templates/views/containers/",
  },
};

if you have in parent template folder child folders with different templates, add to prompt option other_template with choices child folders.

with other_template example :

 prompts:[
            {
                type: "list",
                name: "other_template",
                message: "What type of component do you want create?",
                choices: ["templateDetails","templatesForm", "templatesList"],

              }
              ...
              files:{
        templateDetails:["ActivityItem.tsx","ActivityItem.unit.test.tsx","styles.ts","TemplateDetails.tsx", "TemplateDetails.unit.test.tsx"],
        templateDetails:["ActivityItem.tsx","ActivityItem.unit.test.tsx","styles.ts","TemplateDetails.tsx", "TemplateDetails.unit.test.tsx"],
        templatesForm:["CreateNewTemplate.tsx","CreateNewTemplate.unit.test.tsx","EditTemplate.tsx","EditTemplate.unit.test.tsx","styles.ts","TemplatesForm.tsx","TemplatesForm.unit.test.tsx","utils.ts"],
        templatesList:["columns.tsx","styles.ts"],

      }
      ...

files variants for add templates files to generator :

if use other_template option:

              files:{
        templateDetails:["ActivityItem.tsx","ActivityItem.unit.test.tsx","styles.ts","TemplateDetails.tsx", "TemplateDetails.unit.test.tsx"],
        templateDetails:["ActivityItem.tsx","ActivityItem.unit.test.tsx","styles.ts","TemplateDetails.tsx", "TemplateDetails.unit.test.tsx"],
           },
           destPath:"src/components/forms",
          templatesPath:"src/templates/components/multi/"

if add just folder with templates:

    files:"templatefolder/",
     destPath:"src/components/forms",
      templatesPath:"src/templates/components/"

if add arr with template files:

files: [
  "ActivityItem.tsx",
  "ActivityItem.unit.test.tsx",
  "styles.ts",
  "TemplateDetails.tsx",
  "TemplateDetails.unit.test.tsx",
];