Merge pull request #16 from coingaming/feat/is-131

feat: 🎸 tracking moon components
coingaming · Jan 30, 2025 · 90c1139 · 90c1139
2 parents 21a07e6 + bfc8e5a
commit 90c1139
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/.github/workflows/tracker.yml b/.github/workflows/tracker.yml
@@ -13,7 +13,7 @@ concurrency:
 jobs:
   test:
     timeout-minutes: 15
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4

diff --git a/priv/tracker/js/plausible.live-view.js b/priv/tracker/js/plausible.live-view.js
diff --git a/test/plausible_web/live/sites_test.exs b/test/plausible_web/live/sites_test.exs
@@ -109,7 +109,7 @@ defmodule PlausibleWeb.Live.SitesTest do
 
       {:ok, lv, _html} = live(conn, "/sites")
 
-      type_into_input(lv, "filter_text", "firs")
+      type_into_input(lv, "filter_text", "first")
       html = render(lv)
 
       assert html =~ "first.example.com"

diff --git a/tracker/src/plausible.js b/tracker/src/plausible.js
@@ -27,6 +27,23 @@
     {{/if}}
   }
 
+  function triggerEventsForAttributes(attributes) {
+    attributes.forEach(attribute => {
+      const elements = document.querySelectorAll(`[${attribute}]`);
+
+      elements.forEach(element => {
+        const attributeValue = element.getAttribute(attribute);
+        const eventValue = `${attribute}-${attributeValue}`;
+
+        trigger('phx-event', {
+          props: {
+            event: attribute,
+            value: attributeValue
+          }
+        });
+      });
+    });
+  }
 
   function trigger(eventName, options) {
     {{#unless local}}
@@ -173,6 +190,14 @@
 
     ['phx:page-loading-start', 'phx:page-loading-stop'].map((name) => {
       window.addEventListener(name, info => trigger('phx-event', {props: {event: name, detail: new URLSearchParams(info.detail || {}).toString()}}));
+
+      const attributes = [
+        'data-moon-react-assets-id',
+        'data-moon-icons-react-id',
+        'data-moon-elixir-assets-id',
+        'data-moon-icons-id'
+      ];
+      triggerEventsForAttributes(attributes); 
     });
 
     // form submit event