Fix wrong codes

inokawa · inokawa · commit 251a7c9438bd · 2020-12-30T22:36:29.000+09:00
diff --git a/src/bridge.ts b/src/bridge.ts
@@ -13,12 +13,12 @@ export const useBridge = <T>(
 <!DOCTYPE html>
 <html>
 <head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 </head>
 <body>
-<div id="${ROOT_ID}" />
-<script>${app}</script>
+  <div id="${ROOT_ID}"></div>
+  <script type="text/javascript">(function(){${app}})()</script>
 </body>
 </html>
 `,
diff --git a/src/plugin/index.js b/src/plugin/index.js
@@ -9,7 +9,7 @@ export const transform = async (args) => {
     const res = await bundle(filename);
     return metroTransformer.transform({
       ...args,
-      src: `export default \`${res}\`;`,
+      src: `export default String.raw\`${res}\`;`,
     });
   }
 
diff --git a/src/web/bridge.ts b/src/web/bridge.ts
@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
 import ReactDOM from "react-dom";
 import { EVENT_KEY, ROOT_ID, Message } from "../common";
 
-export const webViewRender = (root: React.ReactElement): string => {
+export const webViewRender = (root: JSX.Element): string => {
   ReactDOM.render(root, document.getElementById(ROOT_ID));
   return ""; // dummy
 };

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ export const transform = async (args) => {`
`9`	`9`	`const res = await bundle(filename);`
`10`	`10`	`return metroTransformer.transform({`
`11`	`11`	`...args,`
`12`		- src: `export default \`${res}\`;`,
	`12`	+ src: `export default String.raw\`${res}\`;`,
`13`	`13`	`});`
`14`	`14`	`}`
`15`	`15`