[{"_1":2,"_234":-5,"_235":-5},"loaderData",{"_3":4,"_91":92,"_221":222,"_233":-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.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_216":-5,"_217":-5,"_218":219,"_130":131,"_144":145,"_100":101,"_98":99,"_118":-7,"_50":51,"_220":26},"type","val","author","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":107,"_108":109,"_110":111,"_112":26,"_113":111,"_114":115,"_116":117,"_118":119,"_120":26,"_121":31,"_122":123,"_124":31,"_125":90,"_126":31,"_127":31,"_128":-5,"_20":129,"_134":135,"_141":-7,"_142":143,"_144":145,"_146":147},"name","fabwbogglelike","valNameId","de34e19a-d059-11ef-9f1b-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","# Find a Big Word - Bogglelike\n\nThis endpoint displays an randomly generated SVG of a 4x4 grid of letters.\nThe Grid is guaranteed to have word that uses every letter using standard Boggle-style word-finding rules.\n\nThanks to [Fil](https://www.val.town/v/fil/earthquakes) for the example using Observable Plot.\n\n![](https://alexwein-fabwbogglelike.web.val.run/?svg=1)\n\n| | |\n|-----|-----|\n| Web page | https://alexwein-fabwbogglelike.web.val.run |\n| Observable Plot for image | https://observablehq.com/plot/ |\n| wordnik from words | https://github.com/wordnik/wordlist |","valType","http","currentVersion","317f067a-d107-11ef-b397-e6cdfca9ef9f","legacyPrivate","id","code","import { getRandomWord } from \"https://esm.town/v/alexwein/getRandomWord\";\nimport { retryFill } from \"https://esm.town/v/alexwein/gridRetryFill\";\n\nexport async function fabw() {\n // Import d3 and Plot with a server-side compatible approach\n const d3 = await import(\"https://cdn.jsdelivr.net/npm/d3@7/+esm\");\n const Plot = await import(\"https://cdn.jsdelivr.net/npm/@observablehq/plot@0.6.14/+esm\");\n\n // Create a mock document object to prevent undefined errors\n const { document } = await import(\"https://cdn.jsdelivr.net/npm/linkedom@0.16.1/+esm\").then((m) =>\n m.parseHTML(``)\n );\n\n // Ensure global is defined for server-side rendering\n globalThis.document = document;\n globalThis.window = { document } as any;\n\n const randomWord = await getRandomWord(null, 8, 16);\n const board = retryFill(randomWord.toUpperCase());\n\n const chart = Plot.plot({\n width: 400,\n height: 400,\n marks: [\n Plot.cell(board, {\n // cells\n x: \"x\",\n y: \"y\",\n stroke: \"black\",\n strokeWidth: 3,\n }),\n Plot.cell(board, {\n // blanks\n x: \"x\",\n y: \"y\",\n filter: (d) => d.letter === \"_\",\n stroke: \"black\",\n fill: \"black\",\n }),\n Plot.text(board, {\n x: \"x\",\n y: \"y\",\n text: \"letter\",\n fill: \"black\",\n fontSize: 400 / 10,\n }),\n ],\n x: { type: \"band\", axis: false, padding: 0 },\n y: { type: \"band\", axis: false, padding: 0 },\n });\n\n return new Response(\n `${chart}`.replace(\n /^`)\n );\n\n // Ensure global is defined for server-side rendering\n globalThis.document = document;\n globalThis.window = { document } as any;\n\n const randomWord = await getRandomWord(seed = null, min = 8, max = 16);\n const board = retryFill(randomWord.toUpperCase());\n\n const chart = Plot.plot({\n width: 400,\n height: 400,\n marks: [\n Plot.cell(board, {\n // cells\n x: \"x\",\n y: \"y\",\n stroke: \"black\",\n strokeWidth: 3,\n }),\n Plot.cell(board, {\n // blanks\n x: \"x\",\n y: \"y\",\n filter: (d) => d.letter === \"_\",\n stroke: \"black\",\n fill: \"black\",\n }),\n Plot.text(board, {\n x: \"x\",\n y: \"y\",\n text: \"letter\",\n fill: \"black\",\n fontSize: 400 / 10,\n }),\n ],\n x: { type: \"band\", axis: false, padding: 0 },\n y: { type: \"band\", axis: false, padding: 0 },\n });\n\n return new Response(\n `${chart}`.replace(\n /^

fabwbogglelike

Version 16