{
  "version": 1,
  "width": 720,
  "height": 400,
  "title": "Code diff",
  "description": "Document a small behavior change in a code review or changelog. All values are illustrative example data.",
  "elements": [
    {
      "type": "text",
      "x": 36,
      "y": 39,
      "text": "Add a bounded timeout",
      "size": 17,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 36,
      "y": 62,
      "text": "Unified diff · request.ts",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 115,
      "text": "1",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 115,
      "text": "  const response = await fetch(url, {",
      "size": 16,
      "fill": "accent",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 144,
      "text": "2",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 144,
      "text": "-   method: \"GET\",",
      "size": 16,
      "fill": "negative",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 173,
      "text": "3",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 173,
      "text": "+   method: \"GET\",",
      "size": 16,
      "fill": "positive",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 202,
      "text": "4",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 202,
      "text": "+   signal: AbortSignal.timeout(5000),",
      "size": 16,
      "fill": "positive",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 231,
      "text": "5",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 231,
      "text": "  });",
      "size": 16,
      "fill": "ink",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 260,
      "text": "6",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 260,
      "text": "",
      "size": 16,
      "fill": "ink",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 47,
      "y": 289,
      "text": "7",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 67,
      "y": 289,
      "text": "  return response.json();",
      "size": 16,
      "fill": "accent",
      "align": "start",
      "mono": true
    }
  ]
}