Merge pull request #147 from niyazm524/feature/temp_stands

Finally (сколько можно): работающие temp-стенды [2]
ani-team · Nov 27, 2020 · 2d4568e · 2d4568e
2 parents 61010c6 + 0dd7777
commit 2d4568e
Show file tree

Hide file tree

Showing 8 changed files with 215 additions and 6 deletions.
diff --git a/.env b/.env
@@ -13,3 +13,5 @@ REACT_APP_FIREBASE_projectId=github-client-47c49
 REACT_APP_FIREBASE_storageBucket=github-client-47c49.appspot.com
 REACT_APP_FIREBASE_messagingSenderId=14406286286
 REACT_APP_FIREBASE_appId=1:14406286286:web:58c7c11c2762d36a55c99f
+
+REACT_APP_DEV_STORAGE_URL=https://dev.github-client.gq/dev/temp-stands.html
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "@types/react-dom": "^16.9.8",
     "antd": "^4.8.5",
     "classnames": "^2.2.6",
+    "cross-domain-storage": "^2.0.7",
     "dayjs": "^1.9.6",
     "firebase": "^8.0.1",
     "graphql": "^15.3.0",

diff --git a/public/dev/main.306cbe88.js b/public/dev/main.306cbe88.js
diff --git a/public/dev/temp-stands.html b/public/dev/temp-stands.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><title>Dev stands helper</title><script src="main.306cbe88.js"></script></head><body> </body></html>
diff --git a/src/.deploy/index.ts b/src/.deploy/index.ts
@@ -0,0 +1 @@
+export * from "./temp-stand";
diff --git a/src/.deploy/temp-stand.ts b/src/.deploy/temp-stand.ts
@@ -0,0 +1,32 @@
+import { CREDENTIAL_KEY } from "features/auth";
+
+const tempStandRegex = /^(github-client-47c49|dev-github-client)--pr\d+.+\.web\.app$/;
+
+const isTempStand = () => tempStandRegex.test(window.location.host);
+
+const STAND_URL_ENV = "REACT_APP_DEV_STORAGE_URL";
+const devStorageUrl = process.env[STAND_URL_ENV];
+
+export const loadLocalStorageFromDevIfNeeded = async () => {
+    if (!isTempStand() || !devStorageUrl) {
+        if(!devStorageUrl) {
+            console.debug(`Note that you need to provide ${STAND_URL_ENV} env to make dev stand work`)
+        }
+        return;
+    }
+    // @ts-ignore
+    const { default: createGuest } = await import("cross-domain-storage/guest");
+    const storage = createGuest(devStorageUrl);
+    const userCredentialRaw = await new Promise<string | undefined>((resolve, reject) =>
+        storage.get(CREDENTIAL_KEY, (error: any, data: string | undefined) => {
+            if (error) {
+                reject(error);
+                return;
+            }
+            resolve(data);
+        }),
+    );
+    if (userCredentialRaw) {
+        localStorage.setItem(CREDENTIAL_KEY, userCredentialRaw);
+    }
+};
diff --git a/src/index.tsx b/src/index.tsx
@@ -2,15 +2,20 @@ import React from "react";
 import ReactDOM from "react-dom";
 import App from "./app";
 import * as serviceWorker from "./serviceWorker";
+import { loadLocalStorageFromDevIfNeeded } from ".deploy";
 import "normalize.css";
 import "antd/dist/antd.css";
 
-ReactDOM.render(
-    <React.StrictMode>
-        <App />
-    </React.StrictMode>,
-    document.getElementById("root"),
-);
+function renderApp() {
+    ReactDOM.render(
+        <React.StrictMode>
+            <App />
+        </React.StrictMode>,
+        document.getElementById("root"),
+    );
+}
+
+loadLocalStorageFromDevIfNeeded().then(renderApp);
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><title>Dev stands helper</title><script src="main.306cbe88.js"></script></head><body> </body></html>