OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added preload to custom scripts and styles so they can load earlier

Browse Source
This commit is contained in:
Yann Le Vagueres 2023-09-10 20:43:04 +02:00
parent 08e3164e84
commit d8f6a59f17
No known key found for this signature in database
GPG Key ID: EF41B255CD47BC5E
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/api/config/[path].js
View File

@ -17,6 +17,7 @@ export default async function handler(req, res) {
if (!['custom.css', 'custom.js'].includes(relativePath)) if (!['custom.css', 'custom.js'].includes(relativePath))
{ {
res.status(422).end('Unsupported file') res.status(422).end('Unsupported file')
return // do not continue in the function
} }
const filePath = path.join(CONF_DIR, relativePath); const filePath = path.join(CONF_DIR, relativePath);

6
src/pages/index.jsx
View File

@ -313,14 +313,16 @@ function Home({ initialSettings }) {
<meta name="theme-color" content={themes[settings.color || "slate"][settings.theme || "dark"]} /> <meta name="theme-color" content={themes[settings.color || "slate"][settings.theme || "dark"]} />
</Head> </Head>
<style alt="custom"> <link rel="preload" href="/api/config/custom.css" as="fetch" crossorigin="anonymous" />
<style data-name="custom.css">
<FileContent path="custom.css" <FileContent path="custom.css"
loadingValue="/* Loading custom CSS... */" loadingValue="/* Loading custom CSS... */"
errorValue="/* Failed to load custom CSS... */" errorValue="/* Failed to load custom CSS... */"
emptyValue="/* No custom CSS */" emptyValue="/* No custom CSS */"
/> />
</style> </style>
<script alt="custom"> <link rel="preload" href="/api/config/custom.js" as="fetch" crossorigin="anonymous" />
<script data-name="custom.js">
<FileContent path="custom.js" <FileContent path="custom.js"
loadingValue="/* Loading custom JS... */" loadingValue="/* Loading custom JS... */"
errorValue="/* Failed to load custom JS... */" errorValue="/* Failed to load custom JS... */"