wip

hlxsites · Dec 8, 2024 · d45b267 · d45b267
1 parent 03a3674
commit d45b267
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 0 deletions.
diff --git a/tools/sidekick/library.html b/tools/sidekick/library.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
+    />
+    <meta name="Description" content="AEM Sidekick Library" />
+    <meta name="robots" content="noindex" />
+    <base href="/" />
+
+    <style>
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: sans-serif;
+        background-color: #ededed;
+        height: 100%;
+      }
+
+      helix-sidekick {
+        display: none;
+      }
+    </style>
+    <title>Sidekick Library</title>
+  </head>
+
+  <body>
+    <script
+      type="module"
+      src="https://www.aem.live/tools/sidekick/library/index.js"
+    ></script>
+    <script>
+      const library = document.createElement("sidekick-library");
+      library.config = {
+        base: "/tools/sidekick/library.json",
+        plugins: {
+          tags: {
+            src: "/tools/sidekick/plugins/assets-library/assets-library.js",
+            foo: "bar",
+          },
+        },
+      };
+
+      document.body.prepend(library);
+    </script>
+  </body>
+</html>
diff --git a/tools/sidekick/plugins/assets-library/assets-library.js b/tools/sidekick/plugins/assets-library/assets-library.js
@@ -0,0 +1,14 @@
+/**
+ * Called when a user tries to load the plugin
+ * @param {HTMLElement} container The container to render the plugin in
+ * @param {Object} data The data contained in the plugin sheet
+ * @param {String} query If search is active, the current search query
+ * @param {Object} context contains any properties set when the plugin was registered
+ */
+export async function decorate(container, data, query, context) {
+    // Render your plugin
+}
+
+export default {
+    title: 'Assets Library',
+};