(fix) more robust handling of inner script tags (#1433)

Remove scripts inside of `@html` tags
#1427

Author: dummdidumm

packages/svelte2tsx/src/svelte2tsx/index.ts

@@ -200,7 +200,10 @@ function processSvelteTemplate(
                 handleStyleTag(node);
                 break;
             case 'Element':
-                scripts.handleScriptTag(node, parent);
+                scripts.checkIfElementIsScriptTag(node, parent);
+                break;
+            case 'RawMustacheTag':
+                scripts.checkIfContainsScriptTag(node);
                 break;
             case 'BlockStatement':
                 scopeStack.push();

packages/svelte2tsx/src/svelte2tsx/nodes/Scripts.ts

@@ -13,13 +13,19 @@ export class Scripts {
 
     constructor(private htmlxAst: Node) {}
 
-    handleScriptTag = (node: Node, parent: Node) => {
+    checkIfElementIsScriptTag(node: Node, parent: Node) {
         if (parent !== this.htmlxAst && node.name === 'script') {
             this.topLevelScripts = this.topLevelScripts.filter(
                 (tag) => tag.start !== node.start || tag.end !== node.end
             );
         }
-    };
+    }
+
+    checkIfContainsScriptTag(node: Node) {
+        this.topLevelScripts = this.topLevelScripts.filter(
+            (tag) => !(node.start <= tag.start && node.end >= tag.end)
+        );
+    }
 
     getTopLevelScriptTags(): { scriptTag: Node; moduleScriptTag: Node } {
         let scriptTag: Node = null;

packages/svelte2tsx/test/svelte2tsx/samples/script-in-rawhtml/expected.tsx

@@ -0,0 +1,14 @@
+///<reference types="svelte" />
+<></>;function render() {
+
+    const schema = {
+        key: "value"
+    };
+;
+() => (<>
+
+{ ``}</>);
+return { props: {}, slots: {}, getters: {}, events: {} }}
+
+export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) {
+}

packages/svelte2tsx/test/svelte2tsx/samples/script-in-rawhtml/expectedv2.ts

@@ -0,0 +1,14 @@
+///<reference types="svelte" />
+;function render() {
+
+    const schema = {
+        key: "value"
+    };
+;
+async () => {
+
+ ``;};
+return { props: {}, slots: {}, getters: {}, events: {} }}
+
+export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) {
+}

packages/svelte2tsx/test/svelte2tsx/samples/script-in-rawhtml/input.svelte

@@ -0,0 +1,7 @@
+<script>
+    const schema = {
+        key: "value"
+    };
+</script>
+
+{@html `<script type="application/ld+json">${JSON.stringify(schema)}</script>`}