From 2136fdc858c25b80ade232856a1d489a7c135628 Mon Sep 17 00:00:00 2001
From: Jed Fox <git@twopointzero.us>
Date: Sun, 4 Nov 2018 17:11:08 -0500
Subject: [PATCH] Add a preview playground redirect page (#5321)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add a preview playground redirect page

* Finish the code

* Third time’s the charm

* Use location.replace instead

* Add playground redirect link to PR template

* Formatted with latest Prettier :)

https://deploy-preview-5259--prettier.netlify.com/playground/#N4Igxg9gdgLgprEAuEAeAhAEQPIGEAqAmgAoCiABABYwC2ANgHwA6Uq19zrlcAhgCady5VDTgwe5MJR4AnAM5iAvExABXGADMAtAA4Vg4TACWMOnAYAlOHyMy4YY1ADmgMgJUAemOnzLD936cqABGEHwAngZsAIyW1rb2jq5+MSxCqAAOsTZ2DkbO5GEQquQwECXc5Dzp6TIQNUY88OTpdDxhTrWqUHwAdOQAkhrlcOR22QnkfBBwclCAmAQw5ADuEDIA1gA0whKUdhrKIABWPABuPHJgMkbpMEiURnKlMmE9QTxgawAUAJT6TmVvD4lMowCrECweHgMSrdSR0IxA0EjKo1OpXRojeFQNY9DyZVLCC5XG4GISQKCPcg0RpSciKcjuAB61Bg6TkSCYTHcnPcThMlFUQU5PUgNB5NTExjgMnFdhgUplXPSqjodB5n05fAA1N93D04AAPeyfKZgVSiWA9PbSuwyX5QIRCIxDT7UmC09D0qAqujfcjAAmOyTQSkAbXcACpyKoZHRyBH3FsagBdOlUmmUQOOugQMCNIzQK1wFrvOCfAAGLLZSHc7j4xZzYS0EpORjgSy0ABJgDUAL5aZtyhU9KBieEaF6i9wl9qdbrl+1B3vkOB0BT+rNkkOLVdp03mhAwEV2DGkMwWmCfADk6Svi6DK7oPXgBpguGg8FgafL+Aq1pktrkAAqhYAAy5CfN2+4XkWGg2tKvZ+ks5zkFAECLDkEBOFARgAF7WH0ADKqzPOQSAVpuky5gelohOEPQoggfC4PcdB8J8q73kIvYEh4RLXDAgTuHRES+O47CMCAGwgHUxghsgoCyLUSzELICByMgICnBARh8FJIBBDI7xrGIhHpO8eROMgMAyKocDSRJADq9zwHI5lgHAhHqSYRitjAYSaWAcgadJeQKDIMDEEZTjUsgGg8Gu9lHHIBoAEJGR8pk8KIoF5HAcUJQo0nmfI0qaRJ+n1LAjm6aCyA6AADMVtQKI5RnpJpErhSc+XSXYACOqjxFFPAxTwBWJdJCg0EY1m2UlciWWYACKqjoflSDxZNIDiEENV8HVSAAEzSTZPBGFiTjvjQsUoGho76aoCj4DwQQaZthVwL2vZAA

* Add a GIF
---
 .github/PULL_REQUEST_TEMPLATE.md       |  2 ++
 website/pages/playground-redirect.html | 36 ++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 website/pages/playground-redirect.html

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index f361c9136..e57f6a4e7 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -6,3 +6,5 @@
 - [ ] I’ve added tests to confirm my change works.
 - [ ] (If changing the API or CLI) I’ve documented the changes I’ve made (in the `docs/` directory)
 - [ ] I’ve read the [contributing guidelines](https://github.com/prettier/prettier/blob/master/CONTRIBUTING.md).
+
+**✨[Try the playground for this PR](https://prettier.io/playground-redirect)✨**
diff --git a/website/pages/playground-redirect.html b/website/pages/playground-redirect.html
new file mode 100644
index 000000000..89add823e
--- /dev/null
+++ b/website/pages/playground-redirect.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Redirecting…</title>
+  </head>
+  <body>
+    <h1>Redirecting…</h1>
+    <p>
+      Redirecting you to the appropriate playground. If the redirect doesn’t
+      work, <a href="javascript:history.back()">go back to the PR</a> and click
+      the appropriate link:<br />
+      <img
+        src="https://cdn.netlify.com/f0b93f3003d5669924b6e73540bbfe07bc3d8d95/34c5d/img/blog/deploy-preview-workflow.gif"
+        alt="click on the link next to 'deploy/netlify'"
+      />
+    </p>
+    <script>
+      const match = /^https:\/\/github\.com\/prettier\/prettier\/pull\/(\d+)/.exec(
+        document.referrer
+      );
+      if (match != null) {
+        const [, /* url */ pr] = match;
+        location.replace(
+          `https://deploy-preview-${pr}--prettier.netlify.com/playground`
+        );
+      } else {
+        const el = document.createElement("p");
+        el.textContent = `The referrer URL (${
+          document.referrer
+        }) was not recognized. Sorry :(`;
+        document.body.appendChild(el);
+      }
+    </script>
+  </body>
+</html>