Update index.html

Author: Toonigy

1-70-0/index.html

@@ -312,6 +312,50 @@
     </div>
 
     <div id="membership-flow"></div>
+	
+	<!-- This basically loads all of the Firebase stuff we're gonna need for Google auth and autosaving. -->
+	<script type="module">
+	  
+		// Make sure to periodically check for updates, and make sure the Firebase SDKs are up-to-date :)
+		import { initializeApp } from 'https://www.gstatic.com/firebasejs/11.1.0/firebase-app.js'
+		// Add Firebase products that you want to use
+		import { getAuth, GoogleAuthProvider, getIdToken, onAuthStateChanged, reauthenticateWithPopup, signInWithPopup } from 'https://www.gstatic.com/firebasejs/11.1.0/firebase-auth.js'
+		import { getDatabase, child, get, ref, remove, set } from 'https://www.gstatic.com/firebasejs/11.1.0/firebase-database.js'
+		
+		// Your web app's Firebase configuration
+		// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+const firebaseConfig = {
+  apiKey: "AIzaSyDJQjXklRBN4r3CZ9Be8uy1RLRZFcmXW_Q",
+  authDomain: "prodigyretro-183a4.firebaseapp.com",
+  databaseURL: "https://prodigyretro-183a4-default-rtdb.firebaseio.com",
+  projectId: "prodigyretro-183a4",
+  storageBucket: "prodigyretro-183a4.firebasestorage.app",
+  messagingSenderId: "934355530489",
+  appId: "1:934355530489:web:e388db01b27a2278386828",
+  measurementId: "G-BVG8M7JCSG"
+		};
+		// Initialize Firebase
+		const app = initializeApp(firebaseConfig);
+		
+		// Firebase products we'll be using.
+		const auth = getAuth(app);
+		const database = getDatabase(app);
+		
+		// Make sure the rest of the game can use the Firebase stuff.
+		globalThis.firebase = {
+			app,
+			auth,
+			database,
+			utils: {
+				db: {
+					child, get, ref, remove, set
+				},
+				auth: {
+					GoogleAuthProvider, getIdToken, onAuthStateChanged, reauthenticateWithPopup, signInWithPopup
+				}
+			}
+		}
+	</script>
     <script src="./js/lodash.min.js"></script>
     <script src="./js/phaser.min.js"></script>
     <script src="./js/easystar-0.2.0.min.js"></script>