docs(ui): add middle-dot to separate primitives in dictionary

Author: omargfh

apps/docs/autogen/3d.md

@@ -346,6 +346,7 @@ the observer.
 {{#if additional_names.length}}
 ({{#each additional_names}}[[{{{.}}}|3d#{{{../id}}}]]{{#unless @last}}, {{/unless}}{{/each}})
 {{/if}}
+{{#unless @last}} <span class="font-bold"> · </span> {{/unless}}
 {{/entries}}
 {{/categories}}
 

apps/docs/autogen/dictionary.md

@@ -23,6 +23,7 @@ actually run a primitive, consult its dictionary entry.
 {{#if additional_names.length}}
 ({{#each additional_names}}[[{{{.}}}|{{{../id}}}]]{{#unless @last}}, {{/unless}}{{/each}})
 {{/if}}
+{{#unless @last}} <span class="font-bold"> · </span> {{/unless}}
 {{/entries}}
 {{/categories}}
 
@@ -58,4 +59,4 @@ actually run a primitive, consult its dictionary entry.
 {{/each}}
 
 {{/netlogoDictionary}}
-{{/with}}
+{{/with}}

packages/netlogo-docs/src/extension-docs/entities.ts

@@ -159,11 +159,25 @@ class MustachePrimitiveWrapper {
   }
 }
 
+class TOCPrimitiveWrapper extends MustachePrimitiveWrapper {
+  public readonly last: boolean;
+  public constructor(primitive: Primitive, last = false) {
+    super(primitive);
+    this.last = last;
+  }
+
+  public static fromPrims(prims: Array<MustachePrimitiveWrapper>): Array<TOCPrimitiveWrapper> {
+    return prims.map(
+      (prim, index) => new TOCPrimitiveWrapper(prim.primitive, index === prims.length - 1),
+    );
+  }
+}
+
 class TableOfContentsSection {
   public constructor(
     public readonly fullCategoryName: string,
     public readonly shortCategoryName: string,
-    public readonly prims: Array<MustachePrimitiveWrapper>,
+    public readonly prims: Array<TOCPrimitiveWrapper>,
   ) {}
 
   public static fromCategoryName(
@@ -173,7 +187,11 @@ class TableOfContentsSection {
   ): TableOfContentsSection | null {
     const prims = unfilteredPrims.filter((prim) => prim.primitive.tags.includes(shortCategoryName));
     if (prims.length === 0) return null;
-    return new TableOfContentsSection(fullCategoryName, shortCategoryName, prims);
+    return new TableOfContentsSection(
+      fullCategoryName,
+      shortCategoryName,
+      TOCPrimitiveWrapper.fromPrims(prims),
+    );
   }
 }
 
@@ -194,7 +212,11 @@ class TableOfContents {
       .filter((section): section is TableOfContentsSection => section !== null);
     if (sections.length === 0) {
       return new TableOfContents([
-        new TableOfContentsSection("All Primitives", "all", unfilteredPrims),
+        new TableOfContentsSection(
+          "All Primitives",
+          "all",
+          TOCPrimitiveWrapper.fromPrims(unfilteredPrims),
+        ),
       ]);
     }
     return new TableOfContents(sections);

packages/netlogo-docs/src/extension-docs/fixtures.ts

@@ -37,6 +37,7 @@ Looking for the primitive reference for the {{extensionName}} extension? You can
 <div id="{{shortCategoryName}}">
   {{#prims}}
   <a class="code" href="#{{id}}"><code>{{primitive.fullName}}</code></a>
+  {{^last}} <span class="font-bold"> · </span> {{/last}}
   {{/prims}}
 </div>
 
@@ -46,6 +47,7 @@ Looking for the primitive reference for the {{extensionName}} extension? You can
 <div id="{{shortCategoryName}}" class="prose">
   {{#prims}}
   <a class="code" href="#{{id}}"><code>{{primitive.fullName}}</code></a>
+  {{^last}} <span class="font-bold"> · </span> {{/last}}
   {{/prims}}
 </div>
 {{/contents}}{{/emptyTableOfContents}}