fix: Use a regex to filter files for processing

fixes: #48
eryue0220 · Jul 19, 2024 · e5a4870 · e5a4870
1 parent 6ccdd2e
commit e5a4870
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/core/options.ts b/src/core/options.ts
@@ -8,7 +8,8 @@ export function getOptions(options: UnpluginStylexOptions): Required<UnpluginSty
   return {
     ...options,
     dev: isDev,
-    invalidExts: ['.json', '.html', '.jade', '.json5', ...(options.invalidExts ?? [])],
+    // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts
+    validExts: options.validExts ?? /\.[mc]?[jt]sx?$/,
     stylex: {
       filename: stylex.filename || 'stylex.css',
       stylexImports: stylex.stylexImports || ['@stylexjs/stylex'],

diff --git a/src/index.ts b/src/index.ts
@@ -29,12 +29,12 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
 
     transformInclude(id) {
       // webpack will contain these files, which will occur errors
-      const invalidExts = options.invalidExts
+      const validExts = options.validExts
       const extname = path.extname(id)
       // for handle vite
       const questionMarkIndex = extname.indexOf('?')
       const validExtName = questionMarkIndex > -1 ? extname.slice(0, questionMarkIndex) : extname
-      return !invalidExts.includes(validExtName)
+      return validExts.test(validExtName)
     },
 
     async transform(code, id) {

diff --git a/src/types.ts b/src/types.ts
@@ -22,7 +22,7 @@ export type StylexOptions = {
 
 export type UnpluginStylexOptions = {
   // compiler?: string
-  invalidExts?: string[]
+  validExts?: RegExp
   dev?: boolean
   // enforce?: 'post' | 'pre'
   stylex?: StylexOptions