perf(script loading): Load the itk-vtk-viewer script asynchronously

bnmajor · bnmajor · commit 35c144b9ae4b · 2022-04-10T17:31:30.000-04:00
diff --git a/client/index.html b/client/index.html
@@ -5,6 +5,9 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.png" />
     <link rel="stylesheet" type="text/css" href="/client/src/style.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@11.12.4/dist/itkVtkViewer.js">
+      var loading = true
+    </script>
   </head>
   <body>
     <div class="content" style="position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; overflow: hidden; background: black; margin: 0; padding: 0;"></div>
@@ -13,8 +16,5 @@
     </div>
     <div id="loading" class="loading"/>
     <div id="progress" class="progress"/>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@11.12.4/dist/itkVtkViewer.js">
-      var loading = true
-    </script>
   </body>
 </html>
diff --git a/client/package.json b/client/package.json
@@ -30,6 +30,7 @@
     "material-ui": "^0.20.2",
     "ndarray-pack": "^1.2.1",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "regenerator-runtime": "^0.13.9"
   }
 }
diff --git a/client/webpack.config.js b/client/webpack.config.js
@@ -6,7 +6,7 @@ const isDev = process.env.NODE_ENV !== 'production'
 
 module.exports = {
   mode: isDev ? 'development' : 'production',
-  entry: './src/index.js',
+  entry: ['regenerator-runtime/runtime.js', './src/index.js'],
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'index.js'
diff --git a/client/yarn.lock b/client/yarn.lock
@@ -4642,7 +4642,7 @@ regenerator-runtime@^0.11.0:
   resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz"
   integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
 
-regenerator-runtime@^0.13.4:
+regenerator-runtime@^0.13.4, regenerator-runtime@^0.13.9:
   version "0.13.9"
   resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz"
   integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
diff --git a/tensorboard_plugin_3d/static/index.html b/tensorboard_plugin_3d/static/index.html

Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@`
`30`	`30`	`"material-ui": "^0.20.2",`
`31`	`31`	`"ndarray-pack": "^1.2.1",`
`32`	`32`	`"react": "^17.0.2",`
`33`		`- "react-dom": "^17.0.2"`
	`33`	`+ "react-dom": "^17.0.2",`
	`34`	`+ "regenerator-runtime": "^0.13.9"`
`34`	`35`	`}`
`35`	`36`	`}`