chore: stacktrace demo

Author: hi-ogawa

packages/vite/src/node/server/environments/rolldown.ts

@@ -336,11 +336,12 @@ function reactRefreshPlugin(): rolldown.Plugin {
         },
       },
       handler(code, id) {
-        return [
-          `const [$RefreshSig$, $RefreshReg$] = __react_refresh_transform_define(${JSON.stringify(id)})`,
-          code,
-          `__react_refresh_transform_setupHot(module.hot)`,
-        ].join(';')
+        const output = new MagicString(code)
+        output.prepend(
+          `const [$RefreshSig$, $RefreshReg$] = __react_refresh_transform_define(${JSON.stringify(id)});`,
+        )
+        output.append(`;__react_refresh_transform_setupHot(module.hot);`)
+        return { code: output.toString(), map: output.generateMap() }
       },
     },
   }

playground/rolldown-dev-react/src/app.tsx

@@ -1,11 +1,12 @@
-import { useState } from 'react'
+import React from 'react'
 // @ts-expect-error no type
 import virtualTest from 'virtual:test'
 // @ts-expect-error no type
 import testAlias from 'test-alias'
+import { throwError } from './error'
 
 export function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = React.useState(0)
 
   return (
     <div>
@@ -16,6 +17,8 @@ export function App() {
         </button>
         <pre>[virtual] {virtualTest}</pre>
         <pre>[alias] {testAlias}</pre>
+        {/* TODO: app.tsx source map is slightly off? */}
+        <button onClick={() => throwError()}>stacktrace</button>
       </div>
     </div>
   )

playground/rolldown-dev-react/src/error.ts

@@ -0,0 +1,9 @@
+//
+// random new lines
+//
+export function throwError() {
+  //
+  // and more
+  //
+  throw new Error('boom')
+}