scaffdogとHygenの比較

// Button/index.ts
export * from './Button';

// Button/Button.ts
export type Props = React.PropsWithChildren<{}>;

export const Button: React.FC<Props> = ({ children }) => {
  return <div>{children}</div>;
};

// Button/Button.stories.ts
import { Button } from './Button';

export default { component: Button };
export const Overview = { args: {} };

# Variables

- constant_key: scaffdog
- computed_key: `{{ inputs.name | upper }}`

# `filename.txt`

``
{{ constant_key }}
{{ computed_key }}
``

---
name: 'component'
root: '.'
output: '.'
questions:
  test:
    confirm: 'Do you need a test?'
    initial: true
---

# `{{ inputs.test || "!" }}index.test.ts`

``typescript
// ...
``

questions:
  name:
    message: 'Please enter a component name.'

  # Invokes confirm prompt only when input includes "Form".
  test:
    if: contains(inputs.name, 'Form')
    confirm: 'Do you need a test?'

{{ inputs.value }}
{{ null }}
{{ undefined }}
{{ true }}
{{ false }}
{{ 10 }}
{{ 2 + 3 }}
{{ "string" }}

{{ /* a comment */ }}

{{ relative "../" }}
{{ len(inputs.value) }}
{{ replace(inputs.value, "-", "") }}

{{ inputs.value | upper }}
{{ inputs.value | replace ".ts$" ".js" | pascal }}
{{ output.base | replace output.ext ".js" | pascal }}

{{ <expression> ? <expression> : <expression> }}

{{ if len(inputs.value) > 5 }}Long{{ end }}
{{ if len(inputs.value) > 5 }}Long{{ else }}Not long{{ end }}
{{ if len(inputs.value) > 5 }}Long{{ else if len(inputs.value) > 2 }}Medium{{ end }}
{{ if len(inputs.value) > 5 }}Long{{ else if len(inputs.value) > 2 }}Medium{{ else }}Short{{ end }}

{{ for v in seq 1 5 }}{{ v }}{{ end }}
{{ for v, i in seq 1 5 }}{{ v + i }}{{ end }}

{{- /* continue and break */ }}
{{ for v in seq 1 5 }}{{ if v == 2 }}{{ continue }}{{ end }}{{ v }}{{ end }}
{{ for v in seq 1 5 }}{{ if v == 2 }}{{ break }}{{ end }}{{ v }}{{ end }}

// input
before {{- "text" }} after
before {{ "text" -}} after
before {{- "text" -}} after

// output
beforetext after
before textafter
beforetextafter

# `index.js`

``javascript
console.log('first line');
{{ read output.abs }}
``

``javascript
{{ read output.abs | before 6 }}
console.log('line at 6');
{{ read output.abs | after 6 -1 }}
``

$ scaffdog generate component \
    --force \
    --output "buttons" \
    --answer "name:OutlinedButton" \
    --answer "test:true" \
    --answer "type:A" \
    --answer "type:C"

# output --> src/components/buttons/OutlinedButton

---
inject: true
to: package.json
after: dependencies
skip_if: lodash
sh: cd <%= cwd %> && yarn install
---
"lodash":"*",

module.exports = [
  {
    type: 'input',
    name: 'message',
    message: "What's your message?"
  }
]

// my-generator/my-action/index.js
module.exports = {
  prompt: ({ prompter, args }) =>
    prompter
      .prompt({
        type: 'input',
        name: 'email',
        message: "What's your email?"
      })
      .then(({ email }) =>
        prompter.prompt({
          type: 'input',
          name: 'emailConfirmation',
          message: `Please type your email [${email}] again:`
        })
      )
}