Automerge Grid Demo

Loading doc...

;\n }\n\n const gridSize = Math.sqrt(currentGrid.pixels.length);\n console.log(\"Building grid UI with\", currentGrid.pixels.length, \"pixels\");\n\n return (\n \n \n {(color, idx) => (\n removeColor(e, idx())}\n onclick={(e) => changeColor(e, idx())}\n />\n )}\n \n \n );\n };\n\n return gridContent;\n}\n\nrender(() => , document.getElementById(\"app\")!);","deleted","label","children",[],[154],{"_103":173,"_96":174,"_155":175,"_157":-5,"_158":140,"_159":176,"_160":117,"_105":177,"_100":178,"_163":179,"_165":180,"_167":22,"_168":-5,"_169":181,"_99":182},"2bd0964c-9ac6-11f0-b65b-0224a6c84d84","index.html","7487e09e-9aac-11f0-8cf0-0224a6c84d84",108,["D",1758883637762],5,"file","\n\n \n \n Automerge Grid Demo\n \n \n

\n \n \n",[],[174],{"_103":184,"_96":185,"_155":115,"_157":-5,"_158":140,"_159":186,"_160":117,"_105":187,"_100":188,"_163":189,"_165":190,"_167":22,"_168":-5,"_169":191,"_99":192},"a499c8e2-9aac-11f0-854d-0224a6c84d84","main.ts",87,["D",1758872673495],33,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[185],"files",[152,172,183],"counts",{"_197":32,"_198":199,"_200":199,"_201":202},"pulls","branches",1,"forks","envVars",{"_203":32,"_204":32},"count","emptyCount","contents",[207,210,213],{"_103":153,"_96":154,"_155":156,"_157":-5,"_158":140,"_159":139,"_160":117,"_105":208,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":209},["D",1758883772733],[154],{"_103":173,"_96":174,"_155":175,"_157":-5,"_158":140,"_159":176,"_160":117,"_105":211,"_100":178,"_163":179,"_165":180,"_167":22,"_168":-5,"_99":212},["D",1758883637762],[174],{"_103":184,"_96":185,"_155":115,"_157":-5,"_158":140,"_159":186,"_160":117,"_105":214,"_100":188,"_163":189,"_165":190,"_167":22,"_168":-5,"_99":215},["D",1758872673495],[185],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_94":95,"_96":97,"_98":-7,"_100":-7,"_101":224,"_205":229,"_236":-7,"_237":-5,"_238":-5,"_193":239,"_249":246,"_250":-5,"_251":-5,"_252":22,"_253":22},{"_103":104,"_96":97,"_105":225,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":117,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":226,"_134":227,"_137":228,"_149":22},["D",1758798160626],{"_94":95,"_132":133},{"_94":95,"_136":133,"_14":113},{"_100":139,"_96":44,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":97,"_148":95},[230,232,234],{"_103":153,"_96":154,"_155":156,"_157":-5,"_158":140,"_159":139,"_160":117,"_105":208,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":231},[154],{"_103":173,"_96":174,"_155":175,"_157":-5,"_158":140,"_159":176,"_160":117,"_105":211,"_100":178,"_163":179,"_165":180,"_167":22,"_168":-5,"_99":233},[174],{"_103":184,"_96":185,"_155":115,"_157":-5,"_158":140,"_159":186,"_160":117,"_105":214,"_100":188,"_163":189,"_165":190,"_167":22,"_168":-5,"_99":235},[185],"readme","upstream","pull",[240,243,246],{"_103":153,"_96":154,"_155":156,"_157":-5,"_158":140,"_159":139,"_160":117,"_105":161,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":241,"_99":242},[],[154],{"_103":173,"_96":174,"_155":175,"_157":-5,"_158":140,"_159":176,"_160":117,"_105":177,"_100":178,"_163":179,"_165":180,"_167":22,"_168":-5,"_169":244,"_99":245},[],[174],{"_103":184,"_96":185,"_155":115,"_157":-5,"_158":140,"_159":186,"_160":117,"_105":187,"_100":188,"_163":189,"_165":190,"_167":22,"_168":-5,"_169":247,"_99":248},[],[185],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

forresto

automerge-example-chee