fix: use complex splitter for batch processing

Author: Teages

src/utils/template.ts

@@ -214,13 +214,14 @@ async function transformJsSnippets(codes: string[], transform: (code: string) =>
   }
 
   // transform all snippets in a single file
-  const batchInput = Array.from(keyMap.entries()).map(([wrapperName, raw]) => `${wrapperName}(${raw});`).join('\n')
+  const batchInputSplitter = `\nsplitter(${Math.random()});\n`
+  const batchInput = Array.from(keyMap.entries()).map(([wrapperName, raw]) => `${wrapperName}(${raw});`).join(batchInputSplitter)
 
   try {
     const batchOutput = await transform(batchInput)
 
-    const lines = batchOutput.split('\n')
-    const wrapperRegex = /^(wrapper_\d+)\((.*)\);$/
+    const lines = batchOutput.trim().split(batchInputSplitter)
+    const wrapperRegex = /^(wrapper_\d+)\(([\s\S]*?)\);$/
     for (const line of lines) {
       const [_, wrapperName, res] = line.match(wrapperRegex) ?? []
       if (!wrapperName || !res) {

test/template.test.ts

@@ -42,6 +42,16 @@ describe('transform typescript template', () => {
         `<div @click="(e: unknown) => handleClick(e as MouseEvent)" />`,
       ),
     ).toEqual(`<div @click="(e) => handleClick(e)" />`)
+    expect(
+      await fixture(
+        `<div @click="(e: unknown) => { handleClick(e as MouseEvent); ping() }" />`,
+      ),
+    ).toMatchInlineSnapshot(`
+      "<div @click="(e) => {
+        handleClick(e);
+        ping();
+      }" />"
+    `)
   })
 
   it('destructuring', async () => {