feat(temp-stands): using another library to achieve effect

ani-team · Nov 27, 2020 · aeb438a · aeb438a
1 parent 614ea55
commit aeb438a
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 23 deletions.
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",
@@ -27,8 +28,7 @@
     "react-scripts": "3.4.3",
     "tailwindcss": "^1.9.5",
     "typescript": "^3.7.5",
-    "use-query-params": "^1.1.9",
-    "xdlocalstorage": "^2.0.5"
+    "use-query-params": "^1.1.9"
   },
   "scripts": {
     "start": "react-scripts start",

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
@@ -1,11 +1 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <title>Only for development</title>
-    <script src="xdLocalStorage.min.js"></script>
-</head>
-<body>
-
-</body>
-</html>
+<!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/public/dev/xdLocalStorage.min.js b/public/dev/xdLocalStorage.min.js
diff --git a/src/shared/helpers/temp-stand.ts b/src/shared/helpers/temp-stand.ts
@@ -9,9 +9,19 @@ export const loadLocalStorageFromDevIfNeeded = async () => {
         return;
     }
     // Сделал бы через DefinePlugin, но ради этого делать eject не хочется
-    const { default: xdLocalStorage } = await import("./xd-local-storage");
-    const userCredentialRaw = await new Promise<string>((resolve) =>
-        xdLocalStorage.getItem(CREDENTIAL_KEY, resolve),
+    // @ts-ignore
+    const { default: createGuest } = await import("cross-domain-storage/guest");
+    const storage = createGuest("https://dev.github-client.gq/dev/temp-stands.html");
+    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);
+        }),
     );
-    localStorage.setItem(CREDENTIAL_KEY, userCredentialRaw);
+    if (userCredentialRaw) {
+        localStorage.setItem(CREDENTIAL_KEY, userCredentialRaw);
+    }
 };