Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/113282354888247110">Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 10-Oct-2024 18:13:11 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/theme/gnusocialjp/default-avatar-stream.png" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a></section><article><p>Every time I use tldraw, I’m amazed anew how excellent it is. If you ever need a case for Just Works™…</p><p><a href="https://mastodon.ar.al/tags/tlDraw" rel="tag">#tlDraw</a> <a href="https://mastodon.ar.al/tags/illustration" rel="tag">#illustration</a> <a href="https://mastodon.ar.al/tags/drawing" rel="tag">#drawing</a> <a href="https://mastodon.ar.al/tags/diagramming" rel="tag">#diagramming</a> <a href="https://mastodon.ar.al/tags/design" rel="tag">#design</a> <a href="https://mastodon.ar.al/tags/dev" rel="tag">#dev</a> <a href="https://mastodon.ar.al/tags/flowchart" rel="tag">#flowchart</a> <a href="https://mastodon.ar.al/tags/sequenceDiagram" rel="tag">#sequenceDiagram</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/3804372#notice-7442509">In conversation</a><time datetime="2024-10-10T18:13:11+09:00" title="Thursday, 10-Oct-2024 18:13:11 JST">about a month ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/113282354888247110" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/113282354888247110">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/3287843">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.</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/282/330/820/063/463/original/5a034adc0ed8d902.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/282/330/820/063/463/original/5a034adc0ed8d902.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 10-Oct-2024 18:13:11 JST Aral Balkan
Every time I use tldraw, I’m amazed anew how excellent it is. If you ever need a case for Just Works™…
#tlDraw #illustration #drawing #diagramming #design #dev #flowchart #sequenceDiagram
In conversationabout a month ago from mastodon.ar.alpermalink
Attachments
1. 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.
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/282/330/820/063/463/original/5a034adc0ed8d902.png

Public

Embed Notice

HTML Code

Corresponding Notice