fix comma operator in debug (#746)

#739

Author: pushkine

packages/svelte2tsx/src/htmlxtojsx/nodes/debug.ts

@@ -1,10 +1,18 @@
-import MagicString from 'magic-string';
 import { Node } from 'estree-walker';
+import MagicString from 'magic-string';
 
 /**
- * {@debug ...}   --->   {...}
+ * {@debug a}		--->   {a}
+ * {@debug a, b}	--->   {a}{b}
+ * tsx won't accept commas, must split
  */
-export function handleDebug(htmlx: string, str: MagicString, debugBlock: Node): void {
-    const tokenStart = htmlx.indexOf('@debug', debugBlock.start);
-    str.remove(tokenStart, tokenStart + '@debug'.length);
+export function handleDebug(_htmlx: string, str: MagicString, debugBlock: Node): void {
+    let cursor = debugBlock.start;
+    for (const identifier of debugBlock.identifiers as Node[]) {
+        str.remove(cursor, identifier.start);
+        str.prependLeft(identifier.start, '{');
+        str.prependLeft(identifier.end, '}');
+        cursor = identifier.end;
+    }
+    str.remove(cursor, debugBlock.end);
 }

packages/svelte2tsx/test/htmlx2jsx/samples/debug-block/expected.jsx

@@ -1 +1,3 @@
-<>{ myfile, someOtherFile }</>
+<>{myfile}
+{myfile}{someOtherFile}
+{myfile}{someOtherFile}{someThirdFile}</>

packages/svelte2tsx/test/htmlx2jsx/samples/debug-block/input.svelte

@@ -1 +1,3 @@
-{@debug myfile, someOtherFile }
+{@debug myfile}
+{@debug myfile   , someOtherFile }
+{@debug myfile, someOtherFile, someThirdFile    }

packages/svelte2tsx/test/svelte2tsx/samples/debug-block/expected.tsx

@@ -0,0 +1,9 @@
+///<reference types="svelte" />
+<></>;function render() {
+<>{myfile}
+{__sveltets_store_get(myfile)}{someOtherFile}
+{myfile}{__sveltets_store_get(someOtherFile)}{someThirdFile}</>
+return { props: {}, slots: {}, getters: {}, events: {} }}
+
+export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render))) {
+}

packages/svelte2tsx/test/svelte2tsx/samples/debug-block/input.svelte

@@ -0,0 +1,3 @@
+{@debug myfile}
+{@debug $myfile   , someOtherFile }
+{@debug myfile, $someOtherFile, someThirdFile    }