Make sure that initial status is drawn correctly

src/docManager.js

@@ -30,9 +30,9 @@ export function initRepo() {
     document.location.hash = handle.url
   }
 
-  handle.on("change", ({doc}) => {
-    console.log("Document changed!", doc)
-  })
+  // handle.on("change", ({doc}) => {
+  //   console.log("Document changed!", doc)
+  // })
 
   return handle
 }

src/main.js

@@ -13,6 +13,9 @@ const canvas = document.getElementById("shapesCanvas")
 const handle = initRepo()
 await handle.whenReady()
 
+// draw current state
+drawAllShapesOnCanvas(canvas, handle.docSync().shapes)
+
 // 2. Subscribe so we can re-render whenever doc changes
 // Listen for 'change' events
 handle.on("change", ({doc}) => {