From cd1c301b9781303ba870ac152be35f12af8aabf2 Mon Sep 17 00:00:00 2001 From: ivelov-vm <ivelov_vm@groupbwt.com> Date: Wed, 22 Mar 2023 14:14:45 +0200 Subject: [PATCH] feat: add redirection for git pages --- dist/404.html | 40 ++++++++++++++++++++++++++++++++++++++++ dist/index.html | 21 ++++++++++++++++++++- public/404.html | 40 ++++++++++++++++++++++++++++++++++++++++ public/index.html | 26 ++++++++++++++++++++++++++ 4 files changed, 126 insertions(+), 1 deletion(-) create mode 100644 dist/404.html create mode 100644 public/404.html diff --git a/dist/404.html b/dist/404.html new file mode 100644 index 0000000..055bf00 --- /dev/null +++ b/dist/404.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Single Page Apps for GitHub Pages</title> + <script type="text/javascript"> + // Single Page Apps for GitHub Pages + // MIT License + // https://github.com/rafgraph/spa-github-pages + // This script takes the current url and converts the path and query + // string into just a query string, and then redirects the browser + // to the new url with only a query string and hash fragment, + // e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes + // https://www.foo.tld/?/one/two&a=b~and~c=d#qwe + // Note: this 404.html file must be at least 512 bytes for it to work + // with Internet Explorer (it is currently > 512 bytes) + + // If you're creating a Project Pages site and NOT using a custom domain, + // then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1). + // This way the code will only replace the route part of the path, and not + // the real directory in which the app resides, for example: + // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes + // https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe + // Otherwise, leave pathSegmentsToKeep as 0. + var pathSegmentsToKeep = 1; + + var l = window.location; + l.replace( + l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') + + l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' + + l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') + + (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') + + l.hash + ); + + </script> + </head> + <body> + </body> +</html> \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 07a88e9..46294db 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1,20 @@ -<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/landing-pad/favicon.ico"><link href="https://fonts.cdnfonts.com/css/gilroy-bold" rel="stylesheet"><title>landing-pad</title><script defer="defer" src="/landing-pad/js/chunk-vendors.ee0e9981.js"></script><script defer="defer" src="/landing-pad/js/app.d5f42329.js"></script><link href="/landing-pad/css/app.20c362cb.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but landing-pad doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html> \ No newline at end of file +<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/landing-pad/favicon.ico"><link href="https://fonts.cdnfonts.com/css/gilroy-bold" rel="stylesheet"><title>landing-pad</title><script defer="defer" src="/landing-pad/js/chunk-vendors.ee0e9981.js"></script><script defer="defer" src="/landing-pad/js/app.d5f42329.js"></script><link href="/landing-pad/css/app.20c362cb.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but landing-pad doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script>// Single Page Apps for GitHub Pages + // MIT License + // https://github.com/rafgraph/spa-github-pages + // This script checks to see if a redirect is present in the query string, + // converts it back into the correct url and adds it to the + // browser's history using window.history.replaceState(...), + // which won't cause the browser to attempt to load the new url. + // When the single page app is loaded further down in this file, + // the correct url will be waiting in the browser's history for + // the single page app to route accordingly. + (function(l) { + if (l.search[1] === '/' ) { + var decoded = l.search.slice(1).split('&').map(function(s) { + return s.replace(/~and~/g, '&') + }).join('?'); + window.history.replaceState(null, null, + l.pathname.slice(0, -1) + decoded + l.hash + ); + } + }(window.location))</script><div id="app"></div></body></html> \ No newline at end of file diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..055bf00 --- /dev/null +++ b/public/404.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Single Page Apps for GitHub Pages</title> + <script type="text/javascript"> + // Single Page Apps for GitHub Pages + // MIT License + // https://github.com/rafgraph/spa-github-pages + // This script takes the current url and converts the path and query + // string into just a query string, and then redirects the browser + // to the new url with only a query string and hash fragment, + // e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes + // https://www.foo.tld/?/one/two&a=b~and~c=d#qwe + // Note: this 404.html file must be at least 512 bytes for it to work + // with Internet Explorer (it is currently > 512 bytes) + + // If you're creating a Project Pages site and NOT using a custom domain, + // then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1). + // This way the code will only replace the route part of the path, and not + // the real directory in which the app resides, for example: + // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes + // https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe + // Otherwise, leave pathSegmentsToKeep as 0. + var pathSegmentsToKeep = 1; + + var l = window.location; + l.replace( + l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') + + l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' + + l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') + + (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') + + l.hash + ); + + </script> + </head> + <body> + </body> +</html> \ No newline at end of file diff --git a/public/index.html b/public/index.html index 7d59387..05903a7 100644 --- a/public/index.html +++ b/public/index.html @@ -12,6 +12,32 @@ <noscript> <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> + + <!-- Start Single Page Apps for GitHub Pages --> + <script type="text/javascript"> + // Single Page Apps for GitHub Pages + // MIT License + // https://github.com/rafgraph/spa-github-pages + // This script checks to see if a redirect is present in the query string, + // converts it back into the correct url and adds it to the + // browser's history using window.history.replaceState(...), + // which won't cause the browser to attempt to load the new url. + // When the single page app is loaded further down in this file, + // the correct url will be waiting in the browser's history for + // the single page app to route accordingly. + (function(l) { + if (l.search[1] === '/' ) { + var decoded = l.search.slice(1).split('&').map(function(s) { + return s.replace(/~and~/g, '&') + }).join('?'); + window.history.replaceState(null, null, + l.pathname.slice(0, -1) + decoded + l.hash + ); + } + }(window.location)) + </script> + <!-- End Single Page Apps for GitHub Pages --> + <div id="app"></div> <!-- built files will be auto injected --> </body> -- GitLab