Compress playground code hash with lzstring

ark120202 · ark120202 · commit 55aea5e9df90 · 2020-02-20T20:10:24.000Z
diff --git a/package.json b/package.json
@@ -41,10 +41,12 @@
         "worker-loader": "^2.0.0"
     },
     "dependencies": {
+        "@types/lz-string": "^1.3.33",
         "@types/webpack-env": "^1.15.1",
         "fengari-web": "^0.1.4",
         "highlight.js": "^9.18.0",
         "lua-types": "^2.7.0",
+        "lz-string": "^1.4.4",
         "monaco-editor": "^0.19.3",
         "renderjson": "^1.4.0",
         "typescript-to-lua": "^0.31.0"
diff --git a/src/playground/code.ts b/src/playground/code.ts
@@ -1,3 +1,5 @@
+import lzstring from "lz-string";
+
 const example = `// Declare exposed API
 type Vector = [number, number, number];
 
@@ -25,18 +27,15 @@ export function getInitialCode() {
         return decodeURIComponent(code);
     }
 
+    if (window.location.hash.startsWith("#code/")) {
+        const code = window.location.hash.replace("#code/", "").trim();
+        return lzstring.decompressFromEncodedURIComponent(code);
+    }
+
     return example;
 }
 
-let ignoreHashChange = false;
-window.onhashchange = () => {
-    if (ignoreHashChange) {
-        ignoreHashChange = false;
-        return;
-    }
-};
-
 export function updateCodeHistory(code: string) {
-    window.location.replace("#src=" + encodeURIComponent(code));
-    ignoreHashChange = true;
+    const hash = `code/${lzstring.compressToEncodedURIComponent(code)}`;
+    window.history.replaceState({}, "", `#${hash}`);
 }
diff --git a/yarn.lock b/yarn.lock
@@ -29,6 +29,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/lz-string@npm:^1.3.33":
+  version: 1.3.33
+  resolution: "@types/lz-string@npm:1.3.33"
+  checksum: 5cd0a49ed57ae8387c19a273b8fcf652ba4523fbc7fd3bd39bd9cc1a97c3cd37967a12dd6e0fe6135913ce9b08f2ee576975ec0adbf43953521b661a485d092b
+  languageName: node
+  linkType: hard
+
 "@types/minimatch@npm:*":
   version: 3.0.3
   resolution: "@types/minimatch@npm:3.0.3"
@@ -3675,6 +3682,15 @@ fsevents@~2.1.2:
   languageName: node
   linkType: hard
 
+"lz-string@npm:^1.4.4":
+  version: 1.4.4
+  resolution: "lz-string@npm:1.4.4"
+  bin:
+    lz-string: bin/bin.js
+  checksum: db16acfb00972da3907ce5c2186e208c64cccce69a4fc8ecb16c1e84c44b44480a4f153958ac180f977a27303a4b0642cbe14856d2dd89b14f4a7ea5e28ad93c
+  languageName: node
+  linkType: hard
+
 "make-dir@npm:^2.0.0":
   version: 2.1.0
   resolution: "make-dir@npm:2.1.0"
@@ -6345,6 +6361,7 @@ resolve@^1.13.1:
   resolution: "typescripttolua.github.io@workspace:."
   dependencies:
     "@types/highlight.js": ^9.12.3
+    "@types/lz-string": ^1.3.33
     "@types/node": ^13.5.0
     "@types/webpack-env": ^1.15.1
     css-loader: ^3.4.2
@@ -6355,6 +6372,7 @@ resolve@^1.13.1:
     html-loader: ^0.5.5
     html-webpack-plugin: ^3.2.0
     lua-types: ^2.7.0
+    lz-string: ^1.4.4
     monaco-editor: ^0.19.3
     pnp-webpack-plugin: ^1.5.0
     prettier: ^1.19.1
