exploRUG component setup

docs-src/_includes/example.11ty.cjs

@@ -0,0 +1,43 @@
+const page = require('./page.11ty.cjs');
+const relative = require('./relative-path.cjs');
+
+/**
+ * This template extends the page template and adds an examples list.
+ */
+module.exports = function (data) {
+  return page({
+    ...data,
+    content: renderExample(data),
+  });
+};
+
+const renderExample = ({name, content, collections, page}) => {
+  return `
+    <h1>Example: ${name}</h1>
+    <section class="examples">
+      <nav class="collection">
+        <ul>
+          ${
+            collections.example === undefined
+              ? ''
+              : collections.example
+                  .map(
+                    (post) => `
+                  <li class=${post.url === page.url ? 'selected' : ''}>
+                    <a href="${relative(
+                      page.url,
+                      post.url
+                    )}">${post.data.description.replace(/</g, '&lt;')}</a>
+                  </li>
+                `
+                  )
+                  .join('')
+          }
+        </ul>
+      </nav>
+      <div>
+        ${content}
+      </div>
+    </section>
+  `;
+};