chore: Remove prebuild command

Prebuild was messing up the dev server, but I do not know why
johnedvard · Aug 17, 2022 · 0a1f246 · 0a1f246
1 parent fc51793
commit 0a1f246
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -5,7 +5,6 @@
   "source": "src/index.html",
   "scripts": {
     "start": "parcel serve",
-    "prebuild": "rm -rf dist",
     "build": "parcel build src/index.html"
   },
   "author": "johnedvard",

diff --git a/src/index.html b/src/index.html
@@ -4,15 +4,10 @@
     <meta charset="utf-8" />
     <title>Skeleton rope</title>
     <link rel="stylesheet" href="styles.css" />
-    <!-- TODO (johnedvard) Load near API through code instead -->
-    <script
-      type="module"
-      src="https://js13kgames.com/src/near-api-js.js"
-    ></script>
     <script type="module" src="index.js"></script>
   </head>
   <body>
-    <button id="loginout"></button>
+    <button id="loginout">Loading....</button>
     <canvas width="800px" height="800px"></canvas>
   </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -7,9 +7,23 @@ const init = () => {
 };
 
 const initNear = () => {
-  const nearConnection = new NearConnection();
-  nearConnection.initContract().then((res) => {
-    initLoginLogout(nearConnection);
+  loadNearApi().then(() => {
+    const nearConnection = new NearConnection();
+    nearConnection.initContract().then(() => {
+      initLoginLogout(nearConnection);
+    });
+  });
+};
+
+const loadNearApi = () => {
+  return new Promise((resolve) => {
+    if (window.nearApi) resolve();
+    const script = document.createElement('script');
+    script.onload = () => {
+      resolve();
+    };
+    script.src = 'https://js13kgames.com/src/near-api-js.js';
+    document.head.appendChild(script);
   });
 };