fix: special case printing json scripts

Author: DylanPiercey

src/__tests__/__snapshots__/script-with-type.expected/auto.marko

@@ -1,8 +1,10 @@
 <script nonce=$global.cspNonce type="speculationrules">
   {
-    "prerender": [{
-      "where": { "href_matches": "/*" },
-      "eagerness": "moderate"
-    }]
+    "prerender": [
+      {
+        "where": { "href_matches": "/*" },
+        "eagerness": "moderate"
+      }
+    ]
   }
 </script>

src/__tests__/__snapshots__/script-with-type.expected/concise.marko

@@ -1,9 +1,11 @@
 script nonce=$global.cspNonce type="speculationrules"
   --
   {
-    "prerender": [{
-      "where": { "href_matches": "/*" },
-      "eagerness": "moderate"
-    }]
+    "prerender": [
+      {
+        "where": { "href_matches": "/*" },
+        "eagerness": "moderate"
+      }
+    ]
   }
   --

src/__tests__/__snapshots__/script-with-type.expected/html.marko

@@ -1,8 +1,10 @@
 <script nonce=$global.cspNonce type="speculationrules">
   {
-    "prerender": [{
-      "where": { "href_matches": "/*" },
-      "eagerness": "moderate"
-    }]
+    "prerender": [
+      {
+        "where": { "href_matches": "/*" },
+        "eagerness": "moderate"
+      }
+    ]
   }
 </script>

src/__tests__/__snapshots__/script-with-type.expected/with-parens.marko

@@ -1,8 +1,10 @@
 <script nonce=$global.cspNonce type="speculationrules">
   {
-    "prerender": [{
-      "where": { "href_matches": "/*" },
-      "eagerness": "moderate"
-    }]
+    "prerender": [
+      {
+        "where": { "href_matches": "/*" },
+        "eagerness": "moderate"
+      }
+    ]
   }
 </script>

src/index.ts

@@ -645,6 +645,7 @@ export const printers: Record<string, Printer<types.Node>> = {
                 return async (toDoc, print) => {
                   const placeholders = [] as Doc[];
                   const groupId = Symbol();
+                  const parser = getScriptParser(node);
                   const doc: Doc[] = [
                     opts.markoSyntax === "html" ? "<" : "",
                     "script",
@@ -734,11 +735,13 @@ export const printers: Record<string, Printer<types.Node>> = {
                         : b.ifBreak("--", " --", { groupId }),
                       opts.markoSyntax === "html" ? "" : b.line,
                       replaceEmbeddedPlaceholders(
-                        await toDoc(embeddedCode, {
-                          parser: scriptParser,
-                        }).catch(() =>
-                          asLiteralTextContent(embeddedCode.trim()),
-                        ),
+                        parser === false
+                          ? asLiteralTextContent(embeddedCode.trim())
+                          : await toDoc(embeddedCode, {
+                              parser,
+                            }).catch(() =>
+                              asLiteralTextContent(embeddedCode.trim()),
+                            ),
                         placeholders,
                       ),
                       opts.markoSyntax === "html"
@@ -1258,3 +1261,25 @@ function setConfig(config: Config) {
     },
   };
 }
+
+function getScriptParser(tag: types.MarkoTag) {
+  for (const attr of tag.attributes) {
+    if (attr.type === "MarkoAttribute" && attr.name === "type") {
+      switch (
+        attr.value.type === "StringLiteral" ? attr.value.value : undefined
+      ) {
+        case "module":
+        case "text/javascript":
+        case "application/javascript":
+          return scriptParser;
+        case "importmap":
+        case "speculationrules":
+          return "json";
+        default:
+          return false;
+      }
+    }
+  }
+
+  return scriptParser;
+}