[{"_1":2,"_122":-5,"_123":-5},"loaderData",{"_3":4,"_91":92,"_121":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.pulls.$prId",{"_93":94},"pullRequest",{"_95":96,"_97":98,"_99":100,"_101":26,"_102":26,"_103":104,"_115":116},"id","3b0df33c-0a87-11ef-8f89-cab58f78796a","description","Add mention to other val in readme","state","pending","canAccept","canCancel","target",{"_105":106,"_107":108,"_109":110,"_111":112,"_113":114},"code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport react_http from \"https://esm.town/v/stevekrouse/react_http?v=3\";\n\nconst BASE_URL = \"https://stevekrouse-cors_example_backend.web.val.run\";\n\nexport function App() {\n const [logs, setLogs] = useState([]);\n async function request(url, options) {\n try {\n const response = await fetch(url, options);\n const status = response.status;\n const data = await response.text();\n const headers = Array.from(response.headers.entries())\n .map(([key, value]) => `${key}: ${value}`)\n .join(\"\\n\");\n setLogs([...logs, `${options?.method || \"GET\"} ${url} [${status}]\\nHeaders:\\n${headers}\\nBody:\\n${data}`]);\n } catch (error) {\n setLogs([...logs, `${options?.method || \"GET\"} ${url} ${error}`]);\n }\n }\n return (\n

CORS Example

\n \n \n \n \n \n \n

Logs

{logs.join(\"\\n\\n\")}

\n );\n}\n\nexport default react_http(App, import.meta.url);","readme","[CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) issues are the bane of frontend engineers.\n\nIn Val Town, if you don't customize any CORS headers, we add these defaults:\n\n```\nAccess-Control-Allow-Origin: \"*\"\nAccess-Control-Allow-Methods: \"GET,HEAD,PUT,PATCH,POST,DELETE\"\n```\n\nYou can override them if you wish to disallow CORS. \n\nThis val is a client-side-rendered React app that makes requests to @stevekrouse/cors_example_backend. The backend is in a different val because CORS applies to requests on different domains. The backend has examples of the default permissive CORS behavior and disabled CORS. ","handle","stevekrouse","profileImageUrl","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","name","cors_example","fork",{"_105":117,"_107":118,"_109":119,"_111":120,"_113":114},"/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport react_http from \"https://esm.town/v/stevekrouse/react_http\";\n\nconst BASE_URL = \"https://stevekrouse-cors_example_backend.web.val.run\";\n\nexport function App() {\n const [logs, setLogs] = useState([]);\n async function request(url, options) {\n try {\n const response = await fetch(url, options);\n const status = response.status;\n const data = await response.text();\n setLogs([...logs, `${options?.method || \"GET\"} ${url} [${status}] ${data}`]);\n } catch (error) {\n setLogs([...logs, `${options?.method || \"GET\"} ${url} ${error}`]);\n }\n }\n return (\n

CORS Example

\n \n \n \n \n

Logs

{logs.join(\"\\n\")}

\n );\n}\n\nexport default react_http(App, import.meta.url); ","[CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) issues are the bane of frontend engineers.\n\nIn Val Town, if you don't customize any CORS headers, we add these defaults:\n\n```\nAccess-Control-Allow-Origin: \"*\"\nAccess-Control-Allow-Methods: \"GET,HEAD,PUT,PATCH,POST,DELETE\"\n```\n\nYou can override them if you wish to disallow CORS. Check out [@neverstew/setCorsHeaders](https://www.val.town/v/neverstew/setCorsHeaders) for the easiest way to do this in your code.\n\nThis val is a client-side-rendered React app that makes requests to @stevekrouse/cors_example_backend. The backend is in a different val because CORS applies to requests on different domains. The backend has examples of the default permissive CORS behavior and disabled CORS. ","neverstew","https://secure.gravatar.com/avatar/109fa713caf4e083c57622b7c6dad365.jpg?s=200&d=identicon","routes/_app","actionData","errors"]

Review pull request

Description

stevekrouse/cors_example

neverstew/cors_example