rails_den 2.0.0

data/app/assets/javascript/rails_den/emoji_catalog.js

@@ -0,0 +1,136 @@
+(function () {
+  function catalogUrl() {
+    var meta = document.querySelector("meta[name='rails-den-emoji-catalog-url']");
+    return meta && meta.content;
+  }
+
+  function initializeWorkflow(workflow) {
+    if (workflow.dataset.railsDenCatalogInitialized === "true") return;
+    workflow.dataset.railsDenCatalogInitialized = "true";
+
+    var catalog = workflow.querySelector("[data-rails-den-emoji-catalog]");
+    var query = workflow.querySelector("[data-rails-den-catalog-query]");
+    var search = workflow.querySelector("[data-rails-den-catalog-search]");
+    var results = workflow.querySelector("[data-rails-den-catalog-results]");
+    var summary = workflow.querySelector("[data-rails-den-catalog-summary]");
+    var mode = workflow.dataset.railsDenCatalogMode;
+    var selected = new Set();
+    var timer;
+
+    if (!catalog || !query || !search || !results || !catalogUrl()) return;
+
+    bindChoices();
+    search.addEventListener("click", loadResults);
+    query.addEventListener("input", function () {
+      clearTimeout(timer);
+      timer = setTimeout(loadResults, 220);
+    });
+
+    function loadResults() {
+      catalog.setAttribute("aria-busy", "true");
+      fetch(catalogUrl() + "?q=" + encodeURIComponent(query.value), {
+        credentials: "same-origin",
+        headers: { "Accept": "application/json" }
+      }).then(function (response) {
+        if (!response.ok) throw new Error("catalog request failed");
+        return response.json();
+      }).then(function (payload) {
+        renderEntries(payload.entries);
+        summary.textContent = "Showing " + payload.entries.length + " of " + payload.total + " matching emoji";
+      }).catch(function () {
+        summary.textContent = "The catalog could not be loaded. Try again.";
+      }).finally(function () {
+        catalog.removeAttribute("aria-busy");
+      });
+    }
+
+    function renderEntries(entries) {
+      results.replaceChildren();
+      entries.forEach(function (entry) {
+        var label = document.createElement("label");
+        label.className = "rails-den-emoji-choice";
+        label.title = entry.name;
+
+        if (mode === "multiple") {
+          var checkbox = document.createElement("input");
+          checkbox.type = "checkbox";
+          checkbox.value = entry.id;
+          checkbox.dataset.railsDenCatalogId = entry.id;
+          checkbox.checked = selected.has(entry.id);
+          label.appendChild(checkbox);
+          label.appendChild(choiceContent(entry));
+        } else {
+          var button = document.createElement("button");
+          button.type = "button";
+          button.dataset.railsDenCatalogChoice = "true";
+          button.dataset.id = entry.id;
+          button.dataset.emoji = entry.emoji;
+          button.dataset.name = entry.name;
+          button.dataset.key = entry.key;
+          button.appendChild(choiceContent(entry));
+          label.appendChild(button);
+        }
+        results.appendChild(label);
+      });
+      bindChoices();
+    }
+
+    function choiceContent(entry) {
+      var content = document.createElement("span");
+      content.className = "rails-den-emoji-choice-content";
+      var emoji = document.createElement("span");
+      emoji.setAttribute("aria-hidden", "true");
+      emoji.textContent = entry.emoji;
+      var name = document.createElement("span");
+      name.textContent = entry.name;
+      content.append(emoji, name);
+      return content;
+    }
+
+    function bindChoices() {
+      results.querySelectorAll("[data-rails-den-catalog-choice]").forEach(function (button) {
+        button.addEventListener("click", function () {
+          var emojiTarget = document.querySelector("[data-rails-den-emoji-target]");
+          if (emojiTarget) emojiTarget.value = button.dataset.emoji;
+          var nameTarget = document.querySelector("#rails_den_reaction_type_name");
+          var keyTarget = document.querySelector("#rails_den_reaction_type_key");
+          if (nameTarget && !nameTarget.value) nameTarget.value = button.dataset.name;
+          if (keyTarget && !keyTarget.value) keyTarget.value = button.dataset.key;
+          button.classList.add("is-selected");
+          emojiTarget && emojiTarget.focus();
+        });
+      });
+
+      results.querySelectorAll("[data-rails-den-catalog-id]").forEach(function (checkbox) {
+        if (checkbox.name) checkbox.removeAttribute("name");
+        checkbox.addEventListener("change", function () {
+          checkbox.checked ? selected.add(checkbox.value) : selected.delete(checkbox.value);
+          updateSelection();
+        });
+      });
+    }
+
+    function updateSelection() {
+      var hidden = workflow.querySelector("[data-rails-den-selected-ids]");
+      var count = workflow.querySelector("[data-rails-den-selected-count]");
+      var submit = workflow.querySelector("[data-rails-den-import-selected]");
+      if (hidden) hidden.value = Array.from(selected).join(",");
+      if (count) count.textContent = selected.size;
+      if (submit) submit.disabled = selected.size === 0;
+    }
+  }
+
+  function initialize() {
+    document.querySelectorAll("[data-rails-den-catalog-mode]").forEach(initializeWorkflow);
+    document.querySelectorAll("[data-rails-den-catalog-confirm]").forEach(function (form) {
+      if (form.dataset.railsDenConfirmInitialized === "true") return;
+      form.dataset.railsDenConfirmInitialized = "true";
+      form.addEventListener("submit", function (event) {
+        if (!window.confirm(form.dataset.railsDenCatalogConfirm)) event.preventDefault();
+      });
+    });
+  }
+
+  document.addEventListener("DOMContentLoaded", initialize);
+  document.addEventListener("turbo:load", initialize);
+})();

data/app/assets/javascript/rails_den/licenses/react-LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Facebook, Inc. and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/app/assets/javascript/rails_den/licenses/react-dom-LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Facebook, Inc. and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/app/assets/javascript/rails_den/licenses/scheduler-LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Facebook, Inc. and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/app/assets/javascript/rails_den/licenses/three-LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright © 2010-2026 three.js authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/app/assets/javascript/rails_den/members.js

@@ -0,0 +1,187 @@
+(() => {
+  const SEARCH_SELECTOR =
+    "[data-rails-den-members-search]"
+
+  const RESULTS_SELECTOR =
+    "[data-rails-den-members-results]"
+
+  const SEARCH_DELAY_MS = 200
+
+  function initializeMemberSearch(form) {
+    if (
+      form.dataset
+        .railsDenMembersSearchReady ===
+      "true"
+    ) {
+      return
+    }
+
+    const input =
+      form.querySelector(
+        'input[name="q"]'
+      )
+
+    if (!input) {
+      return
+    }
+
+    let timer = null
+    let controller = null
+
+    async function performSearch() {
+      const url =
+        new URL(
+          form.action,
+          window.location.origin
+        )
+
+      const query =
+        input.value.trim()
+
+      if (query) {
+        url.searchParams.set(
+          "q",
+          query
+        )
+      }
+
+      controller?.abort()
+
+      controller =
+        new AbortController()
+
+      try {
+        const response =
+          await fetch(
+            url,
+            {
+              credentials: "same-origin",
+              headers: {
+                Accept: "text/html"
+              },
+              signal:
+                controller.signal
+            }
+          )
+
+        if (response.redirected) {
+          window.location.href =
+            response.url
+
+          return
+        }
+
+        if (!response.ok) {
+          return
+        }
+
+        const html =
+          await response.text()
+
+        const documentFragment =
+          new DOMParser()
+            .parseFromString(
+              html,
+              "text/html"
+            )
+
+        const incomingResults =
+          documentFragment.querySelector(
+            RESULTS_SELECTOR
+          )
+
+        const currentResults =
+          document.querySelector(
+            RESULTS_SELECTOR
+          )
+
+        if (
+          !incomingResults ||
+          !currentResults
+        ) {
+          return
+        }
+
+        currentResults.replaceWith(
+          incomingResults
+        )
+
+        const browserUrl =
+          new URL(
+            window.location.href
+          )
+
+        browserUrl.searchParams.delete(
+          "page"
+        )
+
+        if (query) {
+          browserUrl.searchParams.set(
+            "q",
+            query
+          )
+        } else {
+          browserUrl.searchParams.delete(
+            "q"
+          )
+        }
+
+        window.history.replaceState(
+          {},
+          "",
+          browserUrl
+        )
+      } catch (error) {
+        if (
+          error.name !==
+          "AbortError"
+        ) {
+          return
+        }
+      }
+    }
+
+    function scheduleSearch() {
+      if (timer) {
+        window.clearTimeout(
+          timer
+        )
+      }
+
+      timer =
+        window.setTimeout(
+          performSearch,
+          SEARCH_DELAY_MS
+        )
+    }
+
+    input.addEventListener(
+      "input",
+      scheduleSearch
+    )
+
+    form.dataset
+      .railsDenMembersSearchReady =
+      "true"
+  }
+
+  function initializeMemberSearches() {
+    document
+      .querySelectorAll(
+        SEARCH_SELECTOR
+      )
+      .forEach(
+        initializeMemberSearch
+      )
+  }
+
+  document.addEventListener(
+    "DOMContentLoaded",
+    initializeMemberSearches
+  )
+
+  document.addEventListener(
+    "turbo:load",
+    initializeMemberSearches
+  )
+})()

data/app/assets/javascript/rails_den/notifications.js

@@ -0,0 +1,211 @@
+(() => {
+  let subscription = null;
+
+  const findBell = () =>
+    document.querySelector(
+      "[data-rails-den-notifications]"
+    );
+
+  const renderUnreadCount = (value) => {
+    const bell =
+      findBell();
+
+    if (!bell) {
+      return;
+    }
+
+    const unreadCount =
+      Math.max(
+        0,
+        Number.parseInt(
+          value,
+          10
+        ) || 0
+      );
+
+    const hasUnread =
+      unreadCount > 0;
+
+    bell.classList.toggle(
+      "is-unread",
+      hasUnread
+    );
+
+    const label =
+      hasUnread
+        ? `Notifications (${unreadCount} unread)`
+        : "Notifications";
+
+    bell.title =
+      label;
+
+    bell.setAttribute(
+      "aria-label",
+      label
+    );
+
+    let badge =
+      bell.querySelector(
+        ".rails-den-navbar-notification-badge"
+      );
+
+    if (!hasUnread) {
+      if (badge) {
+        badge.remove();
+      }
+
+      return;
+    }
+
+    if (!badge) {
+      badge =
+        document.createElement(
+          "span"
+        );
+
+      badge.className =
+        "rails-den-navbar-notification-badge";
+
+      badge.setAttribute(
+        "aria-hidden",
+        "true"
+      );
+
+      bell.appendChild(
+        badge
+      );
+    }
+
+    badge.textContent =
+      unreadCount > 99
+        ? "99+"
+        : String(
+            unreadCount
+          );
+  };
+
+  const renderEmptyStateIfNeeded = () => {
+    const list =
+      document.querySelector(
+        ".rails-den-notification-list"
+      );
+
+    if (!list) {
+      return;
+    }
+
+    if (
+      list.querySelector(
+        "[data-rails-den-notification-id]"
+      )
+    ) {
+      return;
+    }
+
+    const template =
+      document.querySelector(
+        "[data-rails-den-notifications-empty-template]"
+      );
+
+    if (!template) {
+      list.remove();
+      return;
+    }
+
+    list.replaceWith(
+      template.content.cloneNode(
+        true
+      )
+    );
+  };
+
+  const removeNotifications = (ids) => {
+    if (!Array.isArray(ids)) {
+      return;
+    }
+
+    ids.forEach((id) => {
+      const row =
+        document.querySelector(
+          `[data-rails-den-notification-id="${id}"]`
+        );
+
+      if (row) {
+        row.remove();
+      }
+    });
+
+    renderEmptyStateIfNeeded();
+  };
+
+  const disconnect = () => {
+    if (!subscription) {
+      return;
+    }
+
+    subscription.unsubscribe();
+    subscription = null;
+  };
+
+  const connect = () => {
+    const bell =
+      findBell();
+
+    if (!bell) {
+      disconnect();
+      return;
+    }
+
+    const token =
+      bell.dataset
+        .railsDenNotificationToken;
+
+    const cable =
+      window.RailsDenCable &&
+      window.RailsDenCable.consumer();
+
+    if (
+      !token ||
+      !cable
+    ) {
+      return;
+    }
+
+    disconnect();
+
+    subscription =
+      cable.subscriptions.create(
+        {
+          channel:
+            "RailsDen::NotificationsChannel",
+          token: token
+        },
+        {
+          received(data) {
+            renderUnreadCount(
+              data.unread_count
+            );
+
+            removeNotifications(
+              data.removed_notification_ids
+            );
+          }
+        }
+      );
+  };
+
+  document.addEventListener(
+    "DOMContentLoaded",
+    connect
+  );
+
+  document.addEventListener(
+    "turbo:load",
+    connect
+  );
+
+  document.addEventListener(
+    "turbo:before-cache",
+    disconnect
+  );
+})();