[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_444":-5,"_447":448,"_449":450},"routes/shell",{"_325":326,"_443":-5,"_444":-5,"_445":446},"routes/repo",{"_318":-7,"_319":320,"_321":322,"_323":324,"_325":326,"_327":39,"_328":39,"_329":39,"_330":39,"_331":39,"_332":39,"_333":334,"_335":336,"_337":39,"_338":-7,"_339":-7,"_340":341,"_342":343,"_344":345,"_346":-5,"_347":348,"_349":350,"_351":352,"_353":354},"routes/repo.commit",{"_13":14,"_15":16,"_17":18},"commit",{"_291":35,"_296":297,"_298":299,"_300":301,"_302":303,"_304":-5,"_305":303,"_306":307},"diff",{"_32":33,"_34":35,"_36":37,"_38":39},"checks",[19],{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31},"id","492b6689-d23a-4f03-b2bf-5dad3cbf3963","order",17,"ref","refs/heads/main","event_name","push","status","skipped","jobs",[],"old","6dacb36279babd4f1f1c425b144eb0f35bd4b9ef","new","415b23c229d9cbd6bd72def96954a9990eedc6b2","files",[40],"truncated",false,{"_41":42,"_32":43,"_34":44,"_45":46,"_47":48,"_49":50,"_51":52},"path","site/index.html",{"_291":295,"_293":294},{"_291":292,"_293":294},"kind","text","add",37,"del",67,"hunks",[53],{"_54":55,"_56":57,"_58":55,"_59":60,"_61":62},"aStart",523,"aLen",78,"bStart","bLen",48,"ops",[63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177],{"_178":179,"_180":290},{"_178":179,"_180":289},{"_178":179,"_180":183},{"_178":49,"_180":288},{"_178":49,"_180":287},{"_178":47,"_180":286},{"_178":47,"_180":285},{"_178":47,"_180":284},{"_178":47,"_180":283},{"_178":179,"_180":282},{"_178":49,"_180":281},{"_178":49,"_180":280},{"_178":49,"_180":279},{"_178":49,"_180":278},{"_178":49,"_180":277},{"_178":49,"_180":276},{"_178":49,"_180":275},{"_178":49,"_180":274},{"_178":49,"_180":273},{"_178":49,"_180":272},{"_178":49,"_180":271},{"_178":49,"_180":270},{"_178":49,"_180":269},{"_178":49,"_180":268},{"_178":49,"_180":267},{"_178":49,"_180":266},{"_178":49,"_180":265},{"_178":49,"_180":264},{"_178":49,"_180":263},{"_178":49,"_180":262},{"_178":49,"_180":261},{"_178":49,"_180":260},{"_178":49,"_180":259},{"_178":49,"_180":258},{"_178":49,"_180":257},{"_178":49,"_180":256},{"_178":49,"_180":255},{"_178":49,"_180":254},{"_178":49,"_180":253},{"_178":49,"_180":252},{"_178":49,"_180":251},{"_178":49,"_180":250},{"_178":49,"_180":249},{"_178":49,"_180":248},{"_178":49,"_180":247},{"_178":49,"_180":246},{"_178":49,"_180":245},{"_178":49,"_180":244},{"_178":49,"_180":243},{"_178":49,"_180":242},{"_178":49,"_180":241},{"_178":47,"_180":240},{"_178":47,"_180":239},{"_178":47,"_180":238},{"_178":47,"_180":237},{"_178":47,"_180":236},{"_178":47,"_180":235},{"_178":47,"_180":234},{"_178":47,"_180":233},{"_178":47,"_180":232},{"_178":47,"_180":231},{"_178":47,"_180":230},{"_178":47,"_180":229},{"_178":47,"_180":228},{"_178":47,"_180":202},{"_178":47,"_180":227},{"_178":47,"_180":226},{"_178":47,"_180":225},{"_178":179,"_180":194},{"_178":49,"_180":224},{"_178":49,"_180":223},{"_178":49,"_180":222},{"_178":49,"_180":221},{"_178":49,"_180":220},{"_178":49,"_180":219},{"_178":49,"_180":218},{"_178":49,"_180":217},{"_178":49,"_180":216},{"_178":49,"_180":215},{"_178":49,"_180":214},{"_178":49,"_180":213},{"_178":49,"_180":212},{"_178":49,"_180":211},{"_178":49,"_180":210},{"_178":49,"_180":209},{"_178":47,"_180":193},{"_178":47,"_180":208},{"_178":47,"_180":207},{"_178":47,"_180":206},{"_178":47,"_180":205},{"_178":47,"_180":193},{"_178":47,"_180":204},{"_178":47,"_180":203},{"_178":47,"_180":202},{"_178":47,"_180":201},{"_178":47,"_180":200},{"_178":47,"_180":199},{"_178":47,"_180":198},{"_178":47,"_180":197},{"_178":47,"_180":196},{"_178":47,"_180":195},{"_178":179,"_180":194},{"_178":179,"_180":193},{"_178":49,"_180":192},{"_178":179,"_180":191},{"_178":49,"_180":190},{"_178":49,"_180":189},{"_178":49,"_180":188},{"_178":49,"_180":187},{"_178":49,"_180":186},{"_178":49,"_180":185},{"_178":49,"_180":184},{"_178":179,"_180":183},{"_178":179,"_180":182},{"_178":179,"_180":181},"tag","eq","line","\t\t2(s) {","\t\t// Pull Request: soft blobs as a pastel halftone print, ducking on the kick and swelling back.","\t\t},","\t\t\tg.fillRect(0, 0, W, H * .3);","\t\t\tg.fillStyle = fade;","\t\t\tfade.addColorStop(1, \"rgba(13,17,23,0)\");","\t\t\tfade.addColorStop(0, \"#0d1117\");","\t\t\tconst fade = g.createLinearGradient(0, 0, 0, H * .3);","\t\t\t// Older lines fade out toward the top, clear of the logo.","\t\t\tg.textBaseline = \"alphabetic\";","\t\t\t});","\t\t\t\tg.restore();","\t\t\t\t}","\t\t\t\t\t}","\t\t\t\t\t\tif (front && hash(i * 3.7 + Math.floor(s.beat * 4)) > .97 - s.high * .04) { x.fillStyle = \"#ffffff\"; x.fillRect(i, Math.round(y - size), 1, 1); }","\t\t\t\t\t\tx.fillRect(i, Math.round(y - size / 2), 1, size);","\t\t\t\t\t\tx.fillStyle = `rgb(${Math.min(255, r * shade + lift) | 0},${Math.min(255, g2 * shade + lift) | 0},${Math.min(255, b * shade + lift) | 0})`;","\t\t\t\t\t\tconst shade = .35 + .65 * (depth + 1) / 2, lift = glow * 140;","\t\t\t\t\t\tconst glow = Math.exp(-(((i - bead) / 14) ** 2)), size = Math.round(3 + (depth + 1) * 3.5 + swell * 4 + glow * 8);","\t\t\t\t\t\tif ((depth > 0) !== front) continue;","\t\t\t\t\t\tconst [y, depth] = at(i, 0, strand);","\t\t\t\t\tfor (let i = 0; i < w; i++) {","\t\t\t\t\tconst [r, g2, b] = colors[strand], age = since(hits[strand]), bead = age * w / 6, swell = Math.exp(-age * .8);","\t\t\t\tfor (const front of [false, true]) for (let strand = 0; strand < 2; strand++) {","\t\t\t\t\tx.fillRect(i, Math.round(Math.min(y0, y1)), 1, Math.round(Math.abs(y1 - y0)));","\t\t\t\t\tx.fillStyle = `rgba(150,190,255,${.1 + k * .3 + s.mid * .15})`;","\t\t\t\t\tconst [y0] = at(i, 0, 0), [y1] = at(i, 0, 1);","\t\t\t\tfor (let i = 0; i < w; i += 5) {","\t\t\t\t\t\tg.font = `500 ${fs}px ${mono()}`;","\t\t\t\t\t\tg.fillText(label, x + 6, y - lh * .4 - 8);","\t\t\t\t\t\tg.fillStyle = \"#0d1117\";","\t\t\t\t\t\tg.fill();","\t\t\t\t\t\tg.roundRect(x + 1, y - lh * .4 - 16, lw, 15, [3, 3, 3, 0]);","\t\t\t\t\t\tg.beginPath();","\t\t\t\t\t\tconst lw = g.measureText(label).width + 10;","\t\t\t\t\t\tg.font = `700 10px ${mono()}`;","\t\t\t\t\t\tconst label = p ? \"pair\" : \"you\";","\t\t\t\t\t\tg.globalAlpha = 1;","\t\t\t\t\t\tg.fillRect(x - 2, y - lh * .4, 6, lh * .8);","\t\t\t\t\t\tg.globalAlpha = .25 + k * .5;","\t\t\t\t\t\tif (typing || (s.beat * 2) % 1 < .5) g.fillRect(x + 1, y - lh * .4, 2, lh * .8);","\t\t\t\t\t\tg.fillStyle = color;","\t\t\t\t\t\tconst typing = done < 3, k = kick(s.beat);","\t\t\t\t\tif (n === bar) {","\t\t\t\t\t\tx.fillRect(i, Math.round(y), 1, 1);","\t\t\t\t\t\tx.fillStyle = `rgba(${r},${g2},${b},${fade * (.35 + .25 * depth)})`;","\t\t\t\t\t\tconst [y, depth] = at(i, layer, strand);","\t\t\t\t\tconst [r, g2, b] = colors[strand], fade = .5 / layer;","\t\t\t\tfor (let layer = 3; layer > 0; layer--) for (let strand = 0; strand < 2; strand++) {","\t\t\t\t// Echoes of the braid, furthest first.","\t\t\t\t};","\t\t\t\t\treturn [cy + Math.sin(a) * h * (.27 + layer * .1 + s.bass * .05), Math.cos(a)];","\t\t\t\t\tconst a = i * turn * (1 - layer * .08) + drift * (1 + layer * .3) + strand * Math.PI + layer * .7;","\t\t\t\tconst at = (i, layer, strand) => {","\t\t\t\tconst colors = [[255, 140, 60], [60, 230, 210]], hits = [[0, 3, 6], [8, 11, 14]];","\t\t\t\tconst since = (steps) => Math.min(...steps.map((st) => ((pos - st) % 16 + 16) % 16));","\t\t\t\tconst pos = (s.beat * 4) % 16, k = kick(s.beat), cy = h / 2, turn = TAU / (w * .42), drift = s.t * .5;","\t\t\t\tx.fillRect(0, 0, w, h);","\t\t\t\tx.fillStyle = \"#070d18\";","\t\t\tchunky(s, 3, (x, w, h) => {","\t\t\t\t\t\tleft -= shown.length;","\t\t\t\t\t\tx += shown.length * adv;","\t\t\t\t\t\tg.fillText(shown, x, y);","\t\t\t\t\t\tg.fillStyle = c;","\t\t\t\t\t\tconst shown = t.slice(0, left);","\t\t\t\t\t\tif (left <= 0) break;","\t\t\t\t\tfor (const [t, c] of tokens) {","\t\t\t\t\tlet left = n < bar ? len : Math.ceil(len * part), x = x0 + adv * 6;","\t\t\t\t\tconst tokens = code(p, n), len = tokens.reduce((a, [t]) => a + t.length, 0);","\t\t\t\t\tg.textAlign = \"left\";","\t\t\t\t\tg.fillText(String(n + 1), x0 + adv * 4, y);","\t\t\t\t\tg.textAlign = \"right\";","\t\t\t\t\tg.fillStyle = n === bar ? \"#8b949e\" : \"#3d444d\";","\t\t\t\t\tif (y < -lh || y > H + lh) continue;","\t\t\t\t\tconst y = baseY + (n - bar - scroll) * lh;","\t\t\t\tfor (let n = Math.max(0, bar - 20); n <= bar; n++) {","\t\t\t\tconst done = accents[p].filter((a) => step >= a).length, part = done / 3;","\t\t\t\tg.clip();","\t\t\t\tg.rect(x0, 0, x1 - x0, H);","\t\t\t\tg.beginPath();","\t\t\t\tg.save();","\t\t\t\tconst color = p ? cool : warm;","\t\t\tpanes.forEach(([x0, x1], p) => {","\t\t\tg.fillRect(0, ay - lh / 2, W, lh);","\t\t\tg.fillStyle = \"rgba(255,255,255,.04)\";","\t\t\tconst ay = baseY - scroll * lh;","\t\t\t// The active line's highlight runs the full width, joining the two panes behind the device.","\t\t\tconst baseY = H * .58;","\t\t\tconst accents = [[0, 3, 6], [8, 11, 14]];","\t\t\tconst scroll = Math.max(0, Math.min(1, (step - 15) / 1));","\t\t\tconst bar = Math.floor(s.beat / 4) + 24, step = (s.beat % 4) * 4;","\t\t\t// The file starts a couple of dozen lines in, so the panes are never empty.","\t\t\tconst half = W > 1000 ? 250 : 0, panes = [[24, W / 2 - half - 16], [W / 2 + half + 16, W - 24]];","\t\t\tconst adv = g.measureText(\"M\").width;","\t\t\tg.textAlign = \"left\";","\t\t\tg.textBaseline = \"middle\";","\t\t\tg.font = `500 ${fs}px ${mono()}`;","\t\t\tconst fs = 16, lh = 28;","\t\t\tg.fillRect(0, 0, W, H);","\t\t\tg.fillStyle = \"#0d1117\";","\t\t\tconst { W, H } = s, warm = \"#ff8c3c\", cool = \"#3ce6d2\";","\t\t1(s) {","\t\t// the bass.","\t\t// its own half of the dembow's 3-3-2, the rungs flash on the beat, and the braid breathes with","\t\t// teal, with fainter echoes of the braid behind. Each fires a bead of light down its ribbon on","\t\t// Pair Programming: two ribbons braiding across the screen, you in warm orange and your pair in","\t\t// bar in bursts on the dembow's 3-3-2, you on the first half of the bar and your pair answering.","\t\t// Pair Programming: a split editor, a pane each side of the device. Two cursors type a line a","\t\t\tg.drawImage(lo, 0, 0, w * px, h * px);","\t\t\tg.imageSmoothingEnabled = false;","oid","c519c60","mode","100644","80d28d5","parents",[33],"author",{"_309":310,"_311":312,"_316":317},"committer",{"_309":310,"_311":312,"_316":317},"message","Pair Programming: braided helix visualizer","signature","subject","authors",[308],{"_309":310,"_311":312,"_313":310,"_314":315},"name","iamnbutler","email","iamnbutler@github.com","login","avatarUrl","https://avatars.githubusercontent.com/u/1714999?v=4","time",1793142306,"documentNavigation","repo","iamnbutler/nextmix","repoId","33d6e51d-9592-47fb-a59d-d463b27a9ace","ownerId","user:1714999","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers",1,"watching","pinned","notify","views",[399,400,401,402,403,404,405,406,407,408,409,410,411],"navigation",{"_340":341,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_178":372},"sources",[],"viewer","meta",{"_356":357,"_358":310,"_359":357,"_327":39,"_360":355,"_361":39,"_333":334,"_335":336},"branches",[355],"tags",[],"cloneUrl","https://git.nexthub.sh/iamnbutler/nextmix.git","main","description","","owner","section","head","empty","pins",[383,384,385],"documents",{"_380":381,"_382":334},"code",{"_377":378,"_379":334},"automations",{"_375":334,"_376":-5},"delivery",{"_373":334,"_374":-5},"POvzZEis8KhmxQWrakO6oaf9jkS","releases","applications","workflows","deployments","commits",51,"changes","counts",{},"total",{"_20":379,"_309":397,"_41":379,"_388":398,"_338":390,"_391":39,"_392":390,"_393":334},{"_20":394,"_309":395,"_41":394,"_388":396,"_338":390,"_391":39,"_392":390,"_393":334},{"_20":386,"_309":387,"_41":386,"_388":389,"_338":390,"_391":39,"_392":390,"_393":334},"issues","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_20":379,"_309":397,"_41":379,"_388":442,"_338":390,"_391":39,"_392":390},{"_20":394,"_309":395,"_41":394,"_388":441,"_338":390,"_391":39,"_392":390},{"_20":386,"_309":387,"_41":386,"_388":440,"_338":390,"_391":39,"_392":390},{"_20":437,"_309":438,"_41":437,"_388":439,"_338":39,"_391":39,"_392":390},{"_20":434,"_309":435,"_41":434,"_388":436,"_338":39,"_391":39,"_392":390},{"_20":375,"_309":432,"_41":368,"_388":433,"_338":39,"_391":39,"_392":390},{"_20":376,"_309":429,"_41":430,"_388":431,"_338":39,"_391":39,"_392":390},{"_20":373,"_309":427,"_41":373,"_388":428,"_338":39,"_391":39,"_392":390},{"_20":423,"_309":424,"_41":425,"_388":426,"_338":39,"_391":39,"_392":390},{"_20":364,"_309":421,"_41":364,"_388":422,"_338":39,"_391":39,"_392":39},{"_20":418,"_309":419,"_41":418,"_388":420,"_338":39,"_391":39,"_392":39},{"_20":415,"_309":416,"_41":415,"_388":417,"_338":39,"_391":39,"_392":39},{"_20":412,"_309":413,"_41":412,"_388":414,"_338":39,"_391":39,"_392":39},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794434559084,"sidebar","expanded"]

Pair Programming: braided helix visualizer

Actions checks