✨ Added remaining plop scripts

plop-templates/component.hbs

@@ -0,0 +1,10 @@
+function {{component}}() {
+ return (
+ <div>
+ <h1>{{name}}</h1>
+ <p>{{description}}</p>
+ </div>
+ );
+}
+
+export default {{component}};

plop-templates/exportPlay.hbs

@@ -0,0 +1,2 @@
+export { default as {{component}} } from 'plays/{{folder}}/{{component}}';
+//add export here

plop-templates/importToMeta.hbs

@@ -0,0 +1,2 @@
+{{component}},
+//import play here

plopfile.js

@@ -58,6 +58,23 @@ module.exports = plop => {
  },
  ],
  actions: [
+ {
+ type: 'add',
+ path: 'src/plays/{{folder}}/{{component}}.js',
+ templateFile: 'plop-templates/component.hbs',
+ },
+ {
+ type: 'modify',
+ path: 'src/plays/index.js',
+ pattern: /\/\/add export here/gi,
+ templateFile: 'plop-templates/exportPlay.hbs',
+ },
+ {
+ type: 'modify',
+ path: 'src/meta/play-meta.js',
+ pattern: /\/\/import play here/gi,
+ templateFile: 'plop-templates/importToMeta.hbs',
+ },
  {
  type: 'modify',
  path: 'src/meta/play-meta.js',

src/meta/play-meta.js

@@ -3,7 +3,8 @@ import {
  BasicTree, CdTimerComp,
  CurrentTimer,
  MovieContainer,
- WhyReact
+ WhyReact,
+ //import play here
 } from "plays";
 
 const plays = [

src/plays/index.js

@@ -5,4 +5,4 @@ export { default as CdTimerComp } from 'plays/date-time-counter/CdTimerComp';
 export { default as BasicTree } from 'plays/family-tree/BasicTree';
 export { default as MovieContainer } from 'plays/movies/MovieContainer';
 export { default as WhyReact } from 'plays/why-react/WhyReact';
-
+//add export here