@networkpro/web 1.6.5 → 1.7.2

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/README.md

@@ -31,10 +31,14 @@ All infrastructure and data flows are designed with **maximum transparency, self
 ```bash
 .
 ├── .github/workflows/     # CI workflows and automation
-├── .vscode/               # Recommended VS Code settings, extensions
+├── .vscode/
+│   ├── customData.json    # Custom CSS data for FontAwesome icons
+│   ├── extensions.json    # Recommended VSCodium / VS Code extensions
+│   ├── extensions.jsonc   # Commented version of extensions.json for reference
+│   └── settings.json      # User settings for VSCodium / VS Code
 ├── netlify-functions/
 │   └── cspReport.js       # Serverless function to receive and log CSP violation reports
-├── scripts/               # Utility scripts
+├── scripts/               # General utility scripts
 ├── src/
 │   ├── lib/               # Reusable components, styles, utilities
 │   ├── routes/            # SvelteKit routes (+page.svelte, +page.server.js)
@@ -43,13 +47,33 @@ All infrastructure and data flows are designed with **maximum transparency, self
 │   ├── app.html           # SvelteKit entry HTML with CSP/meta/bootentry
 │   └── service-worker.js  # Custom Service Worker
 ├── static/                # Static assets served at root
+│   ├── manifest.json      # Manifest file for PWA configuration
+│   ├── robots.txt         # Instructions for web robots
+│   └── sitemap.xml        # Sitemap for search engines
 ├── tests/
 │   ├── e2e/               # End-to-end Playwright tests
 │   └── unit/              # Vite unit tests
+├── _redirects             # Netlify redirects
 ├── netlify.toml           # Netlify configuration
 └── ...
 ```
 
+ 
+
+### E2E Test Structure
+
+End-to-end tests are located in `tests/e2e/` and organized by feature or route:
+
+```bash
+tests/
+├── e2e/
+│   ├── app.spec.js       # Desktop and mobile route tests
+│   ├── mobile.spec.js    # Mobile-specific assertions
+│   └── shared/
+│       └── helpers.js    # Shared test utilities (e.g., getFooter, setDesktopView, setMobileView)
+└── ...
+```
+
 ---
 
 ## 🛠 Getting Started
@@ -180,7 +204,7 @@ Located at `src/hooks.server.js`, this file is responsible for injecting dynamic
 To re-enable nonce generation for inline scripts in the future:
 
 1. Uncomment the nonce generation and injection logic in `hooks.server.js`.
-2. Add `nonce="**cspNonce**"` to inline `<script>` blocks in `app.html` or route templates.
+2. Add `nonce="__cspNonce__"` to inline `<script>` blocks in `app.html` or route templates.
 
 > 💡 The `[headers]` block in `netlify.toml` has been deprecated — all headers are now set dynamically from within SvelteKit.
 
@@ -244,6 +268,24 @@ This project uses a mix of automated performance, accessibility, and end-to-end
 
 &nbsp;
 
+### E2E Setup
+
+Playwright is included in `devDependencies` and installed automatically with:
+
+```bash
+npm install
+```
+
+To install browser dependencies (required once):
+
+```bash
+npx playwright install
+```
+
+> This downloads the browser binaries (Chromium, Firefox, WebKit) used for testing. You only need to run this once per machine or after a fresh clone.
+
+&nbsp;
+
 ### Running Tests
 
 Local testing via Vitest and Playwright:
@@ -254,9 +296,11 @@ npm run test:server     # Run server-side unit tests with Vitest
 npm run test:all        # Run full test suite
 npm run test:watch      # Watch mode for client tests
 npm run test:coverage   # Collect code coverage reports
-npm run test:e2e        # Runs Playwright E2E tests
+npm run test:e2e        # Runs Playwright E2E tests (with one retry on failure)
 ```
 
+> Playwright will retry failed tests once `(--retries=1)` to reduce false negatives from transient flakiness (network, render delay, etc.).
+
 Audit your app using Lighthouse:
 
 ```bash
@@ -399,15 +443,15 @@ The following CLI commands are available via `npm run <script>` or `pnpm run <sc
 
 <!-- markdownlint-enable MD024 -->
 
-| Script          | Description                                  |
-| --------------- | -------------------------------------------- |
-| `test`          | Alias for `test:all`                         |
-| `test:all`      | Run both client and server test suites       |
-| `test:client`   | Run client tests with Vitest                 |
-| `test:server`   | Run server-side tests with Vitest            |
-| `test:watch`    | Watch mode for client tests                  |
-| `test:coverage` | Collect coverage from both client and server |
-| `test:e2e`      | Run Playwright E2E tests                     |
+| Script          | Description                                            |
+| --------------- | ------------------------------------------------------ |
+| `test`          | Alias for `test:all`                                   |
+| `test:all`      | Run both client and server test suites                 |
+| `test:client`   | Run client tests with Vitest                           |
+| `test:server`   | Run server-side tests with Vitest                      |
+| `test:watch`    | Watch mode for client tests                            |
+| `test:coverage` | Collect coverage from both client and server           |
+| `test:e2e`      | Runs E2E tests with up to 1 automatic retry on failure |
 
 ---
 

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.2",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -60,7 +60,7 @@
     "test:server": "vitest --config vitest.config.server.js",
     "test:watch": "vitest --config vitest.config.client.js --watch",
     "test:coverage": "npm run test:client -- --run --coverage && npm run test:server -- --run --coverage",
-    "test:e2e": "npx playwright test",
+    "test:e2e": "npx playwright test --retries=1",
     "lint": "eslint . --ext .mjs,.js,.svelte",
     "lint:fix": "eslint . --ext .mjs,.js,.svelte --fix",
     "lint:jsdoc": "eslint . --ext .js,.mjs,.svelte --max-warnings=0",
@@ -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.10"
   },
   "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",
@@ -106,10 +106,10 @@
     "markdownlint-cli2": "^0.18.1",
     "mdsvex": "^0.12.6",
     "playwright": "^1.52.0",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
-    "stylelint": "^16.19.1",
+    "stylelint": "^16.20.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recommended": "^16.0.0",
     "stylelint-order": "^7.0.0",

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}>