• Public

  • Public
  • Network
  • Groups
  • Popular
  • People

Screenshot of tldraw.com – a very minimalist drawing interface with a basic floating colour palette on the top-right, drawing tools on the bottom, a zoom control on the bottom-left and an app menu on the top-right, with most of the interface taken up by the canvas. The canvas contains a combination sequence diagram/flowchart (sequence chart?) showing the interactions between a client and server where the client loads a.page which results in the server calling the default export on a.page with a parameter object containing references to the request, response, and page and then leads to a decision node that checks if a.page has an onConnect() export. If not, it returns some HTML and the flow ends. If it does have an onConnect() export, the HTML sent to the client has code that creates a WebSocket connection to the default socket for a.page (a.default.socket), passing it the pageId as a query string parameter. On the server, in response, a.page’s onConnect() handler is called, passing it references to the request, response, and page inside a parameter object. After some time, the server receives an event from the client via the WebSocket and that’s where the diagram cuts off in the screenshot.