From 2169357c17fb6e8552af2ca69e80d8fc385aa664 Mon Sep 17 00:00:00 2001
From: Mitermayer Reis <mitermayer.reis@gmail.com>
Date: Sun, 22 Oct 2017 02:10:15 -0700
Subject: [PATCH] Making sure playground can have shorter urls (#3063)

* Making sure playground can haver shorter urls

* Fixing linting

* Including lz-string on the service worker
---
 website/pages/playground/index.html |  1 +
 website/static/playground.js        | 15 ++++++++++-----
 website/static/service-worker.js    |  1 +
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/website/pages/playground/index.html b/website/pages/playground/index.html
index d5bff8b3..e1dbd285 100644
--- a/website/pages/playground/index.html
+++ b/website/pages/playground/index.html
@@ -38,6 +38,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/addon/wrap/hardwrap.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/keymap/sublime.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.4.4/lz-string.min.js"></script>
 
   <style type="text/css">
     html {
diff --git a/website/static/playground.js b/website/static/playground.js
index a618228a..3c3a2dfe 100644
--- a/website/static/playground.js
+++ b/website/static/playground.js
@@ -1,6 +1,6 @@
 /* eslint-env browser */
 /* eslint no-var: off, strict: off, prefer-arrow-callback: off */
-/* global Clipboard CodeMirror formatMarkdown */
+/* global Clipboard CodeMirror formatMarkdown LZString */
 
 var prettierVersion = "?";
 var inputEditor;
@@ -29,7 +29,12 @@ var IDEMPOTENT_MESSAGE = "✓ Second format is unchanged.";
 var state = (function loadState(hash) {
   var parsed;
   try {
-    parsed = JSON.parse(hash);
+    // providing backwards support for old json encoded URIComponent
+    if (hash.indexOf("%7B%22") !== -1) {
+      parsed = JSON.parse(decodeURIComponent(hash));
+    } else {
+      parsed = LZString.decompressFromEncodedURIComponent(hash);
+    }
   } catch (error) {
     return {
       options: undefined,
@@ -63,7 +68,7 @@ var state = (function loadState(hash) {
     parsed.options.parser = "css";
   }
   return parsed;
-})(decodeURIComponent(location.hash.slice(1)));
+})(location.hash.slice(1));
 
 var worker = new Worker("/worker.js");
 
@@ -84,7 +89,7 @@ worker.onmessage = function(message) {
           : message.data.formatted2 || ""
     );
     document.getElementById("button-report-issue").search =
-      "body=" + encodeURIComponent(createMarkdown(true));
+      "body=" + LZString.compressToEncodedURIComponent(createMarkdown(true));
   }
 };
 
@@ -258,7 +263,7 @@ function formatAsync() {
   var options = getOptions();
   setEditorStyles();
 
-  var value = encodeURIComponent(
+  var value = LZString.compressToEncodedURIComponent(
     JSON.stringify(
       Object.assign({ content: inputEditor.getValue(), options: options })
     )
diff --git a/website/static/service-worker.js b/website/static/service-worker.js
index 66244978..de6969eb 100644
--- a/website/static/service-worker.js
+++ b/website/static/service-worker.js
@@ -32,6 +32,7 @@ toolbox.precache([
   "https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/addon/wrap/hardwrap.js",
   "https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/keymap/sublime.js",
   "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js",
+  "https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.4.4/lz-string.min.js",
 
   // Images
   "/prettier.png"