add experimental codes for plop

[seiya0914]

Pull Request Checklist

• I have checked that this pull request is not a duplicate of a pre-existing pull request
• I have self-reviewed my changes
  • There are no spelling mistakes
  • There are no remaining debug log prints (i.e. console.log())
  • Comments were written for complex code
• I have checked that all tests are passing (for bug fixes and enhancements)
  • CLI Test (npm run test:cli)
  • Unit Test (npm run test:modules)
  • E2E Test (npm run e2e)
• I have added and/or modified relevant tests for my changes (for bug fixes and enhancements)
• I have added and/or modified relevant documentations for my changes (if necessary)

Description

This PR is to share the basic usage for plop.js.
Related Issue #1190

2024-03-19.18.44.47.mov

[changeset-bot]

⚠️ No Changeset found

Latest commit: 1618fef

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[seiya0914]

I can't see the picture of the goal...
I'd like to create visualized picture to clarify what we want to achieve with plop.

[seiya0914]

@seiya0914 cc: @jinmayamashita

• Try to implement a generator using plop API, not plop CLI.
• create sample.ts and generate sample route or whatever.

sample script

// sample.ts

plop.generateCode({ generator: '../path/plopfile.js'})

[seiya0914]

@jinmayamashita
1618fef
I found out that we can run plopfile through node.js. I added sample code.

2024-03-25.17.30.07.mov

[jinmayamashita]

#1217 (comment)

@seiya0914 Nice! Is it possible to generate a file without going through the plop prompt?

ml-frontend/plopfile.js

Lines 9 to 13 in 1618fef

	prompts: [{
	type: 'input',
	name: 'name',
	message: 'Component name?',
	}],

(Can we use "bypass" for that?) https://plopjs.com/documentation/#3rd-party-prompt-bypass

[jinmayamashita]

it possible to generate a file without going through the plop prompt?

FYI @ptrkdan @seiya0914
It looks like we can use the actions without utilizing Plop's prompts, by using a different CLI instead. 👀

• https://github.com/jinmayamashita/sandbox-generate-react-app/blob/638c8919fb398670dd36d79c104dffbbdecd46f5/src/generate-code.ts#L54
• https://github.com/jinmayamashita/sandbox-generate-react-app/blob/638c8919fb398670dd36d79c104dffbbdecd46f5/code/templates/plopfile.ts#L8-L16