Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add environment #2

Merged
merged 3 commits into from
Jan 24, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .firebase/hosting.cHVibGlj.cache
Original file line number Diff line number Diff line change
@@ -1 +1 @@
index.html,1690600409468,00519993ca464cfad4694ffd7b8572508be384d9a496f10deeda88729303b2b2
index.html,1706091253525,89f7e44cbb88df5de74866fe1f725b90706c20adac636dfea6807d29bc3f26a9
13 changes: 0 additions & 13 deletions index.html

This file was deleted.

10 changes: 1 addition & 9 deletions index.js
Original file line number Diff line number Diff line change
@@ -1,15 +1,7 @@
import React from "react";
import ReactDOM from "react-dom/client";
import ReactDOM from "react-dom";
import { appRouter } from "./src/App";
import { RouterProvider } from "react-router-dom";

import Tracker from "@openreplay/tracker";

const tracker = new Tracker({
projectKey: "0tpLjDvQF3XA3tAQAy7h",
});
tracker.start();
window.tracker = tracker;

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<RouterProvider router={appRouter} />);
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@
"description": "Query Text Fetcher !",
"scripts": {
"test": "jest",
"start": "npx parcel index.html",
"build": "parcel build index.html"
"start": "npx parcel ./public/index.html",
"build": "parcel build ./public/index.html"
},
"author": "",
"license": "ISC",
Expand Down
90 changes: 7 additions & 83 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,89 +1,13 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Welcome to Firebase Hosting</title>

<!-- update the version number as needed -->
<script defer src="/__/firebase/10.1.0/firebase-app-compat.js"></script>
<!-- include only the Firebase features as you need -->
<script defer src="/__/firebase/10.1.0/firebase-auth-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-database-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-firestore-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-functions-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-messaging-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-storage-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-analytics-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-remote-config-compat.js"></script>
<script defer src="/__/firebase/10.1.0/firebase-performance-compat.js"></script>
<!--
initialize the SDK after all desired features are loaded, set useEmulator to false
to avoid connecting the SDK to running emulators.
-->
<script defer src="/__/firebase/init.js?useEmulator=true"></script>

<style media="screen">
body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
#message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
#message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
#message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
#message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
@media (max-width: 600px) {
body, #message { margin-top: 0; background: white; box-shadow: none; }
body { border-top: 16px solid #ffa100; }
}
</style>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="../index.css" rel="stylesheet" />
<title>Car Rental</title>
</head>
<body>
<div id="message">
<h2>Welcome</h2>
<h1>Firebase Hosting Setup Complete</h1>
<p>You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!</p>
<a target="_blank" href="https://firebase.google.com/docs/hosting/">Open Hosting Documentation</a>
</div>
<p id="load">Firebase SDK Loading&hellip;</p>

<script>
document.addEventListener('DOMContentLoaded', function() {
const loadEl = document.querySelector('#load');
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
// // The Firebase SDK is initialized and available here!
//
// firebase.auth().onAuthStateChanged(user => { });
// firebase.database().ref('/path/to/ref').on('value', snapshot => { });
// firebase.firestore().doc('/foo/bar').get().then(() => { });
// firebase.functions().httpsCallable('yourFunction')().then(() => { });
// firebase.messaging().requestPermission().then(() => { });
// firebase.storage().ref('/path/to/ref').getDownloadURL().then(() => { });
// firebase.analytics(); // call to activate
// firebase.analytics().logEvent('tutorial_completed');
// firebase.performance(); // call to activate
//
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

try {
let app = firebase.app();
let features = [
'auth',
'database',
'firestore',
'functions',
'messaging',
'storage',
'analytics',
'remoteConfig',
'performance',
].filter(feature => typeof app[feature] === 'function');
loadEl.textContent = `Firebase SDK loaded with ${features.join(', ')}`;
} catch (e) {
console.error(e);
loadEl.textContent = 'Error loading the Firebase SDK, check the console.';
}
});
</script>
<div id="root">Not Rendered</div>
<script type="module" src="../index.js"></script>
</body>
</html>