@networkpro/web 1.6.5 → 1.7.0

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

@@ -9,120 +9,78 @@ This file is part of Network Pro.
 import { expect, test } from "@playwright/test";
 
 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
-    }
+    if (browserName === "webkit") test.skip();
 
     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 page.waitForTimeout(1500);
     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
   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 page.waitForTimeout(1500);
     await page.goto("/");
 
-    // Ensure the navigation bar is visible
-    const nav = page.locator("nav");
+    const nav = page.getByRole("navigation", { name: "Homepage navigation" });
     await expect(nav).toBeVisible();
 
-    // 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
   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 page.waitForTimeout(1500);
     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 });
-
-    // Add a small timeout before navigating to the page
-    await page.waitForTimeout(1500); // Wait for 1.5 seconds
-
     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 = page.getByRole("navigation", { name: "Homepage navigation" });
+    await expect(nav).toBeVisible({ timeout: 60000 });
 
-    // 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
 
 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 page.setViewportSize({ width: 375, height: 667 });
+    await page.waitForTimeout(1500);
     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
   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 page.setViewportSize({ width: 375, height: 667 });
+    await page.waitForTimeout(1500);
     await page.goto("/");
 
-    // Check that the main heading is visible on mobile
     const mainHeading = page.locator("h1, h2");
     await expect(mainHeading).toBeVisible();
   });