Skip to content

Instantly share code, notes, and snippets.

@jeremyckahn

jeremyckahn/collaborative-docment-editor.excalidraw

Created November 20, 2023 18:03
Show Gist options
  • Save jeremyckahn/9f21bc110f37617f1dc73d6da5b92ea6 to your computer and use it in GitHub Desktop.
Save jeremyckahn/9f21bc110f37617f1dc73d6da5b92ea6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
collaborative-docment-editor.excalidraw
{
"type": "excalidraw",
"version": 2,
"source": "https://excalidraw.com",
"elements": [
{
"id": "6epLBtPWpajrmXVOPAgjr",
"type": "text",
"x": 102.5,
"y": -44,
"width": 403.1795654296875,
"height": 25,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1402384490,
"version": 73,
"versionNonce": 505546678,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Goal 1: Render new or existing document ",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 18,
"containerId": null,
"originalText": "Goal 1: Render new or existing document ",
"lineHeight": 1.25
},
{
"id": "TnCddcmindlcXhGZNzv9S",
"type": "rectangle",
"x": 515,
"y": 86.5,
"width": 123,
"height": 335,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 1773087018,
"version": 89,
"versionNonce": 1387001514,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "2y6_iuQTpkGR7esfUCrfy"
},
{
"id": "SLUhB6rDAHtTDnbrFAwkZ",
"type": "arrow"
},
{
"id": "PC7EhAVJ9PcC6HRtS1ART",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "2y6_iuQTpkGR7esfUCrfy",
"type": "text",
"x": 535.9900436401367,
"y": 216.5,
"width": 81.01991271972656,
"height": 75,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 486034410,
"version": 72,
"versionNonce": 1999872246,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "WAF / \nLoad \nbalancer",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 68,
"containerId": "TnCddcmindlcXhGZNzv9S",
"originalText": "WAF / Load balancer",
"lineHeight": 1.25
},
{
"id": "pYxrD2qHJbAJ7KkyaGSNw",
"type": "rectangle",
"x": 220.5,
"y": 65,
"width": 196,
"height": 158.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"KnSwhrej6gFH4MHmRJvvd"
],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 1782243574,
"version": 111,
"versionNonce": 758122,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "MIbqjljFCkHXU5KFHmAKv"
},
{
"id": "YhcF3FbBRwGxWKOL3Odh9",
"type": "arrow"
},
{
"id": "8s66myWDUJdoOdOxzcWMK",
"type": "arrow"
},
{
"id": "L--XNP769pNN1MusDCeF4",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "MIbqjljFCkHXU5KFHmAKv",
"type": "text",
"x": 280.10003662109375,
"y": 131.75,
"width": 76.7999267578125,
"height": 25,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"KnSwhrej6gFH4MHmRJvvd"
],
"frameId": null,
"roundness": null,
"seed": 672012598,
"version": 77,
"versionNonce": 88085046,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Browser",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 18,
"containerId": "pYxrD2qHJbAJ7KkyaGSNw",
"originalText": "Browser",
"lineHeight": 1.25
},
{
"type": "rectangle",
"version": 177,
"versionNonce": 2083116074,
"isDeleted": false,
"id": "f4iwGG7VtDC62MS17X6He",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 222,
"y": 256.25,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 196,
"height": 158.5,
"seed": 845038058,
"groupIds": [
"KnSwhrej6gFH4MHmRJvvd"
],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "kOL1rTh6HjczM65BRblTq"
},
{
"id": "8s66myWDUJdoOdOxzcWMK",
"type": "arrow"
},
{
"id": "0_D0sa2sSdIk2zI9HTLjo",
"type": "arrow"
},
{
"id": "2XFj1heD7mXy77hwp5RO9",
"type": "arrow"
},
{
"id": "5JVZiybyig-WoRu1O1rbH",
"type": "arrow"
},
{
"id": "5Xn_jtA_0Aq_OXSm6Cyyn",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"type": "text",
"version": 139,
"versionNonce": 321674102,
"isDeleted": false,
"id": "kOL1rTh6HjczM65BRblTq",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 281.60003662109375,
"y": 323,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 76.7999267578125,
"height": 25,
"seed": 567440554,
"groupIds": [
"KnSwhrej6gFH4MHmRJvvd"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1700502799330,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Browser",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "f4iwGG7VtDC62MS17X6He",
"originalText": "Browser",
"lineHeight": 1.25,
"baseline": 18
},
{
"type": "rectangle",
"version": 139,
"versionNonce": 1223802602,
"isDeleted": false,
"id": "oDnwBaY1fQlQE-tdZkZIr",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 228,
"y": 434.25,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 196,
"height": 158.5,
"seed": 1677878,
"groupIds": [
"KnSwhrej6gFH4MHmRJvvd"
],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "0-m2jAj35FMa_sIatR4ew"
},
{
"id": "hiB5K0LqrnhFs7XIfrNL7",
"type": "arrow"
},
{
"id": "0_D0sa2sSdIk2zI9HTLjo",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"type": "text",
"version": 106,
"versionNonce": 1195211958,
"isDeleted": false,
"id": "0-m2jAj35FMa_sIatR4ew",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 287.60003662109375,
"y": 501,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 76.7999267578125,
"height": 25,
"seed": 160752502,
"groupIds": [
"KnSwhrej6gFH4MHmRJvvd"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1700502799330,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Browser",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "oDnwBaY1fQlQE-tdZkZIr",
"originalText": "Browser",
"lineHeight": 1.25,
"baseline": 18
},
{
"id": "YhcF3FbBRwGxWKOL3Odh9",
"type": "arrow",
"x": 417.5,
"y": 140.35597707127891,
"width": 99,
"height": 104.64402292872109,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 859209014,
"version": 121,
"versionNonce": 1928221098,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
99,
104.64402292872109
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "pYxrD2qHJbAJ7KkyaGSNw",
"focus": -0.5936327897525097,
"gap": 1
},
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "5JVZiybyig-WoRu1O1rbH",
"type": "arrow",
"x": 421.5,
"y": 337.9346389271576,
"width": 96.5,
"height": 36.43463892715761,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1755113002,
"version": 118,
"versionNonce": 924349942,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
96.5,
-36.43463892715761
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "f4iwGG7VtDC62MS17X6He",
"focus": 0.3505956063087629,
"gap": 3.5
},
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "SLUhB6rDAHtTDnbrFAwkZ",
"type": "arrow",
"x": 423.5,
"y": 503,
"width": 88.5,
"height": 171.1283639224245,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 799448630,
"version": 56,
"versionNonce": 1028295786,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
88.5,
-171.1283639224245
]
],
"lastCommittedPoint": null,
"startBinding": null,
"endBinding": {
"elementId": "TnCddcmindlcXhGZNzv9S",
"focus": 0.16356777907582307,
"gap": 3
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "kwyQj49P4JQvww4trfR9Z",
"type": "rectangle",
"x": 718,
"y": 135,
"width": 276,
"height": 348,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"mDVEwjwx-Kw_0WS07GL4Z"
],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 789468394,
"version": 125,
"versionNonce": 1305571114,
"isDeleted": false,
"boundElements": [
{
"id": "VXkfoYN1E__etYE7ii29o",
"type": "arrow"
},
{
"id": "PC7EhAVJ9PcC6HRtS1ART",
"type": "arrow"
},
{
"id": "92au75cL6OXmcIrN5KaKL",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "WM1_o9AKnEbkg14ofYaEC",
"type": "text",
"x": 739.5,
"y": 204,
"width": 232.49972534179688,
"height": 225,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"mDVEwjwx-Kw_0WS07GL4Z"
],
"frameId": null,
"roundness": null,
"seed": 652142762,
"version": 398,
"versionNonce": 1168109686,
"isDeleted": false,
"boundElements": [
{
"id": "VXkfoYN1E__etYE7ii29o",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Application server\n(business logic;\ncreates or updates\ndocument server-side.\nProvides session tokens\nand encryption keys.\nAggregates JSON\npatches to construct\nfull document.)",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 218,
"containerId": null,
"originalText": "Application server\n(business logic;\ncreates or updates\ndocument server-side.\nProvides session tokens\nand encryption keys.\nAggregates JSON\npatches to construct\nfull document.)",
"lineHeight": 1.25
},
{
"id": "PC7EhAVJ9PcC6HRtS1ART",
"type": "arrow",
"x": 639,
"y": 264.32353948365693,
"width": 78,
"height": 23.163186058416727,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 493924586,
"version": 138,
"versionNonce": 1491991018,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
78,
23.163186058416727
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "TnCddcmindlcXhGZNzv9S",
"focus": -0.04444731192886553,
"gap": 1
},
"endBinding": {
"elementId": "kwyQj49P4JQvww4trfR9Z",
"focus": -0.09193700363440571,
"gap": 1
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "VXkfoYN1E__etYE7ii29o",
"type": "arrow",
"x": 995,
"y": 315.22204413286295,
"width": 33,
"height": 21.9677117609927,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 405908650,
"version": 345,
"versionNonce": 1886810550,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
33,
-21.9677117609927
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "WM1_o9AKnEbkg14ofYaEC",
"gap": 23.000274658203125,
"focus": 0.48322868187940066
},
"endBinding": {
"elementId": "2gdVtT1TloPtxl85dr_vH",
"gap": 1.5,
"focus": 0.6054589058462174
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "lMTX31bbRZj12YVb5ytY6",
"type": "text",
"x": 607.5,
"y": -167,
"width": 612.119384765625,
"height": 75,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1475553450,
"version": 137,
"versionNonce": 392874742,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Document data format: JSON\nDocument data transfer: Encrypted JSON-diff within a CRDT\n",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 68,
"containerId": null,
"originalText": "Document data format: JSON\nDocument data transfer: Encrypted JSON-diff within a CRDT\n",
"lineHeight": 1.25
},
{
"id": "8s66myWDUJdoOdOxzcWMK",
"type": "arrow",
"x": 319.8787188353933,
"y": 228,
"width": 0.07615069305626321,
"height": 19.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 870985770,
"version": 38,
"versionNonce": 28575594,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
0.07615069305626321,
19.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "f4iwGG7VtDC62MS17X6He",
"focus": 0.040193094763353976,
"gap": 28.25
},
"endBinding": {
"elementId": "pYxrD2qHJbAJ7KkyaGSNw",
"focus": -0.010697455895491993,
"gap": 24
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "hiB5K0LqrnhFs7XIfrNL7",
"type": "arrow",
"x": 320,
"y": 416,
"width": 1.5,
"height": 15,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1349492150,
"version": 9,
"versionNonce": 687995958,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
1.5,
15
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "oDnwBaY1fQlQE-tdZkZIr",
"focus": -0.03540240736370073,
"gap": 18.25
},
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "0_D0sa2sSdIk2zI9HTLjo",
"type": "arrow",
"x": 352,
"y": 434.5,
"width": 2,
"height": 14.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 374019690,
"version": 13,
"versionNonce": 1565755946,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
2,
-14.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "f4iwGG7VtDC62MS17X6He",
"focus": 0.4191199746755302,
"gap": 19.75
},
"endBinding": {
"elementId": "oDnwBaY1fQlQE-tdZkZIr",
"focus": -0.13865147198480532,
"gap": 14.25
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "2XFj1heD7mXy77hwp5RO9",
"type": "arrow",
"x": 354,
"y": 252.5,
"width": 3.5,
"height": 27.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1369600438,
"version": 22,
"versionNonce": 2065761654,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
-3.5,
-27.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "f4iwGG7VtDC62MS17X6He",
"focus": 0.41229656419529837,
"gap": 3.75
},
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "nsmf2fwh5GGRrv7VfjqET",
"type": "text",
"x": 692.5,
"y": -102.5,
"width": 261.99969482421875,
"height": 175,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 541525302,
"version": 250,
"versionNonce": 1594681014,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Patch structure:\n\nJSON-diff based, contains:\n\n- Diff of document change\n- Cursor position\n- User metadata",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 168,
"containerId": null,
"originalText": "Patch structure:\n\nJSON-diff based, contains:\n\n- Diff of document change\n- Cursor position\n- User metadata",
"lineHeight": 1.25
},
{
"id": "xNu2QtGyGYFZwUhd03hCq",
"type": "rectangle",
"x": 504,
"y": 512,
"width": 169.5,
"height": 178.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 1818856746,
"version": 68,
"versionNonce": 295864234,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "PQjn5BSaFO9u1fL-ui70T"
},
{
"id": "L--XNP769pNN1MusDCeF4",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "PQjn5BSaFO9u1fL-ui70T",
"type": "text",
"x": 527.6500625610352,
"y": 576.25,
"width": 122.19987487792969,
"height": 50,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1192220842,
"version": 53,
"versionNonce": 896180214,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "STUN/TURN\nserver",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 43,
"containerId": "xNu2QtGyGYFZwUhd03hCq",
"originalText": "STUN/TURN\nserver",
"lineHeight": 1.25
},
{
"id": "L--XNP769pNN1MusDCeF4",
"type": "arrow",
"x": 418.5,
"y": 157,
"width": 117,
"height": 350,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 327600694,
"version": 28,
"versionNonce": 604504682,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
117,
350
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "pYxrD2qHJbAJ7KkyaGSNw",
"focus": -0.7690273052229344,
"gap": 2
},
"endBinding": {
"elementId": "xNu2QtGyGYFZwUhd03hCq",
"focus": -0.18975931778654645,
"gap": 5
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "5Xn_jtA_0Aq_OXSm6Cyyn",
"type": "arrow",
"x": 419.5,
"y": 355,
"width": 97.5,
"height": 163.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1581131690,
"version": 30,
"versionNonce": 37695798,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
97.5,
163.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "f4iwGG7VtDC62MS17X6He",
"focus": -0.6049294996289454,
"gap": 1.5
},
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "CH9--Khh0yZpFStzkycjO",
"type": "arrow",
"x": 422,
"y": 519,
"width": 85.5,
"height": 35.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1197013110,
"version": 43,
"versionNonce": 695215402,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
85.5,
35.5
]
],
"lastCommittedPoint": null,
"startBinding": null,
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "3DeI_TMzeR7GyUb4eppyw",
"type": "text",
"x": 1256.5,
"y": -158.5,
"width": 643.8193359375,
"height": 150,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1700847926,
"version": 297,
"versionNonce": 15702646,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "When a user makes a change:\n1. Change is converted to an encrypted JSON diff within a CRDT\n2. Change is sent to application server\n3. Change is sent to peers\n\nChanges are debounced 500ms",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 143,
"containerId": null,
"originalText": "When a user makes a change:\n1. Change is converted to an encrypted JSON diff within a CRDT\n2. Change is sent to application server\n3. Change is sent to peers\n\nChanges are debounced 500ms",
"lineHeight": 1.25
},
{
"id": "7WKBet1XPllqRwcWiJzz2",
"type": "rectangle",
"x": 1061.5,
"y": 137.5,
"width": 349.5,
"height": 306,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 2042729194,
"version": 186,
"versionNonce": 943774646,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "uSE_NmzDQ-BSZioGV-HUl"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "uSE_NmzDQ-BSZioGV-HUl",
"type": "text",
"x": 1109.9001388549805,
"y": 278,
"width": 252.69972229003906,
"height": 25,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": null,
"seed": 577308842,
"version": 110,
"versionNonce": 227828394,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Cached document storage",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 18,
"containerId": "7WKBet1XPllqRwcWiJzz2",
"originalText": "Cached document storage",
"lineHeight": 1.25
},
{
"id": "qecfTr9QeLS4AZEj6zNhO",
"type": "rectangle",
"x": 1451,
"y": 136.5,
"width": 340.5,
"height": 298,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 1094228662,
"version": 113,
"versionNonce": 240645366,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "Z5LlW0-C4mKiYQB5zWAYQ"
},
{
"id": "PlJxgzKQIkViYS8tOav0U",
"type": "arrow"
},
{
"id": "lAQtbEDnJICEMTxIQ2W5d",
"type": "arrow"
},
{
"id": "PjZ4yECBIgBPvUXDq3dBN",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "Z5LlW0-C4mKiYQB5zWAYQ",
"type": "text",
"x": 1473.0901794433594,
"y": 273,
"width": 296.31964111328125,
"height": 25,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": null,
"seed": 960089526,
"version": 111,
"versionNonce": 453410154,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Persisted storage (PostGres)",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 18,
"containerId": "qecfTr9QeLS4AZEj6zNhO",
"originalText": "Persisted storage (PostGres)",
"lineHeight": 1.25
},
{
"id": "PlJxgzKQIkViYS8tOav0U",
"type": "arrow",
"x": 1410.5,
"y": 294.5,
"width": 39,
"height": 2.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1570716342,
"version": 150,
"versionNonce": 1555686966,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
39,
2.5
]
],
"lastCommittedPoint": null,
"startBinding": null,
"endBinding": {
"elementId": "qecfTr9QeLS4AZEj6zNhO",
"focus": -0.14076122903012447,
"gap": 1.5
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "2gdVtT1TloPtxl85dr_vH",
"type": "rectangle",
"x": 1029.5,
"y": 68.5,
"width": 1098.5,
"height": 403,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": {
"type": 3
},
"seed": 2067314422,
"version": 177,
"versionNonce": 1357332522,
"isDeleted": false,
"boundElements": [
{
"id": "VXkfoYN1E__etYE7ii29o",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "mQ_azlM2HYsha6-RxguS5",
"type": "text",
"x": 1350.5,
"y": 89,
"width": 151.67984008789062,
"height": 25,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [
"8cPMAImTmlgGrPmpWS0Hn"
],
"frameId": null,
"roundness": null,
"seed": 1841240810,
"version": 94,
"versionNonce": 72068982,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Document data",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 18,
"containerId": null,
"originalText": "Document data",
"lineHeight": 1.25
},
{
"type": "rectangle",
"version": 175,
"versionNonce": 2065804010,
"isDeleted": false,
"id": "OCje6yEjL_Thkb5cCh3gs",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1062.5,
"y": 563.5,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 349.5,
"height": 306,
"seed": 1800869674,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "BeCtaNWwQ8W5gUdUfxu0N"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"type": "text",
"version": 103,
"versionNonce": 22171830,
"isDeleted": false,
"id": "BeCtaNWwQ8W5gUdUfxu0N",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1132.6701202392578,
"y": 704,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 209.15975952148438,
"height": 25,
"seed": 125739498,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1700502799330,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Cached chat storage",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "OCje6yEjL_Thkb5cCh3gs",
"originalText": "Cached chat storage",
"lineHeight": 1.25,
"baseline": 18
},
{
"type": "rectangle",
"version": 100,
"versionNonce": 809549226,
"isDeleted": false,
"id": "ud9Tno5HupPA9oEshFD0J",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1452,
"y": 562.5,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 340.5,
"height": 298,
"seed": 870765738,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "VDysBPcXHuTL9v3T7jYkl"
},
{
"id": "iAls-LRfw8W7dd11d27pf",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"type": "text",
"version": 100,
"versionNonce": 2138229238,
"isDeleted": false,
"id": "VDysBPcXHuTL9v3T7jYkl",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1474.0901794433594,
"y": 699,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 296.31964111328125,
"height": 25,
"seed": 1916448618,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1700502799330,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Persisted storage (PostGres)",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "ud9Tno5HupPA9oEshFD0J",
"originalText": "Persisted storage (PostGres)",
"lineHeight": 1.25,
"baseline": 18
},
{
"type": "arrow",
"version": 124,
"versionNonce": 2104457322,
"isDeleted": false,
"id": "iAls-LRfw8W7dd11d27pf",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1411.5,
"y": 720.5,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 39,
"height": 2.5,
"seed": 1455764010,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1700502799330,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": {
"elementId": "ud9Tno5HupPA9oEshFD0J",
"focus": -0.14076122903012447,
"gap": 1.5
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
39,
2.5
]
]
},
{
"type": "rectangle",
"version": 151,
"versionNonce": 1840388918,
"isDeleted": false,
"id": "9pbneuDzFx5Ceil6I9Kp7",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1029.5,
"y": 495,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 817,
"height": 403,
"seed": 879844586,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"id": "92au75cL6OXmcIrN5KaKL",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"type": "text",
"version": 92,
"versionNonce": 309910314,
"isDeleted": false,
"id": "IOvVeokkXPjTQ6uErC15y",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 1351.5,
"y": 515,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 106.75987243652344,
"height": 25,
"seed": 1221210026,
"groupIds": [
"7qX6sfwGJlxXeFzYNCs4y"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1700502799330,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Chat data",
"textAlign": "left",
"verticalAlign": "top",
"containerId": null,
"originalText": "Chat data",
"lineHeight": 1.25,
"baseline": 18
},
{
"id": "92au75cL6OXmcIrN5KaKL",
"type": "arrow",
"x": 968,
"y": 483,
"width": 61,
"height": 131.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1961929782,
"version": 43,
"versionNonce": 309675126,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
61,
131.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "kwyQj49P4JQvww4trfR9Z",
"focus": -0.14304092347275824,
"gap": 1
},
"endBinding": {
"elementId": "9pbneuDzFx5Ceil6I9Kp7",
"focus": -0.739010062983597,
"gap": 1
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "SCRLXHm3FGdMwmIx8Q5Qq",
"type": "text",
"x": 607.5,
"y": -469,
"width": 704.5592651367188,
"height": 225,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 294781546,
"version": 294,
"versionNonce": 1841817066,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Chat data format: JSON\nChat data transfer: Encrypted JSON payload\n\nChat messsage data structure:\n\n- Message content\n- User metadata\n\nGets sent to server for reconciliation and then echoed back to clients",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 218,
"containerId": null,
"originalText": "Chat data format: JSON\nChat data transfer: Encrypted JSON payload\n\nChat messsage data structure:\n\n- Message content\n- User metadata\n\nGets sent to server for reconciliation and then echoed back to clients",
"lineHeight": 1.25
},
{
"id": "ofHnoU4jBCW1k1ql5U9MI",
"type": "text",
"x": 2,
"y": -185,
"width": 538.179443359375,
"height": 75,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 337169334,
"version": 166,
"versionNonce": 214221162,
"isDeleted": false,
"boundElements": null,
"updated": 1700503046461,
"link": null,
"locked": false,
"text": "Connections:\n- WebSocket for client/server\n- WebRTC for client P2P (enhancment for lower scale)",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 68,
"containerId": null,
"originalText": "Connections:\n- WebSocket for client/server\n- WebRTC for client P2P (enhancment for lower scale)",
"lineHeight": 1.25
},
{
"id": "zDjQhnq64-1ucQuZ4fyzE",
"type": "text",
"x": 1427,
"y": -362.5,
"width": 738.879150390625,
"height": 75,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 626326314,
"version": 144,
"versionNonce": 141007018,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Versioning:\n\n- Create a new document version at a debounced rate of every 5 minutes",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 68,
"containerId": null,
"originalText": "Versioning:\n\n- Create a new document version at a debounced rate of every 5 minutes",
"lineHeight": 1.25
},
{
"id": "YqluD2UjMiaMdmyk5LK04",
"type": "ellipse",
"x": 1885.5,
"y": 110,
"width": 184,
"height": 154,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1483055222,
"version": 68,
"versionNonce": 33747818,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "TyzBE5esTnH70ynshpzNz"
},
{
"id": "lAQtbEDnJICEMTxIQ2W5d",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "TyzBE5esTnH70ynshpzNz",
"type": "text",
"x": 1918.05624540574,
"y": 174.55277784863583,
"width": 118.77986145019531,
"height": 25,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 2045201398,
"version": 27,
"versionNonce": 1248317494,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Patch table",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 18,
"containerId": "YqluD2UjMiaMdmyk5LK04",
"originalText": "Patch table",
"lineHeight": 1.25
},
{
"id": "qjhLgX2is29LCCdAvGzW4",
"type": "ellipse",
"x": 1880.5,
"y": 295,
"width": 187,
"height": 156,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 1591058422,
"version": 44,
"versionNonce": 1290073642,
"isDeleted": false,
"boundElements": [
{
"type": "text",
"id": "KRMv8BQz25iDLeg2AcRMq"
},
{
"id": "PjZ4yECBIgBPvUXDq3dBN",
"type": "arrow"
}
],
"updated": 1700502799330,
"link": null,
"locked": false
},
{
"id": "KRMv8BQz25iDLeg2AcRMq",
"type": "text",
"x": 1913.5255916426515,
"y": 322.8456710674493,
"width": 120.7198486328125,
"height": 100,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 432904310,
"version": 63,
"versionNonce": 413948278,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "Tag table\n(presentad \nas versions \nto user)",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"baseline": 93,
"containerId": "qjhLgX2is29LCCdAvGzW4",
"originalText": "Tag table\n(presentad as versions to user)",
"lineHeight": 1.25
},
{
"id": "lAQtbEDnJICEMTxIQ2W5d",
"type": "arrow",
"x": 1793,
"y": 283.5,
"width": 95,
"height": 69.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 38281526,
"version": 100,
"versionNonce": 1509466346,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
95,
-69.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "qecfTr9QeLS4AZEj6zNhO",
"focus": 0.45201275619411346,
"gap": 1.5
},
"endBinding": {
"elementId": "YqluD2UjMiaMdmyk5LK04",
"focus": 0.37622567599705464,
"gap": 3.0629131591650207
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "PjZ4yECBIgBPvUXDq3dBN",
"type": "arrow",
"x": 1794,
"y": 335,
"width": 87.5,
"height": 26,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"seed": 2095954166,
"version": 23,
"versionNonce": 1477294774,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
87.5,
26
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "qecfTr9QeLS4AZEj6zNhO",
"focus": -0.00917601923957856,
"gap": 2.5
},
"endBinding": {
"elementId": "qjhLgX2is29LCCdAvGzW4",
"focus": -0.18702489172114295,
"gap": 1
},
"startArrowhead": null,
"endArrowhead": "arrow"
},
{
"id": "uZrQmrZmmZdZok-elhTec",
"type": "text",
"x": 155,
"y": -429,
"width": 394.51953125,
"height": 100,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 646971562,
"version": 104,
"versionNonce": 1154020266,
"isDeleted": false,
"boundElements": null,
"updated": 1700502799330,
"link": null,
"locked": false,
"text": "UX notes:\n- Web based\n- Responsive design\n- Consider limiting functionality on mobile",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 93,
"containerId": null,
"originalText": "UX notes:\n- Web based\n- Responsive design\n- Consider limiting functionality on mobile",
"lineHeight": 1.25
},
{
"id": "xDg88X4er_BrZT0yVQQOC",
"type": "text",
"x": 1215,
"y": -545.5,
"width": 396.93951416015625,
"height": 100,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1884707178,
"version": 158,
"versionNonce": 616147830,
"isDeleted": false,
"boundElements": null,
"updated": 1700502806130,
"link": null,
"locked": false,
"text": "Offline support:\n\n- Service worker for offline functionality\n- IndexedDB for offline storage",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 93,
"containerId": null,
"originalText": "Offline support:\n\n- Service worker for offline functionality\n- IndexedDB for offline storage",
"lineHeight": 1.25
},
{
"id": "W2rk_fMges76wl0Ire71X",
"type": "text",
"x": 739,
"y": -607,
"width": 399.4195556640625,
"height": 75,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1337049526,
"version": 125,
"versionNonce": 739991978,
"isDeleted": false,
"boundElements": null,
"updated": 1700502846423,
"link": null,
"locked": false,
"text": "Conflict resolution:\n- Mostly resolved with CRDT\n- Server-side business logic is tiebreaker",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 68,
"containerId": null,
"originalText": "Conflict resolution:\n- Mostly resolved with CRDT\n- Server-side business logic is tiebreaker",
"lineHeight": 1.25
},
{
"id": "hBdCMaKrOQVRXzdWoWPQS",
"type": "text",
"x": -11.5,
"y": -623,
"width": 660.499267578125,
"height": 100,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"roundness": null,
"seed": 1464852598,
"version": 289,
"versionNonce": 1235186294,
"isDeleted": false,
"boundElements": null,
"updated": 1700503014391,
"link": null,
"locked": false,
"text": "Scalability strategies:\n- Degrade functionality for busy documents\n - New joiners read-only access (this defers resolution to server)\n - Don't establish WebRTC connections beyond 25 users ",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"baseline": 93,
"containerId": null,
"originalText": "Scalability strategies:\n- Degrade functionality for busy documents\n - New joiners read-only access (this defers resolution to server)\n - Don't establish WebRTC connections beyond 25 users ",
"lineHeight": 1.25
}
],
"appState": {
"gridSize": null,
"viewBackgroundColor": "#ffffff"
},
"files": {}
}
Display the source blob
Display the rendered blob
Raw
collaborative-docment-editor.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment