@agent-analytics/shared-ui 0.1.0 → 0.3.0

package/dist/eleventy/footer.njk

@@ -1,20 +1,294 @@
+{% set aaFooterData = {
+  "en": {
+    "title": "Agent Analytics",
+    "description": "Agent-ready analytics for builders who ship fast.",
+    "copy": "Built for builders who ship fast. Open source under MIT.",
+    "logoAlt": "Agent Analytics",
+    "logoSrc": "/logo-v2.png",
+    "sections": [
+      {
+        "title": "Product",
+        "links": [
+          {
+            "href": "https://app.agentanalytics.sh",
+            "label": "Dashboard",
+            "trackingId": "footer_product_dashboard"
+          },
+          {
+            "href": "https://blog.agentanalytics.sh/",
+            "label": "Blog",
+            "trackingId": "footer_product_blog"
+          },
+          {
+            "href": "https://docs.agentanalytics.sh/",
+            "label": "API Docs",
+            "trackingId": "footer_product_docs"
+          },
+          {
+            "href": "https://github.com/Agent-Analytics/agent-analytics",
+            "label": "GitHub",
+            "external": true,
+            "trackingId": "footer_product_github"
+          }
+        ]
+      },
+      {
+        "title": "Compare",
+        "links": [
+          {
+            "href": "https://agentanalytics.sh/compare/umami",
+            "label": "vs Umami",
+            "trackingId": "footer_compare_umami"
+          },
+          {
+            "href": "https://agentanalytics.sh/compare/mixpanel",
+            "label": "vs Mixpanel",
+            "trackingId": "footer_compare_mixpanel"
+          },
+          {
+            "href": "https://agentanalytics.sh/compare/amplitude",
+            "label": "vs Amplitude",
+            "trackingId": "footer_compare_amplitude"
+          },
+          {
+            "href": "https://agentanalytics.sh/compare/ga4",
+            "label": "vs GA4",
+            "trackingId": "footer_compare_ga4"
+          },
+          {
+            "href": "https://agentanalytics.sh/compare/heap",
+            "label": "vs Heap",
+            "trackingId": "footer_compare_heap"
+          },
+          {
+            "href": "https://agentanalytics.sh/compare/adobe-analytics",
+            "label": "vs Adobe Analytics",
+            "trackingId": "footer_compare_adobe_analytics"
+          }
+        ]
+      },
+      {
+        "title": "Company",
+        "links": [
+          {
+            "href": "https://x.com/analytics_90590",
+            "label": "X",
+            "external": true,
+            "trackingId": "footer_company_x"
+          },
+          {
+            "href": "mailto:contact@agentanalytics.sh",
+            "label": "Contact",
+            "trackingId": "footer_company_contact"
+          },
+          {
+            "href": "mailto:support@agentanalytics.sh",
+            "label": "Support",
+            "trackingId": "footer_company_support"
+          }
+        ]
+      },
+      {
+        "title": "Legal",
+        "links": [
+          {
+            "href": "https://agentanalytics.sh/privacy",
+            "label": "Privacy",
+            "trackingId": "footer_legal_privacy"
+          },
+          {
+            "href": "https://agentanalytics.sh/terms",
+            "label": "Terms",
+            "trackingId": "footer_legal_terms"
+          },
+          {
+            "href": "https://agentanalytics.sh/dpa",
+            "label": "DPA",
+            "trackingId": "footer_legal_dpa"
+          }
+        ]
+      }
+    ]
+  },
+  "he": {
+    "title": "Agent Analytics",
+    "description": "אנליטיקה מותאמת לסוכנים עבור בונים שמשחררים מהר.",
+    "copy": "נבנה עבור בונים שמשחררים מהר. קוד פתוח תחת MIT.",
+    "logoAlt": "Agent Analytics",
+    "logoSrc": "/logo-v2.png",
+    "sections": [
+      {
+        "title": "מוצר",
+        "links": [
+          {
+            "href": "https://app.agentanalytics.sh",
+            "label": "לוח בקרה",
+            "trackingId": "footer_product_dashboard"
+          },
+          {
+            "href": "https://blog.agentanalytics.sh/he/",
+            "label": "בלוג",
+            "trackingId": "footer_product_blog"
+          },
+          {
+            "href": "https://docs.agentanalytics.sh/he/",
+            "label": "תיעוד API",
+            "trackingId": "footer_product_docs"
+          },
+          {
+            "href": "https://github.com/Agent-Analytics/agent-analytics",
+            "label": "GitHub",
+            "external": true,
+            "trackingId": "footer_product_github"
+          }
+        ]
+      },
+      {
+        "title": "חברה",
+        "links": [
+          {
+            "href": "https://x.com/analytics_90590",
+            "label": "X",
+            "external": true,
+            "trackingId": "footer_company_x"
+          },
+          {
+            "href": "mailto:contact@agentanalytics.sh",
+            "label": "יצירת קשר",
+            "trackingId": "footer_company_contact"
+          },
+          {
+            "href": "mailto:support@agentanalytics.sh",
+            "label": "תמיכה",
+            "trackingId": "footer_company_support"
+          }
+        ]
+      },
+      {
+        "title": "משפטי",
+        "links": [
+          {
+            "href": "https://agentanalytics.sh/privacy",
+            "label": "פרטיות",
+            "trackingId": "footer_legal_privacy"
+          },
+          {
+            "href": "https://agentanalytics.sh/terms",
+            "label": "תנאים",
+            "trackingId": "footer_legal_terms"
+          },
+          {
+            "href": "https://agentanalytics.sh/dpa",
+            "label": "DPA",
+            "trackingId": "footer_legal_dpa"
+          }
+        ]
+      }
+    ]
+  },
+  "zh": {
+    "title": "Agent Analytics",
+    "description": "为快速交付的构建者打造的智能代理分析。",
+    "copy": "为快速交付的构建者打造。MIT 开源许可。",
+    "logoAlt": "Agent Analytics",
+    "logoSrc": "/logo-v2.png",
+    "sections": [
+      {
+        "title": "产品",
+        "links": [
+          {
+            "href": "https://app.agentanalytics.sh",
+            "label": "仪表盘",
+            "trackingId": "footer_product_dashboard"
+          },
+          {
+            "href": "https://blog.agentanalytics.sh/zh/",
+            "label": "博客",
+            "trackingId": "footer_product_blog"
+          },
+          {
+            "href": "https://docs.agentanalytics.sh/zh/",
+            "label": "API 文档",
+            "trackingId": "footer_product_docs"
+          },
+          {
+            "href": "https://github.com/Agent-Analytics/agent-analytics",
+            "label": "GitHub",
+            "external": true,
+            "trackingId": "footer_product_github"
+          }
+        ]
+      },
+      {
+        "title": "公司",
+        "links": [
+          {
+            "href": "https://x.com/analytics_90590",
+            "label": "X",
+            "external": true,
+            "trackingId": "footer_company_x"
+          },
+          {
+            "href": "mailto:contact@agentanalytics.sh",
+            "label": "联系我们",
+            "trackingId": "footer_company_contact"
+          },
+          {
+            "href": "mailto:support@agentanalytics.sh",
+            "label": "支持",
+            "trackingId": "footer_company_support"
+          }
+        ]
+      },
+      {
+        "title": "法律",
+        "links": [
+          {
+            "href": "https://agentanalytics.sh/privacy",
+            "label": "隐私",
+            "trackingId": "footer_legal_privacy"
+          },
+          {
+            "href": "https://agentanalytics.sh/terms",
+            "label": "条款",
+            "trackingId": "footer_legal_terms"
+          },
+          {
+            "href": "https://agentanalytics.sh/dpa",
+            "label": "DPA",
+            "trackingId": "footer_legal_dpa"
+          }
+        ]
+      }
+    ]
+  }
+} %}
+{% set aaFooter = aaFooterData[locale or 'en'] or aaFooterData.en %}
 <footer class="aa-footer" data-aa-impression="footer">
   <div class="aa-footer__inner">
-    <div class="aa-footer__mark">
-      <img src="/favicon.png" alt="Agent Analytics">
+    <div class="aa-footer__grid">
+      <div class="aa-footer__brand">
+        <div class="aa-footer__mark">
+          <img src="{{ aaFooter.logoSrc }}" alt="{{ aaFooter.logoAlt }}">
+        </div>
+        <div class="aa-footer__brand-copy">
+          <h2 class="aa-footer__title">{{ aaFooter.title }}</h2>
+          <p class="aa-footer__description">{{ aaFooter.description }}</p>
+          <p class="aa-footer__copy">{{ aaFooter.copy }}</p>
+        </div>
+      </div>
+      <nav class="aa-footer__sections" aria-label="Footer">
+        {% for section in aaFooter.sections %}
+        <section class="aa-footer__section">
+          <h3 class="aa-footer__heading">{{ section.title }}</h3>
+          <div class="aa-footer__list">
+            {% for link in section.links %}
+            <a href="{{ link.href }}" class="aa-footer__link"{% if link.external %} target="_blank" rel="noopener noreferrer"{% endif %}{% if link.trackingId %} onclick="window.aa?.track('cta_click',{id:'{{ link.trackingId }}'})"{% endif %}>{{ link.label }}</a>
+            {% endfor %}
+          </div>
+        </section>
+        {% endfor %}
+      </nav>
     </div>
-    <nav class="aa-footer__links" aria-label="Footer">
-      <a href="https://github.com/Agent-Analytics/agent-analytics" class="aa-footer__link" target="_blank" rel="noopener noreferrer">GitHub</a>
-      <a href="https://docs.agentanalytics.sh" class="aa-footer__link">API Docs</a>
-      <a href="https://blog.agentanalytics.sh" class="aa-footer__link">Blog</a>
-      <a href="https://app.agentanalytics.sh" class="aa-footer__link">Dashboard</a>
-      <a href="https://x.com/analytics_90590" class="aa-footer__link" target="_blank" rel="noopener noreferrer">X</a>
-      <a href="mailto:contact@agentanalytics.sh" class="aa-footer__link">Contact</a>
-      <a href="mailto:support@agentanalytics.sh" class="aa-footer__link">Support</a>
-      <a href="https://agentanalytics.sh/privacy" class="aa-footer__link">Privacy</a>
-      <a href="https://agentanalytics.sh/terms" class="aa-footer__link">Terms</a>
-      <a href="https://agentanalytics.sh/dpa" class="aa-footer__link">DPA</a>
-    </nav>
-    <p class="aa-footer__copy">Built for builders who ship fast. Open source under MIT.</p>
   </div>
 </footer>

package/dist/eleventy/header.njk

@@ -0,0 +1,250 @@
+{% set aaHeaderData = {
+  "en": {
+    "brand": {
+      "href": "/",
+      "logoAlt": "Agent Analytics",
+      "logoSrc": "/logo-v2.png",
+      "subtitle": "Agent-ready analytics",
+      "title": "AgentAnalytics"
+    },
+    "links": [
+      {
+        "href": "https://blog.agentanalytics.sh/",
+        "label": "Blog",
+        "trackingId": "nav_blog"
+      },
+      {
+        "href": "https://docs.agentanalytics.sh/",
+        "label": "Docs",
+        "trackingId": "nav_docs"
+      },
+      {
+        "href": "/#pricing",
+        "label": "Pricing",
+        "trackingId": "nav_pricing"
+      }
+    ],
+    "cta": {
+      "href": "https://app.agentanalytics.sh",
+      "label": "Start free",
+      "trackingId": "nav_start_free"
+    },
+    "switcher": {
+      "label": "Language",
+      "options": [
+        {
+          "id": "en",
+          "label": "English",
+          "nativeLabel": "English",
+          "active": true
+        },
+        {
+          "id": "he",
+          "label": "Hebrew",
+          "nativeLabel": "עברית",
+          "active": false
+        },
+        {
+          "id": "zh",
+          "label": "Chinese",
+          "nativeLabel": "简体中文",
+          "active": false
+        }
+      ]
+    }
+  },
+  "he": {
+    "brand": {
+      "href": "/he/",
+      "logoAlt": "Agent Analytics",
+      "logoSrc": "/logo-v2.png",
+      "subtitle": "אנליטיקה מותאמת לסוכנים",
+      "title": "AgentAnalytics"
+    },
+    "links": [
+      {
+        "href": "https://blog.agentanalytics.sh/he/",
+        "label": "בלוג",
+        "trackingId": "nav_blog"
+      },
+      {
+        "href": "https://docs.agentanalytics.sh/he/",
+        "label": "תיעוד",
+        "trackingId": "nav_docs"
+      },
+      {
+        "href": "/he/#pricing",
+        "label": "מחירים",
+        "trackingId": "nav_pricing"
+      }
+    ],
+    "cta": {
+      "href": "https://app.agentanalytics.sh",
+      "label": "התחילו בחינם",
+      "trackingId": "nav_start_free"
+    },
+    "switcher": {
+      "label": "שפה",
+      "options": [
+        {
+          "id": "en",
+          "label": "English",
+          "nativeLabel": "English",
+          "active": false
+        },
+        {
+          "id": "he",
+          "label": "Hebrew",
+          "nativeLabel": "עברית",
+          "active": true
+        },
+        {
+          "id": "zh",
+          "label": "Chinese",
+          "nativeLabel": "简体中文",
+          "active": false
+        }
+      ]
+    }
+  },
+  "zh": {
+    "brand": {
+      "href": "/zh/",
+      "logoAlt": "Agent Analytics",
+      "logoSrc": "/logo-v2.png",
+      "subtitle": "面向智能代理的分析",
+      "title": "AgentAnalytics"
+    },
+    "links": [
+      {
+        "href": "https://blog.agentanalytics.sh/zh/",
+        "label": "博客",
+        "trackingId": "nav_blog"
+      },
+      {
+        "href": "https://docs.agentanalytics.sh/zh/",
+        "label": "文档",
+        "trackingId": "nav_docs"
+      },
+      {
+        "href": "/zh/#pricing",
+        "label": "价格",
+        "trackingId": "nav_pricing"
+      }
+    ],
+    "cta": {
+      "href": "https://app.agentanalytics.sh",
+      "label": "免费开始",
+      "trackingId": "nav_start_free"
+    },
+    "switcher": {
+      "label": "语言",
+      "options": [
+        {
+          "id": "en",
+          "label": "English",
+          "nativeLabel": "English",
+          "active": false
+        },
+        {
+          "id": "he",
+          "label": "Hebrew",
+          "nativeLabel": "עברית",
+          "active": false
+        },
+        {
+          "id": "zh",
+          "label": "Chinese",
+          "nativeLabel": "简体中文",
+          "active": true
+        }
+      ]
+    }
+  }
+} %}
+{% set aaHeader = aaHeaderData[locale or 'en'] or aaHeaderData.en %}
+<header class="aa-site-header aa-utility-header">
+  <div class="aa-utility-header__inner">
+    <a href="{{ aaHeader.brand.href }}" class="aa-utility-header__brand">
+      <span class="aa-utility-header__mark">
+        <img src="{{ aaHeader.brand.logoSrc }}" alt="{{ aaHeader.brand.logoAlt }}">
+      </span>
+      <span class="aa-utility-header__copy">
+        <strong>{{ aaHeader.brand.title }}</strong>
+        <span>{{ aaHeader.brand.subtitle }}</span>
+      </span>
+    </a>
+    <nav class="aa-utility-header__nav" aria-label="Primary">
+      {% for link in aaHeader.links %}
+      <a href="{{ link.href }}" class="aa-utility-header__link aa-link-muted"{% if link.trackingId %} onclick="window.aa?.track('cta_click',{id:'{{ link.trackingId }}'})"{% endif %}>{{ link.label }}</a>
+      {% endfor %}
+      <div class="aa-utility-header__controls">
+        <div class="aa-utility-header__locale" role="group" aria-label="{{ aaHeader.switcher.label }}">
+          {% for option in aaHeader.switcher.options %}
+          <button type="button" class="aa-utility-header__locale-option{% if option.active %} is-active{% endif %}" data-aa-locale-option="{{ option.id }}" aria-pressed="{% if option.active %}true{% else %}false{% endif %}">{{ option.nativeLabel }}</button>
+          {% endfor %}
+        </div>
+        <a href="{{ aaHeader.cta.href }}" class="aa-utility-header__cta aa-button-dark"{% if aaHeader.cta.trackingId %} onclick="window.aa?.track('cta_click',{id:'{{ aaHeader.cta.trackingId }}'})"{% endif %}>{{ aaHeader.cta.label }}</a>
+      </div>
+    </nav>
+  </div>
+</header>
+<script>
+  (function () {
+    if (window.__aaLocaleSwitcherInitialized) return;
+    window.__aaLocaleSwitcherInitialized = true;
+
+    var COOKIE_NAME = "aa_locale";
+    var COOKIE_DOMAIN = ".agentanalytics.sh";
+    var COOKIE_MAX_AGE = 31536000;
+
+    function normalizeLocale(locale) {
+      var value = String(locale || '').trim().toLowerCase();
+      if (value === 'iw') return 'he';
+      if (value === 'zh-cn' || value === 'zh-hans' || value === 'zh-sg') return 'zh';
+      if (value === 'en' || value === 'he' || value === 'zh') return value;
+      return 'en';
+    }
+
+    function getCookieDomain() {
+      var hostname = window.location.hostname || '';
+      if (hostname === 'agentanalytics.sh' || hostname.endsWith('.agentanalytics.sh')) {
+        return COOKIE_DOMAIN;
+      }
+      return '';
+    }
+
+    function stripLocalePrefix(pathname) {
+      var source = pathname || '/';
+      return source.replace(/^\/(?:he|zh)(?=\/|$)/, '') || '/';
+    }
+
+    function localizePath(locale, pathname) {
+      var targetLocale = normalizeLocale(locale);
+      var value = String(pathname || '/');
+      var hashIndex = value.indexOf('#');
+      var hash = hashIndex === -1 ? '' : value.slice(hashIndex);
+      var pathAndQuery = hashIndex === -1 ? value : value.slice(0, hashIndex);
+      var queryIndex = pathAndQuery.indexOf('?');
+      var query = queryIndex === -1 ? '' : pathAndQuery.slice(queryIndex);
+      var pathOnly = queryIndex === -1 ? pathAndQuery : pathAndQuery.slice(0, queryIndex);
+      var normalizedPath = stripLocalePrefix(pathOnly.charAt(0) === '/' ? pathOnly : '/' + pathOnly);
+
+      if (targetLocale === 'en') return normalizedPath + query + hash;
+      return (normalizedPath === '/' ? '/' + targetLocale + '/' : '/' + targetLocale + normalizedPath) + query + hash;
+    }
+
+    document.addEventListener('click', function (event) {
+      var button = event.target.closest('[data-aa-locale-option]');
+      if (!button) return;
+
+      var nextLocale = normalizeLocale(button.getAttribute('data-aa-locale-option'));
+      var domain = getCookieDomain();
+      var secure = window.location.protocol === 'https:' ? '; Secure' : '';
+      var domainAttr = domain ? '; Domain=' + domain : '';
+
+      document.cookie = COOKIE_NAME + '=' + nextLocale + '; Path=/; Max-Age=' + COOKIE_MAX_AGE + '; SameSite=Lax' + domainAttr + secure;
+      window.location.assign(localizePath(nextLocale, window.location.pathname + window.location.search + window.location.hash));
+    });
+  })();
+</script>