redirect to correct playground url

zardoy · Sep 11, 2024 · 25db002 · 25db002
1 parent 74fe84e
commit 25db002
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
@@ -51,7 +51,7 @@ jobs:
           allow-repeats: true
           message: |
             Deployed to Vercel Preview: ${{ steps.deploy.outputs.stdout }}
-            [Playground](${{ steps.deploy.outputs.stdout }}/playground.html)
+            [Playground](${{ steps.deploy.outputs.stdout }}/playground/)
             [Storybook](${{ steps.deploy.outputs.stdout }}/storybook/)
       # - run: git checkout next scripts/githubActions.mjs
       - name: Get deployment alias

diff --git a/README.MD b/README.MD
@@ -87,7 +87,7 @@ To open the console, press `F12`, or if you are on mobile, you can type `#dev` i
 
 It should be easy to build/start the project locally. See [CONTRIBUTING.MD](./CONTRIBUTING.md) for more info. Also you can look at Dockerfile for reference.
 
-There is world renderer playground ([link](https://mcon.vercel.app/playground)).
+There is world renderer playground ([link](https://mcon.vercel.app/playground/)).
 
 However, there are many things that can be done in online production version (like debugging actual source code). Also you can access some global variables in the console and there are a few useful examples:
 

diff --git a/assets/playground.html b/assets/playground.html
@@ -1,4 +1,4 @@
-<!-- just redirect to /playground -->
+<!-- just redirect to /playground/ -->
 <script>
-window.location.href = `/playground${window.location.search}`
+window.location.href = `/playground/${window.location.search}`
 </script>
diff --git a/prismarine-viewer/playground.html b/prismarine-viewer/playground.html
@@ -29,6 +29,12 @@
           src: url(../../../assets/mojangles.ttf);
       }
     </style>
+    <script>
+      if (window.location.pathname.endsWith('playground')) {
+        // add trailing slash
+        window.location.href = `${window.location.origin}${window.location.pathname}/${window.location.search}`
+      }
+    </script>
   </head>
   <body>
     <div id="root"></div>