From 2c0435a30fbaf67360ed46e5a23ae8bdb77b0a8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Fri, 16 Jun 2023 15:39:01 +0900
Subject: [PATCH] fix: preserve top-level when running terser for IIFE (#900)

Co-authored-by: EGOIST <hi@egoist.dev>
---
 src/index.ts          |  1 +
 src/plugins/terser.ts |  8 +++++---
 test/index.test.ts    | 37 ++++++++++++++++++++++++++-----------
 3 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index b536826f..eef37b12 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -262,6 +262,7 @@ export async function build(_options: Options) {
                       minifyOptions: options.minify,
                       format,
                       terserOptions: options.terserOptions,
+                      globalName: options.globalName,
                       logger,
                     }),
                   ])
diff --git a/src/plugins/terser.ts b/src/plugins/terser.ts
index 1d82ba62..c8b6ef0c 100644
--- a/src/plugins/terser.ts
+++ b/src/plugins/terser.ts
@@ -9,11 +9,13 @@ export const terserPlugin = ({
   minifyOptions,
   format,
   terserOptions = {},
-  logger
+  globalName,
+  logger,
 }: {
   minifyOptions: Options['minify']
   format: Format
-  terserOptions?: MinifyOptions,
+  terserOptions?: MinifyOptions
+  globalName?: string
   logger: Logger
 }): Plugin => {
   return {
@@ -37,7 +39,7 @@ export const terserPlugin = ({
 
       if (format === 'esm') {
         defaultOptions.module = true
-      } else {
+      } else if (!(format === 'iife' && globalName !== undefined)) {
         defaultOptions.toplevel = true
       }
 
diff --git a/test/index.test.ts b/test/index.test.ts
index 6e8f0804..c50a999e 100644
--- a/test/index.test.ts
+++ b/test/index.test.ts
@@ -1255,12 +1255,10 @@ test(`should generate export {} when there are no exports in source file`, async
 })
 
 test('custom inject style function', async () => {
-  const { outFiles, getFileContent } = await run(
-    getTestName(),
-    {
-      'input.ts': `import './style.css'`,
-      'style.css': `.hello { color: red }`,
-      'tsup.config.ts': `
+  const { outFiles, getFileContent } = await run(getTestName(), {
+    'input.ts': `import './style.css'`,
+    'style.css': `.hello { color: red }`,
+    'tsup.config.ts': `
         export default {
           entry: ['src/input.ts'],
           minify: true,
@@ -1269,13 +1267,30 @@ test('custom inject style function', async () => {
             return "__custom_inject_style__(" + css +")";
           }
         }`,
-    },
-  )
+  })
   expect(outFiles).toEqual(['input.js', 'input.mjs'])
-  expect(await getFileContent('dist/input.mjs')).toContain('__custom_inject_style__(`.hello{color:red}\n`)')
-  expect(await getFileContent('dist/input.js')).toContain('__custom_inject_style__(`.hello{color:red}\n`)')
+  expect(await getFileContent('dist/input.mjs')).toContain(
+    '__custom_inject_style__(`.hello{color:red}\n`)'
+  )
+  expect(await getFileContent('dist/input.js')).toContain(
+    '__custom_inject_style__(`.hello{color:red}\n`)'
+  )
 })
 
+test('preserve top-level variable for IIFE format', async () => {
+  const { outFiles, getFileContent } = await run(getTestName(), {
+    'input.ts': `export default 'foo'`,
+    'tsup.config.ts': `
+        export default {
+          entry: ['src/input.ts'],
+          globalName: 'globalFoo',
+          minify: 'terser',
+          format: ['iife']
+        }`,
+  })
+  expect(outFiles).toEqual(['input.global.js'])
+  expect(await getFileContent('dist/input.global.js')).toMatch(/globalFoo\s*=/)
+})
 
 test('should load postcss esm config', async () => {
   const { outFiles, getFileContent } = await run(getTestName(), {
@@ -1301,4 +1316,4 @@ test('should load postcss esm config', async () => {
 
   expect(outFiles).toEqual(['input.cjs', 'input.css'])
   expect(await getFileContent('dist/input.css')).toContain('color: blue;')
-})
\ No newline at end of file
+})