fix: high-resolution source map

scripts/postbuild.mts

@@ -1,6 +1,6 @@
-import { basename, dirname, resolve } from 'path'
-import { readFile, writeFile } from 'fs/promises'
-import { fileURLToPath } from 'url'
+import { basename, dirname, resolve } from 'node:path'
+import { readFile, writeFile } from 'node:fs/promises'
+import { fileURLToPath } from 'node:url'
 import fg from 'fast-glob'
 
 // fix cjs exports
@@ -10,7 +10,6 @@ const files = await fg('*.js', {
   cwd: resolve(dirname(fileURLToPath(import.meta.url)), '../dist'),
 })
 for (const file of files) {
-  // eslint-disable-next-line no-console
   console.log('[postbuild]', basename(file))
   let code = await readFile(file, 'utf8')
   code = code.replace('exports.default =', 'module.exports =')

src/core/style.ts

@@ -1,5 +1,3 @@
-/* eslint-disable unicorn/better-regex */
-
 import { init, parse } from 'es-module-lexer'
 import MagicString from 'magic-string'
 
@@ -16,7 +14,7 @@ const formatMap = {
   esm: 'es',
 }
 
-const multilineCommentsRE = /\/\*\s(.|[\r\n])*?\*\//gm
+const multilineCommentsRE = /\/\*\s(.|[\n\r])*?\*\//gm
 const singlelineCommentsRE = /\/\/\s.*/g
 
 function stripeComments(code: string) {
@@ -32,7 +30,7 @@ export const transformImportStyle = (
     lib: string
     format: FormatType
     ignoreComponents: string[]
-  }
+  },
 ) => {
   const { prefix, lib, format, ignoreComponents } = options
   const statement = stripeComments(source.slice(specifier.ss, specifier.se))
@@ -51,14 +49,14 @@ export const transformImportStyle = (
         if (useSource) {
           styleImports.push(
             `import '${lib}/${formatMap[format]}/components/${hyphenate(
-              component
-            )}/style/index'`
+              component,
+            )}/style/index'`,
           )
         } else {
           styleImports.push(
             `import '${lib}/${formatMap[format]}/components/${hyphenate(
-              component
-            )}/style/css'`
+              component,
+            )}/style/css'`,
           )
         }
       }
@@ -100,6 +98,8 @@ export const transformStyle = async (source: string, options: Options) => {
 
   return {
     code: s.toString(),
-    map: options.sourceMap ? s.generateMap() : null,
+    get map() {
+      return s.generateMap({ hires: true, includeContent: true })
+    },
   }
 }

tests/transform.test.ts

@@ -1,4 +1,3 @@
-/* eslint-disable unicorn/prefer-string-replace-all */
 import { resolve } from 'node:path'
 import glob from 'fast-glob'
 import { describe, expect, it } from 'vitest'
@@ -42,7 +41,7 @@ describe('transform', () => {
               plugin({
                 useSource,
                 ignoreComponents: ['AutoResizer'],
-              })
+              }),
             )
             expect(code).toMatchSnapshot()
           })