plopfile.js

module.exports = (
  /** @type {import('plop').NodePlopAPI} */
  plop
) => {
  plop.setHelper("preCurly", t => `{${t}`)

  plop.setGenerator("basic component", {
    description: "Generate a basic component",
    prompts: [
      {
        type: "input",
        name: "componentName",
        message: "What is the component name?",
      },
      {
        type: "confirm",
        name: "isSubcomponent",
        message: "Is this a subcomponent?",
        default: false,
      },
      {
        type: "input",
        name: "parentComponentName",
        message: "What is the parent component name?",
        when: answers => answers.isSubcomponent,
      },
      {
        type: "confirm",
        name: "isFuture",
        message: "Is this a future component?",
        default: false,
      },
    ],
    actions: ({
      isSubcomponent,
      isFuture,
      componentName,
      parentComponentName,
    }) => {
      const src = isFuture ? "src/__future__" : "src"
      const componentNamePascal = plop.getHelper("pascalCase")(componentName)

      if (isSubcomponent) {
        const parentComponentNamePascal =
          plop.getHelper("pascalCase")(parentComponentName)

        return [
          {
            type: "addMany",
            destination: `packages/components/${src}/{{pascalCase parentComponentName}}/subcomponents/{{pascalCase componentName}}`,
            base: "plop-templates/basic-component/src",
            templateFiles: "plop-templates/basic-component/src/**/*.hbs",
          },
          {
            type: "addMany",
            destination: `packages/components/${src}/{{pascalCase parentComponentName}}/subcomponents/{{pascalCase componentName}}/_docs`,
            base: "plop-templates/basic-component/docs",
            templateFiles:
              "plop-templates/basic-component/docs/**/!(*.mdx.hbs)",
            data: {
              storyTitle: `Components/${parentComponentNamePascal}/${componentNamePascal}`,
            },
          },
        ]
      }

      return [
        {
          type: "addMany",
          destination: `packages/components/${src}/{{pascalCase componentName}}`,
          base: "plop-templates/basic-component/src",
          templateFiles: "plop-templates/basic-component/src/**/*.hbs",
        },
        {
          type: "addMany",
          destination: `packages/components/${src}/{{pascalCase componentName}}/_docs`,
          base: "plop-templates/basic-component/docs",
          templateFiles: "plop-templates/basic-component/docs/**/*.hbs",
          data: {
            storyTitle: `Components/${componentNamePascal}`,
          },
        },
        {
          type: "modify",
          path: `packages/components/${src}/index.ts`,
          transform: content => {
            const exportStatement = `export * from "./${componentNamePascal}"`

            if (content.includes(exportStatement)) return content

            return `${content.trim()}\n${exportStatement}\n`
          },
        },
      ]
    },
  })
}