1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-26 09:45:22 -04:00

catch ThemeScript minify errors

This commit is contained in:
Jake Jarvis 2022-04-30 09:56:28 -04:00
parent eaeceaa58f
commit a2921d106e
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
2 changed files with 14 additions and 4 deletions

View File

@ -1,6 +1,6 @@
import { useMemo } from "react";
import { minify } from "uglify-js";
import { clientScript } from "./script";
import { clientScript } from "./client";
import { darkModeQuery, themeStorageKey, themeClassNames } from "../../lib/config/themes";
const ThemeScript = () => {
@ -12,8 +12,8 @@ const ThemeScript = () => {
.replace('"__CLASS_NAMES__"', JSON.stringify(themeClassNames));
// minify the final code, a bit hacky but this is ONLY done at build-time, so uglify-js is never bundled or sent to
// the browser to execute:
return minify(`(${functionString})()`, {
// the browser to execute.
const result = minify(`(${functionString})()`, {
toplevel: true,
compress: {
negate_iife: false,
@ -21,15 +21,25 @@ const ThemeScript = () => {
parse: {
bare_returns: true,
},
}).code;
});
// fail somewhat silenty
if (result.error) {
console.error(result.error);
return;
}
return result.code;
}, []);
// the script tag injected manually into `<head>` in _document.tsx.
// even though it's the proper method, using next/script with `strategy="beforeInteractive"` still causes flash of
// white on load. injecting a normal script tag lets us prioritize setting the `<html>` class even more urgently.
// TODO: using next/script *might* be possible after https://github.com/vercel/next.js/pull/36364 is merged.
return (
<script
key="restore-theme"
id="restore-theme"
dangerouslySetInnerHTML={{
// make it an IIFE:
__html: `(function(){${minified}})()`,