@networkpro/web 1.6.5 → 1.7.0

package/CODE_OF_CONDUCT.md

@@ -155,7 +155,7 @@ For answers to common questions about this code of conduct, see the FAQ at
 <div style="font-size: 12px; font-weight: bold; text-align: center;">
 
 [Home](https://netwk.pro) &nbsp; | &nbsp; [Terms of Use](https://netwk.pro/terms-of-use)  
-[Privacy Policy](https://netwk.pro/privacy-policy) &nbsp; | &nbsp; [Legal](https://netwk.pro/legal)
+[Privacy Policy](https://netwk.pro/privacy) &nbsp; | &nbsp; [Legal](https://netwk.pro/license)
 
 </div>
 
@@ -166,7 +166,7 @@ For answers to common questions about this code of conduct, see the FAQ at
 Copyright &copy; 2025  
 **[Network Pro Strategies](https://netwk.pro/)** (Network Pro&trade;)
 
-Network Pro&trade;, the shield logo, and the "Locking Down Networks&trade;" slogan are [trademarks](https://netwk.pro/legal#trademark) of Network Pro Strategies.
+Network Pro&trade;, the shield logo, and the "Locking Down Networks&trade;" slogan are [trademarks](https://netwk.pro/license#trademark) of Network Pro Strategies.
 
 Licensed under **[CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)** and the **[GNU GPL](https://spdx.org/licenses/GPL-3.0-or-later.html)**, as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
 

package/LICENSE.md

@@ -1,4 +1,4 @@
-<!-- =========================================================================
+<!-- =====================================================================
 LICENSE.md
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
@@ -14,7 +14,7 @@ This file is part of Network Pro.
 # Legal, Copyright, and Licensing
 
 **Network Pro Strategies**  
-**Effective Date:** May 18, 2025
+**Effective Date:** May 28, 2025
 
 **Official Version Notice**  
 This document is provided for convenience only. In the event of any discrepancy, the authoritative version is the one published at [https://netwk.pro](https://netwk.pro).
@@ -38,8 +38,9 @@ This document is provided for convenience only. In the event of any discrepancy,
 9. [Third-Party Code and Licenses](#third-party)
 10. [Prohibited Uses](#prohibited-uses)
 11. [Modifications and Liability Disclaimer](#disclaimer)
-12. [Contact](#contact)
+12. [Authoritative Version Clause](#version)
 13. [Revisions](#revisions)
+14. [Contact](#contact)
 
 ---
 
@@ -191,12 +192,13 @@ Modifications, redistribution, or any use of the Licensed Material are performed
 
 <sub>[Back to top](#top)</sub>
 
-<a name="contact"></a>
+<a name="version"></a>
 
-## 12. Contact
+## 12. Authoritative Version Clause
 
-The Company may be contacted via our [contact form](https://netwk.pro/contact) or by email at:  
-📧 `contact (at) s.neteng.pro`
+In the event of any discrepancy between different versions, formats, or distributions of any legal document issued by the Company&mdash;including but not limited to license terms, policies, notices, or agreements&mdash;the version published on the Company's primary website at [https://netwk.pro](https://netwk.pro) shall be deemed the official and controlling version.
+
+It is your responsibility to review the most current version of any applicable legal document before relying on its contents. Continued use of the Company's materials, services, or Licensed Material constitutes acceptance of the most current version then in effect.
 
 <sub>[Back to top](#top)</sub>
 
@@ -208,14 +210,21 @@ This legal page may be updated to comply with legal or operational changes. The
 
 <sub>[Back to top](#top)</sub>
 
-<a name="attribution"></a>
+<a name="contact"></a>
+
+## 14. Contact
+
+The Company may be contacted via our [contact form](https://netwk.pro/contact) or by email at:  
+📧 `contact (at) s.neteng.pro`
+
+<sub>[Back to top](#top)</sub>
 
 ---
 
 <div style="font-size: 12px; font-weight: bold; text-align: center;">
 
 [Home](https://netwk.pro) &nbsp; | &nbsp; [Terms of Use](https://netwk.pro/terms-of-use)  
-[Privacy Policy](https://netwk.pro/privacy-policy) &nbsp; | &nbsp; Legal
+[Privacy Policy](https://netwk.pro/privacy) &nbsp; | &nbsp; Legal
 
 </div>
 
@@ -231,3 +240,5 @@ Network Pro&trade;, the shield logo, and the "Locking Down Networks&trade;" slog
 Licensed under **[CC BY 4.0](#cc-by)** and the **[GNU GPL](#gnu-gpl)**, as published by the [Free Software Foundation](https://www.fsf.org), either version 3 of the License, or (at your option) any later version.
 
 </div>
+
+<!-- cspell:ignore dlnotes >

package/_redirects

@@ -1 +1,2 @@
 https://www.netwk.pro/*  https://netwk.pro/:splat  301
+/privacy-policy          /privacy                  301

package/cspell.json

@@ -3,9 +3,11 @@
   "language": "en",
   "words": [
     "acode",
+    "autocapture",
     "autorun",
     "beforeinstallprompt",
     "bootentry",
+    "ccby",
     "Embedder",
     "Ente",
     "esbuild",

package/package.json

@@ -4,7 +4,7 @@
   "sideEffects": [
     "./.netlify/shims.js"
   ],
-  "version": "1.6.5",
+  "version": "1.7.0",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -78,9 +78,9 @@
   },
   "dependencies": {
     "nodemailer": "^7.0.3",
-    "posthog-js": "^1.246.0",
+    "posthog-js": "^1.248.1",
     "semver": "^7.7.2",
-    "svelte": "5.33.4"
+    "svelte": "5.33.6"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.9",
@@ -94,7 +94,7 @@
     "@testing-library/svelte": "^5.2.8",
     "@vitest/coverage-v8": "^3.1.4",
     "autoprefixer": "^10.4.21",
-    "browserslist": "^4.24.5",
+    "browserslist": "^4.25.0",
     "eslint": "^9.27.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-jsdoc": "^50.6.17",

package/playwright.config.js

@@ -36,6 +36,7 @@ export default defineConfig({
     baseURL: "http://localhost:4173?nosw", // Update to use preview server URL
     trace: "on-first-retry",
     timeout: 60000, // Default action timeout of 60 seconds for each step
+    navigationTimeout: 60000, // Timeout for navigation operations
   },
 
   /* Configure projects */

package/src/lib/components/FullWidthSection.svelte

@@ -7,13 +7,28 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  export let centered = false; // this prop lets us control vertical centering
+  /**
+   * Optional: Allows vertical centering of the section
+   * @type {boolean}
+   */
+  export let centered = false;
+
+  /**
+   * Additional classes for the outer full-width wrapper
+   * @type {string}
+   */
+  export let outerClass = "";
+
+  /**
+   * Additional classes for the inner container
+   * @type {string}
+   */
+  export let containerClass = "";
 </script>
 
-<div class="full-width-section {centered ? 'centered' : ''}">
-  <div class="container">
+<div class={`full-width-section ${centered ? "centered" : ""} ${outerClass}`}>
+  <div class={`container ${containerClass}`}>
     <slot></slot>
-    <!-- Slot to allow child content -->
   </div>
 </div>
 

package/src/lib/components/LegalNav.svelte

@@ -13,15 +13,15 @@ This file is part of Network Pro.
   //console.log("Base path:", base);
 
   const termsLink = `${base}/terms-of-use`;
-  const privacyLink = `${base}/privacy-policy`;
+  const privacyLink = `${base}/privacy`;
   const licenseLink = `${base}/license`;
+  const pdashLink = `${base}/privacy-dashboard`;
 
   /**
    * Navigation link object.
    * @typedef {Object} NavLink
    * @property {string} href - The URL the link points to.
    * @property {string} text - The text displayed for the link.
-   * @property {string} target - Specifies where to open the link (e.g., "_self" or "_blank").
    * @property {number} [colspan] - Optional property to specify column span for the table cell.
    */
 
@@ -31,46 +31,48 @@ This file is part of Network Pro.
    */
   const rows = [
     [
-      {
-        href: termsLink,
-        text: "Terms of Use",
-        target: "_self",
-      },
       {
         href: privacyLink,
         text: "Privacy Policy",
-        target: "_self",
+      },
+      {
+        href: pdashLink,
+        text: "Privacy Dashboard",
       },
     ],
     [
+      {
+        href: termsLink,
+        text: "Terms of Use",
+      },
       {
         href: licenseLink,
         text: "Legal",
-        target: "_self",
-        colspan: 2,
       },
     ],
   ];
 </script>
 
 <!-- BEGIN LEGAL NAVIGATION -->
-<div class="bnav-wrap">
-  <table class="bnav">
-    <tbody>
-      {#each rows as row}
-        <tr>
-          {#each row as link}
-            <td
-              class={link.colspan ? "bnav-cell" : "bnav-nav"}
-              colspan={link.colspan || 1}>
-              <a href={link.href} target={link.target}>
-                {link.text}
-              </a>
-            </td>
-          {/each}
-        </tr>
-      {/each}
-    </tbody>
-  </table>
-</div>
+<nav aria-label="Legal navigation">
+  <div class="bnav-wrap">
+    <table class="bnav">
+      <tbody>
+        {#each rows as row}
+          <tr>
+            {#each row as link}
+              <td class="bnav-cell" colspan={link.colspan || 1}>
+                <a href={link.href} target="_self">
+                  {link.text}
+                </a>
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+</nav>
 <!-- END LEGAL NAVIGATION -->
+
+<!-- cspell:ignore pdash bnav -->

package/src/lib/components/PostHog.svelte

@@ -10,15 +10,27 @@ This file is part of Network Pro.
   import posthog from "posthog-js";
   import { onMount } from "svelte";
   import { browser } from "$app/environment";
+  import { shouldTrackUser } from "$lib/utils/privacy.js";
 
-  // cspell:disable
   onMount(() => {
-    if (browser) {
-      posthog.init("phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0", {
-        api_host: "https://us.i.posthog.com",
-        person_profiles: "identified_only",
-      });
-    }
+    if (!browser) return;
+
+    const allowTracking = shouldTrackUser();
+
+    // cspell:disable-next-line
+    posthog.init("phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0", {
+      api_host: "https://us.i.posthog.com",
+      loaded: (ph) => {
+        if (!allowTracking) {
+          console.log("[PostHog] ⛔ User opted out — disabling tracking");
+          ph.opt_out_capturing(); // Fully disable any tracking
+        } else {
+          console.log("[PostHog] ✅ Tracking enabled");
+        }
+      },
+      autocapture: allowTracking, // Optional: Disable autocapture
+      capture_pageview: allowTracking, // Optional: Disable initial pageview
+      person_profiles: "identified_only",
+    });
   });
-  //cspell:enable
 </script>

package/src/lib/components/layout/Footer.svelte

@@ -14,7 +14,7 @@ This file is part of Network Pro.
   import { bySvg, ccSvg } from "$lib";
 
   // Log the base path to verify its value
-  console.log("Base path:", base);
+  //console.log("Base path:", base);
 
   // Dynamic links for licensing and trademark
   const ccbyLink = `${base}/license#cc-by`;

package/src/lib/components/layout/HeaderDefault.svelte

@@ -10,7 +10,7 @@ This file is part of Network Pro.
   import { base } from "$app/paths";
 
   // Log the base path to verify its value
-  console.log("Base path:", base);
+  //console.log("Base path:", base);
 
   const homeLink = base || "/";
   const aboutLink = `${base}/about`;
@@ -62,7 +62,7 @@ This file is part of Network Pro.
 </script>
 
 <!-- BEGIN DEFAULT HEADER -->
-<nav class="center-nav">
+<nav class="center-nav" aria-label="Site navigation">
   {#each nav as { label, href, target, external }, index}
     <a {href} {target} rel={external ? rel : undefined}>
       {label}

package/src/lib/components/layout/HeaderHome.svelte

@@ -10,7 +10,7 @@ This file is part of Network Pro.
   import { base } from "$app/paths";
 
   // Log the base path to verify its value
-  console.log("Base path:", base);
+  //console.log("Base path:", base);
 
   const aboutLink = `${base}/about`;
   const fossLink = `${base}/foss-spotlight`;
@@ -60,7 +60,7 @@ This file is part of Network Pro.
 </script>
 
 <!-- BEGIN HOME HEADER -->
-<nav class="center-nav">
+<nav class="center-nav" aria-label="Homepage navigation">
   {#each nav as { label, href, target, external }, index}
     <a {href} {target} rel={external ? rel : undefined}>
       {label}

package/src/lib/images.js

@@ -10,11 +10,12 @@ This file is part of Network Pro.
 
 /**
  * Image import utility
- * Provides convenient access to images in the src/lib/img directory
  *
+ * @file images.js
+ * @description Provides convenient access to images in the src/lib/img directory
  * @module src/lib
  * @author SunDevil311
- * @updated 2025-05-24
+ * @updated 2025-05-28
  */
 
 // Import favicon images

package/src/lib/index.js

@@ -8,8 +8,9 @@ This file is part of Network Pro.
 
 /**
  * Library index file
- * Main export point for library components, utilities, and assets
  *
+ * @file index.js
+ * @description Main export point for library components, utilities, and assets
  * @module src/lib
  * @author SunDevil311
  * @updated 2025-05-14

package/src/lib/meta.js

@@ -26,7 +26,7 @@ const meta = {
     title: "About Us — Network Pro™",
     description: "About Us | Security, Networking, Privacy — Network Pro™",
   },
-  "/privacy-policy": {
+  "/privacy": {
     title: "Privacy Policy — Network Pro™",
     description:
       "Privacy Policy | Security, Networking, Privacy — Network Pro™",
@@ -51,6 +51,11 @@ const meta = {
     description:
       "FOSS Spotlight | Security, Networking, Privacy — Network Pro™",
   },
+  "/privacy-dashboard": {
+    title: "Privacy Dashboard — Network Pro™",
+    description:
+      "Privacy Dashboard | Security, Networking, Privacy — Network Pro™",
+  },
   // Excludes redirect-only routes like /contact, /consultation, /privacy-rights
 };
 

package/src/lib/pages/LicenseContent.svelte

@@ -51,9 +51,9 @@ This file is part of Network Pro.
     { id: "third-party", text: "Third-Party Code and Licenses" },
     { id: "prohibited-uses", text: "Prohibited Uses" },
     { id: "disclaimer", text: "Modifications and Liability Disclaimer" },
-    { id: "contact", text: "Contact" },
-    { id: "revisions", text: "Revisions" },
     { id: "authoritative", text: "Authoritative Version Clause" },
+    { id: "revisions", text: "Revisions" },
+    { id: "contact", text: "Contact" },
   ];
 
   /**
@@ -62,7 +62,7 @@ This file is part of Network Pro.
    */
   const constants = {
     company: "Network Pro Strategies",
-    effectiveDate: "May 24, 2025",
+    effectiveDate: "May 28, 2025",
     classSmall: "small-text",
     rel: "noopener noreferrer",
     hrefTop: "#top",
@@ -472,20 +472,6 @@ This file is part of Network Pro.
         —including, without limitation, any claims or disputes brought by third parties,
         whether in contract, tort, or otherwise.
       </p>
-    {:else if link.id === "contact"}
-      <p>
-        The Company can be contacted via our
-        <a rel={constants.rel} href={contactLink} target={constants.targetBlank}
-          >contact form</a>
-        or by email at:<br />
-        📧 <code>contact (at) s.neteng.pro</code>
-      </p>
-    {:else if link.id === "revisions"}
-      <p>
-        This legal page may be updated to comply with legal or operational
-        changes. The current effective date is listed at the top of this
-        document.
-      </p>
     {:else if link.id === "authoritative"}
       <p>
         In the event of any discrepancy between different versions, formats, or
@@ -504,6 +490,20 @@ This file is part of Network Pro.
         of the Company's materials, services, or Licensed Material constitutes
         acceptance of the most current version then in effect.
       </p>
+    {:else if link.id === "revisions"}
+      <p>
+        This legal page may be updated to comply with legal or operational
+        changes. The current effective date is listed at the top of this
+        document.
+      </p>
+    {:else if link.id === "contact"}
+      <p>
+        The Company can be contacted via our
+        <a rel={constants.rel} href={contactLink} target={constants.targetBlank}
+          >contact form</a>
+        or by email at:<br />
+        📧 <code>contact (at) s.neteng.pro</code>
+      </p>
     {/if}
 
     <span class={constants.classSmall}>

package/src/lib/pages/PrivacyContent.svelte

@@ -6,10 +6,17 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== -->
 
-<!-- cspell:ignore prights -->
+<!-- cspell:ignore prights prefs pdash -->
 
 <script>
   import { base } from "$app/paths";
+  import { onMount } from "svelte";
+  import { getTrackingPreferences } from "$lib/utils/trackingStatus.js";
+  /** @type {(type: 'enable' | 'disable') => void} */
+  import {
+    setTrackingPreference,
+    clearTrackingPreferences,
+  } from "$lib/utils/trackingCookies.js";
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
@@ -17,16 +24,20 @@ This file is part of Network Pro.
   /**
    * URL to the Privacy Rights Request Form redirect route, using the base path
    * URL to the Contact Form redirect route, using the base path
+   * URL to the Privacy Dashboard using the base path
    * @type {string}
    */
   const prightsLink = `${base}/privacy-rights`;
   const contactLink = `${base}/contact`;
+  const pdashLink = `${base}/privacy-dashboard`;
 
   /**
    * URL to the privacy policy in Markdown format
+   * External URL to the GPC website
    * @type {string}
    */
   const privacyLink = "https://docs.netwk.pro/privacy";
+  const gpcLink = "https://globalprivacycontrol.org/";
 
   /**
    * Table of Contents Links
@@ -56,7 +67,7 @@ This file is part of Network Pro.
     email: "support (at) neteng.pro",
     secure: "contact (at) s.neteng.pro",
     phone: "(623) 252-4350",
-    effectiveDate: "May 23, 2025",
+    effectiveDate: "May 28, 2025",
   };
 
   /**
@@ -78,6 +89,48 @@ This file is part of Network Pro.
     targetSelf: "_self",
     targetBlank: "_blank",
   };
+
+  let optedOut = false;
+  let optedIn = false;
+  let trackingStatus = "";
+
+  onMount(() => {
+    const prefs = getTrackingPreferences();
+    optedOut = prefs.optedOut;
+    optedIn = prefs.optedIn;
+    trackingStatus = prefs.status;
+    console.log("[Tracking] Status:", trackingStatus);
+  });
+
+  /**
+   * Toggle tracking opt-out.
+   * @param {boolean} value
+   */
+  function toggleTracking(value) {
+    optedOut = value;
+    if (optedOut) {
+      console.log("[Tracking] User opted out");
+      setTrackingPreference("disable");
+    } else {
+      console.log("[Tracking] User cleared opt-out");
+      clearTrackingPreferences();
+    }
+  }
+
+  /**
+   * Toggle tracking opt-in.
+   * @param {boolean} value
+   */
+  function toggleOptIn(value) {
+    optedIn = value;
+    if (optedIn) {
+      console.log("[Tracking] User opted in");
+      setTrackingPreference("enable");
+    } else {
+      console.log("[Tracking] User cleared opt-in");
+      clearTrackingPreferences();
+    }
+  }
 </script>
 
 <!-- BEGIN TITLE -->
@@ -181,10 +234,66 @@ This file is part of Network Pro.
       <p>
         We configure PostHog to prioritize user privacy. <strong
           >Analytics tracking is automatically disabled when a user's browser
-          sends a “Do Not Track” (DNT) or “Global Privacy Control” (GPC /
-          Sec-GPC) signal.</strong> No further action is required—your browser settings
-        are honored by default.
+          sends a “Do Not Track” (DNT) or <a
+            rel={constants.rel}
+            href={gpcLink}
+            target={constants.targetBlank}
+            >“Global Privacy Control” (GPC / Sec-GPC)</a> signal.</strong> No further
+        action is required—your browser settings are honored by default.
+      </p>
+      <p>
+        You can view your current tracking status below, along with manual
+        opt-out and opt-in settings stored as browser cookies. These settings
+        override any Do Not Track (DNT) or Global Privacy Control (GPC) signals. <strong
+          >If you opt out, analytics tracking via PostHog is disabled entirely
+          until you change your preference.</strong> Your selection will persist
+        until manually updated.
       </p>
+      <p class="emphasis">
+        For convenient access, you can manage these settings through our <a
+          href={pdashLink}
+          target={constants.targetSelf}>Privacy Dashboard</a
+        >.
+      </p>
+
+      <div class="spacer"></div>
+
+      <h3>Tracking Preferences</h3>
+      <p id="tracking-status" aria-live="polite">
+        <strong>Tracking Status:</strong>
+        {trackingStatus}
+      </p>
+
+      <!-- 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>
+
+      <div class="spacer"></div>
+
       <p>
         PostHog Cloud is a third-party service, but we deploy it in a
         privacy-conscious manner that avoids intrusive profiling and aligns with
@@ -245,7 +354,8 @@ This file is part of Network Pro.
         information.
       </p>
     {:else if link.id === "rights"}
-      <p><strong>Your Rights and Choices</strong></p>
+      <h3>Your Rights and Choices</h3>
+      <p> Under applicable state and federal law, you may have rights to: </p>
       <ul>
         <li
           ><strong>Access, update, or delete</strong> your personal information,