[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_94":93,"_32":44,"_103":84,"_27":35,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":25,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",18,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","styles.css","latestPath","fileId","26c49d80-feba-11f0-a77a-42dde27851f2","name","fileType","content","",".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}","createdAt",["D",1769873617771],"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",{"_94":93,"_102":98},"org",{"_94":93,"_95":96,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":83,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"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",{"_42":43,"_32":44,"_37":198,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":199,"_78":200,"_80":201,"_82":25},"tree",[177,178,179,180,181],"files",[177,178,179,180,181],"counts",{"_167":60,"_168":156,"_169":60,"_170":171,"_172":173},"contents",[124,125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":160,"_32":161,"_30":162,"_130":-5,"_40":41,"_39":163,"_131":132,"_37":164,"_13":150,"_33":20,"_34":165,"_24":25,"_135":-5,"_27":166},{"_42":153,"_32":154,"_30":155,"_130":-5,"_40":41,"_39":156,"_131":25,"_37":157,"_13":60,"_33":143,"_34":35,"_24":25,"_135":158,"_27":159},{"_42":146,"_32":147,"_30":148,"_130":-5,"_40":41,"_39":134,"_131":132,"_37":149,"_13":150,"_33":20,"_34":151,"_24":25,"_135":-5,"_27":152},{"_42":137,"_32":138,"_30":139,"_130":-5,"_40":41,"_39":140,"_131":132,"_37":141,"_13":142,"_33":143,"_34":144,"_24":25,"_135":-5,"_27":145},{"_42":129,"_32":28,"_30":31,"_130":-5,"_40":41,"_39":14,"_131":132,"_37":133,"_13":134,"_33":20,"_34":36,"_24":25,"_135":-5,"_27":136},"365b2f2a-feba-11f0-84cc-42dde27851f2","parentId","latest",true,["D",1769873617771],5,"label",[28],"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}",[138],"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",[147],"e05a0cd2-feb8-11f0-9efe-42dde27851f2","main.ts","e05a0da4-feb8-11f0-9efe-42dde27851f2",1,["D",1769873043985],"alexsfirstwordgamewasbad",[154],"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",[161],"pulls","branches","forks","envVars",{"_174":60,"_176":60},"connections",{"_174":60,"_175":60},"count","unfilledCount","emptyCount",{"_42":160,"_32":161,"_30":162,"_130":-5,"_40":41,"_39":163,"_131":132,"_37":195,"_13":150,"_33":20,"_34":165,"_24":25,"_135":-5,"_183":196,"_27":197},{"_42":153,"_32":154,"_30":155,"_130":-5,"_40":41,"_39":156,"_131":25,"_37":192,"_13":60,"_33":143,"_34":35,"_24":25,"_135":158,"_183":193,"_27":194},{"_42":146,"_32":147,"_30":148,"_130":-5,"_40":41,"_39":134,"_131":132,"_37":189,"_13":150,"_33":20,"_34":151,"_24":25,"_135":-5,"_183":190,"_27":191},{"_42":137,"_32":138,"_30":139,"_130":-5,"_40":41,"_39":140,"_131":132,"_37":186,"_13":142,"_33":143,"_34":144,"_24":25,"_135":-5,"_183":187,"_27":188},{"_42":129,"_32":28,"_30":31,"_130":-5,"_40":41,"_39":14,"_131":132,"_37":182,"_13":134,"_33":20,"_34":36,"_24":25,"_135":-5,"_183":184,"_27":185},["D",1769873617771],"children",[],[28],["D",1769873574659],[],[138],["D",1769873476321],[],[147],["D",1769873043985],[],[154],["D",1769873589848],[],[161],["D",1769873043970],{"_94":93,"_102":98},{"_94":93,"_95":96,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":83,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_76":-5,"_121":235,"_236":237,"_238":239,"_240":25,"_241":25,"_242":25,"_243":132,"_244":-5,"_245":-7,"_246":-7,"_247":60,"_248":25,"_249":25,"_250":-5,"_251":25,"_252":25,"_253":25,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":84,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"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 · v18