Move docs to luacs-docs/{lua,cs,landing-page}

luacs-docs/cs also has a proper http server for testing locally

luacs-docs/lua/js/app.js

@@ -0,0 +1,138 @@
+const skippedCategories = ["manual"];
+
+class Node {
+  constructor(name, element, expandable, noAutoCollapse, children = []) {
+    this.name = name;
+    this.element = element;
+    this.expandable = expandable;
+    this.noAutoCollapse = noAutoCollapse;
+    this.children = children;
+  }
+
+  AddChild(name, element, expandable, noAutoCollapse, children) {
+    let newNode = new Node(name, element, expandable, noAutoCollapse, children);
+    this.children.push(newNode);
+
+    return newNode;
+  }
+}
+
+class SearchManager {
+  constructor(input, contents) {
+    this.input = input;
+    this.input.addEventListener("input", event => {
+      this.OnInputUpdated(this.input.value.toLowerCase().replace(/:/g, "."));
+    });
+
+    // setup search tree
+    this.tree = new Node("", document.createElement("null"), true, true);
+    this.entries = {};
+
+    const categoryElements = contents.querySelectorAll(".category");
+
+    // iterate each kind (hooks/libraries/classes/etc)
+    for (const category of categoryElements) {
+      const nameElement = category.querySelector(":scope > summary > h2");
+
+      if (!nameElement) {
+        continue;
+      }
+
+      const categoryName = nameElement.textContent.trim().toLowerCase();
+
+      if (skippedCategories.includes(categoryName)) {
+        continue;
+      }
+
+      let categoryNode = this.tree.AddChild(categoryName, category, true, true);
+      const sectionElements = category.querySelectorAll(":scope > ul > li");
+
+      for (const section of sectionElements) {
+        const entryElements = section.querySelectorAll(":scope > details > ul > li > a");
+        const sectionName = section.querySelector(":scope > details > summary > a")
+          .textContent
+          .trim()
+          .toLowerCase();
+
+        let sectionNode = categoryNode.AddChild(sectionName, section.querySelector(":scope > details"), true);
+
+        for (let i = 0; i < entryElements.length; i++) {
+          const entryElement = entryElements[i];
+          const entryName = entryElement.textContent.trim().toLowerCase();
+
+          sectionNode.AddChild(sectionName + "." + entryName, entryElement.parentElement);
+        }
+      }
+    }
+  }
+
+  ResetVisibility(current) {
+    current.element.style.display = "";
+
+    if (current.noAutoCollapse) {
+      current.element.open = true;
+    }
+    else if (current.expandable) {
+      current.element.open = false;
+    }
+
+    for (let node of current.children) {
+      this.ResetVisibility(node);
+    }
+  }
+
+  Search(input, current) {
+    let matched = false;
+
+    if (current.name.indexOf(input) != -1) {
+      matched = true;
+    }
+
+    for (let node of current.children) {
+      let childMatched = this.Search(input, node);
+      matched = matched || childMatched;
+    }
+
+    if (matched) {
+      current.element.style.display = "";
+
+      if (current.expandable) {
+        current.element.open = true;
+      }
+    } else {
+      current.element.style.display = "none";
+
+      if (current.expandable) {
+        current.element.open = false;
+      }
+    }
+
+    return matched;
+  }
+
+  OnInputUpdated(input) {
+    if (input.length <= 1) {
+      this.ResetVisibility(this.tree);
+      return;
+    }
+
+    this.Search(input, this.tree);
+  }
+}
+
+window.onload = function() {
+  const openDetails = document.querySelector(".category > ul > li > details[open]");
+
+  if (openDetails) {
+    openDetails.scrollIntoView();
+  }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+  const searchInput = document.getElementById("search");
+  const contents = document.querySelector("body > main > nav > section");
+
+  if (searchInput && contents) {
+    new SearchManager(searchInput, contents);
+  }
+});