Store compressed editor code in local storage

kyleect · Nov 7, 2023 · d479df3 · d479df3
1 parent d3b346d
commit d479df3
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/playground/src/pages/playground.tsx b/playground/src/pages/playground.tsx
@@ -63,15 +63,17 @@ const Playground: React.FC = () => {
       return;
     }
 
-    const hash = `#/code=${compressToEncodedURIComponent(editorText)}`;
+    const compressedText = compressToEncodedURIComponent(editorText);
+
+    const hash = `#/code=${compressedText}`;
 
     if (history.replaceState) {
       history.replaceState(null, '', hash);
     } else {
       location.hash = hash;
     }
 
-    LocalStorage.editorText = editorText;
+    LocalStorage.editorText = compressedText;
   }, [editorText]);
 
   useEffect(() => {
@@ -84,7 +86,10 @@ const Playground: React.FC = () => {
         userCode = decompressFromEncodedURIComponent(decodeURIComponent(code));
       setEditorText(userCode);
     } else if (LocalStorage.editorText) {
-      setEditorText(LocalStorage.editorText);
+      const decompressedCode = decompressFromEncodedURIComponent(
+        LocalStorage.editorText,
+      );
+      setEditorText(decompressedCode);
     }
   }, []);