@networkpro/web 1.6.3 → 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/README.md

@@ -30,23 +30,23 @@ All infrastructure and data flows are designed with **maximum transparency, self
 
 ```bash
 .
-├── .github/workflows     # CI workflows and automation
-├── .vscode/              # Recommended VS Code settings, extensions
+├── .github/workflows/     # CI workflows and automation
+├── .vscode/               # Recommended VS Code settings, extensions
 ├── netlify-functions/
-│   └── cspReport.js      # Serverless function to receive and log CSP violation reports
-├── scripts/              # Utility scripts
+│   └── cspReport.js       # Serverless function to receive and log CSP violation reports
+├── scripts/               # Utility scripts
 ├── src/
-│   ├── lib/              # Reusable components, styles, utilities
-│   ├── routes/           # SvelteKit routes (+page.svelte, +page.server.js)
-│   ├── hooks.client.ts   # Handles PWA install prompt and logs client errors
-│   ├── hooks.server.js   # Injects CSP headers and permissions policy
-│   ├── app.html          # SvelteKit entry HTML with CSP/meta/bootentry
-│   └── service-worker.js # Custom Service Worker
-├── static/               # Static assets served at root
+│   ├── lib/               # Reusable components, styles, utilities
+│   ├── routes/            # SvelteKit routes (+page.svelte, +page.server.js)
+│   ├── hooks.client.ts    # Handles PWA install prompt and logs client errors
+│   ├── hooks.server.js    # Injects CSP headers and permissions policy
+│   ├── app.html           # SvelteKit entry HTML with CSP/meta/bootentry
+│   └── service-worker.js  # Custom Service Worker
+├── static/                # Static assets served at root
 ├── tests/
-│   ├── e2e/              # End-to-end Playwright tests
-│   └── unit/             # Vite unit tests
-├── netlify.toml          # Netlify configuration
+│   ├── e2e/               # End-to-end Playwright tests
+│   └── unit/              # Vite unit tests
+├── netlify.toml           # Netlify configuration
 └── ...
 ```
 
@@ -169,18 +169,18 @@ This project includes custom runtime configuration files for enhancing security,
 
 ### 🔐 `hooks.server.js`
 
-Located at src/hooks.server.js, this file is responsible for injecting dynamic security headers. It includes:
+Located at `src/hooks.server.js`, this file is responsible for injecting dynamic security headers. It includes:
 
 - Content Security Policy (CSP) with support for relaxed directives (inline scripts allowed)
 - Permissions Policy to explicitly disable unnecessary browser APIs
 - X-Content-Type-Options, X-Frame-Options, and Referrer-Policy headers
 
-> 💡 The CSP nonce feature has been disabled. Inline scripts are now allowed through the policy using the "script-src 'self' 'unsafe-inline'" directive. If you wish to use nonces in the future, you can re-enable them by uncommenting the relevant sections in hooks.server.js and modifying your inline <script> tags.
+> 💡 The CSP nonce feature has been disabled. Inline scripts are now allowed through the policy using the `"script-src 'self' 'unsafe-inline'"` directive. If you wish to use nonces in the future, you can re-enable them by uncommenting the relevant sections in `hooks.server.js` and modifying your inline `<script>` tags.
 
 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.
+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.
 
 > 💡 The `[headers]` block in `netlify.toml` has been deprecated — all headers are now set dynamically from within SvelteKit.
 
@@ -246,7 +246,7 @@ This project uses a mix of automated performance, accessibility, and end-to-end
 
 ### Running Tests
 
-Local testing via Playwright:
+Local testing via Vitest and Playwright:
 
 ```bash
 npm run test:client     # Run client-side unit tests with Vitest
@@ -254,6 +254,7 @@ 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
 ```
 
 Audit your app using Lighthouse:
@@ -406,6 +407,7 @@ The following CLI commands are available via `npm run <script>` or `pnpm run <sc
 | `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                     |
 
 ---
 

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.3",
+  "version": "1.7.0",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -36,7 +36,6 @@
     "node": ">=22.0.0 <25",
     "npm": ">=11.0.0 <12"
   },
-  "style": "src/lib/styles/index.js",
   "scripts": {
     "dev": "vite dev",
     "start": "npm run dev",
@@ -61,6 +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",
     "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.2"
+    "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",
@@ -105,7 +105,6 @@
     "markdownlint": "^0.38.0",
     "markdownlint-cli2": "^0.18.1",
     "mdsvex": "^0.12.6",
-    "normalize.css": "^8.0.1",
     "playwright": "^1.52.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",

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/scripts/bundleCss.js

@@ -20,10 +20,10 @@ import { bundle } from "lightningcss";
 import path from "path";
 
 // Define the path to your input CSS file
-const inputFilePath = path.resolve("src/lib/styles/css/offline.css");
+const inputFilePath = path.resolve("src/lib/styles/css/global.css");
 
 // Define the path for the output CSS file
-const outputFilePath = path.resolve("static/offline.min.css");
+const outputFilePath = path.resolve("src/lib/styles/css/global.min.css");
 
 // Bundle and minify the CSS
 const { code, map } = bundle({

package/src/app.html

@@ -24,7 +24,24 @@
       sizes="any"
       type="image/x-icon" />
 
-    <!-- LinkedIn preconnects removed 2025-05-26 by SunDevil311 -->
+    <!-- Preconnect to PostHog domains -->
+    <link
+      rel="preconnect"
+      href="https://us.i.posthog.com"
+      crossorigin="anonymous" />
+    <link
+      rel="preconnect"
+      href="https://us-assets.i.posthog.com"
+      crossorigin="anonymous" />
+
+    <!-- Preload the PostHog script -->
+    <link
+      rel="preload"
+      href="https://us-assets.i.posthog.com/array/phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0/config.js"
+      as="script" />
+    <script
+      src="https://us-assets.i.posthog.com/array/phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0/config.js"
+      defer></script>
 
     <!-- Preload FontAwesome webfonts -->
     <link

package/src/hooks.server.js

@@ -14,54 +14,52 @@ export async function handle({ event, resolve }) {
   // Create the response
   const response = await resolve(event);
 
-  console.log("ENV_MODE:", process.env.ENV_MODE);
-
-  // Check if the environment is for testing
+  // Determine environment flags
+  // Default to development policy if neither test nor prod
   const isTestEnvironment =
     process.env.NODE_ENV === "test" || process.env.ENV_MODE === "ci";
+  const isProdEnvironment =
+    process.env.NODE_ENV === "production" || process.env.ENV_MODE === "prod";
+
+  if (!isProdEnvironment) {
+    console.log("ENV_MODE:", process.env.ENV_MODE);
+  }
+
+  // Determine report URI
+  const reportUri = isProdEnvironment
+    ? "/.netlify/functions/cspReport"
+    : "/api/mock-csp";
+
+  // Construct base policy
+  const cspDirectives = [
+    "default-src 'self';",
+    "script-src 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;",
+    "script-src-elem 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;",
+    "style-src 'self' 'unsafe-inline';",
+    "img-src 'self' data:;",
+    "connect-src 'self' https://us.i.posthog.com https://us-assets.i.posthog.com;",
+    "font-src 'self' data:;",
+    "form-action 'self';",
+    "base-uri 'self';",
+    "object-src 'none';",
+    "frame-ancestors 'none';",
+    "upgrade-insecure-requests;",
+    `report-uri ${reportUri};`,
+  ];
 
-  // Set the Content Security Policy header
+  // Loosen up CSP for test environments
   if (isTestEnvironment) {
-    // Relaxed CSP for testing: Allow inline scripts and eval
-    response.headers.set(
-      "Content-Security-Policy",
-      [
-        "default-src 'self';",
-        "script-src 'self' 'unsafe-inline' 'unsafe-eval' ws://localhost:*;", // Allow inline and eval scripts, and websockets for local testing
-        "style-src 'self' 'unsafe-inline';", // Allow inline styles
-        "img-src 'self' data:;", // Allow images from same origin and data URIs
-        "connect-src 'self';", // Allow connections only to same origin
-        "font-src 'self' data:;", // Allow fonts from same origin and data URIs
-        "form-action 'self';", // Allow forms to post to same origin
-        "base-uri 'self';", // Restrict base URIs to same origin
-        "object-src 'none';", // Block all object sources
-        "frame-ancestors 'none';", // Prevent framing of the site
-        "upgrade-insecure-requests;", // Automatically upgrade HTTP to HTTPS
-        "report-uri /api/mock-csp;", // Mock CSP reports for testing
-      ].join(" "),
-    );
-  } else {
-    // Production or development environment: use a more restrictive CSP
-    response.headers.set(
-      "Content-Security-Policy",
-      [
-        "default-src 'self';",
-        "script-src 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;", // Allow PostHog's script from both sources
-        "script-src-elem 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;", // Allow inline scripts from PostHog's sources
-        "style-src 'self' 'unsafe-inline';",
-        "img-src 'self' data:;",
-        "connect-src 'self' https://us.i.posthog.com https://us-assets.i.posthog.com;", // Allow connections to both PostHog sources
-        "font-src 'self' data:;",
-        "form-action 'self';",
-        "base-uri 'self';",
-        "object-src 'none';",
-        "frame-ancestors 'none';",
-        "upgrade-insecure-requests;",
-        `report-uri ${process.env.ENV_MODE === "prod" ? "/.netlify/functions/cspReport" : "/api/mock-csp"};`,
-      ].join(" "),
-    );
+    cspDirectives[1] =
+      "script-src 'self' 'unsafe-inline' 'unsafe-eval' ws://localhost:*;";
+    cspDirectives[2] =
+      "script-src-elem 'self' 'unsafe-inline' 'unsafe-eval' ws://localhost:*;";
+    cspDirectives[3] = "style-src 'self' 'unsafe-inline';";
+    cspDirectives[4] = "img-src 'self' data:;";
+    cspDirectives[5] = "connect-src 'self';";
   }
 
+  response.headers.set("Content-Security-Policy", cspDirectives.join(" "));
+
   // Set other security headers
   response.headers.set(
     "Permissions-Policy",
@@ -79,8 +77,7 @@ export async function handle({ event, resolve }) {
       "gamepad=()",
       "serial=()",
       "publickey-credentials-get=()",
-      "interest-cohort=()",
-      "topics=()",
+      "browsing-topics=()",
     ].join(", "),
   );
 
@@ -91,7 +88,7 @@ export async function handle({ event, resolve }) {
   if (process.env.ENV_MODE !== "test" && process.env.ENV_MODE !== "ci") {
     response.headers.set(
       "Strict-Transport-Security",
-      "max-age=2592000; includeSubDomains;", // Use max-age of 30 days
+      "max-age=31536000; includeSubDomains;", // No preload here
     );
   }
 

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