@epic-web/workshop-app 5.12.0 → 5.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epic-web/workshop-app",
-  "version": "5.12.0",
+  "version": "5.12.2",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -44,8 +44,8 @@
     "@epic-web/invariant": "^1.0.0",
     "@epic-web/remember": "^1.1.0",
     "@epic-web/restore-scroll": "^1.1.1",
-    "@epic-web/workshop-presence": "5.12.0",
-    "@epic-web/workshop-utils": "5.12.0",
+    "@epic-web/workshop-presence": "5.12.2",
+    "@epic-web/workshop-utils": "5.12.2",
     "@mdx-js/mdx": "^3.0.1",
     "@mux/mux-player-react": "^3.0.0",
     "@nasa-gcn/remix-seo": "^2.0.1",

package/build/client/assets/preferences-iiHyCxkL.js

@@ -1,2 +0,0 @@
-import{c as u,j as e}from"./index-CGzylDPY.js";import{B as p}from"./button-DhtjxLl5.js";import{I as l}from"./misc-D9k1wGip.js";import{S as o}from"./tooltip-CzrLrLJU.js";import{b as h,F as j}from"./components-DrvY4pal.js";function P(){var r,c,d,x;const s=h("root"),n=(r=s==null?void 0:s.preferences)==null?void 0:r.player,m=(c=s==null?void 0:s.preferences)==null?void 0:c.fontSize,i=(d=s==null?void 0:s.preferences)==null?void 0:d.presence,t=(x=s==null?void 0:s.preferences)==null?void 0:x.playground,a=u().state==="submitting";return e.jsxs("main",{className:"container mt-12 flex h-full w-full max-w-3xl flex-grow flex-col gap-4",children:[e.jsx("h1",{className:"mb-4 text-h1",children:"Preferences"}),e.jsxs(j,{method:"post",className:"flex w-full max-w-sm flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"mb-2 text-body-xl",children:"Video Player Preferences"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{htmlFor:"minResolution",children:"Minimum Resolution:"}),e.jsxs("select",{id:"minResolution",name:"minResolution",defaultValue:n==null?void 0:n.minResolution,children:[e.jsx("option",{value:"",children:"Auto"}),e.jsx("option",{value:"480",children:"480p"}),e.jsx("option",{value:"720",children:"720p"}),e.jsx("option",{value:"1080",children:"1080p"}),e.jsx("option",{value:"1440",children:"1440p"}),e.jsx("option",{value:"2160",children:"2160p (4K)"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{htmlFor:"maxResolution",children:"Maximum Resolution:"}),e.jsxs("select",{id:"maxResolution",name:"maxResolution",defaultValue:n==null?void 0:n.maxResolution,children:[e.jsx("option",{value:"",children:"Auto"}),e.jsx("option",{value:"720",children:"720p"}),e.jsx("option",{value:"1080",children:"1080p"}),e.jsx("option",{value:"1440",children:"1440p"}),e.jsx("option",{value:"2160",children:"2160p (4K)"})]})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h2",{className:"text-body-xl",children:"Font Size Preference"}),e.jsx(o,{content:"Defaults to 16px",children:e.jsx(l,{name:"Question",tabIndex:0})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{htmlFor:"fontSize",children:"Font Size"}),e.jsx("input",{type:"number",id:"fontSize",name:"fontSize",defaultValue:m??16,step:"1",min:"12",max:"26"})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h2",{className:"text-body-xl",children:"Presence Preference"}),e.jsx(o,{content:"This controls whether your name and avatar are displayed in the pile of faces in navigation",children:e.jsx(l,{name:"Question",tabIndex:0})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",id:"optOutPresence",name:"optOutPresence",defaultChecked:i==null?void 0:i.optOut}),e.jsx("label",{htmlFor:"optOutPresence",children:"Opt out of presence features"})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h2",{className:"text-body-xl",children:"Persist Playground"}),e.jsx(o,{content:'When enabled, clicking "Set to Playground" will save the current playground in the "saved-playgrounds" directory.',children:e.jsx(l,{name:"Question",tabIndex:0})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",id:"persistPlayground",name:"persistPlayground",defaultChecked:t==null?void 0:t.persist}),e.jsx("label",{htmlFor:"persistPlayground",children:"Enable saving playground"})]})]}),e.jsx("div",{className:"h-4"}),e.jsx(p,{varient:"primary",type:"submit",name:"intent",value:"update-preferences",disabled:a,children:a?"Updating...":"Update Preferences"})]})]})}export{P as default};
-//# sourceMappingURL=preferences-iiHyCxkL.js.map

package/build/client/assets/preferences-iiHyCxkL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preferences-iiHyCxkL.js","sources":["../../../app/routes/_app+/preferences.tsx"],"sourcesContent":["import {\n\tgetPreferences,\n\tsetPreferences,\n} from '@epic-web/workshop-utils/db.server'\nimport { Form, useNavigation, useRouteLoaderData } from '@remix-run/react'\nimport { Button } from '#app/components/button.tsx'\nimport { Icon } from '#app/components/icons.tsx'\nimport { SimpleTooltip } from '#app/components/ui/tooltip.tsx'\nimport { type loader as rootLoader } from '#app/root.tsx'\nimport { ensureUndeployed } from '#app/utils/misc.tsx'\nimport { redirectWithToast } from '#app/utils/toast.server.ts'\n\nexport async function loader() {\n\tensureUndeployed()\n\tconst preferences = await getPreferences()\n\treturn { preferences }\n}\n\nexport async function action({ request }: { request: Request }) {\n\tensureUndeployed()\n\tconst formData = await request.formData()\n\n\tconst minResolution = formData.get('minResolution')\n\tconst maxResolution = formData.get('maxResolution')\n\tconst fontSize = formData.get('fontSize')\n\tconst optOutPresence = formData.get('optOutPresence') === 'on'\n\tconst persistPlayground = formData.get('persistPlayground') === 'on'\n\n\tawait setPreferences({\n\t\tplayer: {\n\t\t\tminResolution: minResolution ? Number(minResolution) : undefined,\n\t\t\tmaxResolution: maxResolution ? Number(maxResolution) : undefined,\n\t\t},\n\t\tfontSize: fontSize ? Number(fontSize) : undefined,\n\t\tpresence: { optOut: optOutPresence },\n\t\tplayground: { persist: persistPlayground },\n\t})\n\n\treturn redirectWithToast('/preferences', {\n\t\ttitle: 'Preferences updated',\n\t\tdescription: 'Your preferences have been updated.',\n\t\ttype: 'success',\n\t})\n}\n\nexport default function AccountSettings() {\n\tconst data = useRouteLoaderData<typeof rootLoader>('root')\n\tconst playerPreferences = data?.preferences?.player\n\tconst fontSizePreference = data?.preferences?.fontSize\n\tconst presencePreferences = data?.preferences?.presence\n\tconst playgroundPreferences = data?.preferences?.playground\n\tconst navigation = useNavigation()\n\n\tconst isSubmitting = navigation.state === 'submitting'\n\n\treturn (\n\t\t<main className=\"container mt-12 flex h-full w-full max-w-3xl flex-grow flex-col gap-4\">\n\t\t\t<h1 className=\"mb-4 text-h1\">Preferences</h1>\n\t\t\t<Form method=\"post\" className=\"flex w-full max-w-sm flex-col gap-4\">\n\t\t\t\t<div>\n\t\t\t\t\t<h2 className=\"mb-2 text-body-xl\">Video Player Preferences</h2>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<label htmlFor=\"minResolution\">Minimum Resolution:</label>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tid=\"minResolution\"\n\t\t\t\t\t\t\tname=\"minResolution\"\n\t\t\t\t\t\t\tdefaultValue={playerPreferences?.minResolution}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value=\"\">Auto</option>\n\t\t\t\t\t\t\t<option value=\"480\">480p</option>\n\t\t\t\t\t\t\t<option value=\"720\">720p</option>\n\t\t\t\t\t\t\t<option value=\"1080\">1080p</option>\n\t\t\t\t\t\t\t<option value=\"1440\">1440p</option>\n\t\t\t\t\t\t\t<option value=\"2160\">2160p (4K)</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<label htmlFor=\"maxResolution\">Maximum Resolution:</label>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tid=\"maxResolution\"\n\t\t\t\t\t\t\tname=\"maxResolution\"\n\t\t\t\t\t\t\tdefaultValue={playerPreferences?.maxResolution}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value=\"\">Auto</option>\n\t\t\t\t\t\t\t<option value=\"720\">720p</option>\n\t\t\t\t\t\t\t<option value=\"1080\">1080p</option>\n\t\t\t\t\t\t\t<option value=\"1440\">1440p</option>\n\t\t\t\t\t\t\t<option value=\"2160\">2160p (4K)</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"mb-2 flex items-center gap-2\">\n\t\t\t\t\t\t<h2 className=\"text-body-xl\">Font Size Preference</h2>\n\t\t\t\t\t\t<SimpleTooltip content=\"Defaults to 16px\">\n\t\t\t\t\t\t\t<Icon name=\"Question\" tabIndex={0} />\n\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<label htmlFor=\"fontSize\">Font Size</label>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tid=\"fontSize\"\n\t\t\t\t\t\t\tname=\"fontSize\"\n\t\t\t\t\t\t\tdefaultValue={fontSizePreference ?? 16}\n\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\tmin=\"12\"\n\t\t\t\t\t\t\tmax=\"26\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"mb-2 flex items-center gap-2\">\n\t\t\t\t\t\t<h2 className=\"text-body-xl\">Presence Preference</h2>\n\n\t\t\t\t\t\t<SimpleTooltip content=\"This controls whether your name and avatar are displayed in the pile of faces in navigation\">\n\t\t\t\t\t\t\t<Icon name=\"Question\" tabIndex={0} />\n\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tid=\"optOutPresence\"\n\t\t\t\t\t\t\tname=\"optOutPresence\"\n\t\t\t\t\t\t\tdefaultChecked={presencePreferences?.optOut}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label htmlFor=\"optOutPresence\">Opt out of presence features</label>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"mb-2 flex items-center gap-2\">\n\t\t\t\t\t\t<h2 className=\"text-body-xl\">Persist Playground</h2>\n\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tcontent={`When enabled, clicking \"Set to Playground\" will save the current playground in the \"saved-playgrounds\" directory.`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon name=\"Question\" tabIndex={0} />\n\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tid=\"persistPlayground\"\n\t\t\t\t\t\t\tname=\"persistPlayground\"\n\t\t\t\t\t\t\tdefaultChecked={playgroundPreferences?.persist}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label htmlFor=\"persistPlayground\">Enable saving playground</label>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"h-4\" />\n\n\t\t\t\t<Button\n\t\t\t\t\tvarient=\"primary\"\n\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\tname=\"intent\"\n\t\t\t\t\tvalue=\"update-preferences\"\n\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t>\n\t\t\t\t\t{isSubmitting ? 'Updating...' : 'Update Preferences'}\n\t\t\t\t</Button>\n\t\t\t</Form>\n\t\t</main>\n\t)\n}\n"],"names":["AccountSettings","data","useRouteLoaderData","playerPreferences","preferences","player","fontSizePreference","fontSize","presencePreferences","presence","playgroundPreferences","playground","isSubmitting","useNavigation","state","jsxs","className","children","jsx","Form","method","htmlFor","id","name","defaultValue","minResolution","value","maxResolution","SimpleTooltip","content","Icon","tabIndex","type","step","min","max","defaultChecked","optOut","persist","Button","varient","disabled"],"mappings":"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"}