@networkpro/web 1.6.5 → 1.7.2

package/src/routes/about/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -48,7 +42,7 @@ This file is part of Network Pro.
       <SocialMedia />
     </section>
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/foss-spotlight/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/license/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -34,7 +28,7 @@ This file is part of Network Pro.
 <link rel="canonical" href="https://netwk.pro/license" />
 
 <section id="license">
-  <FullWidthSection>
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN LEGAL, COPYRIGHT, AND LICENSING -->
     <section id="main-content">
       <LicenseContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/privacy/+page.server.js

@@ -0,0 +1,18 @@
+/* ==========================================================================
+src/routes/privacy/+page.server.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.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/privacy"] || defaultMeta,
+  };
+}

package/src/routes/{privacy-policy → privacy}/+page.svelte

@@ -1,5 +1,5 @@
 <!-- ==========================================================================
-src/routes/privacy-policy/+page.svelte
+src/routes/privacy/+page.svelte
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -31,10 +25,10 @@ This file is part of Network Pro.
 
 <MetaTags title={data.meta.title} description={data.meta.description} />
 
-<link rel="canonical" href="https://netwk.pro/privacy-policy" />
+<link rel="canonical" href="https://netwk.pro/privacy" />
 
-<section id="privacy-policy">
-  <FullWidthSection>
+<section id="privacy">
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN PRIVACY POLICY -->
     <section id="main-content">
       <PrivacyContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/{privacy-policy → privacy-dashboard}/+page.server.js

@@ -1,5 +1,5 @@
 /* ==========================================================================
-src/routes/privacy-policy/+page.server.js
+src/routes/privacy/+page.server.js
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
@@ -13,6 +13,6 @@ export const prerender = false;
 /** @type {import('./$types').PageServerLoad} */
 export function load() {
   return {
-    meta: meta["/privacy-policy"] || defaultMeta,
+    meta: meta["/privacy-dashboard"] || defaultMeta,
   };
 }

package/src/routes/privacy-dashboard/+page.svelte

@@ -0,0 +1,69 @@
+<!-- ==========================================================================
+src/routes/privacy-dashboard/+page.svelte
+
+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.
+========================================================================== -->
+
+<script>
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import PrivacyDashboard from "$lib/pages/PrivacyDashboard.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<link rel="canonical" href="https://netwk.pro/privacy-dashboard" />
+
+<section id="privacy">
+  <FullWidthSection containerClass="readable">
+    <!-- BEGIN PRIVACY DASHBOARD -->
+    <section id="main-content">
+      <PrivacyDashboard />
+    </section>
+    <!-- END PRIVACY DASHBOARD -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/terms-conditions/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -34,7 +28,7 @@ This file is part of Network Pro.
 <link rel="canonical" href="https://netwk.pro/terms-conditions" />
 
 <section id="terms-conditions">
-  <FullWidthSection>
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN TERMS AND CONDITIONS -->
     <section id="main-content">
       <TermsConditionsContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/terms-of-use/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -34,7 +28,7 @@ This file is part of Network Pro.
 <link rel="canonical" href="https://netwk.pro/terms-of-use" />
 
 <section id="terms-of-use">
-  <FullWidthSection>
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN TERMS OF USE -->
     <section id="main-content">
       <TermsUseContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/service-worker.js

@@ -11,6 +11,8 @@ const sw = /** @type {ServiceWorkerGlobalScope} */ (
   /** @type {unknown} */ (self)
 );
 
+/// <reference types="vite/client" />
+
 const isDev = location.hostname === "localhost";
 const disallowedHosts = [
   "us.i.posthog.com", // Add PostHog to disallowed hosts
@@ -130,14 +132,35 @@ sw.addEventListener("activate", (event) => {
   );
 });
 
+/**
+ * Determine if a request should be skipped by the service worker.
+ * Specifically filters out dev/build files, module imports, and source files.
+ * Only active in development mode.
+ *
+ * @param {URL} url
+ * @returns {boolean}
+ */
+function shouldSkipDevModule(url) {
+  if (!isDev) return false;
+
+  return (
+    url.pathname.startsWith("/@fs") ||
+    url.pathname.startsWith("/node_modules") ||
+    url.pathname.includes(".vite") ||
+    url.pathname.includes(".svelte-kit") ||
+    !!url.pathname.match(/\.(js|ts|svelte)$/)
+  );
+}
+
 // 🔹 Fetch event
 sw.addEventListener("fetch", (event) => {
   const requestUrl = new URL(event.request.url);
 
-  // ✅ Skip handling for non-local requests (cross-origin)
-  if (requestUrl.origin !== location.origin) {
-    return; // let the browser handle external requests
-  }
+  // ✅ Skip cross-origin requests
+  if (requestUrl.origin !== location.origin) return;
+
+  // ✅ Skip internal dev/module files (only in dev)
+  if (shouldSkipDevModule(requestUrl)) return;
 
   if (isDev) console.log("[SW] Fetch intercepted:", event.request.url);
 
@@ -153,17 +176,19 @@ sw.addEventListener("fetch", (event) => {
         if (event.request.mode === "navigate") {
           const preloadResponse = await event.preloadResponse;
           if (preloadResponse) {
-            if (isDev)
+            if (isDev) {
               console.log(
                 "[SW] Using preload response for:",
                 event.request.url,
               );
+            }
             return preloadResponse;
           }
         }
 
         if (isDev)
           console.log("[SW] Fetching from network:", event.request.url);
+
         return await fetch(event.request);
       } catch (err) {
         if (isDev) {
@@ -188,4 +213,4 @@ sw.addEventListener("fetch", (event) => {
   );
 });
 
-// @cspell:ignore precaching licdn
+// @cspell:ignore precaching

package/static/robots.txt

@@ -1,9 +1,10 @@
 # robots.txt
 #
+# 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
 #
-# www.robotstxt.org/
+# www.robotstxt.org
 
 User-agent: *
 

package/static/sitemap.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Sitemap last updated on 2025-05-18 -->
+<!-- Sitemap last updated on 2025-05-28 -->
 
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 
@@ -7,7 +7,7 @@
 
     <loc>https://netwk.pro</loc>
 
-    <lastmod>2025-05-24</lastmod>
+    <lastmod>2025-05-28</lastmod>
 
     <changefreq>weekly</changefreq>
 
@@ -19,7 +19,7 @@
 
     <loc>https://netwk.pro/foss-spotlight</loc>
 
-    <lastmod>2025-05-18</lastmod>
+    <lastmod>2025-05-27</lastmod>
 
     <changefreq>weekly</changefreq>
 
@@ -29,9 +29,9 @@
 
   <url>
 
-    <loc>https://netwk.pro/contact</loc>
+    <loc>https://netwk.pro/privacy-dashboard</loc>
 
-    <lastmod>2025-05-24</lastmod>
+    <lastmod>2025-05-28</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -41,21 +41,9 @@
 
   <url>
 
-    <loc>https://netwk.pro/privacy-rights</loc>
+    <loc>https://netwk.pro/privacy</loc>
 
-    <lastmod>2025-05-24</lastmod>
-
-    <changefreq>monthly</changefreq>
-
-    <priority>0.7</priority>
-
-  </url>
-
-  <url>
-
-    <loc>https://netwk.pro/privacy-policy</loc>
-
-    <lastmod>2025-05-23</lastmod>
+    <lastmod>2025-05-28</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -67,7 +55,7 @@
 
     <loc>https://netwk.pro/license</loc>
 
-    <lastmod>2025-05-24</lastmod>
+    <lastmod>2025-05-28</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -79,7 +67,7 @@
 
     <loc>https://netwk.pro/terms-of-use</loc>
 
-    <lastmod>2025-05-21</lastmod>
+    <lastmod>2025-05-27</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -91,7 +79,7 @@
 
     <loc>https://netwk.pro/terms-conditions</loc>
 
-    <lastmod>2025-05-08</lastmod>
+    <lastmod>2025-05-27</lastmod>
 
     <changefreq>monthly</changefreq>
 

package/tests/e2e/app.spec.js

@@ -6,123 +6,105 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
 
-import { expect, test } from "@playwright/test";
+/**
+ * @file app.spec.js
+ * @description Runs Playwright E2E tests with desktop and root route assertions.
+ * @module tests/e2e
+ * @author SunDevil311
+ * @updated 2025-05-29
+ */
 
+import { expect, test } from "@playwright/test";
+import {
+  getFooter,
+  getVisibleNav,
+  setDesktopView,
+  setMobileView,
+} from "./shared/helpers.js";
+
+// Root route should load successfully with the correct title
 test.describe("Desktop Tests", () => {
-  // Simplified Test for Title on Desktop
   test("should load successfully with the correct title", async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") {
-      test.skip(); // Skip WebKit if it's problematic
-    }
-
-    await page.setViewportSize({ width: 1280, height: 720 });
-
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+    if (browserName === "webkit") test.skip();
 
+    await setDesktopView(page);
     await page.goto("/");
-
-    // Wait for the page to fully load
-    await page.waitForLoadState("load", { timeout: 60000 }); // Wait until the page is fully loaded
-
-    // Assert that the title matches
+    await page.waitForLoadState("load", { timeout: 60000 });
     await expect(page).toHaveTitle(/Locking Down Networks/);
   });
 
-  // Simplified Test for Navigation Bar
+  // Root route should display nav bar and about link
   test("should display the navigation bar and 'about' link", async ({
     page,
   }) => {
-    await page.setViewportSize({ width: 1280, height: 720 });
-
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
-
+    await setDesktopView(page);
     await page.goto("/");
 
-    // Ensure the navigation bar is visible
-    const nav = page.locator("nav");
-    await expect(nav).toBeVisible();
+    const nav = await getVisibleNav(page);
 
-    // Check for 'about' route in the navigation
-    const aboutLink = nav.locator("a", { hasText: "about" });
+    const aboutLink = nav.getByRole("link", { name: "about" });
     await expect(aboutLink).toBeVisible();
-    await expect(aboutLink).toHaveAttribute("href", "/about"); // Ensure it points to the correct route
+    await expect(aboutLink).toHaveAttribute("href", "/about");
   });
 
-  // Simplified Footer Visibility Test
+  // Root route should display the footer properly
   test("should display the footer correctly", async ({ page }) => {
-    await page.setViewportSize({ width: 1280, height: 720 });
-
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
-
+    await setDesktopView(page);
     await page.goto("/");
 
-    // Check that the footer is visible
     const footer = page.locator("footer");
     await expect(footer).toBeVisible();
   });
 
-  // Simplified Test for Clickable Links (e.g., 'about' link)
-  test("should ensure the 'about' link is clickable", async ({ page }) => {
-    await page.setViewportSize({ width: 1280, height: 720 });
+  // About route should display the footer properly
+  test("should render the 'about' page with footer visible", async ({
+    page,
+  }) => {
+    await setDesktopView(page);
+    await page.goto("/about");
 
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+    const footer = getFooter(page);
+    await expect(footer).toBeVisible();
+  });
 
+  // Root route should have a clickable "about" link
+  test("should ensure the 'about' link is clickable", async ({ page }) => {
+    await setDesktopView(page);
     await page.goto("/");
 
-    // Ensure the "about" link is visible and clickable
-    const aboutLink = page.locator("a", { hasText: "about" });
-    await expect(aboutLink).toBeVisible();
-    await aboutLink.click();
+    const nav = await getVisibleNav(page);
 
-    // Wait for the URL to update instead of relying on navigation
-    await page.waitForURL("/about", { timeout: 60000 }); // Wait for the correct URL
+    const aboutLink = nav.getByRole("link", { name: "about" });
+    await expect(aboutLink).toBeVisible({ timeout: 60000 });
+    await aboutLink.click();
 
-    // Assert that it navigates to the correct route
+    await page.waitForURL("/about", { timeout: 60000 });
     await expect(page).toHaveURL(/\/about/);
   });
-});
+}); // End Desktop Tests
 
+// Root route should load successfully with the correct title (mobile)
 test.describe("Mobile Tests", () => {
-  // Simplified Test for correct title on mobile
   test("should load successfully with the correct title on mobile", async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") {
-      test.skip(); // Skip WebKit if it's problematic
-    }
-
-    await page.setViewportSize({ width: 375, height: 667 }); // Mobile size (e.g., iPhone 6)
-
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+    if (browserName === "webkit") test.skip();
 
+    await setMobileView(page);
     await page.goto("/");
-
-    // Wait for the page to fully load
-    await page.waitForLoadState("load", { timeout: 60000 }); // Wait until the page is fully loaded
-
-    // Assert that the title matches
+    await page.waitForLoadState("load", { timeout: 60000 });
     await expect(page).toHaveTitle(/Locking Down Networks/);
   });
 
-  // Simplified Test for mobile content visibility
+  // Root route should display headings properly on mobile
   test("should display main content correctly on mobile", async ({ page }) => {
-    await page.setViewportSize({ width: 375, height: 667 }); // Mobile size
-
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
-
+    await setMobileView(page);
     await page.goto("/");
 
-    // Check that the main heading is visible on mobile
     const mainHeading = page.locator("h1, h2");
     await expect(mainHeading).toBeVisible();
   });