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],{"_103":184,"_95":185,"_154":186,"_156":-5,"_157":137,"_158":187,"_160":161,"_105":188,"_100":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",36,["D",1758894161094],12,"\n\n \n \n Truchet Tiles but collaborative with Automerge\n \n \n \n

\n \n \n \n",[],[185],{"_103":194,"_95":195,"_154":196,"_156":-5,"_157":137,"_158":197,"_160":161,"_105":198,"_100":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],{"_103":204,"_95":205,"_154":206,"_156":-5,"_157":137,"_158":207,"_160":161,"_105":208,"_100":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",[152,173,183,193,203],"counts",{"_217":32,"_218":197,"_219":32,"_220":221},"pulls","branches","forks","envVars",{"_222":32,"_223":32},"count","emptyCount","contents",[],{"_103":153,"_95":99,"_154":155,"_156":-5,"_157":137,"_158":159,"_160":161,"_105":227,"_100":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":228},["D",1758889340276],[99],"upstreamProject",{"_103":145,"_95":231,"_111":-5,"_112":-5,"_109":110,"_23":232},"automerge-example-chee",{"_93":94,"_129":130},"upstreamBranch",{"_103":140,"_105":235,"_236":237,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_238":239,"_107":-5,"_149":22,"_109":110,"_148":94,"_16":118,"_147":231},["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,"_100":-7,"_98":99,"_101":246,"_150":251,"_213":267,"_165":268,"_224":270,"_271":272,"_275":161,"_276":-5,"_277":278,"_279":32,"_280":281},{"_103":104,"_95":96,"_105":247,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":248,"_131":249,"_134":250,"_149":22},["D",1758888977697],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":118,"_147":96,"_148":94},[252,255,258,261,264],{"_103":153,"_95":99,"_154":155,"_156":-5,"_157":137,"_158":159,"_160":161,"_105":162,"_100":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":253,"_98":254},[],[99],{"_103":174,"_95":175,"_154":176,"_156":-5,"_157":137,"_158":136,"_160":161,"_105":177,"_100":178,"_164":179,"_166":180,"_168":22,"_169":-5,"_170":256,"_98":257},[],[175],{"_103":184,"_95":185,"_154":186,"_156":-5,"_157":137,"_158":187,"_160":161,"_105":188,"_100":189,"_164":165,"_166":190,"_168":22,"_169":-5,"_170":259,"_98":260},[],[185],{"_103":194,"_95":195,"_154":196,"_156":-5,"_157":137,"_158":197,"_160":161,"_105":198,"_100":32,"_164":199,"_166":200,"_168":22,"_169":-5,"_170":262,"_98":263},[],[195],{"_103":204,"_95":205,"_154":206,"_156":-5,"_157":137,"_158":207,"_160":161,"_105":208,"_100":209,"_164":165,"_166":210,"_168":22,"_169":-5,"_170":265,"_98":266},[],[205],[252,255,258,261,264],{"_103":153,"_95":99,"_154":155,"_156":-5,"_157":137,"_158":159,"_160":161,"_105":227,"_100":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":269},[99],[],"upstream",{"_103":140,"_105":273,"_236":274,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_238":239,"_107":-5,"_149":22,"_109":110,"_148":94,"_16":118,"_147":231},["D",1758798160626],["D",1758883772733],"showCompareCallout","pull","ahead",40,"behind","templates",[],"actionData","errors"]

forresto

truchet-tiles-automerge-demo

truchet-tiles-automerge-demo