P1911:[{"_2241":199,"_2242":203,"_2243":2244},"app1","app2","diffCode","var Component=(()=>{var h=Object.create;var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var v=(n,a)=>()=>(a||n((a={exports:{}}).exports,a),a.exports),g=(n,a)=>{for(var s in a)t(n,s,{get:a[s],enumerable:!0})},i=(n,a,s,l)=>{if(a&&typeof a==\"object\"||typeof a==\"function\")for(let r of m(a))!y.call(n,r)&&r!==s&&t(n,r,{get:()=>a[r],enumerable:!(l=u(a,r))||l.enumerable});return n};var x=(n,a,s)=>(s=n!=null?h(f(n)):{},i(a||!n||!n.__esModule?t(s,\"default\",{value:n,enumerable:!0}):s,n)),k=n=>i(t({},\"__esModule\",{value:!0}),n);var d=v((_,c)=>{c.exports=_jsx_runtime});var E={};g(E,{default:()=>b,frontmatter:()=>N});var e=x(d()),N=void 0;function p(n){let a={code:\"code\",pre:\"pre\",span:\"span\",...n.components},{Accordion:s,Icon:l,LaunchEditor:r}=a;return s||o(\"Accordion\",!0),l||o(\"Icon\",!0),r||o(\"LaunchEditor\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s,{title:\"app/routes/_auth+/login.tsx\",variant:\"changed\",children:[(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/routes/_auth+/login.tsx\",\"data-start\":\"7\",\"data-remove\":\"10\",\"data-add\":\"11,14\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",\"data-diff-line-number\":\"7\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"type\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"LoaderFunctionArgs\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",\"data-diff-line-number\":\"8\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"type\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"MetaFunction\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",\"data-diff-line-number\":\"9\",children:[\"} \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"@remix-run/node\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",\"data-remove\":!0,\"data-diff-line-number\":\"9\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Form\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Link\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"useActionData\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"@remix-run/react\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",\"data-add\":!0,\"data-diff-line-number\":\"10\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Form\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Link\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"useActionData\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"useSearchParams\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"@remix-run/react\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",\"data-diff-line-number\":\"11\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"AuthenticityTokenInput\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"remix-utils/csrf/react\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",\"data-diff-line-number\":\"12\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"HoneypotInputs\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"remix-utils/honeypot/react\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",\"data-add\":!0,\"data-diff-line-number\":\"13\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"safeRedirect\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"remix-utils/safe-redirect\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",\"data-diff-line-number\":\"14\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"zod\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",\"data-diff-line-number\":\"15\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"GeneralErrorBoundary\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"#app/components/error-boundary.tsx\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",\"data-diff-line-number\":\"16\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"CheckboxField\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"ErrorList\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Field\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"#app/components/forms.tsx\"}),\"'\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",line:7,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",line:7,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]}),(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/routes/_auth+/login.tsx\",\"data-start\":\"30\",\"data-remove\":\"33\",\"data-add\":\"34\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",\"data-diff-line-number\":\"30\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"LoginFormSchema\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"object\"}),\"({\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",\"data-diff-line-number\":\"31\",children:[\"\tusername: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"UsernameSchema\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",\"data-diff-line-number\":\"32\",children:[\"\tpassword: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"PasswordSchema\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",\"data-remove\":!0,\"data-diff-line-number\":\"32\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} add config for a redirectTo (optional string)\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",\"data-add\":!0,\"data-diff-line-number\":\"33\",children:[\"\tredirectTo: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"string\"}),\"().\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"optional\"}),\"(),\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"35\",\"data-diff-line-number\":\"34\",children:[\"\tremember: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"boolean\"}),\"().\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"optional\"}),\"(),\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"36\",\"data-diff-line-number\":\"35\",children:[\"})\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",line:30,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",line:31,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]}),(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/routes/_auth+/login.tsx\",\"data-start\":\"74\",\"data-remove\":\"77,78,86,87,88\",\"data-add\":\"79,89\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"74\",\"data-diff-line-number\":\"74\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"json\"}),\"({ status: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"error\"}),\"'\",\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"submission\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"as\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\", { status: \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"400\"}),\" })\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"75\",\"data-diff-line-number\":\"75\",children:[\"\t}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"76\",\"data-diff-line-number\":\"76\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"77\",\"data-remove\":!0,\"data-diff-line-number\":\"76\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} get the redirectTo from the submission\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"78\",\"data-remove\":!0,\"data-diff-line-number\":\"76\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"user\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"remember\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"submission\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"value\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"79\",\"data-add\":!0,\"data-diff-line-number\":\"77\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"user\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"remember\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"submission\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"value\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"80\",\"data-diff-line-number\":\"78\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"81\",\"data-diff-line-number\":\"79\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"cookieSession\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"sessionStorage\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"getSession\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"82\",\"data-diff-line-number\":\"80\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"request\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"headers\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"get\"}),\"(\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"cookie\"}),\"'\",\"),\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"83\",\"data-diff-line-number\":\"81\",children:[\"\t)\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"84\",\"data-diff-line-number\":\"82\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"cookieSession\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"set\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"userIdKey\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"user\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"id\"}),\")\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"85\",\"data-diff-line-number\":\"83\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"86\",\"data-remove\":!0,\"data-diff-line-number\":\"83\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} redirect to the redirectTo\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"87\",\"data-remove\":!0,\"data-diff-line-number\":\"83\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F989} Make sure to use the safeRedirect utility from remix-utils\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"88\",\"data-remove\":!0,\"data-diff-line-number\":\"83\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"redirect\"}),\"(\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/\"}),\"'\",\", {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"89\",\"data-add\":!0,\"data-diff-line-number\":\"84\",children:[\"\treturn \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"redirect\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"safeRedirect\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\"), {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"90\",\"data-diff-line-number\":\"85\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"headers\"}),\": {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"91\",\"data-diff-line-number\":\"86\",children:[\"\t\t\t\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"set-cookie\"}),\"'\",\": \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"sessionStorage\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"commitSession\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"cookieSession\"}),\", {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"92\",\"data-diff-line-number\":\"87\",children:[\"\t\t\t\texpires: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"remember\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"?\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"getSessionExpirationDate\"}),\"() \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"undefined\"}),\",\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",line:74,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",line:75,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]}),(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/routes/_auth+/login.tsx\",\"data-start\":\"96\",\"data-remove\":\"99,100,107\",\"data-add\":\"101,102,108\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"96\",\"data-diff-line-number\":\"96\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"default\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"LoginPage\"}),\"() {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"97\",\"data-diff-line-number\":\"97\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"actionData\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"useActionData\"}),\"<\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"typeof\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"action\"}),\">()\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"98\",\"data-diff-line-number\":\"98\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"isPending\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"useIsPending\"}),\"()\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"99\",\"data-remove\":!0,\"data-diff-line-number\":\"98\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} get the search params via useSearchParams from @remix-run/react\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"100\",\"data-remove\":!0,\"data-diff-line-number\":\"98\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} get the redirectTo from the search params\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"101\",\"data-add\":!0,\"data-diff-line-number\":\"99\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" [\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"searchParams\"}),\"] \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"useSearchParams\"}),\"()\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"102\",\"data-add\":!0,\"data-diff-line-number\":\"100\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"searchParams\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"get\"}),\"(\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"redirectTo\"}),\"'\",\")\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"103\",\"data-diff-line-number\":\"101\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"104\",\"data-diff-line-number\":\"102\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" [\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"form\"}),\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"fields\"}),\"] \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"useForm\"}),\"({\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"105\",\"data-diff-line-number\":\"103\",children:[\"\t\tid: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"login-form\"}),\"'\",\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"106\",\"data-diff-line-number\":\"104\",children:[\"\t\tconstraint: \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"getFieldsetConstraint\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"LoginFormSchema\"}),\"),\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"107\",\"data-remove\":!0,\"data-diff-line-number\":\"104\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} add a defaultValue object with the redirectTo\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"108\",\"data-add\":!0,\"data-diff-line-number\":\"105\",children:[\"\t\tdefaultValue: { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" },\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"109\",\"data-diff-line-number\":\"106\",children:[\"\t\tlastSubmission: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"actionData\"}),\"?.\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"submission\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"110\",\"data-diff-line-number\":\"107\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"onValidate\"}),\"({ \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"formData\"}),\" }) {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"111\",\"data-diff-line-number\":\"108\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"parse\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"formData\"}),\", { schema: \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"LoginFormSchema\"}),\" })\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",line:96,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",line:94,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]}),(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/routes/_auth+/login.tsx\",\"data-start\":\"165\",\"data-remove\":\"168,169\",\"data-add\":\"170,171,172\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"165\",\"data-diff-line-number\":\"165\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"166\",\"data-diff-line-number\":\"166\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"\"}),`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"167\",\"data-diff-line-number\":\"167\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"168\",\"data-remove\":!0,\"data-diff-line-number\":\"167\",children:[\"\t\t\t\t\t\t\t{\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/* \\u{1F428} add a hidden input here for the redirectTo */\"}),\"}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"169\",\"data-remove\":!0,\"data-diff-line-number\":\"167\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"170\",\"data-add\":!0,\"data-diff-line-number\":\"168\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"input\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"171\",\"data-add\":!0,\"data-diff-line-number\":\"169\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"...\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"conform\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"input\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"fields\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\", { type: \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"hidden\"}),\"'\",\" })\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"172\",\"data-add\":!0,\"data-diff-line-number\":\"170\",children:[\"\t\t\t\t\t\t\t/>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"173\",\"data-diff-line-number\":\"171\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"ErrorList\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"errors\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"form\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"errors\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"id\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"form\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"errorId\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),\" />\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"174\",\"data-diff-line-number\":\"172\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"175\",\"data-diff-line-number\":\"173\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"div\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"flex items-center justify-between gap-6 pt-3\"}),'\"',\">\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",line:165,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",line:163,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]}),(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/routes/_auth+/login.tsx\",\"data-start\":\"182\",\"data-remove\":\"185,186\",\"data-add\":\"187,188,189,190,191,192,193,194,195\",\"data-line-numbers\":\"true\",\"data-lang\":\"tsx\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"182\",\"data-diff-line-number\":\"182\",children:[\"\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"183\",\"data-diff-line-number\":\"183\",children:[\"\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"div\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"flex items-center justify-center gap-2 pt-6\"}),'\"',\">\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"184\",\"data-diff-line-number\":\"184\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"span\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"className\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"text-muted-foreground\"}),'\"',\">New here?\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"185\",\"data-remove\":!0,\"data-diff-line-number\":\"184\",children:[\"\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"/* \\u{1F428} update this to attribute to include the redirectTo if it exists */\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"186\",\"data-remove\":!0,\"data-diff-line-number\":\"184\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"Link\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"to\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),'\"',(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/signup\"}),'\"',\">Create an account\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"187\",\"data-add\":!0,\"data-diff-line-number\":\"185\",children:[\"\t\t\t\t\t\t\t<\",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"Link\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"188\",\"data-add\":!0,\"data-diff-line-number\":\"186\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"to\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"{\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"189\",\"data-add\":!0,\"data-diff-line-number\":\"187\",children:[\"\t\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"190\",\"data-add\":!0,\"data-diff-line-number\":\"188\",children:[\"\t\t\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"?\"}),\" \",\"`\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/signup?redirectTo=\"}),\"${\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"encodeURIComponent\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"(\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\")\"}),\"}`\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"191\",\"data-add\":!0,\"data-diff-line-number\":\"189\",children:[\"\t\t\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/signup\"}),\"'\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"192\",\"data-add\":!0,\"data-diff-line-number\":\"190\",children:[\"\t\t\t\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0F)\"},children:\"}\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"193\",\"data-add\":!0,\"data-diff-line-number\":\"191\",children:[\"\t\t\t\t\t\t\t>\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"194\",\"data-add\":!0,\"data-diff-line-number\":\"192\",children:[\"\t\t\t\t\t\t\t\tCreate an account\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"195\",\"data-add\":!0,\"data-diff-line-number\":\"193\",children:[\"\t\t\t\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"196\",\"data-diff-line-number\":\"194\",children:[\"\t\t\t\t\t\t\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"197\",\"data-diff-line-number\":\"195\",children:[\"\t\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"198\",\"data-diff-line-number\":\"196\",children:[\"\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"\"}),`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",line:182,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/routes/_auth+/login.tsx\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",line:181,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/routes/_auth+/login.tsx\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})]}),`\n`,(0,e.jsx)(s,{title:\"app/utils/auth.server.ts\",variant:\"changed\",children:(0,e.jsxs)(\"div\",{className:\"relative\",children:[(0,e.jsx)(a.pre,{\"data-filename\":\"app/utils/auth.server.ts\",\"data-start\":\"28\",\"data-remove\":\"31,32,33,40,41,42,43,44,45,46,47\",\"data-add\":\"34,35,36,37,48,49,50,51,52,53,54,55,56,57\",\"data-line-numbers\":\"true\",\"data-lang\":\"typescript\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,e.jsxs)(a.code,{children:[(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",\"data-diff-line-number\":\"28\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"user\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"id\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",\"data-diff-line-number\":\"29\",children:[\"}\",`\n`]}),(0,e.jsx)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",\"data-diff-line-number\":\"30\",children:`\n`}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",\"data-remove\":!0,\"data-diff-line-number\":\"30\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} accept an additional argument here to allow folks to provide a custom\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",\"data-remove\":!0,\"data-diff-line-number\":\"30\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// redirectTo.\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",\"data-remove\":!0,\"data-diff-line-number\":\"30\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"requireUserId\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"request\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"Request\"}),\") {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",\"data-add\":!0,\"data-diff-line-number\":\"31\",children:[(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"export\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"requireUserId\"}),\"(\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"35\",\"data-add\":!0,\"data-diff-line-number\":\"32\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"request\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0A)\"},children:\"Request\"}),\",\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"36\",\"data-add\":!0,\"data-diff-line-number\":\"33\",children:[\"\t{ \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" }\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" { \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"?:\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"string\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"|\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0C)\"},children:\"null\"}),\" } \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" {},\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"37\",\"data-add\":!0,\"data-diff-line-number\":\"34\",children:[\") {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"38\",\"data-diff-line-number\":\"35\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"userId\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"getUserId\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"request\"}),\")\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"39\",\"data-diff-line-number\":\"36\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"!\"}),(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"userId\"}),\") {\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"40\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} create a URL object with new URL(request.url)\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"41\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} if redirectTo was passed as an argument we'll just use that, otherwise\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"42\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} create the path to redirectTo by combining the url's pathname and search\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"43\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} construct the login redirect path so it ends up being something like\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"44\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// this: '/login?redirectTo=/protected/path'\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"45\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F4AF} don't include the redirectTo if it's null\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"46\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base03)\"},children:\"// \\u{1F428} update this redirect to use your loginRedirect\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"47\",\"data-remove\":!0,\"data-diff-line-number\":\"36\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"throw\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"redirect\"}),\"(\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/login\"}),\"'\",\")\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"48\",\"data-add\":!0,\"data-diff-line-number\":\"37\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"requestUrl\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"URL\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"request\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"url\"}),\")\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"49\",\"data-add\":!0,\"data-diff-line-number\":\"38\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"50\",\"data-add\":!0,\"data-diff-line-number\":\"39\",children:[\"\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"===\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"null\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"51\",\"data-add\":!0,\"data-diff-line-number\":\"40\",children:[\"\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"?\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"null\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"52\",\"data-add\":!0,\"data-diff-line-number\":\"41\",children:[\"\t\t\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"??\"}),\" \",\"`${\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"requestUrl\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"pathname\"}),\"}${\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"requestUrl\"}),\".\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"search\"}),\"}`\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"53\",\"data-add\":!0,\"data-diff-line-number\":\"42\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"loginParams\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"?\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"URLSearchParams\"}),\"({ \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"redirectTo\"}),\" }) \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base09)\"},children:\"null\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"54\",\"data-add\":!0,\"data-diff-line-number\":\"43\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"loginRedirect\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" [\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"/login\"}),\"'\",\", \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"loginParams\"}),\"?.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"toString\"}),\"()]\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"55\",\"data-add\":!0,\"data-diff-line-number\":\"44\",children:[\"\t\t\t.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"filter\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"Boolean\"}),\")\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"56\",\"data-add\":!0,\"data-diff-line-number\":\"45\",children:[\"\t\t\t.\",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"join\"}),\"(\",\"'\",(0,e.jsx)(a.span,{style:{color:\"var(--base0B)\"},children:\"?\"}),\"'\",\")\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"57\",\"data-add\":!0,\"data-diff-line-number\":\"46\",children:[\"\t\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"throw\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base0D)\"},children:\"redirect\"}),\"(\",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"loginRedirect\"}),\")\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"58\",\"data-diff-line-number\":\"47\",children:[\"\t}\",`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"59\",\"data-diff-line-number\":\"48\",children:[\"\t\",(0,e.jsx)(a.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",(0,e.jsx)(a.span,{style:{color:\"var(--base08)\"},children:\"userId\"}),`\n`]}),(0,e.jsxs)(a.span,{className:\"codeblock-line\",\"data-line-number\":\"60\",\"data-diff-line-number\":\"49\",children:[\"}\",`\n`]})]})}),(0,e.jsxs)(\"div\",{className:\"flex gap-4 absolute top-1 right-3 items-center\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/utils/auth.server.ts\",line:28,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.problem.redirect/app/utils/auth.server.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 1\"})}),(0,e.jsxs)(\"div\",{className:\"display-alt-down flex gap-2\",children:[(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/utils/auth.server.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/utils/auth.server.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowLeft\",title:\"Copy app 2 file to app 1\"})})}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/utils/auth.server.ts\",syncTo:{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.problem.redirect/app/utils/auth.server.ts\"},children:(0,e.jsx)(\"span\",{className:\"block border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:(0,e.jsx)(l,{name:\"ArrowRight\",title:\"Copy app 1 file to app 2\"})})})]}),(0,e.jsx)(r,{file:\"/myapp/workshop-content/exercises/07.protecting-routes/04.solution.redirect/app/utils/auth.server.ts\",line:28,children:(0,e.jsx)(\"span\",{title:\"07.protecting-routes/04.solution.redirect/app/utils/auth.server.ts\",className:\"border hover:bg-foreground/20 rounded px-2 py-0.5 font-mono text-xs font-semibold\",children:\"OPEN in APP 2\"})})]})]})})]})}function b(n={}){let{wrapper:a}=n.components||{};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(p,{...n})}):p(n)}function o(n,a){throw new Error(\"Expected \"+(a?\"component\":\"object\")+\" `\"+n+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return k(E);})();\n;return Component;"]

07. Protecting Routes/04. Redirect from Login (🏁 solution)

Redirect from Login