type check for reactive declaration (#335)

* type check for reactive declaration

* Revert "type check for reactive declaration"

This reverts commit a600efd.

* type check for reactive declaration

* skip format related code

Author: gfreezy

packages/svelte2tsx/src/svelte2tsx.ts

@@ -795,7 +795,9 @@ function processInstanceScriptContent(str: MagicString, script: Node): InstanceS
     // declare implicit reactive variables we found in the script
     for (const [name, pos] of implicitTopLevelNames.entries()) {
         if (!rootScope.declared.has(name)) {
-            str.prependRight(pos + astOffset, `;let ${name}; `);
+            // remove '$:' label
+            str.remove(pos + astOffset, pos + astOffset+2);
+            str.prependRight(pos + astOffset, `let `);
         }
     }
 

packages/svelte2tsx/test/sourcemaps/let.html

@@ -1,6 +1,6 @@
 <></>;function render() {
 
-    ;let selected; $: selected = __sveltets_invalidate(() => lookup.get(slug));
+    let  selected = __sveltets_invalidate(() => lookup.get(slug));
 ;
 <>
 </>

packages/svelte2tsx/test/sourcemaps/repl.html

@@ -69,8 +69,8 @@
 	//   here statically
 	const tutorial_repo_link = 'https://github.com/sveltejs/svelte/tree/master/site/content/tutorial';
 
-	;let selected; $: selected = __sveltets_invalidate(() => lookup.get(slug));
-	;let improve_link; $: improve_link = __sveltets_invalidate(() => `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`);
+	let  selected = __sveltets_invalidate(() => lookup.get(slug));
+	let  improve_link = __sveltets_invalidate(() => `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`);
 
 	const clone = file => ({
 		name: file.name,
@@ -85,7 +85,7 @@
 		});
     }}
 
-	;let mobile; $: mobile = __sveltets_invalidate(() => width < 768);
+	let  mobile = __sveltets_invalidate(() => width < 768);
 
 	function reset() {
 		repl.update({

packages/svelte2tsx/test/svelte2tsx/samples/reactive-declare-object/expected.tsx

@@ -1,7 +1,7 @@
 <></>;function render() {
 
 
-;let b; $: b = __sveltets_invalidate(() => ({ a: 1 }));
+let  b = __sveltets_invalidate(() => ({ a: 1 }));
 ;
 <></>
 return { props: {}, slots: {}, getters: {} }}

packages/svelte2tsx/test/svelte2tsx/samples/reactive-declare/expected.tsx

@@ -1,7 +1,7 @@
 <></>;function render() {
 
 
-;let b; $: b = __sveltets_invalidate(() => 7);
+let  b = __sveltets_invalidate(() => 7);
 
 let a;
 $: a = __sveltets_invalidate(() => 5);