fix(esbuild): import attribute

Author: sxzz

src/index.ts

@@ -3,7 +3,7 @@ import path from 'node:path'
 import { createUnplugin, type UnpluginInstance } from 'unplugin'
 import { createFilter } from 'unplugin-utils'
 import { resolveOptions, type Options } from './core/options'
-import type { Loader } from 'esbuild'
+import type { Loader, TransformOptions } from 'esbuild'
 import type { PluginContext } from 'rollup'
 
 const unplugin: UnpluginInstance<Options | undefined, false> = createUnplugin(
@@ -43,32 +43,32 @@ const unplugin: UnpluginInstance<Options | undefined, false> = createUnplugin(
 
       load: {
         filter: { id: { include: rawRE } },
-        async handler(id) {
+        handler(id) {
           const file = cleanUrl(id)
-          let contents = await readFile(file, 'utf-8')
-          if (transformFilter(file)) {
-            let transform: typeof import('esbuild').transform
-            const nativeContext = this.getNativeBuildContext?.()
-            if (nativeContext?.framework === 'esbuild') {
-              ;({ transform } = nativeContext.build.esbuild)
-            } else {
-              transform = (await import('esbuild')).transform
-            }
-            contents = (
-              await transform(contents, {
-                loader: guessLoader(file),
-                ...options.transform.options,
-              })
-            ).code
-          }
-          return `export default ${JSON.stringify(contents)}`
+          const context = this.getNativeBuildContext?.()
+          const transform =
+            context?.framework === 'esbuild'
+              ? context.build.esbuild.transform
+              : undefined
+          return transformRaw(
+            file,
+            transformFilter,
+            options.transform.options,
+            transform,
+          )
         },
       },
       esbuild: {
         setup(build) {
-          build.onLoad({ filter: /.*/ }, (args) => {
+          build.onLoad({ filter: /.*/ }, async (args) => {
             if (args.with.type === 'text') {
-              return { contents: 'export default "123"' }
+              const contents = await transformRaw(
+                args.path,
+                transformFilter,
+                options.transform.options,
+                build.esbuild.transform,
+              )
+              return { contents, loader: 'js' }
             }
           })
         },
@@ -105,3 +105,20 @@ const ExtToLoader: Record<string, Loader> = {
 export function guessLoader(id: string): Loader {
   return ExtToLoader[path.extname(id).toLowerCase()] || 'js'
 }
+
+async function transformRaw(
+  file: string,
+  transformFilter: (id: string | unknown) => boolean,
+  options: TransformOptions,
+  transform?: typeof import('esbuild').transform,
+) {
+  let contents = await readFile(file, 'utf-8')
+
+  if (transformFilter(file)) {
+    transform ||= (await import('esbuild')).transform
+    contents = (
+      await transform(contents, { loader: guessLoader(file), ...options })
+    ).code
+  }
+  return `export default ${JSON.stringify(contents)}`
+}

tests/__snapshots__/basic.test.ts.snap

@@ -1,22 +1,20 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`esbuild 1`] = `
-"(() => {
-  // tests/fixtures/ts.ts?raw
-  var ts_default = 'export const msg = "hello ts";\\n';
+"// tests/fixtures/ts.ts?raw
+var ts_default = 'export const msg = "hello ts";\\n';
 
-  // tests/fixtures/js.js?raw
-  var js_default = 'export const msg = "hello js";\\n';
+// tests/fixtures/js.js?raw
+var js_default = 'export const msg = "hello js";\\n';
 
-  // tests/fixtures/jsx.jsx?raw
-  var jsx_default = 'export const msg = /* @__PURE__ */ React.createElement("div", null, "hello jsx");\\n';
+// tests/fixtures/jsx.jsx?raw
+var jsx_default = 'export const msg = /* @__PURE__ */ React.createElement("div", null, "hello jsx");\\n';
 
-  // tests/fixtures/with.js
-  var with_default = "123";
+// tests/fixtures/with.js
+var with_default = 'export const msg = "hello with";\\n';
 
-  // <stdin>
-  console.log(ts_default, js_default, jsx_default, with_default);
-})();
+// <stdin>
+console.log(ts_default, js_default, jsx_default, with_default);
 "
 `;
 

tests/basic.test.ts

@@ -22,6 +22,7 @@ test('esbuild', async () => {
     },
     write: false,
     bundle: true,
+    format: 'esm',
     plugins: [Raw.esbuild()],
   })
   expect(result.outputFiles[0].text).matchSnapshot()