feat: support spaces in file names (#779)

jamonserrano · Viktor Honti · web-flow · commit 6ee639a039a0 · 2022-09-28T08:51:55.000+02:00
Co-authored-by: Viktor Honti &lt;viktor.honti@airtame.com&gt;
diff --git a/packages/core/src/state.test.ts b/packages/core/src/state.test.ts
@@ -24,6 +24,11 @@ describe('state', () => {
         filePath: 'a&b~c-d_e.svg',
         componentName: 'SvgAbcDE',
       })
+      expect(expandState({ filePath: 'Arrow up.svg' })).toEqual({
+        filePath: 'Arrow up.svg',
+        componentName: 'SvgArrowUp',
+      })
+
     })
   })
 })
diff --git a/packages/core/src/state.ts b/packages/core/src/state.ts
@@ -13,7 +13,7 @@ export interface State {
   }
 }
 
-const VALID_CHAR_REGEX = /[^a-zA-Z0-9_-]/g
+const VALID_CHAR_REGEX = /[^a-zA-Z0-9 _-]/g
 
 const getComponentName = (filePath?: string): string => {
   if (!filePath) return 'SvgComponent'

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ export interface State {`
`13`	`13`	`}`
`14`	`14`	`}`
`15`	`15`
`16`		`-const VALID_CHAR_REGEX = /[^a-zA-Z0-9_-]/g`
	`16`	`+const VALID_CHAR_REGEX = /[^a-zA-Z0-9 _-]/g`
`17`	`17`
`18`	`18`	`const getComponentName = (filePath?: string): string => {`
`19`	`19`	`if (!filePath) return 'SvgComponent'`