Fix syntax error when using quotes or escapes in target name

src/Inject.ts

@@ -870,10 +870,10 @@ export function clientCode(
   return (
     versionedIdentifier(outputPath.targetName, webSocketPort) +
     ClientCode.client.replace(
-      new RegExp(`%(${join(Object.keys(replacements), "|")})%`, "g"),
-      (match: string, name: string) =>
+      new RegExp(`"%(${join(Object.keys(replacements), "|")})%"`, "g"),
+      (_, name: string) =>
         /* v8 ignore next */
-        replacements[name] ?? match,
+        Codec.JSON.stringify(Codec.string, replacements[name] ?? name),
     )
   );
 }

tests/Hot.test.ts

@@ -325,6 +325,20 @@ describe("hot", () => {
     expect(div.outerHTML).toMatchInlineSnapshot(`<div>main</div>`);
   });
 
+  test("successful connect (target name with escapes)", async () => {
+    const { div } = await run({
+      fixture: "basic",
+      args: ['"Esc\\apes"'],
+      scripts: ["Escapes.js"],
+      init: (node) => {
+        window.Elm?.["HtmlMain"]?.init({ node });
+      },
+      onIdle: () => "Stop",
+    });
+
+    expect(div.outerHTML).toMatchInlineSnapshot(`<div>Hello, World!</div>`);
+  });
+
   test("connect with elm.json error", async () => {
     const fixture = "connect-with-elm-json-error";
     const dir = path.join(FIXTURES_DIR, fixture);
@@ -979,6 +993,7 @@ describe("hot", () => {
         SendBadJson
         Reconnect
         HttpCaching
+        "Esc\\apes"
 
         If you want to have this target compiled, restart elm-watch either with more CLI arguments or no CLI arguments at all!
         ▲ ❌ 13:10:05 TargetDisabled

tests/fixtures/hot/basic/elm-watch.json

@@ -71,6 +71,12 @@
                 "src/HtmlMain.elm"
             ],
             "output": "build/HttpCaching.js"
+        },
+        "\"Esc\\apes\"": {
+            "inputs": [
+                "src/HtmlMain.elm"
+            ],
+            "output": "build/Escapes.js"
         }
     }
 }