@epic-web/workshop-app 4.2.1 → 4.2.3

package/build/client/assets/client-hints-BHTHvBjk.js

@@ -1,24 +0,0 @@
-import{e as k,r as d,j as p}from"./index-D1WEsmVZ.js";import{b as g}from"./components-Dj3sm47B.js";function C(e){function r(o,t){var a;const s=e[t];if(!s)throw new Error(`Unknown client hint: ${typeof t=="string"?t:"Unknown"}`);const u=(a=o.split(";").map(c=>c.trim()).find(c=>c.startsWith(s.cookieName+"=")))==null?void 0:a.split("=")[1];return u?decodeURIComponent(u):null}function n(o){const t=typeof document<"u"?document.cookie:typeof o<"u"?o.headers.get("Cookie")??"":"";return Object.entries(e).reduce((s,[u,a])=>{const c=u;return"transform"in a?s[c]=a.transform(r(t,c)??a.fallback):s[c]=r(t,c)??a.fallback,s},{})}function i(){return`
-const cookies = document.cookie.split(';').map(c => c.trim()).reduce((acc, cur) => {
-	const [key, value] = cur.split('=');
-	acc[key] = value;
-	return acc;
-}, {});
-let cookieChanged = false;
-const hints = [
-${Object.values(e).map(o=>{const t=JSON.stringify(o.cookieName);return`{ name: ${t}, actual: String(${o.getValueCode}), value: cookies[${t}] ?? encodeURIComponent("${o.fallback}") }`}).join(`,
-`)}
-];
-for (const hint of hints) {
-	document.cookie = encodeURIComponent(hint.name) + '=' + encodeURIComponent(hint.actual) + '; Max-Age=31536000; path=/';
-	if (decodeURIComponent(hint.value) !== hint.actual) {
-		cookieChanged = true;
-	}
-}
-// if the cookie changed, reload the page, unless the browser doesn't support
-// cookies (in which case we would enter an infinite loop of reloads)
-if (cookieChanged && navigator.cookieEnabled) {
-	window.location.reload();
-}
-			`}return{getHints:n,getClientHintCheckScript:i}}const l={cookieName:"CH-prefers-color-scheme",getValueCode:"window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'",fallback:"light",transform(e){return e==="dark"?"dark":"light"}};function v(e,r=l.cookieName){const n=window.matchMedia("(prefers-color-scheme: dark)");function i(){const o=n.matches?"dark":"light";document.cookie=`${r}=${o}; Max-Age=31536000; Path=/`,e(o)}return n.addEventListener("change",i),function(){n.removeEventListener("change",i)}}const m={cookieName:"CH-reduced-motion",getValueCode:"window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'reduce' : 'no-preference'",fallback:"no-preference",transform(e){return e==="reduce"?"reduce":"no-preference"}};function w(e,r=m.cookieName){const n=window.matchMedia("(prefers-reduced-motion: reduce)");function i(){const o=n.matches?"reduce":"no-preference";document.cookie=`${r}=${o}; Max-Age=31536000; Path=/`,e(o)}return n.addEventListener("change",i),function(){n.removeEventListener("change",i)}}const H={cookieName:"CH-time-zone",getValueCode:"Intl.DateTimeFormat().resolvedOptions().timeZone",fallback:"UTC"};function b(){return g("root").requestInfo}const h="EpicShop_CH-prefers-color-scheme",f="EpicShop_CH-reduced-motion",N=C({theme:{...l,cookieName:h},timeZone:{...H,cookieName:"EpicShop_CH-time-zone"},reducedMotion:{...m,cookieName:f}});function $(){return b().hints}function I(){const{revalidate:e}=k();return d.useEffect(()=>v(()=>e(),h),[e]),d.useEffect(()=>w(()=>e(),f),[e]),p.jsx("script",{dangerouslySetInnerHTML:{__html:N.getClientHintCheckScript()}})}export{I as C,b as a,$ as u};
-//# sourceMappingURL=client-hints-BHTHvBjk.js.map

package/build/client/assets/client-hints-BHTHvBjk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-hints-BHTHvBjk.js","sources":["../../../../../node_modules/@epic-web/client-hints/dist/index.js","../../../../../node_modules/@epic-web/client-hints/dist/color-scheme.js","../../../../../node_modules/@epic-web/client-hints/dist/reduced-motion.js","../../../../../node_modules/@epic-web/client-hints/dist/time-zone.js","../../../app/utils/request-info.ts","../../../app/utils/client-hints.tsx"],"sourcesContent":["export function getHintUtils(hints) {\n    function getCookieValue(cookieString, name) {\n        const hint = hints[name];\n        if (!hint) {\n            throw new Error(`Unknown client hint: ${typeof name === 'string' ? name : 'Unknown'}`);\n        }\n        const value = cookieString\n            .split(';')\n            .map((c) => c.trim())\n            .find((c) => c.startsWith(hint.cookieName + '='))\n            ?.split('=')[1];\n        return value ? decodeURIComponent(value) : null;\n    }\n    function getHints(request) {\n        const cookieString = typeof document !== 'undefined'\n            ? document.cookie\n            : typeof request !== 'undefined'\n                ? request.headers.get('Cookie') ?? ''\n                : '';\n        return Object.entries(hints).reduce((acc, [name, hint]) => {\n            const hintName = name;\n            if ('transform' in hint) {\n                // @ts-expect-error - this is fine (PRs welcome though)\n                acc[hintName] = hint.transform(getCookieValue(cookieString, hintName) ?? hint.fallback);\n            }\n            else {\n                // @ts-expect-error - this is fine (PRs welcome though)\n                acc[hintName] = getCookieValue(cookieString, hintName) ?? hint.fallback;\n            }\n            return acc;\n        }, {});\n    }\n    /**\n     * This returns a string of JavaScript that can be used to check if the client\n     * hints have changed and will reload the page if they have.\n     */\n    function getClientHintCheckScript() {\n        return `\nconst cookies = document.cookie.split(';').map(c => c.trim()).reduce((acc, cur) => {\n\tconst [key, value] = cur.split('=');\n\tacc[key] = value;\n\treturn acc;\n}, {});\nlet cookieChanged = false;\nconst hints = [\n${Object.values(hints)\n            .map((hint) => {\n            const cookieName = JSON.stringify(hint.cookieName);\n            return `{ name: ${cookieName}, actual: String(${hint.getValueCode}), value: cookies[${cookieName}] ?? encodeURIComponent(\"${hint.fallback}\") }`;\n        })\n            .join(',\\n')}\n];\nfor (const hint of hints) {\n\tdocument.cookie = encodeURIComponent(hint.name) + '=' + encodeURIComponent(hint.actual) + '; Max-Age=31536000; path=/';\n\tif (decodeURIComponent(hint.value) !== hint.actual) {\n\t\tcookieChanged = true;\n\t}\n}\n// if the cookie changed, reload the page, unless the browser doesn't support\n// cookies (in which case we would enter an infinite loop of reloads)\nif (cookieChanged && navigator.cookieEnabled) {\n\twindow.location.reload();\n}\n\t\t\t`;\n    }\n    return { getHints, getClientHintCheckScript };\n}\n","export const clientHint = {\n    cookieName: 'CH-prefers-color-scheme',\n    getValueCode: `window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'`,\n    fallback: 'light',\n    transform(value) {\n        return value === 'dark' ? 'dark' : 'light';\n    },\n};\n/**\n * Subscribe to changes in the user's color scheme preference. Optionally pass\n * in a cookie name to use for the cookie that will be set if different from the\n * default.\n */\nexport function subscribeToSchemeChange(subscriber, cookieName = clientHint.cookieName) {\n    const schemaMatch = window.matchMedia('(prefers-color-scheme: dark)');\n    function handleThemeChange() {\n        const value = schemaMatch.matches ? 'dark' : 'light';\n        document.cookie = `${cookieName}=${value}; Max-Age=31536000; Path=/`;\n        subscriber(value);\n    }\n    schemaMatch.addEventListener('change', handleThemeChange);\n    return function cleanupSchemaChange() {\n        schemaMatch.removeEventListener('change', handleThemeChange);\n    };\n}\n","export const clientHint = {\n    cookieName: 'CH-reduced-motion',\n    getValueCode: `window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'reduce' : 'no-preference'`,\n    fallback: 'no-preference',\n    transform(value) {\n        return value === 'reduce' ? 'reduce' : 'no-preference';\n    },\n};\n/**\n * Subscribe to changes in the user's motion preference. Optionally pass\n * in a cookie name to use for the cookie that will be set if different from the\n * default.\n */\nexport function subscribeToMotionChange(subscriber, cookieName = clientHint.cookieName) {\n    const motionMatch = window.matchMedia('(prefers-reduced-motion: reduce)');\n    function handleMotionChange() {\n        const value = motionMatch.matches ? 'reduce' : 'no-preference';\n        document.cookie = `${cookieName}=${value}; Max-Age=31536000; Path=/`;\n        subscriber(value);\n    }\n    motionMatch.addEventListener('change', handleMotionChange);\n    return function cleanupMotionChange() {\n        motionMatch.removeEventListener('change', handleMotionChange);\n    };\n}\n","export const clientHint = {\n    cookieName: 'CH-time-zone',\n    getValueCode: 'Intl.DateTimeFormat().resolvedOptions().timeZone',\n    fallback: 'UTC',\n};\n","import { type SerializeFrom } from '@remix-run/node'\nimport { useRouteLoaderData } from '@remix-run/react'\nimport { type loader as rootLoader } from '#app/root.tsx'\n\n/**\n * @returns the request info from the root loader\n */\nexport function useRequestInfo() {\n\tconst data = useRouteLoaderData('root') as SerializeFrom<typeof rootLoader>\n\treturn data.requestInfo\n}\n","/**\n * This file contains utilities for using client hints for user preference which\n * are needed by the server, but are only known by the browser.\n */\nimport { getHintUtils } from '@epic-web/client-hints'\nimport {\n\tclientHint as colorSchemeHint,\n\tsubscribeToSchemeChange,\n} from '@epic-web/client-hints/color-scheme'\nimport {\n\tclientHint as reducedMotionHint,\n\tsubscribeToMotionChange,\n} from '@epic-web/client-hints/reduced-motion'\nimport { clientHint as timeZoneHint } from '@epic-web/client-hints/time-zone'\nimport { useRevalidator } from '@remix-run/react'\nimport * as React from 'react'\nimport { useRequestInfo } from './request-info.ts'\n\nconst themeCookieName = 'EpicShop_CH-prefers-color-scheme'\nconst motionCookieName = 'EpicShop_CH-reduced-motion'\nconst hintsUtils = getHintUtils({\n\ttheme: {\n\t\t...colorSchemeHint,\n\t\tcookieName: themeCookieName,\n\t},\n\ttimeZone: {\n\t\t...timeZoneHint,\n\t\tcookieName: 'EpicShop_CH-time-zone',\n\t},\n\treducedMotion: {\n\t\t...reducedMotionHint,\n\t\tcookieName: motionCookieName,\n\t},\n\t// add other hints here\n})\n\nexport const { getHints } = hintsUtils\n\n/**\n * @returns an object with the client hints and their values\n */\nexport function useHints() {\n\tconst requestInfo = useRequestInfo()\n\treturn requestInfo.hints\n}\n\n/**\n * @returns inline script element that checks for client hints and sets cookies\n * if they are not set then reloads the page if any cookie was set to an\n * inaccurate value.\n */\nexport function ClientHintCheck() {\n\tconst { revalidate } = useRevalidator()\n\tReact.useEffect(\n\t\t() => subscribeToSchemeChange(() => revalidate(), themeCookieName),\n\t\t[revalidate],\n\t)\n\tReact.useEffect(\n\t\t() => subscribeToMotionChange(() => revalidate(), motionCookieName),\n\t\t[revalidate],\n\t)\n\n\treturn (\n\t\t<script\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: hintsUtils.getClientHintCheckScript(),\n\t\t\t}}\n\t\t/>\n\t)\n}\n"],"names":["getHintUtils","hints","getCookieValue","cookieString","name","hint","value","_a","getHints","request","acc","hintName","getClientHintCheckScript","cookieName","clientHint","subscribeToSchemeChange","subscriber","schemaMatch","handleThemeChange","subscribeToMotionChange","motionMatch","handleMotionChange","useRequestInfo","useRouteLoaderData","themeCookieName","motionCookieName","hintsUtils","colorSchemeHint","timeZoneHint","reducedMotionHint","useHints","ClientHintCheck","revalidate","useRevalidator","React.useEffect","jsx"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}