@networkpro/web 1.11.0 → 1.12.2

package/src/lib/pages/PrivacyDashboard.svelte

@@ -9,28 +9,17 @@ This file is part of Network Pro.
 <script>
   import { base } from "$app/paths";
   import { onMount } from "svelte";
-  import { trackingStatus } from "$lib/stores/trackingStatus.js";
-  import {
-    /** @type {(type: 'enable' | 'disable') => void} */
-    setTrackingPreference,
-    /** @type {() => void} */
-    clearTrackingPreferences,
-  } from "$lib/utils/trackingCookies.js";
-  import { CONSTANTS } from "$lib";
-
-  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  /** @type {typeof CONSTANTS.CONTACT} */
-  const CONTACT = CONSTANTS.CONTACT;
-
-  /** @type {typeof CONSTANTS.PAGE} */
-  const PAGE = CONSTANTS.PAGE;
+  import {
+    trackingPreferences,
+    setOptIn,
+    setOptOut,
+    clearPrefs,
+  } from "$lib/stores/trackingPreferences.js";
 
-  /** @type {typeof CONSTANTS.NAV} */
-  const NAV = CONSTANTS.NAV;
+  import { CONSTANTS } from "$lib";
 
-  /** @type {string} */
-  const spaceStyle = "spacer";
+  const { CONTACT, PAGE, NAV } = CONSTANTS;
 
   /** @type {string} */
   const privacyPolicy = `${base}/privacy`;
@@ -41,70 +30,55 @@ This file is part of Network Pro.
   /** @type {string} */
   const classSmall = "small-text";
 
+  /** @type {string} */
+  const spaceStyle = "spacer";
+
   /** @type {boolean} */
-  let optedOut = false;
+  let optedOut;
 
   /** @type {boolean} */
-  let optedIn = false;
+  let optedIn;
 
-  /**
-   * Refreshes tracking preferences state and updates the reactive store.
-   * Uses dynamic import to prevent SSR from loading browser-only dependencies.
-   *
-   * @returns {Promise<void>}
-   */
-  async function refreshTrackingStatus() {
-    /** @type {typeof import("$lib/utils/trackingStatus.js")} */
-    const tracking = await import("$lib/utils/trackingStatus.js");
-
-    const prefs = tracking.getTrackingPreferences();
-    optedOut = prefs.optedOut;
-    optedIn = prefs.optedIn;
-    trackingStatus.set(prefs.status);
-  }
+  /** @type {string} */
+  let trackingStatus;
 
-  /**
-   * Initializes tracking state on component mount (runs only in browser).
-   */
-  onMount(() => {
-    refreshTrackingStatus();
-  });
+  // Reactive assignments from the store
+  $: ({ optedOut, optedIn, status: trackingStatus } = $trackingPreferences);
 
   /**
-   * Toggles opt-out tracking state, updates cookie and tracking store.
-   *
-   * @param {boolean} value - Whether the user is opting out
-   * @returns {void}
+   * Toggle tracking opt-out setting.
+   * @param {boolean} value
    */
   function toggleTracking(value) {
-    optedOut = value;
-    if (optedOut) {
+    if (value) {
       console.log("[Tracking] User opted out");
-      setTrackingPreference("disable");
+      setOptOut();
     } else {
       console.log("[Tracking] User cleared opt-out");
-      clearTrackingPreferences();
+      clearPrefs();
     }
-    refreshTrackingStatus();
   }
 
   /**
-   * Toggles opt-in tracking state, updates cookie and tracking store.
-   *
-   * @param {boolean} value - Whether the user is opting in
-   * @returns {void}
+   * Toggle tracking opt-in setting.
+   * @param {boolean} value
    */
   function toggleOptIn(value) {
-    optedIn = value;
-    if (optedIn) {
+    if (value) {
       console.log("[Tracking] User opted in");
-      setTrackingPreference("enable");
+      setOptIn();
     } else {
       console.log("[Tracking] User cleared opt-in");
-      clearTrackingPreferences();
+      clearPrefs();
     }
-    refreshTrackingStatus();
   }
+
+  onMount(() => {
+    console.log(
+      "[PrivacyDashboard] Tracking status:",
+      $trackingPreferences.status,
+    );
+  });
 </script>
 
 <section id="top">
@@ -167,43 +141,46 @@ This file is part of Network Pro.
 
   &nbsp;
 
-  {#if $trackingStatus !== "⏳ Checking tracking preferences..."}
+  {#if trackingStatus && trackingStatus !== "⏳ Checking tracking preferences..."}
     <p id="tracking-status" aria-live="polite">
       <strong>Tracking Status:</strong>
-      {$trackingStatus}
+      {trackingStatus}
     </p>
   {:else}
     <p id="tracking-status" aria-live="polite">
-      <strong>Tracking Status:</strong>
-      <em>Loading…</em>
+      <strong>Tracking Status:</strong> <em>Loading…</em>
     </p>
   {/if}
 
-  <!-- Opt-out checkbox -->
-  <label>
-    <input
-      type="checkbox"
-      checked={optedOut}
-      disabled={optedIn}
-      aria-describedby="tracking-status"
-      on:change={(e) =>
-        toggleTracking(/** @type {HTMLInputElement} */ (e.target).checked)} />
-    <strong>&nbsp;Disable analytics tracking (opt-out)</strong>
-  </label>
-
-  <br />
-
-  <!-- Opt-in checkbox -->
-  <label>
-    <input
-      type="checkbox"
-      checked={optedIn}
-      disabled={optedOut}
-      aria-describedby="tracking-status"
-      on:change={(e) =>
-        toggleOptIn(/** @type {HTMLInputElement} */ (e.target).checked)} />
-    <strong>&nbsp;Enable analytics tracking (opt-in)</strong>
-  </label>
+  <fieldset>
+    <legend class="sr-only">Tracking Preference Controls</legend>
+
+    <!-- Opt-out checkbox -->
+    <label>
+      <input
+        type="checkbox"
+        checked={optedOut}
+        disabled={optedIn}
+        aria-describedby="tracking-status"
+        on:change={(e) =>
+          toggleTracking(/** @type {HTMLInputElement} */ (e.target).checked)} />
+      <strong>&nbsp;Disable analytics tracking (opt-out)</strong>
+    </label>
+
+    <br />
+
+    <!-- Opt-in checkbox -->
+    <label>
+      <input
+        type="checkbox"
+        checked={optedIn}
+        disabled={optedOut}
+        aria-describedby="tracking-status"
+        on:change={(e) =>
+          toggleOptIn(/** @type {HTMLInputElement} */ (e.target).checked)} />
+      <strong>&nbsp;Enable analytics tracking (opt-in)</strong>
+    </label>
+  </fieldset>
 
   <div class={spaceStyle}></div>
 

package/src/lib/stores/posthog.js

@@ -12,9 +12,9 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
  */
 
 import {
-  shouldRemindUserToReconsent,
-  shouldTrackUser,
-} from "$lib/utils/privacy.js";
+  remindUserToReconsent,
+  trackingPreferences,
+} from "$lib/stores/trackingPreferences.js";
 import { get, writable } from "svelte/store";
 
 /**
@@ -44,11 +44,11 @@ export async function initPostHog() {
   if (initialized || typeof window === "undefined") return;
   initialized = true;
 
-  const allowTracking = shouldTrackUser();
-  trackingEnabled.set(allowTracking);
-  showReminder.set(shouldRemindUserToReconsent());
+  const { enabled } = get(trackingPreferences);
+  trackingEnabled.set(enabled);
+  showReminder.set(get(remindUserToReconsent)); // ✅ use derived store instead
 
-  if (!allowTracking) {
+  if (!enabled) {
     console.log("[PostHog] Tracking is disabled — skipping init.");
     return;
   }
@@ -63,7 +63,7 @@ export async function initPostHog() {
     capture_pageview: false,
     person_profiles: "identified_only",
     loaded: (phInstance) => {
-      if (!allowTracking) {
+      if (!enabled) {
         console.log(
           "[PostHog] ⛔ User opted out — calling opt_out_capturing()",
         );

package/src/lib/stores/trackingPreferences.js

@@ -0,0 +1,222 @@
+/* ==========================================================================
+src/lib/stores/trackingPreferences.js
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * NOTE: Legacy logic from `trackingCookies.js` was merged here in June 2025.
+ * That file has been removed to consolidate stateful tracking logic into a
+ * reactive store with SSR compatibility.
+ */
+
+/**
+ * @file trackingPreferences.js
+ * @description Reactive store for tracking preferences derived from
+ * cookies and browser signals (DNT / GPC). Safe for SSR.
+ * @module src/lib/stores
+ */
+
+import { browser } from "$app/environment";
+import { derived, writable } from "svelte/store";
+
+/**
+ * @typedef {object} TrackingState
+ * @property {boolean} optedIn - User explicitly opted in via cookie
+ * @property {boolean} optedOut - User explicitly opted out via cookie
+ * @property {boolean} dnt - Do Not Track browser signal
+ * @property {boolean} gpc - Global Privacy Control browser signal
+ * @property {boolean} enabled - Whether tracking is permitted
+ * @property {string} status - Human-readable description of tracking state
+ */
+
+/**
+ * @returns {string} Raw document.cookie or empty string (SSR-safe)
+ */
+function readCookies() {
+  return browser ? document.cookie || "" : "";
+}
+
+/**
+ * Check if a specific cookie exists
+ * @param {string} name
+ * @returns {boolean}
+ */
+function cookieExists(name) {
+  return readCookies().includes(`${name}=true`);
+}
+
+/**
+ * Set a cookie with boolean true, 1-year duration
+ * @param {string} name
+ * @returns {void}
+ */
+function setCookie(name) {
+  if (browser) {
+    document.cookie = `${name}=true; path=/; max-age=31536000; samesite=lax`;
+  }
+}
+
+/**
+ * Remove a cookie by setting zero max-age
+ * @param {string} name
+ * @returns {void}
+ */
+function removeCookie(name) {
+  if (browser) {
+    document.cookie = `${name}=; Max-Age=0; path=/; samesite=lax`;
+  }
+}
+
+/**
+ * Write tracking_consent_timestamp cookie
+ * @returns {void}
+ */
+function setConsentTimestamp() {
+  if (browser) {
+    document.cookie = `tracking_consent_timestamp=${Date.now()}; path=/; max-age=31536000; samesite=lax`;
+  }
+}
+
+/**
+ * Remove tracking_consent_timestamp cookie
+ * @returns {void}
+ */
+function removeConsentTimestamp() {
+  if (browser) {
+    document.cookie = `tracking_consent_timestamp=; Max-Age=0; path=/; samesite=lax`;
+  }
+}
+
+/**
+ * @returns {{ dnt: boolean, gpc: boolean }}
+ */
+function getPrivacySignals() {
+  if (!browser) return { dnt: false, gpc: false };
+
+  const dnt = navigator.doNotTrack === "1";
+  // @ts-expect-error: Non-standard GPC property
+  const gpc = navigator.globalPrivacyControl === true;
+
+  return { dnt, gpc };
+}
+
+/**
+ * @param {object} args
+ * @param {boolean} args.optedOut
+ * @param {boolean} args.optedIn
+ * @param {boolean} args.dnt
+ * @param {boolean} args.gpc
+ * @returns {string}
+ */
+function deriveStatus({ optedOut, optedIn, dnt, gpc }) {
+  if (optedOut) return "🔒 Tracking disabled (manual opt-out)";
+  if (optedIn) return "✅ Tracking enabled (manual opt-in)";
+  if (dnt || gpc) return "🛑 Tracking disabled (via browser signal)";
+  return "⚙️ Using default settings (tracking enabled)";
+}
+
+/**
+ * @returns {TrackingState}
+ */
+function computePreferences() {
+  const optedOut = cookieExists("disable_tracking");
+  const optedIn = cookieExists("enable_tracking");
+  const { dnt, gpc } = getPrivacySignals();
+
+  const enabled = optedIn || (!optedOut && !dnt && !gpc);
+  const status = deriveStatus({ optedOut, optedIn, dnt, gpc });
+
+  return { optedIn, optedOut, dnt, gpc, enabled, status };
+}
+
+// --- Writable store ---
+/** @type {import('svelte/store').Writable<TrackingState>} */
+export const trackingPreferences = writable(
+  browser
+    ? computePreferences()
+    : {
+        optedIn: false,
+        optedOut: false,
+        dnt: false,
+        gpc: false,
+        enabled: false,
+        status: "⏳ Checking tracking preferences...",
+      },
+);
+
+/**
+ * Returns true if the user manually set a tracking preference cookie.
+ * @returns {boolean}
+ */
+function hasUserManuallySetTrackingPreference() {
+  const cookies = readCookies();
+  return (
+    cookies.includes("enable_tracking=true") ||
+    cookies.includes("disable_tracking=true")
+  );
+}
+
+/**
+ * Determines if user should be reminded to reconsent (after 6 months).
+ *
+ * @param {TrackingState} $prefs - The current tracking preferences.
+ * @returns {boolean}
+ * @type {import("svelte/store").Readable<boolean>}
+ */
+export const remindUserToReconsent = derived(trackingPreferences, (_prefs) => {
+  if (!browser) return false;
+  if (!hasUserManuallySetTrackingPreference()) return false;
+
+  const match = readCookies().match(/tracking_consent_timestamp=(\d+)/);
+  if (!match) return true;
+
+  const timestamp = Number(match[1]);
+  if (isNaN(timestamp)) return true;
+
+  const age = Date.now() - timestamp;
+  return age > 1000 * 60 * 60 * 24 * 180; // 6 months
+});
+
+/**
+ * Force-refresh current preferences
+ * @returns {void}
+ */
+export function refreshTrackingPreferences() {
+  if (browser) trackingPreferences.set(computePreferences());
+}
+
+/**
+ * Enable tracking by setting opt-in cookie
+ * @returns {void}
+ */
+export function setOptIn() {
+  setCookie("enable_tracking");
+  removeCookie("disable_tracking");
+  setConsentTimestamp();
+  refreshTrackingPreferences();
+}
+
+/**
+ * Disable tracking by setting opt-out cookie
+ * @returns {void}
+ */
+export function setOptOut() {
+  setCookie("disable_tracking");
+  removeCookie("enable_tracking");
+  setConsentTimestamp();
+  refreshTrackingPreferences();
+}
+
+/**
+ * Clear all tracking preference cookies
+ * @returns {void}
+ */
+export function clearPrefs() {
+  removeCookie("enable_tracking");
+  removeCookie("disable_tracking");
+  removeConsentTimestamp();
+  refreshTrackingPreferences();
+}

package/src/lib/styles/css/default.css

@@ -506,3 +506,15 @@ footer .container {
   font-family: inherit; /* Ensure it uses the same font-family as normal text */
   font-style: normal; /* Remove italic for the description */
 }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  overflow: hidden;
+  white-space: nowrap;
+}

package/src/lib/styles/global.min.css

@@ -3,4 +3,4 @@ Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
-html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover,a:active{color:#ffc627;text-decoration:underline}a:focus{color:#191919;background-color:#ffc627}a:visited,a:visited:hover{color:#7f6227}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;width:auto;height:auto;white-space:inherit;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.full-width-section{background-position:50%;background-size:cover;width:100%;max-width:1920px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 12px}.readable{max-width:900px;margin:0 auto}header,footer{width:100%}header .container,footer .container{max-width:1200px;margin:0 auto;padding:20px 12px}.gh{border-collapse:collapse;border-spacing:0;margin:0 auto}.gh td,.gh th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.gh .gh-tcell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.gh,.gh col{width:auto!important}.gh-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.soc{border-collapse:collapse;border-spacing:0;margin:0 auto}.soc td,.soc th{border-collapse:collapse;word-break:normal;padding:8px;overflow:hidden}.soc .soc-fa{text-align:center;vertical-align:middle}@media screen and (width<=767px){.soc,.soc col{width:auto!important}.soc-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.foss{border-collapse:collapse;border-spacing:0}.foss td,.foss th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.foss .foss-cell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.foss,.foss col{width:auto!important}.foss-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.bnav{text-align:center;border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td,.bnav th{text-align:center;vertical-align:middle;word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav .bnav-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav,.bnav col{width:auto!important}.bnav-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.bnav2{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav2 td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav2 th{word-break:normal;border-style:none;padding:12px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.bnav2 .bnav2-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav2,.bnav2 col{width:auto!important}.bnav2-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.pgp{border-collapse:collapse;border-spacing:0;margin:0 auto}.pgp td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp th{word-break:normal;border:1px solid #000;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp .pgp-col1{text-align:right;vertical-align:middle;padding-right:1rem}.pgp .pgp-col2{text-align:left;vertical-align:middle;padding-left:1rem}@media screen and (width<=767px){.pgp,.pgp col{width:auto!important}.pgp-wrap{-webkit-overflow-scrolling:touch;margin:2rem 0 auto;overflow-x:auto}}.logo{margin-left:auto;margin-right:auto;display:block}.index-title1{text-align:center;font-style:italic;font-weight:700}.index-title2{letter-spacing:-.015em;text-align:center;font-variant:small-caps;font-size:1.25rem;line-height:1.625rem}.index1{letter-spacing:-.035em;text-align:center;font-style:italic;font-weight:700;line-height:2.125rem}.index2{letter-spacing:-.035em;text-align:center;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.index3{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem}.index4{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem;text-decoration:underline}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.bold{font-weight:700}.emphasis{font-style:italic}.uline{text-decoration:underline}.bolditalic{font-style:italic;font-weight:700}.bquote{border-left:3px solid #9e9e9e;margin-left:30px;padding-left:10px;font-style:italic}.small-text{font-size:.75rem;line-height:1.125rem}.large-text-center{text-align:center;font-size:1.25rem;line-height:1.75rem}.prewrap{white-space:pre-wrap;display:block}.hr-styled{width:75%;margin:auto}.center-text{text-align:center}.copyright{text-align:center;font-size:.75rem;line-height:1.125rem}.gold{color:#ffc627}.visited{color:#7f6227}.goldseparator{color:#ffc627;margin:0 .5rem}.center-nav{text-align:center;padding:5px;font-size:1rem;line-height:1.5rem}.block{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-size:.75rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:150px;height:150px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}.emoji{margin-right:8px}.headline{margin-bottom:4px;font-style:italic;font-weight:700;display:block}.label{font-family:inherit;font-weight:700}.description{font-family:inherit;font-style:normal;font-weight:400;display:inline}
+html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover,a:active{color:#ffc627;text-decoration:underline}a:focus{color:#191919;background-color:#ffc627}a:visited,a:visited:hover{color:#7f6227}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;width:auto;height:auto;white-space:inherit;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.full-width-section{background-position:50%;background-size:cover;width:100%;max-width:1920px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 12px}.readable{max-width:900px;margin:0 auto}header,footer{width:100%}header .container,footer .container{max-width:1200px;margin:0 auto;padding:20px 12px}.gh{border-collapse:collapse;border-spacing:0;margin:0 auto}.gh td,.gh th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.gh .gh-tcell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.gh,.gh col{width:auto!important}.gh-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.soc{border-collapse:collapse;border-spacing:0;margin:0 auto}.soc td,.soc th{border-collapse:collapse;word-break:normal;padding:8px;overflow:hidden}.soc .soc-fa{text-align:center;vertical-align:middle}@media screen and (width<=767px){.soc,.soc col{width:auto!important}.soc-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.foss{border-collapse:collapse;border-spacing:0}.foss td,.foss th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.foss .foss-cell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.foss,.foss col{width:auto!important}.foss-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.bnav{text-align:center;border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td,.bnav th{text-align:center;vertical-align:middle;word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav .bnav-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav,.bnav col{width:auto!important}.bnav-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.bnav2{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav2 td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav2 th{word-break:normal;border-style:none;padding:12px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.bnav2 .bnav2-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav2,.bnav2 col{width:auto!important}.bnav2-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.pgp{border-collapse:collapse;border-spacing:0;margin:0 auto}.pgp td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp th{word-break:normal;border:1px solid #000;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp .pgp-col1{text-align:right;vertical-align:middle;padding-right:1rem}.pgp .pgp-col2{text-align:left;vertical-align:middle;padding-left:1rem}@media screen and (width<=767px){.pgp,.pgp col{width:auto!important}.pgp-wrap{-webkit-overflow-scrolling:touch;margin:2rem 0 auto;overflow-x:auto}}.logo{margin-left:auto;margin-right:auto;display:block}.index-title1{text-align:center;font-style:italic;font-weight:700}.index-title2{letter-spacing:-.015em;text-align:center;font-variant:small-caps;font-size:1.25rem;line-height:1.625rem}.index1{letter-spacing:-.035em;text-align:center;font-style:italic;font-weight:700;line-height:2.125rem}.index2{letter-spacing:-.035em;text-align:center;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.index3{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem}.index4{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem;text-decoration:underline}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.bold{font-weight:700}.emphasis{font-style:italic}.uline{text-decoration:underline}.bolditalic{font-style:italic;font-weight:700}.bquote{border-left:3px solid #9e9e9e;margin-left:30px;padding-left:10px;font-style:italic}.small-text{font-size:.75rem;line-height:1.125rem}.large-text-center{text-align:center;font-size:1.25rem;line-height:1.75rem}.prewrap{white-space:pre-wrap;display:block}.hr-styled{width:75%;margin:auto}.center-text{text-align:center}.copyright{text-align:center;font-size:.75rem;line-height:1.125rem}.gold{color:#ffc627}.visited{color:#7f6227}.goldseparator{color:#ffc627;margin:0 .5rem}.center-nav{text-align:center;padding:5px;font-size:1rem;line-height:1.5rem}.block{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-size:.75rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:150px;height:150px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}.emoji{margin-right:8px}.headline{margin-bottom:4px;font-style:italic;font-weight:700;display:block}.label{font-family:inherit;font-weight:700}.description{font-family:inherit;font-style:normal;font-weight:400;display:inline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

package/src/routes/+layout.svelte

@@ -14,7 +14,6 @@ This file is part of Network Pro.
   import { initPostHog, showReminder, capture } from "$lib/stores/posthog";
   import { registerServiceWorker } from "$lib/registerServiceWorker.js";
   import { browser } from "$app/environment";
-  import { shouldTrackUser } from "$lib/utils/privacy.js";
 
   import ContainerSection from "$lib/components/ContainerSection.svelte";
   import Footer from "$lib/components/layout/Footer.svelte";
@@ -54,7 +53,6 @@ This file is part of Network Pro.
         console.log("ENV MODE =", import.meta.env.MODE);
         console.log("isDev =", isDev);
         console.log("debug param =", debug);
-        console.log("shouldTrackUser =", shouldTrackUser()); // Now called statically
       }
 
       // Preload logo assets

package/static/docs/tracking.md

@@ -0,0 +1,63 @@
+# Tracking Preferences & Privacy Signals
+
+<!-- markdownlint-disable MD018 -->
+
+## Overview
+
+This document explains how Network Pro handles analytics tracking in a privacy-aware, user-consented, and standards-compliant manner. It covers:
+
+- Tracking preference storage (cookies)
+- Browser signals (DNT and GPC)
+- Reconsent logic
+- Reactive store architecture
+
+### 🔐 Principles
+
+- **Privacy by default**: Tracking is disabled when browser signals indicate user preference (DNT/GPC).
+- **Explicit consent**: Users may opt-in or opt-out manually, overriding signals.
+- **Persistent choice**: Consent state is remembered via first-party cookies.
+- **Transparency**: The tracking status is shown to users in the UI.
+
+### 🧠 Architecture Summary
+
+- **Store**: `src/lib/stores/trackingPreferences.js`
+  - Consolidates logic for cookie preferences, browser signals, and consent state.
+  - SSR-safe, reactive, and fully declarative.
+- **Deprecated**:
+  - `utils/privacy.js` → replaced by derived store logic.
+  - `utils/trackingCookies.js` → merged into the store with SSR-safe cookie APIs.
+
+### Reactive State
+
+| Store                   | Type                      | Description                                                             |
+| ----------------------- | ------------------------- | ----------------------------------------------------------------------- |
+| `trackingPreferences`   | `Readable<TrackingState>` | Contains current tracking metadata (opt-in/out, DNT, GPC, status, etc). |
+| `trackingEnabled`       | `Writable<boolean>`       | Exposed to toggle or query PostHog tracking state reactively.           |
+| `remindUserToReconsent` | `Readable<boolean>`       | Indicates whether a consent renewal prompt should be shown.             |
+| `showReminder`          | `Writable<boolean>`       | Used by PostHog to conditionally display a reminder or banner.          |
+
+### ⏳ Reconsent Logic
+
+The derived store `remindUserToReconsent` evaluates whether a user should be reminded to re-consent to tracking.
+
+It checks for:
+
+- Manual opt-in or opt-out
+- A valid `tracking_consent_timestamp` cookie
+- Whether 6+ months have elapsed since that timestamp
+
+### ⚙️ Developer Notes
+
+- Changes to tracking preferences update cookies and reactive state
+- Reconsent timestamp is written/cleared via store utility functions
+- Use `$trackingPreferences` and `remindUserToReconsent` wherever reactive values are needed
+
+### 💡 Related Components
+
+| File                            | Purpose                                                                          |
+| ------------------------------- | -------------------------------------------------------------------------------- |
+| `+layout.svelte`                | Initializes PostHog client and service worker; references `trackingPreferences`. |
+| `PrivacyDashboard.svelte`       | UI control panel for opt-in/out toggles and consent status display.              |
+| `PrivacyContent.svelte`         | Informational content rendered in modals, footers, and standalone pages.         |
+| `stores/trackingPreferences.js` | Primary source of truth; tracks and derives tracking state.                      |
+| `stores/posthog.js`             | Encapsulates privacy-safe analytics setup and event capture logic.               |

package/svelte.config.js

@@ -23,7 +23,7 @@ const config = {
   kit: {
     // Netlify adapter configuration
     adapter: adapter({
-      edge: false, // Disable edge functions for site
+      edge: false, // Disable edge functions (optional, enable if needed)
       split: false, // Disable splitting function files (optional, enable if needed)
     }),