fix(dynamic-import-vars): escape special glob characters (#1636)

Author: sapphi-red

packages/dynamic-import-vars/src/dynamic-import-to-glob.js

@@ -1,15 +1,18 @@
 import path from 'path';
 
+import fastGlob from 'fast-glob';
+
 export class VariableDynamicImportError extends Error {}
 
 /* eslint-disable-next-line no-template-curly-in-string */
 const example = 'For example: import(`./foo/${bar}.js`).';
 
 function sanitizeString(str) {
+  if (str === '') return str;
   if (str.includes('*')) {
     throw new VariableDynamicImportError('A dynamic import cannot contain * characters.');
   }
-  return str;
+  return fastGlob.escapePath(str);
 }
 
 function templateLiteralToGlob(node) {

packages/dynamic-import-vars/test/src/dynamic-import-to-glob.test.mjs

@@ -268,3 +268,21 @@ test('throws when dynamic import imports does not contain a file extension', (t)
   );
   t.true(error instanceof VariableDynamicImportError);
 });
+
+test('escapes ()', (t) => {
+  const ast = parse('import(`./${foo}/(foo).js`);', {
+    sourceType: 'module'
+  });
+
+  const glob = dynamicImportToGlob(ast.body[0].expression.source);
+  t.is(glob, './*/\\(foo\\).js');
+});
+
+test('escapes []', (t) => {
+  const ast = parse('import(`./${foo}/[foo].js`);', {
+    sourceType: 'module'
+  });
+
+  const glob = dynamicImportToGlob(ast.body[0].expression.source);
+  t.is(glob, './*/\\[foo\\].js');
+});