fix(lexGlobPattern): edge case of glob import (#6022)

docs/guide/features.md

@@ -296,6 +296,7 @@ Note that:
 - The glob patterns are treated like import specifiers: they must be either relative (start with `./`) or absolute (start with `/`, resolved relative to project root).
 - The glob matching is done via `fast-glob` - check out its documentation for [supported glob patterns](https://github.com/mrmlnc/fast-glob#pattern-syntax).
 - You should also be aware that glob imports do not accept variables, you need to directly pass the string pattern.
+- The glob patterns cannot contain the same quote string (i.e. `'`, `"`, `` ` ``) as outer quotes, e.g. `'/Tom\'s files/**'`, use `"/Tom's files/**"` instead.
 
 ## WebAssembly
 

packages/playground/glob-import/index.html

@@ -2,7 +2,13 @@
 
 <script type="module" src="./dir/index.js"></script>
 <script type="module">
- const modules = import.meta.glob('/dir/**')
+ const modules = import.meta.glob(
+ '/dir/**'
+ // for test: annotation contain ")"
+ /*
+ * for test: annotation contain ")"
+ * */
+ )
 
  for (const path in modules) {
  modules[path]().then((mod) => {

packages/vite/src/node/importGlob.ts

@@ -161,7 +161,39 @@ function lexGlobPattern(code: string, pos: number): [string, number] {
  throw new Error('unknown import.meta.glob lexer state')
  }
  }
- return [pattern, code.indexOf(`)`, i) + 1]
+
+ const endIndex = getEndIndex(code, i)
+ return [pattern, endIndex + 1]
+}
+
+// reg without the 'g' option, only matches the first match
+const multilineCommentsRE = /\/\*(.|[\r\n])*?\*\//m
+const singlelineCommentsRE = /\/\/.*/
+
+function getEndIndex(code: string, i: number): number {
+ const findStart = i
+ const endIndex = code.indexOf(`)`, findStart)
+ const subCode = code.substring(findStart)
+
+ const matched =
+ subCode.match(singlelineCommentsRE) ?? subCode.match(multilineCommentsRE)
+ if (!matched) {
+ return endIndex
+ }
+
+ const str = matched[0]
+ const index = matched.index
+ if (!index) {
+ return endIndex
+ }
+
+ const commentStart = findStart + index
+ const commentEnd = commentStart + str.length
+ if (endIndex > commentStart && endIndex < commentEnd) {
+ return getEndIndex(code, commentEnd)
+ } else {
+ return endIndex
+ }
 }
 
 function error(pos: number) {