[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_164":-5,"_20":165,"_22":166,"_167":168,"_169":170,"_26":171,"_24":172,"_173":-5,"_174":-5,"_175":66,"_176":177,"_178":61,"_179":-5,"_180":-5,"_181":182},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","alexwein","name","connectedDots","branchName","main","version","path","index.html","project",{"_33":108,"_13":14,"_44":109,"_110":-5,"_111":66,"_112":113,"_114":113,"_115":116,"_117":-5,"_118":119,"_120":-5,"_121":66,"_122":-5,"_123":-5,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":133,"_134":133,"_135":136,"_137":136,"_138":136,"_139":133,"_140":133,"_141":142,"_143":144,"_145":146,"_147":66},"tree",[50,51,52,53,54,55],"file",{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":24,"_17":42,"_43":-5,"_44":45,"_46":47,"_48":-5,"_18":49},"contents",[],"upstream","pull","ahead","behind","envVars","id","25b73844-feba-11f0-9018-42dde27851f2","branchId","e057d3cc-feb8-11f0-9efe-42dde27851f2","fileId","0c54af26-feba-11f0-b059-42dde27851f2","content","\n\n\n\n\n\n\n\n

\n \n \n

\n\n \n \n \n \n \n\n","fileType",3,"parentId","createdAt",["D",1769873589848],"branchVersion",12,"label",[19],{"_33":34,"_13":19,"_37":38,"_43":-5,"_35":36,"_46":47,"_60":61,"_44":105,"_17":42,"_41":24,"_39":40,"_65":66,"_48":-5,"_67":106,"_18":107},{"_33":95,"_13":96,"_37":97,"_43":-5,"_35":36,"_46":98,"_60":61,"_44":99,"_17":42,"_41":100,"_39":101,"_65":66,"_48":102,"_67":103,"_18":104},{"_33":88,"_13":89,"_37":90,"_43":-5,"_35":36,"_46":63,"_60":61,"_44":91,"_17":42,"_41":24,"_39":92,"_65":66,"_48":-5,"_67":93,"_18":94},{"_33":80,"_13":81,"_37":82,"_43":-5,"_35":36,"_46":83,"_60":61,"_44":84,"_17":42,"_41":24,"_39":85,"_65":66,"_48":-5,"_67":86,"_18":87},{"_33":70,"_13":71,"_37":72,"_43":-5,"_35":36,"_46":73,"_60":61,"_44":74,"_17":75,"_41":76,"_39":77,"_65":66,"_48":-5,"_67":78,"_18":79},{"_33":56,"_13":57,"_37":58,"_43":-5,"_35":36,"_46":59,"_60":61,"_44":62,"_17":63,"_41":24,"_39":64,"_65":66,"_48":-5,"_67":68,"_18":69},"365b2f2a-feba-11f0-84cc-42dde27851f2","styles.css","26c49d80-feba-11f0-a77a-42dde27851f2",18,"latest",true,["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}","deleted",false,"children",[],[57],"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}",[],[71],"77047692-febc-11f0-bbd5-42dde27851f2","readme.md","6cd089b4-febb-11f0-b4ad-42dde27851f2",25,["D",1769874585216],"When I was first becoming interested in learning javascript, it was to use the data visualization library D3. \nThis was my first project after some Scott Murray tutorials. It's a simple word game.\nIt it's neither a good game or a good page, but we all have to start somewhere.\n\nThe original code is on [github](https://github.com/a-lexwein/ConnectedDots/).\nI had townie move from importing a complete wordlist to making a sql query.\nBut otherwise, it seems to play exactly like how it played when I made in one week in Summer 2017.\n\nI still never really managed to learn D3.",[],[81],"e20db460-feb9-11f0-98e0-42dde27851f2","prompt.md","e422a1b2-feb8-11f0-a54a-42dde27851f2",["D",1769873476321],"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",[],[89],"7c584fee-feba-11f0-bcc1-42dde27851f2","main.ts","e05a0da4-feb8-11f0-9efe-42dde27851f2",21,["D",1769873735195],"http","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","alexsfirstwordgamewasbad",[],[96],["D",1769873589848],[],[19],"e0576144-feb8-11f0-9efe-42dde27851f2",["D",1769873043970],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","my very first javascript project (a word game)","imageUrl","userId","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",{"_11":12,"_163":159},"org",{"_11":12,"_156":157,"_158":159,"_118":119,"_160":161,"_162":66},"branch",{"_17":83,"_13":16,"_33":36,"_148":108,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":14,"_155":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":108,"_13":14,"_44":213,"_110":-5,"_111":66,"_112":113,"_114":113,"_115":116,"_117":-5,"_118":119,"_120":-5,"_121":66,"_122":-5,"_123":-5,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":133,"_134":133,"_135":136,"_137":136,"_138":136,"_139":133,"_140":133,"_141":214,"_143":215,"_145":216,"_147":66},[195,196,197,198,199,200],"files",[195,196,197,198,199,200],"counts",{"_185":125,"_186":187,"_188":125,"_32":189,"_190":191},[],{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":24,"_17":42,"_43":-5,"_44":183,"_46":47,"_48":-5,"_18":184},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1769873589848],[19],"pulls","branches",1,"forks",{"_192":125,"_194":125},"connections",{"_192":125,"_193":125},"count","unfilledCount","emptyCount",{"_33":34,"_13":19,"_37":38,"_43":-5,"_35":36,"_46":47,"_60":61,"_44":105,"_17":42,"_41":24,"_39":40,"_65":66,"_48":-5,"_67":211,"_18":212},{"_33":95,"_13":96,"_37":97,"_43":-5,"_35":36,"_46":98,"_60":61,"_44":99,"_17":42,"_41":100,"_39":101,"_65":66,"_48":102,"_67":209,"_18":210},{"_33":88,"_13":89,"_37":90,"_43":-5,"_35":36,"_46":63,"_60":61,"_44":91,"_17":42,"_41":24,"_39":92,"_65":66,"_48":-5,"_67":207,"_18":208},{"_33":80,"_13":81,"_37":82,"_43":-5,"_35":36,"_46":83,"_60":61,"_44":84,"_17":42,"_41":24,"_39":85,"_65":66,"_48":-5,"_67":205,"_18":206},{"_33":70,"_13":71,"_37":72,"_43":-5,"_35":36,"_46":73,"_60":61,"_44":74,"_17":75,"_41":76,"_39":77,"_65":66,"_48":-5,"_67":203,"_18":204},{"_33":56,"_13":57,"_37":58,"_43":-5,"_35":36,"_46":59,"_60":61,"_44":62,"_17":63,"_41":24,"_39":64,"_65":66,"_48":-5,"_67":201,"_18":202},[],[57],[],[71],[],[81],[],[89],[],[96],[],[19],["D",1769873043970],{"_11":12,"_163":159},{"_11":12,"_156":157,"_158":159,"_118":119,"_160":161,"_162":66},{"_17":83,"_13":16,"_33":36,"_148":108,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":14,"_155":12},"ctx",{"_141":-5,"_180":250,"_251":252,"_253":254,"_255":66,"_256":66,"_257":66,"_258":61,"_259":-5,"_260":-7,"_261":-7,"_262":125,"_263":66,"_264":66,"_265":-5,"_266":66,"_267":66,"_268":66,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":16,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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"]