🐛 Fixed the issue with accepting spaces

plop-templates/component.hbs

@@ -4,7 +4,7 @@ import { getPlayById } from 'meta/play-meta';
 
 import PlayHeader from 'common/playlists/PlayHeader';
 
-function {{component}}() {
+function {{trim component}}() {
  // Do not remove the below lines. 
  // The following code is to fetch the current play from the URL
  const location = useLocation();
@@ -20,7 +20,7 @@ function {{component}}() {
  <div className="play-details-body">
  {/* Your Code Starts Here */}
  <div>
- <h1>Play Details - {{name}}</h1>
+ <h1>Play Details - {{titleCase name}}</h1>
  <p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Pellentesque euismod, urna eu tincidunt consectetur,

plop-templates/exportPlay.hbs

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

plop-templates/importToMeta.hbs

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

plop-templates/play.hbs

@@ -1,9 +1,9 @@
 {
  id: '{{dashCase id}}', 
- name: '{{name}}', 
+ name: '{{titleCase name}}', 
  description: '{{description}}',
- component: () => {return <{{component}} />},
- path: '/plays/{{folder}}',
+ component: () => {return <{{trim component}} />},
+ path: '/plays/{{trim folder}}',
  level: '{{level}}',
  tags: '{{tags}}',
  github: '{{github}}',

plopfile.js

@@ -1,4 +1,6 @@
 module.exports = plop => {
+ plop.setHelper('trim', str => str.trim());
+
  // demo generator
  plop.setGenerator('play', {
  description: 'Steps to add a new play',
@@ -65,7 +67,7 @@ module.exports = plop => {
  actions: [
  {
  type: 'add',
- path: 'src/plays/{{folder}}/{{component}}.js',
+ path: 'src/plays/{{trim folder}}/{{trim component}}.js',
  templateFile: 'plop-templates/component.hbs',
  },
  {