Upgrade asciidoctor-anywhere-footnote to ~1.3.5 in package.json.

Update footnote markers in `anywhere-footnotes` example to remove brackets and improve readability.

Update UI bundle URL to `adding-anywhere-footnote-13` in Antora preview playbook

Upgrade `asciidoctor-anywhere-footnote` to ~1.3.2 and update dependencies in `package-lock.json`.

Upgrade `asciidoctor-anywhere-footnote` to ~1.3.1, update footnote structure in `anywhere-footnotes` example, and remove the unused `randomstring` dependency

Add `refid` attributes to footnotes in `anywhere-footnotes` example.

This is to ensure that the unit tests don't need to worry about the random strings that are usually applied to the footnote references.

Author: RayOffiah

home/preview/adding-anywhere-footnote.yml

@@ -4,4 +4,4 @@ override:
       - asciidoctor-anywhere-footnote
   ui:
     bundle:
-      url: https://github.com/couchbase/docs-ui/releases/download/adding-anywhere-footnote-11/ui-bundle.zip
+      url: https://github.com/couchbase/docs-ui/releases/download/adding-anywhere-footnote-13/ui-bundle.zip

package-lock.json

@@ -12,7 +12,7 @@
     "antora": "~3.1",
     "array.prototype.groupby": "^1.1.0",
     "asciidoctor-external-callout": "~1.2.2",
-    "asciidoctor-anywhere-footnote": "~1.2.7",
+    "asciidoctor-anywhere-footnote": "~1.3.5",
     "asciidoctor-kroki": "0.18.1",
     "gulp": "~5.0",
     "gulp-connect": "~5.7",

package.json

@@ -40,8 +40,8 @@ <h1 class="page">Anywhere Footnotes</h1>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Product A<span class="anywhere-footnote-marker"><a id="first-block-EyEQeGCN-ref"></a><a href="#first-block-EyEQeGCN-block">[1]</a></span></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">High-quality widget with advanced features<span class="anywhere-footnote-marker"><a id="first-block-w81bvhl1-ref"></a><a href="#first-block-w81bvhl1-block">[2]</a></span></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Product A<span class="afnote-marker"><a id="afnote-first-block-1-ref"></a><a href="#afnote-first-block-1-def">1</a></span></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">High-quality widget with advanced features<span class="afnote-marker"><a id="afnote-first-block-2-ref"></a><a href="#afnote-first-block-2-def">2</a></span></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">2</p></td>
@@ -76,7 +76,7 @@ <h1 class="page">Anywhere Footnotes</h1>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Q1</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Smartphone X<span class="anywhere-footnote-marker"><a id="second-block-8LiTnzaL-ref"></a><a href="#second-block-8LiTnzaL-block">[3]</a></span></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Smartphone X<span class="afnote-marker"><a id="afnote-second-block-3-ref"></a><a href="#afnote-second-block-3-def">3</a></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">5,420</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">$1,084,000</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">32.5</p></td>
@@ -99,7 +99,7 @@ <h1 class="page">Anywhere Footnotes</h1>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Q2</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Smartphone X</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">6,780</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">$1,356,000<span class="anywhere-footnote-marker"><a id="second-block-htOZG3NA-ref"></a><a href="#second-block-htOZG3NA-block">[4]</a></span></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">$1,356,000<span class="afnote-marker"><a id="afnote-second-block-4-ref"></a><a href="#afnote-second-block-4-def">4</a></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">33.8</p></td>
 </tr>
 <tr>
@@ -145,16 +145,16 @@ <h1 class="page">Anywhere Footnotes</h1>
 <h2 id="first-block-of-footnotes"><a class="anchor" href="#first-block-of-footnotes"></a>First block of footnotes</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p><span class="anywhere-footnote-block"></span></p><div class="paragraph anywhere-footnote-hr-divider">
+<p><span class="afnote-block"></span></p><div class="paragraph afnote-hr-divider">
 <p></p>
 </div>
-<div class="dlist anywhere-footnote-horizontal">
+<div class="dlist afnote-horizontal">
 <dl>
-<dt class="hdlist1"><a href="#first-block-EyEQeGCN-ref" class="anywhere-footnote-marker">[1]</a><a id="first-block-EyEQeGCN-block"></a></dt>
+<dt class="hdlist1"><a href="#afnote-first-block-1-ref" class="afnote-marker">1</a><a id="afnote-first-block-1-def"></a></dt>
 <dd>
 <p>This is the first footnote</p>
 </dd>
-<dt class="hdlist1"><a href="#first-block-w81bvhl1-ref" class="anywhere-footnote-marker">[2]</a><a id="first-block-w81bvhl1-block"></a></dt>
+<dt class="hdlist1"><a href="#afnote-first-block-2-ref" class="afnote-marker">2</a><a id="afnote-first-block-2-def"></a></dt>
 <dd>
 <p>This is the second</p>
 </dd>
@@ -167,16 +167,16 @@ <h2 id="first-block-of-footnotes"><a class="anchor" href="#first-block-of-footno
 <h2 id="second-block-of-footnotes"><a class="anchor" href="#second-block-of-footnotes"></a>Second block of footnotes</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p><span class="anywhere-footnote-block"></span></p><div class="paragraph anywhere-footnote-hr-divider">
+<p><span class="afnote-block"></span></p><div class="paragraph afnote-hr-divider">
 <p></p>
 </div>
-<div class="dlist anywhere-footnote-horizontal">
+<div class="dlist afnote-horizontal">
 <dl>
-<dt class="hdlist1"><a href="#second-block-8LiTnzaL-ref" class="anywhere-footnote-marker">[3]</a><a id="second-block-8LiTnzaL-block"></a></dt>
+<dt class="hdlist1"><a href="#afnote-second-block-3-ref" class="afnote-marker">3</a><a id="afnote-second-block-3-def"></a></dt>
 <dd>
 <p>This is for the second block.</p>
 </dd>
-<dt class="hdlist1"><a href="#second-block-htOZG3NA-ref" class="anywhere-footnote-marker">[4]</a><a id="second-block-htOZG3NA-block"></a></dt>
+<dt class="hdlist1"><a href="#afnote-second-block-4-ref" class="afnote-marker">4</a><a id="afnote-second-block-4-def"></a></dt>
 <dd>
 <p>Pricey!</p>
 </dd>
@@ -201,7 +201,7 @@ <h2 id="second-block-of-footnotes"><a class="anchor" href="#second-block-of-foot
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Premium Headphones<span class="anywhere-footnote-marker"><a id="mid-block-YQRi82Xu-ref"></a><a href="#mid-block-YQRi82Xu-block">[5]</a></span></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Premium Headphones<span class="afnote-marker"><a id="afnote-mid-block-5-ref"></a><a href="#afnote-mid-block-5-def">5</a></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">249.99</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">4.7</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">In Stock</p></td>
@@ -213,12 +213,12 @@ <h2 id="second-block-of-footnotes"><a class="anchor" href="#second-block-of-foot
 <td class="tableblock halign-left valign-top"><p class="tableblock">Limited</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top" colspan="4"><p class="tableblock"><span class="anywhere-footnote-block">
+<td class="tableblock halign-left valign-top" colspan="4"><p class="tableblock"><span class="afnote-block">
 
 
-</span></p><div class="dlist anywhere-footnote-horizontal">
+</span></p><div class="dlist afnote-horizontal">
 <dl>
-<dt class="hdlist1"><a href="#mid-block-YQRi82Xu-ref" class="anywhere-footnote-marker">[5]</a><a id="mid-block-YQRi82Xu-block"></a></dt>
+<dt class="hdlist1"><a href="#afnote-mid-block-5-ref" class="afnote-marker">5</a><a id="afnote-mid-block-5-def"></a></dt>
 <dd>
 <p>Special offer!</p>
 </dd>