feat: Add Coil monetization and disable/enable NEAR Level button

johnedvard · Aug 30, 2022 · e11a66e · e11a66e
1 parent c173470
commit e11a66e
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 1 deletion.
diff --git a/src/gameEvents.js b/src/gameEvents.js
@@ -9,3 +9,4 @@ export const START_NEXT_LEVEL = 'snl';
 export const ARCADIAN_HEAD_SELECTED = 'ahs';
 export const NEAR_TOKENS_ADDED = 'n';
 export const NFT_MINT = 'nm';
+export const MONETIZATION_PROGRESS = 'mp';
diff --git a/src/index.html b/src/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>Skeleton rope</title>
     <script type="module" src="index.js"></script>
+    <meta name="monetization" content="$ilp.uphold.com/Wb3kd4Jf3642" />
   </head>
   <body>
     <div id="container">
@@ -13,7 +14,7 @@
       </div>
       <div id="main" class="overlay">
         <button id="loginoutBtn">Loading....</button>
-        <button id="nearLevelBtn">NEAR Levels</button>
+        <button id="nearLevelBtn" disabled>NEAR Levels</button>
         <button id="levelBtn">Select Level</button>
         <button id="bonusBtn">Bonus Content</button>
       </div>

diff --git a/src/index.js b/src/index.js
@@ -10,12 +10,14 @@ import {
 } from './near/nearConnection';
 import { initMenu } from './menu';
 import { setNftTokens } from './store';
+import { initMonetization } from './monetization';
 
 const init = () => {
   addStyles();
   new Game();
   initNear();
   initMenu();
+  initMonetization();
 };
 
 const addStyles = () => {

diff --git a/src/monetization.js b/src/monetization.js
@@ -0,0 +1,13 @@
+import { MONETIZATION_PROGRESS } from './gameEvents';
+
+export const initMonetization = () => {
+  if (document && document.monetization) {
+    document.monetization.addEventListener('monetizationprogress', (evt) =>
+      emit(MONETIZATION_PROGRESS, evt)
+    );
+  } else {
+    window.addEventListener('monetizationprogress', (evt) =>
+      emit(MONETIZATION_PROGRESS, evt)
+    );
+  }
+};
diff --git a/src/near/nearLogin.js b/src/near/nearLogin.js
@@ -17,6 +17,8 @@ export const initLoginLogout = (nearConnection) => {
     nearConnection.walletConnection.isSignedIn()
   ) {
     loginoutEl.innerHTML = 'Logout from NEAR wallet';
+    const nearLevelBtn = document.getElementById('nearLevelBtn');
+    nearLevelBtn.removeAttribute('disabled');
   } else {
     loginoutEl.innerHTML = 'Login to NEAR wallet';
   }