[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","e05a0da4-feb8-11f0-9efe-42dde27851f2","name","fileType","http","content","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n \n // API endpoint to get random words\n if (url.pathname === \"/api/words\") {\n const minLength = parseInt(url.searchParams.get(\"minLength\") || \"5\");\n const maxLength = parseInt(url.searchParams.get(\"maxLength\") || \"7\");\n const count = parseInt(url.searchParams.get(\"count\") || \"4\");\n \n try {\n const result = await sqlite.execute({\n sql: `SELECT word FROM judgments \n WHERE length(word) >= ? AND length(word) <= ? \n ORDER BY RANDOM() \n LIMIT ?`,\n args: [minLength, maxLength, count]\n });\n \n const words = result.rows.map((row: any) => row.word);\n \n return new Response(JSON.stringify(words), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n \n // API endpoint to check if a word is valid\n if (url.pathname === \"/api/check\") {\n const word = url.searchParams.get(\"word\")?.toLowerCase();\n if (!word) {\n return new Response(JSON.stringify({ error: \"No word provided\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n \n try {\n const result = await sqlite.execute({\n sql: \"SELECT word FROM judgments WHERE word = ?\",\n args: [word]\n });\n \n const isValid = result.rows.length > 0;\n return new Response(JSON.stringify({ word, valid: isValid }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n \n // Serve the game HTML\n const html = `\n\n\n\n\n

\n \n \n

\n\n \n \n \n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n \n // API endpoint to get random words\n if (url.pathname === \"/api/words\") {\n const minLength = parseInt(url.searchParams.get(\"minLength\") || \"5\");\n const maxLength = parseInt(url.searchParams.get(\"maxLength\") || \"7\");\n const count = parseInt(url.searchParams.get(\"count\") || \"4\");\n \n try {\n const result = await sqlite.execute({\n sql: `SELECT word FROM judgments \n WHERE length(word) >= ? AND length(word) <= ? \n ORDER BY RANDOM() \n LIMIT ?`,\n args: [minLength, maxLength, count]\n });\n \n const words = result.rows.map((row: any) => row[0]);\n \n return new Response(JSON.stringify(words), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n \n // API endpoint to check if a word is valid\n if (url.pathname === \"/api/check\") {\n const word = url.searchParams.get(\"word\")?.toLowerCase();\n if (!word) {\n return new Response(JSON.stringify({ error: \"No word provided\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n \n try {\n const result = await sqlite.execute({\n sql: \"SELECT word FROM judgments WHERE word = ?\",\n args: [word]\n });\n \n const isValid = result.rows.length > 0;\n return new Response(JSON.stringify({ word, valid: isValid }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n \n // Serve the game HTML\n const html = `\n\n\n\n\n

\n \n \n

\n\n \n \n \n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n","createdAt",["D",1769873735195],"branchVersion","branchId","e057d3cc-feb8-11f0-9efe-42dde27851f2","id","e0576144-feb8-11f0-9efe-42dde27851f2","connectedDots",["D",1769873043970],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","my very first javascript project (a word game)","imageUrl","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","875ed3cd-ae4b-40bb-a45f-6a1970e11689","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",25,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","alexwein","handle","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":202,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":203,"_79":204,"_81":205,"_83":25},"tree",[181,182,183,184,185],"files",[181,182,183,184,185],"counts",{"_170":61,"_171":172,"_173":61,"_174":175,"_176":177},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":163,"_32":164,"_30":165,"_135":-5,"_41":42,"_40":166,"_137":122,"_38":167,"_13":156,"_33":20,"_35":168,"_24":25,"_141":-5,"_27":169},{"_43":159,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":122,"_38":160,"_13":156,"_33":34,"_35":37,"_24":25,"_141":161,"_27":162},{"_43":152,"_32":153,"_30":154,"_135":-5,"_41":42,"_40":139,"_137":122,"_38":155,"_13":156,"_33":20,"_35":157,"_24":25,"_141":-5,"_27":158},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":122,"_38":147,"_13":148,"_33":149,"_35":150,"_24":25,"_141":-5,"_27":151},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":122,"_38":138,"_13":139,"_33":20,"_35":140,"_24":25,"_141":-5,"_27":142},"365b2f2a-feba-11f0-84cc-42dde27851f2","styles.css","26c49d80-feba-11f0-a77a-42dde27851f2","parentId",18,"latest",["D",1769873617771],5,".button {\n background-color: deeppink;\n border: none;\n color: white;\n padding: 15px 32px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 4px 2px;\n cursor: pointer;\n}\n\nbody {\n font: 17px sans-serif;\n white-space: pre-line;\n}\n\n.axis path,\n.axis line {\n fill: none;\n stroke: #000;\n shape-rendering: crispEdges;\n}\n\n.dotClick {\n stroke: #000;\n stroke-width: .6em;\n}\n\n.text {\n text-anchor: middle;\n margin: 0 auto;\n width: 30em;\n}\n\n#guess {\n font-size: 24pt;\n float: right;\n position: relative;\n visibility: hidden;\n}\n#guess2 {\n font-size: 24pt;\n float: right;\n position: relative;\n}\n\n\n#main {\n float: left;\n width: 60%;\n}","label",[133],"1ca9a1b0-feba-11f0-b059-42dde27851f2","script.js","1763e968-feba-11f0-873d-42dde27851f2",11,["D",1769873574659],2,"script","// var data = [];\n// //var maxCol = 2;\n// for (var i = 0; i < 4; i++) {\n// for (var j = 0; j < 4; j++) {\n// data.push({'x':i,'y':j})\n// }\n// }\n//\n// var data = [\n// {x: 0, y: 0, text: 's'},\n// {x: 0, y: 1, text: 't'},\n// {x: 0, y: 2, text: 'p'},\n//\n// {x: 1, y: 0, text: 'e'},\n// {x: 1, y: 1, text: 'a'},\n// {x: 1, y: 2, text: 'o'},\n//\n// {x: 2, y: 0, text: 'x'},\n// {x: 2, y: 1, text: 'g'},\n// {x: 2, y: 2, text: 't'}\n// ]\n\n//https://stackoverflow.com/questions/19269545/how-to-get-n-no-elements-randomly-from-an-array\n\nvar makeWords = function(numWords) {\n function getRandomInt(min, max) {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive\n }\n\n function getRandom(arr, n) {\n var result = new Array(n),\n len = arr.length,\n taken = new Array(len);\n if (n > len)\n throw new RangeError(\"getRandom: more elements taken than available\");\n while (n--) {\n var x = Math.floor(Math.random() * len);\n result[n] = arr[x in taken ? taken[x] : x];\n taken[x] = --len;\n }\n return result;\n }\n\n var wordLengths = [5,7]\n var splits = 3\n var words = getRandom(ospd.filter(function(x){\n return x.length >= wordLengths[0] && x.length <= wordLengths[1];\n }),numWords)\n\n var words1 = words.map(function(x) {\n var len = x.length;\n var end1 = getRandomInt(1,len-2);\n var end2 = getRandomInt(end1+1, len-1);\n return [x.slice(0,end1), x.slice(end1,end2), x.slice(end2,len)]\n })\n\n words1 = _.unzip(words1)\n // var wordLength = 6\n // var words = getRandom(ospd.filter(x => x.length === wordLength),numWords)\n //\n // words1 = words.map(function(x) {\n // return [x.slice(0,2), x.slice(2,4), x.slice(4,6)]\n // })\n //\n // words1 = _.unzip(words1)\n\n data = []\n for (var i = 0; i < words1.length; i++) {\n var arr = _.shuffle(words1[i]);\n for (var j = 0; j < arr.length; j++) {\n var node = {x: i, y: j, text: arr[j]};\n data.push(node)\n }\n }\n data.words = words\n return data\n}\n\nvar numWords = 4\nvar data = makeWords(numWords)\nvar colors = _.shuffle(['deeppink', 'darkorange', 'gold', 'blueviolet', 'chartreuse', 'dodgerblue'])\nvar colorIndex = 0;\n\nvar setBoard = function(data) {\n\n var maxCol = Math.max(...data.map(point => point.x))\n var maxGuess = Math.max(...data.map(point => point.y))\n\n\n var guess2 = '';\n\n var activeCol = -1;\n var guessCount = 0;\n var lastClick = {x: 0, y:0};\n var clicks = [lastClick];\n\n var a = window\n var w = a.innerWidth;\n var h = a.innerHeight * 2/3;\n\n\n\n var xValue = function(d) { return d.x;}, // data -> value\n xScale = d3.scale.linear().range([0, w]), // value -> display\n xMap = function(d) { return xScale(xValue(d));}, // data -> display\n yValue = function(d) { return d.y;}, // data -> value\n yScale = d3.scale.linear().range([h, 0]),\n yMap = function(d) { return yScale(yValue(d));}; // data -> display\n\n\n // don't want dots overlapping axis, so add in buffer to data domain\n xScale.domain([d3.min(data, xValue)-1, d3.max(data, xValue)+1]);\n yScale.domain([d3.min(data, yValue)-1, d3.max(data, yValue)+1]);\n\n var svg = d3.select(\"#main\").append(\"svg\").attr({\n width: w,\n height: h\n });\n\n var lines = svg.append('g');\n var dots = svg.append('g');\n var text = svg.append('g');\n var dotClick = svg.append('g');\n\n\n dots.selectAll(\".dot\")\n .data(data)\n .enter().append(\"circle\")\n .attr(\"class\", \"dot\")\n .attr(\"r\", 25)\n .attr(\"cx\", xMap)\n .attr(\"cy\", yMap)\n .attr(\"col\", xValue)\n // .attr('fill-opacity', 0)\n .attr('text', x => x.text)\n .attr('used', false)\n\n dotClick.selectAll(\".dotClick\")\n .data(data)\n .enter().append(\"circle\")\n .attr(\"class\", \"dotClick\")\n .attr(\"r\", 27)\n .attr(\"cx\", xMap)\n .attr(\"cy\", yMap)\n .attr(\"col\", xValue)\n .attr('fill-opacity', 0)\n // .attr('stroke-opacity', 0)\n .attr('text', x => x.text)\n .attr('used', false)\n\n text.selectAll(\".text\")\n .data(data)\n .enter().append(\"text\")\n .attr(\"class\", \"text\")\n .attr(\"x\", xMap)\n .attr(\"y\", yMap)\n .style('fill', 'white')\n .text(x => x.text)\n\n function connectDots(a,b) {\n lines.append('line')\n .attr({\n x1: a.x,\n y1: a.y,\n x2: b.x,\n y2: b.y,\n stroke: colors[colorIndex%colors.length]\n })\n }\n\n function removeLastLine() {\n $(\"line\").last().remove()\n activeCol --;\n }\n\n svg.selectAll(\".dotClick\").on(\"click\", function() {\n var click = {\n x:d3.select(this).attr('cx'),\n y:d3.select(this).attr('cy'),\n col:Number(d3.select(this).attr('col')),\n text: d3.select(this).attr('text'),\n used: d3.select(this).attr('used')\n }\n clicks.unshift(click);\n\n if (click.col === activeCol + 1 & click.used === \"false\") {\n d3.select(this).style('stroke',colors[colorIndex%colors.length])\n var guess = $('#guess').text()\n $('#guess').text(guess + click.text)\n guess2 = guess2 + click.text;\n d3.select(this).attr('used', \"true\");\n\n if (click.col === 0) {\n lastClick = click\n activeCol ++\n } else {\n\n connectDots(lastClick, click);\n activeCol ++;\n lastClick = click;\n\n\n\n if (activeCol === maxCol) {\n activeCol = -1;\n var guess = $('#guess').text()\n $('#guess').text(guess + '\\n')\n $('#guess2').append('

'+guess2+'

')\n guess2 = ''\n guessCount++\n colorIndex ++;\n }\n }\n\n }\n if (guessCount > maxGuess) {\n var result = checkList() ? 'CORRECT!' : 'WRONG!'\n svg.append(\"text\")\n .attr(\"x\", 150)\n .attr(\"y\", 150)\n .attr(\"text-anchor\", \"middle\")\n .style(\"font-size\", \"40px\")\n .style(\"text-decoration\", \"underline\")\n .text(result);\n }\n });\n}\nsetBoard(data);\n\nvar check = function(word) {\n return ospd.indexOf(word) !== -1;\n}\n\nvar checkList = function() {\n var arr = $('li').map(function() {\n return $(this).text();\n }).get();\n return arr.every(check);\n}\n\nvar reset = function() {\n d3.select('svg').remove()\n $('li').remove()\n setBoard(data)\n}\n\nvar newBoard = function() {\n data = makeWords(numWords);\n reset();\n}",[144],"e20db460-feb9-11f0-98e0-42dde27851f2","prompt.md","e422a1b2-feb8-11f0-a54a-42dde27851f2",["D",1769873476321],3,"https://github.com/a-lexwein/ConnectedDots\n\nthis contains an early coding project I made that I would like to host on val town with the exact same front-end.\n\n- start by copying all the files into this val besides the ospd.txt and ospd.js\n- script.js has the following lines 48-50. comment it out and replace it with an api call to the `judgments` table\n```\n var words = getRandom(ospd.filter(function(x){\n return x.length >= wordLengths[0] && x.length <= wordLengths[1];\n }),numWords)\n```\n\nmain.ts should be an http endpoint that let's one play the game",[153],"7c584fee-feba-11f0-bcc1-42dde27851f2",["D",1769873735195],"alexsfirstwordgamewasbad",[28],"25b73844-feba-11f0-9018-42dde27851f2","index.html","0c54af26-feba-11f0-b059-42dde27851f2",12,["D",1769873589848],"\n\n\n\n\n\n\n\n

\n \n \n

\n\n \n \n \n \n \n\n",[164],"pulls","branches",1,"forks","envVars",{"_178":61,"_180":61},"connections",{"_178":61,"_179":61},"count","unfilledCount","emptyCount",{"_43":163,"_32":164,"_30":165,"_135":-5,"_41":42,"_40":166,"_137":122,"_38":199,"_13":156,"_33":20,"_35":168,"_24":25,"_141":-5,"_187":200,"_27":201},{"_43":159,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":122,"_38":196,"_13":156,"_33":34,"_35":37,"_24":25,"_141":161,"_187":197,"_27":198},{"_43":152,"_32":153,"_30":154,"_135":-5,"_41":42,"_40":139,"_137":122,"_38":193,"_13":156,"_33":20,"_35":157,"_24":25,"_141":-5,"_187":194,"_27":195},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":122,"_38":190,"_13":148,"_33":149,"_35":150,"_24":25,"_141":-5,"_187":191,"_27":192},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":122,"_38":186,"_13":139,"_33":20,"_35":140,"_24":25,"_141":-5,"_187":188,"_27":189},["D",1769873617771],"children",[],[133],["D",1769873574659],[],[144],["D",1769873476321],[],[153],["D",1769873735195],[],[28],["D",1769873589848],[],[164],["D",1769873043970],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_124":239,"_240":241,"_242":243,"_244":25,"_245":25,"_246":25,"_247":122,"_248":-5,"_249":-7,"_250":-7,"_251":61,"_252":25,"_253":25,"_254":-5,"_255":25,"_256":25,"_257":25,"_258":-5},"ENV",{"_210":211,"_212":213,"_214":85,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v21