@port-labs/jq-node-bindings 0.0.13 → 0.0.15-dev1

package/deps/jq/docs/content/tutorial/default.yml

@@ -0,0 +1,337 @@
+headline: Tutorial
+body:
+  - text: |
+
+      GitHub has a JSON API, so let's play with that. This URL gets us the last
+      5 commits from the jq repo.
+
+  - command: "curl 'https://api.github.com/repos/jqlang/jq/commits?per_page=5'"
+    result: |
+      [
+        {
+          "sha": "cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "node_id": "C_kwDOAE3WVdoAKGNmZjUzMzZlYzcxYjZmZWUzOTZhOTViYjBlNGJlYTM2NWUwY2QxZTg",
+          "commit": {
+            "author": {
+              "name": "Mattias Wadman",
+              "email": "mattias.wadman@gmail.com",
+              "date": "2021-06-09T14:02:22Z"
+            },
+            "committer": {
+              "name": "Nico Williams",
+              "email": "nico@cryptonector.com",
+              "date": "2022-05-26T21:04:32Z"
+            },
+            "message": "docs: Document repeat(exp)",
+            "tree": {
+              "sha": "d67d5542df1f16d1a48e1fb75749f60482cd874b",
+              "url": "https://api.github.com/repos/jqlang/jq/git/trees/d67d5542df1f16d1a48e1fb75749f60482cd874b"
+            },
+            "url": "https://api.github.com/repos/jqlang/jq/git/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+            "comment_count": 0,
+            "verification": {
+              "verified": false,
+              "reason": "unsigned",
+              "signature": null,
+              "payload": null
+            }
+          },
+          "url": "https://api.github.com/repos/jqlang/jq/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "html_url": "https://github.com/jqlang/jq/commit/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "comments_url": "https://api.github.com/repos/jqlang/jq/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8/comments",
+          "author": {
+      ...
+
+  - text: |
+
+      GitHub returns nicely formatted JSON. For servers that don't, it can be
+      helpful to pipe the response through jq to pretty-print it. The simplest
+      jq program is the expression `.`, which takes the input and produces it
+      unchanged as output.
+
+  - command: "curl 'https://api.github.com/repos/jqlang/jq/commits?per_page=5' | jq '.'"
+    result: |
+      [
+        {
+          "sha": "cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "node_id": "C_kwDOAE3WVdoAKGNmZjUzMzZlYzcxYjZmZWUzOTZhOTViYjBlNGJlYTM2NWUwY2QxZTg",
+          "commit": {
+            "author": {
+              "name": "Mattias Wadman",
+              "email": "mattias.wadman@gmail.com",
+              "date": "2021-06-09T14:02:22Z"
+            },
+            "committer": {
+              "name": "Nico Williams",
+              "email": "nico@cryptonector.com",
+              "date": "2022-05-26T21:04:32Z"
+            },
+            "message": "docs: Document repeat(exp)",
+            "tree": {
+              "sha": "d67d5542df1f16d1a48e1fb75749f60482cd874b",
+              "url": "https://api.github.com/repos/jqlang/jq/git/trees/d67d5542df1f16d1a48e1fb75749f60482cd874b"
+            },
+            "url": "https://api.github.com/repos/jqlang/jq/git/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+            "comment_count": 0,
+            "verification": {
+              "verified": false,
+              "reason": "unsigned",
+              "signature": null,
+              "payload": null
+            }
+          },
+          "url": "https://api.github.com/repos/jqlang/jq/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "html_url": "https://github.com/jqlang/jq/commit/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "comments_url": "https://api.github.com/repos/jqlang/jq/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8/comments",
+          "author": {
+      ...
+
+  - text: |
+
+      We can use jq to extract just the first commit.
+
+  - command: "curl 'https://api.github.com/repos/jqlang/jq/commits?per_page=5' | jq '.[0]'"
+    result: |
+      {
+        "sha": "cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+        "node_id": "C_kwDOAE3WVdoAKGNmZjUzMzZlYzcxYjZmZWUzOTZhOTViYjBlNGJlYTM2NWUwY2QxZTg",
+        "commit": {
+          "author": {
+            "name": "Mattias Wadman",
+            "email": "mattias.wadman@gmail.com",
+            "date": "2021-06-09T14:02:22Z"
+          },
+          "committer": {
+            "name": "Nico Williams",
+            "email": "nico@cryptonector.com",
+            "date": "2022-05-26T21:04:32Z"
+          },
+          "message": "docs: Document repeat(exp)",
+          "tree": {
+            "sha": "d67d5542df1f16d1a48e1fb75749f60482cd874b",
+            "url": "https://api.github.com/repos/jqlang/jq/git/trees/d67d5542df1f16d1a48e1fb75749f60482cd874b"
+          },
+          "url": "https://api.github.com/repos/jqlang/jq/git/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+          "comment_count": 0,
+          "verification": {
+            "verified": false,
+            "reason": "unsigned",
+            "signature": null,
+            "payload": null
+          }
+        },
+        "url": "https://api.github.com/repos/jqlang/jq/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+        "html_url": "https://github.com/jqlang/jq/commit/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8",
+        "comments_url": "https://api.github.com/repos/jqlang/jq/commits/cff5336ec71b6fee396a95bb0e4bea365e0cd1e8/comments",
+        "author": {
+          "login": "wader",
+          "id": 185566,
+          "node_id": "MDQ6VXNlcjE4NTU2Ng==",
+          "avatar_url": "https://avatars.githubusercontent.com/u/185566?v=4",
+          "gravatar_id": "",
+          "url": "https://api.github.com/users/wader",
+          "html_url": "https://github.com/wader",
+          "followers_url": "https://api.github.com/users/wader/followers",
+          "following_url": "https://api.github.com/users/wader/following{/other_user}",
+          "gists_url": "https://api.github.com/users/wader/gists{/gist_id}",
+          "starred_url": "https://api.github.com/users/wader/starred{/owner}{/repo}",
+          "subscriptions_url": "https://api.github.com/users/wader/subscriptions",
+          "organizations_url": "https://api.github.com/users/wader/orgs",
+          "repos_url": "https://api.github.com/users/wader/repos",
+          "events_url": "https://api.github.com/users/wader/events{/privacy}",
+          "received_events_url": "https://api.github.com/users/wader/received_events",
+          "type": "User",
+          "site_admin": false
+        },
+        "committer": {
+          "login": "nicowilliams",
+          "id": 604851,
+          "node_id": "MDQ6VXNlcjYwNDg1MQ==",
+          "avatar_url": "https://avatars.githubusercontent.com/u/604851?v=4",
+          "gravatar_id": "",
+          "url": "https://api.github.com/users/nicowilliams",
+          "html_url": "https://github.com/nicowilliams",
+          "followers_url": "https://api.github.com/users/nicowilliams/followers",
+          "following_url": "https://api.github.com/users/nicowilliams/following{/other_user}",
+          "gists_url": "https://api.github.com/users/nicowilliams/gists{/gist_id}",
+          "starred_url": "https://api.github.com/users/nicowilliams/starred{/owner}{/repo}",
+          "subscriptions_url": "https://api.github.com/users/nicowilliams/subscriptions",
+          "organizations_url": "https://api.github.com/users/nicowilliams/orgs",
+          "repos_url": "https://api.github.com/users/nicowilliams/repos",
+          "events_url": "https://api.github.com/users/nicowilliams/events{/privacy}",
+          "received_events_url": "https://api.github.com/users/nicowilliams/received_events",
+          "type": "User",
+          "site_admin": false
+        },
+        "parents": [
+          {
+            "sha": "f2ad9517c72f6267ae317639ab56bbfd4a8653d4",
+            "url": "https://api.github.com/repos/jqlang/jq/commits/f2ad9517c72f6267ae317639ab56bbfd4a8653d4",
+            "html_url": "https://github.com/jqlang/jq/commit/f2ad9517c72f6267ae317639ab56bbfd4a8653d4"
+          }
+        ]
+      }
+
+  - text: |
+
+      For the rest of the examples, I'll leave out the `curl` command - it's not
+      going to change.
+
+      There's a lot of info we don't care about there, so we'll restrict it down
+      to the most interesting fields.
+
+  - command: "jq '.[0] | {message: .commit.message, name: .commit.committer.name}'"
+    result: |
+      {
+        "message": "docs: Document repeat(exp)",
+        "name": "Nico Williams"
+      }
+
+  - text: |
+
+      The `|` operator in jq feeds the output of one filter (`.[0]` which gets
+      the first element of the array in the response) into the input of another
+      (`{...}` which builds an object out of those fields). You can access
+      nested attributes, such as `.commit.message`.
+
+      Now let's get the rest of the commits.
+
+  - command:  "jq '.[] | {message: .commit.message, name: .commit.committer.name}'"
+    result: |
+      {
+        "message": "docs: Document repeat(exp)",
+        "name": "Nico Williams"
+      }
+      {
+        "message": "Mention -n in IO-section and for input/inputs",
+        "name": "Nico Williams"
+      }
+      {
+        "message": "Fix iteration problem for non decimal string\n\nWhen the string transformation to number failed, all following\ntransformation failed too.\n\nThis happend because status in decNumberFromString function is\nupdated just in error case. Reusing the DEC_CONTEXT that failed\nbefore results into error even if the string is valid number.",
+        "name": "Nico Williams"
+      }
+      {
+        "message": "docs: point to Libera.Chat instead of Freenode",
+        "name": "Nico Williams"
+      }
+      {
+        "message": "Missing \"va_end\" call. This was found by running the cppcheck static analysis where it shows as error.",
+        "name": "Nico Williams"
+      }
+
+  - text: |
+
+      `.[]` returns each element of the array returned in the response, one at a
+      time, which are all fed into
+      `{message: .commit.message, name: .commit.committer.name}`.
+
+      Data in jq is represented as streams of JSON values - every jq
+      expression runs for each value in its input stream, and can
+      produce any number of values to its output stream.
+
+      Streams are serialised by just separating JSON values with
+      whitespace. This is a `cat`-friendly format - you can just join
+      two JSON streams together and get a valid JSON stream.
+
+      If you want to get the output as a single array, you can tell jq to
+      "collect" all of the answers by wrapping the filter in square
+      brackets:
+
+  - command: "jq '[.[] | {message: .commit.message, name: .commit.committer.name}]'"
+    result: |
+      [
+        {
+          "message": "docs: Document repeat(exp)",
+          "name": "Nico Williams"
+        },
+        {
+          "message": "Mention -n in IO-section and for input/inputs",
+          "name": "Nico Williams"
+        },
+        {
+          "message": "Fix iteration problem for non decimal string\n\nWhen the string transformation to number failed, all following\ntransformation failed too.\n\nThis happend because status in decNumberFromString function is\nupdated just in error case. Reusing the DEC_CONTEXT that failed\nbefore results into error even if the string is valid number.",
+          "name": "Nico Williams"
+        },
+        {
+          "message": "docs: point to Libera.Chat instead of Freenode",
+          "name": "Nico Williams"
+        },
+        {
+          "message": "Missing \"va_end\" call. This was found by running the cppcheck static analysis where it shows as error.",
+          "name": "Nico Williams"
+        }
+      ]
+
+  - text: |
+
+      - - -
+
+      Next, let's try getting the URLs of the parent commits out of the
+      API results as well. In each commit, the GitHub API includes information
+      about "parent" commits. There can be one or many.
+
+          "parents": [
+            {
+              "sha": "f2ad9517c72f6267ae317639ab56bbfd4a8653d4",
+              "url": "https://api.github.com/repos/jqlang/jq/commits/f2ad9517c72f6267ae317639ab56bbfd4a8653d4",
+              "html_url": "https://github.com/jqlang/jq/commit/f2ad9517c72f6267ae317639ab56bbfd4a8653d4"
+            }
+          ]
+
+      We want to pull out all of the "html_url" fields inside that array of parent
+      commits and make a simple list of strings to go along with the
+      "message" and "author" fields we already have.
+
+  - command: "jq '[.[] | {message: .commit.message, name: .commit.committer.name, parents: [.parents[].html_url]}]'"
+    result: |
+      [
+        {
+          "message": "docs: Document repeat(exp)",
+          "name": "Nico Williams",
+          "parents": [
+            "https://github.com/jqlang/jq/commit/f2ad9517c72f6267ae317639ab56bbfd4a8653d4"
+          ]
+        },
+        {
+          "message": "Mention -n in IO-section and for input/inputs",
+          "name": "Nico Williams",
+          "parents": [
+            "https://github.com/jqlang/jq/commit/c4d39c4d22f2b12225ca1b311708f7e084ad9ff8"
+          ]
+        },
+        {
+          "message": "Fix iteration problem for non decimal string\n\nWhen the string transformation to number failed, all following\ntransformation failed too.\n\nThis happend because status in decNumberFromString function is\nupdated just in error case. Reusing the DEC_CONTEXT that failed\nbefore results into error even if the string is valid number.",
+          "name": "Nico Williams",
+          "parents": [
+            "https://github.com/jqlang/jq/commit/174db0f93552bdb551ae1f3c5c64744df0ad8e2f"
+          ]
+        },
+        {
+          "message": "docs: point to Libera.Chat instead of Freenode",
+          "name": "Nico Williams",
+          "parents": [
+            "https://github.com/jqlang/jq/commit/29cf77977ef52eec708982b19bf9d2ec17443337"
+          ]
+        },
+        {
+          "message": "Missing \"va_end\" call. This was found by running the cppcheck static analysis where it shows as error.",
+          "name": "Nico Williams",
+          "parents": [
+            "https://github.com/jqlang/jq/commit/55e6e2c21829bd866bd4b18ee254b05c9020320a"
+          ]
+        }
+      ]
+
+  - text: |
+
+      Here we're making an object as before, but this time the `parents`
+      field is being set to `[.parents[].html_url]`, which collects
+      all of the parent commit URLs defined in the parents object.
+
+  - text: |
+
+      - - -
+
+      Here endeth the tutorial! There's lots more to play with. Go
+      read [the manual](../manual/) if you're interested, and [download
+      jq](../download/) if you haven't already.

package/deps/jq/docs/manual_schema.yml

@@ -0,0 +1,60 @@
+type: object
+required:
+  - headline
+  - body
+  - manpage_intro
+  - manpage_epilogue
+  - sections
+additionalProperties: false
+properties:
+  headline:
+    type: string
+  body:
+    type: string
+  manpage_intro:
+    type: string
+  manpage_epilogue:
+    type: string
+  sections:
+    type: array
+    items:
+      type: object
+      required:
+        - title
+      additionalProperties: false
+      properties:
+        title:
+          type: string
+        body:
+          type: string
+        entries:
+          type: array
+          items:
+            type: object
+            required:
+              - title
+              - body
+            additionalProperties: false
+            properties:
+              title:
+                type: string
+              body:
+                type: string
+              examples:
+                type: array
+                items:
+                  type: object
+                  required:
+                    - program
+                    - input
+                    - output
+                  additionalProperties: false
+                  properties:
+                    program:
+                      type: string
+                    input:
+                      type: string
+                    output:
+                      type: array
+                      items:
+                        type: string

package/deps/jq/docs/public/css/style.css

@@ -0,0 +1,99 @@
+main {
+  padding: 1rem;
+
+  & * {
+    scroll-margin-top: 4rem;
+  }
+
+  @media print {
+    width: 100%!important;
+    --bs-code-color: --bs-body-color;
+  }
+}
+
+header {
+  z-index: 1050!important; /* higher than #contents */
+}
+
+section[id] {
+  display: flow-root;
+
+  > :first-child {
+    .icon-link {
+      opacity: 0;
+
+      &:focus {
+        opacity: .8;
+      }
+    }
+
+    &:hover .icon-link {
+      opacity: 1;
+    }
+  }
+}
+
+.offcanvas[aria-modal=true] .nav-link {
+  padding: .7rem;
+}
+.offcanvas-md {
+  --bs-offcanvas-width: auto;
+}
+
+ul {
+  list-style: none;
+  padding-left: 1rem;
+}
+
+pre {
+  margin: 0 .5rem 1rem;
+  padding: .5rem 1rem;
+  background-color: var(--bs-secondary-bg-subtle);
+  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
+}
+
+button{
+  &[aria-expanded=false] .bi-chevron-down {
+    display: none;
+  }
+
+  &[aria-expanded=true] .bi-chevron-right {
+    display: none;
+  }
+}
+
+mark {
+  padding: 0;
+}
+
+.container-searchbox {
+  position: relative;
+
+  & input:focus ~ kbd {
+    display: none;
+  }
+
+  & ul {
+    position: absolute;
+    width: 100%;
+    top: 100%;
+    padding: 0;
+    background-color: var(--bs-body-bg);
+    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
+  }
+
+  & li {
+    padding: .3em .6em;
+    white-space: nowrap;
+    overflow-x: hidden;
+
+    &[aria-selected=true] {
+      background-color: var(--bs-secondary-bg);
+    }
+
+    &:hover {
+      cursor: pointer;
+      background-color: var(--bs-secondary-bg-subtle);
+    }
+  }
+}

package/deps/jq/docs/public/icon.svg

@@ -0,0 +1 @@
+<svg width="48" height="48" version="1.0" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><style>@media(prefers-color-scheme:dark){g[fill]{filter:invert(1)}}</style><g transform="matrix(.011 0 0 .011 1.94 12)"><g fill="#444"><circle cx="220" cy="1570" r="190"/><path d="m1330 312c-30 41-698 1492-710 1528s25 66 100 101c77 36 102 34 124 3s701-1477 716-1525c15-47-20-73-84-104s-116-44-146-3z"/></g><g fill="#111"><circle cx="2410" cy="200" r="190"/><path d="m1830 655c0 129 0 130 70 130h360v423c0 246-5 474-10 506-19 112-88 176-190 176-59 0-120-27-147-66-51-73-65-84-99-84-31 0-40 8-104 93-84 111-86 129-32 189 227 252 692 187 836-118 53-112 56-153 56-795v-514c0-64-30-100-100-100h-490c-149 0-150 0-150 160zM2867 1233c30 302 250 499 438 527 144 19 244 0 375-90v410c0 81 0 100 150 100 136 0 150-20 150-150v-1420c0-99-19-100-150-100s-139 15-139 82c-103-89-351-149-523-49s-342 278-301 690zm803-107c0 292-105 356-237 356-178 0-249-147-273-296-27-168 25-420 262-420 171 0 248 89 248 360z"/></g></g></svg> 

package/deps/jq/docs/public/jq.svg

@@ -0,0 +1 @@
+<svg width="400" height="220" version="1.0" viewBox="0 0 400 220" xmlns="http://www.w3.org/2000/svg"><style>@media (prefers-color-scheme:dark){g[fill]{filter:invert(1);stroke:none}}</style><g transform="scale(.1)" stroke="#fff" stroke-width="10"><g fill="#444"><circle cx="220" cy="1570" r="190"/><path d="m1330 312c-30 41-698 1492-710 1528s25 66 100 101c77 36 102 34 124 3s701-1477 716-1525c15-47-20-73-84-104s-116-44-146-3z"/></g><g fill="#111"><circle cx="2410" cy="200" r="190"/><path d="m1830 655c0 129 0 130 70 130h360v423c0 246-5 474-10 506-19 112-88 176-190 176-59 0-120-27-147-66-51-73-65-84-99-84-31 0-40 8-104 93-84 111-86 129-32 189 227 252 692 187 836-118 53-112 56-153 56-795v-514c0-64-30-100-100-100h-490c-149 0-150 0-150 160zM2867 1233c30 302 250 499 438 527 144 19 244 0 375-90v410c0 81 0 100 150 100 136 0 150-20 150-150v-1420c0-99-19-100-150-100s-139 15-139 82c-103-89-351-149-523-49s-342 278-301 690zm803-107c0 292-105 356-237 356-178 0-249-147-273-296-27-168 25-420 262-420 171 0 248 89 248 360z"/></g></g></svg> 

package/deps/jq/docs/public/js/manual-search.js

@@ -1,52 +1,34 @@
-var section_names = function(q) {
-  if (!q) {
-    return [];
-  }
-  var matches = [];
-  q = q.toLowerCase();
-  $.each(section_map, function(k, v) {
-    if (k.toLowerCase().indexOf(q) != -1) {
-      matches.push(k);
-    }
-  });
-  matches.sort(function(a, b) {
-    // shortest to longest
-    return a.length - b.length;
+(() => {
+  const searchInput = document.querySelector('input#searchbox');
+  const sectionIDs = JSON.parse(document.querySelector('#section-ids').innerText);
+  const sanitize = (string) => string.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
+  new autoComplete({
+    selector: `#${searchInput.id}`,
+    wrapper: false,
+    data: {
+      src: Object.keys(sectionIDs),
+      filter: (list) => list.sort((x, y) =>
+        x.match.indexOf('<') - y.match.indexOf('<') || x.value.length - y.value.length),
+    },
+    searchEngine: (query, value) => {
+      const index = value.toLowerCase().indexOf(query.toLowerCase());
+      if (index >= 0) {
+        return sanitize(value.substring(0, index)) +
+          `<mark>${sanitize(value.substring(index, index + query.length))}</mark>` +
+          sanitize(value.substring(index + query.length));
+      }
+    },
   });
-  return matches;
-}
-var section_names_cb = function(q, cb) {
-  cb(section_names(q));
-}
-var go_to_section = function() {
-  query = $('#searchbox').val();
-  results = section_names(query);
-  if (results.length == 0) {
-    return;
-  }
-  result = results[0];
-  location.hash = '#' + section_map[result];
-  if (result != query) {
-    $('#searchbox').val(result);
-  }
-}
-$(function(){
-  $('#searchbox').typeahead(
-    {hint: false, highlight: true, minLength: 1},
-    {name: "contents", source: section_names_cb, limit: 6}
-  ).on('typeahead:selected', function(e, data) {
-    go_to_section();
+  searchInput.addEventListener('selection', (event) => {
+    event.target.value = event.detail.selection.value;
+    location.hash = `#${sectionIDs[event.detail.selection.value]}`;
   });
-  $('#searchbox').change(go_to_section);
-});
-// add "Run" button to execute examples on jqplay.org
-$(function() {
-  $.each($('.manual-example table'), function(index, value) {
-    $value = $(value)
-    var j = $value.find('tr:nth-child(2) td:first').text();
-    var q = $value.find('.jqprogram').text().replace(/^jq /, '').replace(/^'(.+)'$/, '$1');
-    var url = 'https://jqplay.org/jq?q=' + encodeURIComponent(q) +'&j=' + encodeURIComponent(j)
-    var $last_tr = $value.find('tr:last');
-    $last_tr.after('<tr class="jqplay-btn"><th><a href="' + url + '" class="btn btn-primary btn-sm">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
+  document.addEventListener('keydown', (event) => {
+    if (event.code === 'Slash' && !event.altKey && !event.ctrlKey && !event.metaKey
+      && !event.shiftKey && !/^(INPUT|TEXTAREA)$/.test(event.target.nodeName)) {
+      searchInput.focus();
+      searchInput.select();
+      event.preventDefault();
+    }
   });
-});
+})();

package/deps/jq/docs/templates/default.html.j2

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include "shared/_head.html.j2" %}
+
+  <body>
+{% include "shared/_navbar.html.j2" %}
+
+    <main id="main" class="container-lg">
+      <h1>{{ headline }}</h1>
+      {%- for item in body %}
+      {%- if item.text %}
+      {{ item.text | markdownify }}
+      {%- endif %}
+
+      {%- if item.command %}
+      {%- set resultID = unique_id() %}
+      <div class="tutorial-example mb-3">
+        <div class="d-flex accordion-heading me-2">
+          <pre class="flex-grow-1 me-0 mb-0" tabindex="0">{{ item.command }}</pre>
+          <button type="button" class="btn btn-sm btn-secondary text-body-secondary bg-secondary-subtle link-body-emphasis flex-shrink-0 d-flex align-items-center border border-start-0 d-print-none"
+            data-bs-toggle="collapse" data-bs-target="#result{{ resultID }}" aria-expanded="false" aria-controls="result{{ resultID }}">Show result</button>
+        </div>
+        <pre id="result{{ resultID }}" class="accordion-body collapse p-3 border-top-0 d-print-block" tabindex="0">{{ item.result }}</pre>
+      </div>
+      {%- endif %}
+      {%- endfor %}
+    </main>
+
+{% include "shared/_footer.html.j2" %}
+  </body>
+</html>