@omega.js/web 0.1.0

package/core/_includes/core/foot.html

@@ -0,0 +1,536 @@
+<!-- Main - Exit Popup -->
+<div id="modal-exit-popup" class="modal _fade animation-slide-up" tabindex="-1" hidden>
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content overflow-hidden">
+      <div class="position-relative">
+        <!-- Close button -->
+        <button type="button" class="btn-close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Close" style="z-index: 10;"></button>
+
+        <!-- Content -->
+        <div class="p-4 p-md-5 text-center">
+          <!-- Icon -->
+          <div class="mb-4">
+            <span class="animation-hand-wave d-inline-block"><i class="fa-solid fa-hand fa-2xl"></i></span>
+          </div>
+
+          <!-- Title -->
+          <h3 class="modal-exit-title fw-bold mb-3">
+            Wait, don't go yet!
+          </h3>
+
+          <!-- Body -->
+          <p class="modal-exit-message text-muted mb-4">
+            You're about to miss out on something amazing.
+          </p>
+
+          <div class="modal-exit-offer border rounded-3 p-4 mb-4 text-start" hidden>
+            <!-- The offer box is the popup's one subsection, so its title is
+                 the h3's child level (#316). fs-6 already pins the size: the
+                 level is semantics, the class is the look. -->
+            <h4 class="modal-exit-offer-title fw-semibold mb-2 fs-6">
+              <span class="modal-exit-offer-title-text">Special Offer Just for You!</span>
+            </h4>
+            <p class="modal-exit-offer-description text-muted small mb-0">
+              Stay and discover exclusive features and benefits that could transform your experience.
+            </p>
+          </div>
+
+          <!-- Actions -->
+          <div class="d-flex flex-column align-items-center">
+            <a href="/" class="modal-exit-button btn btn-adaptive btn-lg px-5 mb-1" data-bs-dismiss="modal">
+              <span class="modal-exit-button-text">Show me more</span>
+              <i class="fa-solid fa-arrow-right fa-sm ms-2"></i>
+            </a>
+            <a href="#" class="modal-exit-dismiss btn btn-link text-decoration-none small" data-bs-dismiss="modal">
+              Maybe later
+            </a>
+          </div>
+
+          <hr class="my-4">
+
+          <!-- Social proof: the subscriber line keeps its faces (#44 item 21).
+               Four real faces by default — the legacy UJM row hotlinked
+               i.pravatar.cc portraits; the shipped set is the same source's
+               adult portraits (img=5, 8, 16, 60 at 64px — the literal legacy
+               img=1..4 included a toddler and a shirtless smoker) and they
+               SHIP with the framework (core/images/exit-popup, bridged to
+               /assets/images/core by the static-asset channel) because the
+               framework never loads an external image at runtime. A brand
+               replaces them through client.exitPopup.config.avatars, and an
+               explicit empty list drops back to neutral glyph slots. -->
+          {% assign _exit_avatars = resolved.config.client.exitPopup.config.avatars %}
+          {% unless _exit_avatars %}
+            {% assign _exit_avatars = "/assets/images/core/exit-popup/subscriber-1.jpg,/assets/images/core/exit-popup/subscriber-2.jpg,/assets/images/core/exit-popup/subscriber-3.jpg,/assets/images/core/exit-popup/subscriber-4.jpg" | split: "," %}
+          {% endunless %}
+          {% assign _exit_avatar_count = _exit_avatars | size %}
+          <div class="d-flex align-items-center justify-content-center gap-2">
+            <div class="d-flex">
+              {% if _exit_avatar_count > 0 %}
+                {% for avatar in _exit_avatars %}
+                  <span class="modal-exit-avatar avatar avatar-sm rounded-circle overflow-hidden{% unless forloop.last %} me-n2{% endunless %}">
+                    <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ avatar }}" alt="">
+                  </span>
+                {% endfor %}
+              {% else %}
+                {% for i in (1..4) %}
+                  <span class="modal-exit-avatar avatar avatar-sm rounded-circle{% unless forloop.last %} me-n2{% endunless %}">
+                    <i class="fa-solid fa-user fa-xs"></i>
+                  </span>
+                {% endfor %}
+              {% endif %}
+            </div>
+            <small class="text-muted"><strong class="text-body">Join 10k+</strong> happy subscribers!</small>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Configuration -->
+<script type="text/javascript">
+  var Configuration = {
+    runtime: "web",
+    environment: "{{ jekyll.environment }}",
+    dev: {{ jekyll.dev | jsonify }},
+    buildTime: {{ site.omega.cache_breaker | default: 0 }},
+    // The app's own package version — @omega.js/client tags every error report
+    // `brand.id@version` and falls back to buildTime without it (#380).
+    version: {{ site.omega.version | jsonify }},
+    brand: {{ resolved.config.brand | jsonify }},
+    advertising: {{ resolved.config.advertising | jsonify }},
+    // Company layer (verts source: 'company' resolves company.url → api URL)
+    company: {{ resolved.config.company | jsonify }},
+    // Canonical providers shape straight through (C4 cp106a — no flatten
+    // bridge; secrets never ride: omega.json5 carries ids only)
+    analytics: {{ resolved.config.analytics | jsonify }},
+    // omega.json5 `monitoring.providers.sentry` → the client's sentry contract
+    // (#380, reshaped #425). DSN presence IS the switch, and the provider block
+    // feeds @omega.js/monitoring, which applies the shared defaults.
+    {% assign sentryConfig = resolved.config.monitoring.providers.sentry %}
+    // The off state rides BEFORE the client loop, so a brand still parked at a
+    // legacy `client.sentry` keeps reporting until the one-time migration
+    // moves it (#485 part 3).
+    {% unless sentryConfig.dsn %}
+      sentry: { enabled: false, config: {} },
+    {% endunless %}
+    {% for item in resolved.config.client %}
+      {{ item[0] | jsonify }}: {{ item[1] | jsonify }},
+    {% endfor %}
+    // A real DSN at the canonical home rides AFTER the loop and wins (#485):
+    // the one error-reporting config seam outranks a stale client blob the two
+    // keys' coexistence would otherwise decide by accident.
+    {% if sentryConfig.dsn %}
+      sentry: { enabled: true, config: {{ sentryConfig | jsonify }} },
+    {% endif %}
+    env: {{ resolved.config.client.env | jsonify }},
+    captcha: {{ resolved.config.captcha | jsonify }},
+    // Role sections the page/client runtime reads directly (#23): the contact
+    // page's form endpoint and the chat widget's agent + settings. CURATED to
+    // those leaves at their real paths — the provisioning-only siblings
+    // (template ids, plan, update flags, sponsorshipsUrl) never go public.
+    {% assign slapform = resolved.config.forms.providers.slapform %}
+    forms: {% if slapform %}{ providers: { slapform: { formId: {{ slapform.formId | jsonify }} } } }{% else %}null{% endif %},
+    {% assign chatsy = resolved.config.inbound.chat.providers.chatsy %}
+    inbound: {% if chatsy %}{ chat: { providers: { chatsy: { enabled: {{ chatsy.enabled | jsonify }}, agentId: {{ chatsy.agentId | jsonify }}, settings: {{ chatsy.settings | jsonify }} } } } }{% else %}null{% endif %},
+    connections: {{ resolved.config.connections | jsonify }},
+  };
+</script>
+
+<!-- JS bundles: ESM with code splitting — @omega.js/client + the boot runtime live
+     in a shared chunk both bundles import, so the singleton initializes once.
+     Module scripts are deferred and execute in document order: main (bootMain)
+     always runs before the page module (bootPage). -->
+<script type="module" src="{{ assetManifest.js.main }}"></script>
+
+<!-- Layout modules: one per layout in this page's chain, outermost first
+     (js/layouts/<layout>.js) -->
+{% for layoutJs in layoutAssets.js %}
+  <script type="module" src="{{ layoutJs }}"></script>
+{% endfor %}
+
+<!-- Page modules: EVERY layer that ships one for this URL, in layer order —
+     core, then the theme, then the consumer (#624). A framework page script
+     always runs, the theme decorates, the consumer adds; module scripts execute
+     in document order, so the list order IS the run order. -->
+{% for pageJs in pageAssets.js %}
+  <script type="module" src="{{ pageJs }}"></script>
+{% endfor %}
+
+<!-- Script to quickly handle nav user state -->
+<script type="text/javascript">
+  try {
+    (function() {
+      'use strict';
+      // Read and parse localStorage data
+      var managerData = localStorage.getItem('_manager');
+      var parsedData = managerData ? JSON.parse(managerData) : null;
+      var isLoggedIn = !!(parsedData && parsedData.auth && parsedData.auth.user && parsedData.auth.user.uid);
+
+      // Quit if NOT logged in
+      if (!isLoggedIn) {
+        return;
+      }
+
+      // Process binds
+      var $bindElements = document.querySelectorAll('[data-omega-bind]');
+
+      $bindElements.forEach(function($el) {
+        var bindValue = $el.getAttribute('data-omega-bind');
+
+        if (bindValue === '@show auth.user') {
+          // Show element when user is logged in
+          $el.removeAttribute('hidden');
+        } else if (bindValue === '@show !auth.user') {
+          // Hide element when user is logged in (show when not logged in)
+          $el.setAttribute('hidden', '');
+        }
+      });
+    }());
+  } catch (error) {
+    console.error('Error occurred while selecting elements:', error);
+  }
+</script>
+
+<!-- Analytics providers: the CONFIG rides in `Configuration.analytics` above,
+     and the loaders are injected at runtime by core/js/core/analytics-loader.js
+     once consent allows the provider's category (#383). The chrome emitting the
+     snippets directly is what made the old cookie banner decorative — every
+     pixel had already fired by the time it appeared.
+
+     No stub for an unconfigured provider (#606): the guarded browser transport
+     (@omega.js/analytics/transports/browser) checks `typeof` per provider and a
+     missing global is a SILENT no-op, so an empty gtag/fbq/ttq only made a
+     provider that never loaded look present. -->
+
+<!-- Script - Google Adsense -->
+{% comment %}
+{% iftruthy resolved.config.advertising.providers.adsense.client %}
+  <!-- client is the embed-ready ca-pub-… form (schema) — never prefix it -->
+  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client={{ resolved.config.advertising.providers.adsense.client }}" crossorigin="anonymous"></script>
+{% endiftruthy %}
+{% endcomment %}
+
+<!-- The brand's schema.org type — the node every other block cross-references
+     as "<resolved.config.url>#<type>". `brand.type` is optional config, so it carries the
+     framework default here (#271): an empty type shipped invalid structured
+     data ("@type": "") and collapsed every @id anchor to a bare "#". -->
+{% assign brand-type = resolved.config.brand.type | default: "Organization" %}
+
+<!-- Schema - Breadcrumbs -->
+<!-- Only include the https://schema.org if size > -1 because it throws an error on Google Search Console if the itemListElement is empty -->
+{% assign breadcrumbs = page.url | split: "/" %}
+{% assign breadcrumbs = page.url | split: "/" %}
+{% assign breadcrumbs-size = breadcrumbs | size | minus: 1 %}
+{% assign breadcrumb-url = resolved.config.url %}
+<script id="omega-schema-breadcrumbs" type="application/ld+json">
+  {
+    {% if breadcrumbs-size > -1 %}
+      "@context": "https://schema.org",
+      "@type": "BreadcrumbList",
+      "name": "{{ resolved.config.brand.name | omega_json_escape }}",
+    {% endif %}
+    "itemListElement": [
+      {%- for breadcrumb in breadcrumbs -%}
+        {%- unless breadcrumb == "" -%}
+          {%- capture breadcrumb-url -%}{{ breadcrumb-url }}/{{ breadcrumb }}{%- endcapture -%}
+          {
+            "@type": "ListItem",
+            "position": {{ forloop.index | minus: 1 }},
+            "item": {
+              "@id": "{{ breadcrumb-url }}",
+              "name": "{{ breadcrumb | omega_json_escape }}"
+            }
+          }{% unless forloop.last %},{% endunless %}
+        {%- endunless -%}
+      {%- endfor -%}
+    ]
+  }
+</script>
+
+<!-- Schema - Brand -->
+<script id="omega-schema-brand" type="application/ld+json">
+  {
+    "@context": "http://schema.org",
+    "@type": "{{ brand-type }}",
+    "@id": "{{ resolved.config.url }}#{{ brand-type }}",
+    "url": "{{ resolved.config.url }}",
+    "name": "{{ resolved.config.brand.name | omega_json_escape }}",
+    "description": "{{ resolved.config.brand.description | omega_json_escape }}",
+    "logo": "{% omega_external resolved.config.brand.images.brandmark %}",
+    "sameAs": [
+      {%- for social in resolved.config.socials -%}
+        {% assign platform = social[0] %}
+        {% assign username = social[1] %}
+
+        {%- iftruthy username -%}
+          "{% omega_social platform %}",
+        {%- endiftruthy -%}
+      {%- endfor -%}
+
+      "{{ resolved.config.url }}"
+    ],
+    "address": {
+      "@type": "PostalAddress",
+      "addressLocality": "{{ resolved.config.brand.address.locality }}",
+      "addressCountry": "{{ resolved.config.brand.address.country }}"
+    },
+    "contactPoint": {
+      "@type": "ContactPoint",
+      "contactType": "Customer Support",
+      "email": "{{ resolved.config.brand.contact.email | omega_json_escape }}",
+      "url": "{{ resolved.config.url }}/contact"
+    },
+    "telephone": "{{ resolved.config.brand.contact.phone | omega_json_escape }}",
+    "areaServed": {
+      "@type": "Place",
+      "name": "Worldwide"
+    }
+    {% comment %}
+      "founder": {
+        "@type": "Person",
+        "name": "{{ resolved.config.brand.founder }}"
+      },
+      "slogan": "{{ resolved.config.brand.slogan }}",
+      "hasOfferCatalog": {
+        "@type": "OfferCatalog",
+        "name": "Our Services",
+        "itemListElement": [
+          {
+            "@type": "Offer",
+            "itemOffered": {
+              "@type": "Service",
+              "name": "{{ resolved.config.brand.service }}"
+            }
+          }
+        ]
+      },
+    {% endcomment %}
+  }
+</script>
+
+<!-- Schema - Website -->
+<script id="omega-schema-website" type="application/ld+json">
+  {
+    "@context": "http://schema.org",
+    "@type": "WebSite",
+    "@id": "{{ resolved.config.url }}#WebSite",
+    "url": "{{ resolved.config.url }}",
+    "name": "{{ resolved.config.brand.name | omega_json_escape }}",
+    "potentialAction": {
+      "@type": "SearchAction",
+      {%- comment -%} The blog index IS the site's search surface: it reads ?q= on load {%- endcomment -%}
+      "target": "{{ resolved.config.url }}/blog?q={search_term_string}",
+      "query-input": "required name=search_term_string"
+    },
+    "publisher": {
+      "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+    }
+  }
+</script>
+
+<!-- Schema - BlogPosting -->
+{%- iftruthy resolved.post.id -%}
+  <script id="omega-schema-blog" type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "BlogPosting",
+      "@id": "{{ resolved.config.url }}{{ page.url }}#BlogPosting",
+      "url": "{{ resolved.config.url }}{{ page.url }}",
+      "name": "{{ resolved.post.title | omega_liquify | omega_json_escape }}",
+      "description": "{{ resolved.post.description | omega_liquify | omega_json_escape }} ",
+      "headline": "{{ resolved.post.title | omega_liquify | omega_json_escape }}",
+      "datePublished": "{{ page.date | date_to_xmlschema }}",
+      "dateModified": "{{ site.time | date_to_xmlschema }}",
+      "author": {
+        "@type": "Person",
+        "name": "{%- omega_member resolved.post.author, "name" -%}",
+        "url": "{%- omega_member resolved.post.author, "url" -%}#Person"
+      },
+      "publisher": {
+        "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+      },
+      "isPartOf": {
+        "@id": "{{ resolved.config.url }}/blog"
+      },
+      "mainEntityOfPage": {
+        "@id": "{{ resolved.config.url }}{{ page.url }}"
+      },
+      "image": {
+        "@type": "ImageObject",
+        "url": "{{ resolved.config.url }}{%- omega_post resolved.post.id, "image" -%}"
+      },
+      "inLanguage": "{{ resolved.config.translation.default |  default: 'en' }}"
+    }
+  </script>
+{% endiftruthy %}
+
+<!-- Schema - Person -->
+{%- iftruthy resolved.member.id -%}
+  <script id="omega-schema-person" type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Person",
+      "@id": "{%- omega_member resolved.member.id, "url" -%}#Person",
+      "url": "{%- omega_member resolved.member.id, "url" -%}",
+      "name": "{%- omega_member resolved.member.id, "name" -%}",
+      "image": {
+        "@type": "ImageObject",
+        "url": "{{ resolved.config.url }}{%- omega_member resolved.member.id, "image" -%}"
+      },
+      "jobTitle": "Blog Author",
+      "worksFor": {
+        "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+      }
+      {% comment %}
+      "sameAs": [
+        resolved.team.socials
+        {%- for social in resolved.config.socials -%}
+          {% assign platform = social[0] %}
+          {% assign username = social[1] %}
+
+          {%- iftruthy username -%}
+            "{% omega_social platform %}",
+          {%- endiftruthy -%}
+        {%- endfor -%}
+      ]
+      {% endcomment %}
+    }
+  </script>
+{% endiftruthy %}
+
+<!-- Schema - Product -->
+{%- if page-is-product == true -%}
+  <script id="omega-schema-product" type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Product",
+      "@id": "{{ resolved.config.url }}{{ page.url }}#Product",
+      "url": "{{ resolved.config.url }}{{ page.url }}",
+      "name": "{{ resolved.product.title | omega_liquify }}",
+      "description": "{{ resolved.product.description | omega_liquify }}",
+      "image": [
+        "{{ resolved.config.url }}/assets/images/products/product-{{ resolved.product.id }}/{{ page.url | split: '/' | last }}.jpg"
+      ],
+      "brand": {
+        "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+      },
+      "offers": {
+        "@type": "Offer",
+        "url": "{{ resolved.config.url }}{{ page.url }}",
+        "priceCurrency": "{{ resolved.config.currency }}",
+        "price": "{{ resolved.product.price }}",
+        "itemCondition": "http://schema.org/NewCondition",
+        "availability": "http://schema.org/InStock"
+      }
+    }
+  </script>
+{% endif %}
+
+<!-- Schema - SoftwareApplication -->
+{%- iftruthy resolved.schema.software_application.enabled -%}
+  {% assign sa = resolved.schema.software_application %}
+  {% assign sa-hash-seed = sa.hash_seed | default: resolved.config.url %}
+  {% assign sa-rating-rand = sa-hash-seed | omega_hash: 2 %}
+  {% if sa-rating-rand == 0 %}
+    {% assign sa-rating-value = "4.8" %}
+  {% else %}
+    {% assign sa-rating-value = "4.9" %}
+  {% endif %}
+  {% comment %} Seeded 10k-30k (Ian 2026-07-23: keep synthesized, just not as high) {% endcomment %}
+  {% assign sa-review-count = sa-hash-seed | omega_hash: 20000 | plus: 10000 %}
+  <script id="omega-schema-software-application" type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "SoftwareApplication",
+      "@id": "{{ resolved.config.url }}{{ page.url }}#SoftwareApplication",
+      "url": "{{ resolved.config.url }}{{ page.url }}",
+      "name": "{{ sa.name | default: resolved.config.brand.name }}",
+      "description": "{{ sa.description | default: resolved.meta.description | omega_liquify }}",
+      "applicationCategory": "{{ sa.application_category | default: 'WebApplication' }}",
+      "operatingSystem": "{{ sa.operating_system | default: 'Web-based' }}",
+      "offers": {
+        "@type": "Offer",
+        "price": "{{ sa.price | default: '0' }}",
+        "priceCurrency": "{{ sa.price_currency | default: 'USD' }}",
+        "availability": "https://schema.org/InStock"
+      },
+      "provider": {
+        "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+      },
+      "publisher": {
+        "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+      },
+      "image": "{% omega_external resolved.config.brand.images.brandmark %}",
+      {% iftruthy sa.features %}
+      "featureList": {{ sa.features | jsonify }},
+      {% endiftruthy %}
+      "aggregateRating": {
+        "@type": "AggregateRating",
+        "ratingValue": "{{ sa-rating-value }}",
+        "bestRating": "5",
+        "worstRating": "1",
+        "ratingCount": "{{ sa-review-count }}"
+      }
+    }
+  </script>
+{% endiftruthy %}
+
+<!-- Schema - ContactPage -->
+{%- if page.url == "/contact" -%}
+  <script id="omega-schema-contact" type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "ContactPage",
+      "@id": "{{ resolved.config.url }}{{ page.url }}#ContactPage",
+      "url": "{{ resolved.config.url }}{{ page.url }}",
+      "name": "{{ resolved.meta.title | omega_liquify }}",
+      "description": "{{ resolved.meta.description | omega_liquify }}",
+      "mainEntity": {
+        "@type": "Organization",
+        "@id": "{{ resolved.config.url }}#{{ brand-type }}"
+      }
+    }
+  </script>
+{% endif %}
+
+<!-- Schema - FAQPage -->
+{%- iftruthy resolved.schema.faq_page.enabled -%}
+  {% assign faq_items = resolved.schema.faq_page.items %}
+  {% assign faq_size = faq_items | size %}
+  {% if faq_size == 0 %}
+    {% assign faq_items = resolved.faqs.items %}
+    {% assign faq_size = faq_items | size %}
+  {% endif %}
+  {% if faq_size == 0 %}
+    {% assign faq_items = resolved.alternative.faqs.items %}
+    {% assign faq_size = faq_items | size %}
+  {% endif %}
+  {%- comment -%} An answerless item is a DERIVED one whose condition didn't
+  hold (#273 — the pricing trial FAQ on a catalog with no trial). It renders
+  nowhere on the page, so it never enters the schema either. The test is `!= ''`
+  on purpose — `!= blank` does not filter inside where_exp here. {%- endcomment -%}
+  {% assign faq_items = faq_items | where_exp: "item", "item.answer != ''" %}
+  {% assign faq_size = faq_items | size %}
+  {% if faq_size > 0 %}
+    <script id="omega-schema-faq-page" type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        "@id": "{{ resolved.config.url }}{{ page.url }}#FAQPage",
+        "mainEntity": [
+          {%- for item in faq_items -%}
+            {
+              "@type": "Question",
+              "name": "{{ item.question | omega_liquify | omega_json_escape }}",
+              "acceptedAnswer": {
+                "@type": "Answer",
+                "text": "{{ item.answer | omega_liquify | omega_json_escape }}"
+              }
+            }{% unless forloop.last %},{% endunless %}
+          {%- endfor -%}
+        ]
+      }
+    </script>
+  {% endif %}
+{% endiftruthy %}