Draft

(WIP, NO MERGE) routerMode:history for the docsify site #1968

Show file tree
Hide file tree
Changes from all commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
bcd8c25
routerMode:history for the docsify site
trusktrJan 22, 2023
61b94dd
add vercel.json config file, force all paths to load /index.html for …
trusktrJan 23, 2023
2da44fa
Merge branch 'develop' into routerMode-history-for-website
trusktrJan 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Failed to load files.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<!-- 404 redirect for single page apps on pages, copied as instructed from
https://.com/rafgraph/spa--pages. -->
<html>
<head>
<meta charset="utf-8" />
<title>Single Page Apps for Pages</title>
<script type="text/javascript">
// Single Page Apps for Pages
// MIT License
// https://.com/rafgraph/spa--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..io/repo-name/one/two?a=b&c=d#qwe becomes
// https://username..io/repo-name/?/one/two&a=b~and~c=d#qwe
// Otherwise, leave pathSegmentsToKeep as 0.
var pathSegmentsToKeep = 0

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>
<h1>404</h1>
</body>
</html>
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
const fs = require('fs');
const path = require('path');
const liveServer = require('live-server')
const isSSR = !!process.env.SSR
const middleware = []
Expand DownExpand Up@@ -46,10 +48,30 @@ if (isSSR) {
})
}

// emulate default behavior of Pages and other static servers that
// serve a 404.html page when files are not found.
middleware.push(
/**
* @param {import('http').IncomingMessage} req
* @param {import('http').ServerResponse} res
* @param {(error?: Error) => void} res
*/
function (req, res, next) {
if (!fs.existsSync(path.resolve('.' + req.url))) {
console.log(res.statusCode = 404)
}
next();
}
)

const params = {
port: 3000,
watch: ['lib', 'docs', 'themes'],
middleware
middleware,

// emulate default behavior of Pages and other static servers that
// serve a 404.html page when files are not found.
file: '404.html',
}

liveServer.start(params)
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
{
"rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}