Truchet Tiles but collaborative with Automerge

Loading doc...

;\n }\n\n const tileSize = 50;\n const tileSizePx = `${tileSize}px`;\n console.log(\"Building grid UI with\", currentGrid.pixels.length, \"pixels\");\n\n return (\n \n \n {(value, idx) => (\n removeTile(e, idx())}\n onclick={(e) => rotateTile(e, idx())}\n />\n )}\n \n \n );\n };\n\n return gridContent;\n}\n\nrender(() => , document.getElementById(\"app\")!);",[],[175],{"_102":185,"_95":186,"_154":187,"_156":-5,"_157":136,"_158":135,"_160":161,"_104":188,"_99":189,"_164":165,"_166":190,"_168":22,"_169":-5,"_170":191,"_98":192},"ac34f6f8-9ade-11f0-96c1-0224a6c84d84","index.html","019985f3-e558-7644-9674-642a85d13889",["D",1758894161094],12,"\n\n \n \n Truchet Tiles but collaborative with Automerge\n \n \n \n

\n \n \n \n",[],[186],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":136,"_158":197,"_160":161,"_104":198,"_99":32,"_164":199,"_166":200,"_168":22,"_169":-5,"_170":201,"_98":202},"9ab21606-9ad2-11f0-af10-0224a6c84d84","main.ts","019985f3-e558-7644-9674-6b8ba49d40ec",1,["D",1758888977697],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[195],{"_102":204,"_95":205,"_154":206,"_156":-5,"_157":136,"_158":207,"_160":161,"_104":208,"_99":209,"_164":165,"_166":210,"_168":22,"_169":-5,"_170":211,"_98":212},"0ac4ea22-9ad3-11f0-b3cb-0224a6c84d84","tile.svg","f820549c-9ad2-11f0-9605-0224a6c84d84",6,["D",1758889165776],3,"\n",[],[205],"files",[151,173,184,193,203],"counts",{"_217":32,"_218":197,"_219":32,"_220":221},"pulls","branches","forks","envVars",{"_222":32,"_223":32},"count","emptyCount","contents",[226,229,232,235,238],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":227,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":228},["D",1758889340276],[153],{"_102":174,"_95":175,"_154":176,"_156":-5,"_157":136,"_158":177,"_160":161,"_104":230,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_98":231},["D",1758892432540],[175],{"_102":185,"_95":186,"_154":187,"_156":-5,"_157":136,"_158":135,"_160":161,"_104":233,"_99":189,"_164":165,"_166":190,"_168":22,"_169":-5,"_98":234},["D",1758894161094],[186],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":136,"_158":197,"_160":161,"_104":236,"_99":32,"_164":199,"_166":200,"_168":22,"_169":-5,"_98":237},["D",1758888977697],[195],{"_102":204,"_95":205,"_154":206,"_156":-5,"_157":136,"_158":207,"_160":161,"_104":239,"_99":209,"_164":165,"_166":210,"_168":22,"_169":-5,"_98":240},["D",1758889165776],[205],"upstreamProject",{"_102":144,"_95":243,"_110":-5,"_111":-5,"_108":109,"_23":244},"automerge-example-chee",{"_93":94,"_128":129},"upstreamBranch",{"_102":139,"_104":247,"_248":249,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_250":251,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":243},["D",1758798160626],"updatedAt",["D",1758883772733],"lockfileKey","1758883773022-esm.town_v_forresto_automerge-example-chee@112-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_99":-7,"_98":72,"_100":258,"_149":263,"_213":279,"_165":-7,"_224":280,"_291":292,"_295":161,"_296":-5,"_297":298,"_299":32,"_300":301},{"_102":103,"_95":96,"_104":259,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":260,"_130":261,"_133":262,"_148":22},["D",1758888977697],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":117,"_146":96,"_147":94},[264,267,270,273,276],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":162,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":265,"_98":266},[],[153],{"_102":174,"_95":175,"_154":176,"_156":-5,"_157":136,"_158":177,"_160":161,"_104":178,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_170":268,"_98":269},[],[175],{"_102":185,"_95":186,"_154":187,"_156":-5,"_157":136,"_158":135,"_160":161,"_104":188,"_99":189,"_164":165,"_166":190,"_168":22,"_169":-5,"_170":271,"_98":272},[],[186],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":136,"_158":197,"_160":161,"_104":198,"_99":32,"_164":199,"_166":200,"_168":22,"_169":-5,"_170":274,"_98":275},[],[195],{"_102":204,"_95":205,"_154":206,"_156":-5,"_157":136,"_158":207,"_160":161,"_104":208,"_99":209,"_164":165,"_166":210,"_168":22,"_169":-5,"_170":277,"_98":278},[],[205],[264,267,270,273,276],[281,283,285,287,289],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":227,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":282},[153],{"_102":174,"_95":175,"_154":176,"_156":-5,"_157":136,"_158":177,"_160":161,"_104":230,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_98":284},[175],{"_102":185,"_95":186,"_154":187,"_156":-5,"_157":136,"_158":135,"_160":161,"_104":233,"_99":189,"_164":165,"_166":190,"_168":22,"_169":-5,"_98":286},[186],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":136,"_158":197,"_160":161,"_104":236,"_99":32,"_164":199,"_166":200,"_168":22,"_169":-5,"_98":288},[195],{"_102":204,"_95":205,"_154":206,"_156":-5,"_157":136,"_158":207,"_160":161,"_104":239,"_99":209,"_164":165,"_166":210,"_168":22,"_169":-5,"_98":290},[205],"upstream",{"_102":139,"_104":293,"_248":294,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_250":251,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":243},["D",1758798160626],["D",1758883772733],"showCompareCallout","pull","ahead",35,"behind","templates",[],"actionData","errors"]

forresto

truchet-tiles-automerge-demo