@networkpro/web 1.12.8 → 1.13.0

package/svelte.config.js

@@ -6,8 +6,8 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================= */
 
-import adapter from "@sveltejs/adapter-netlify"; // Netlify adapter for deployment
-import { vitePreprocess } from "@sveltejs/vite-plugin-svelte"; // Vite preprocessor for Svelte
+import adapter from '@sveltejs/adapter-netlify'; // Netlify adapter for deployment
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'; // Vite preprocessor for Svelte
 
 const config = {
   // Preprocessors for enhanced functionality (vitePreprocess + mdsvex for Markdown support + svelte-preprocess for PostCSS)
@@ -15,7 +15,7 @@ const config = {
     vitePreprocess({
       postcss: true,
       mdsvex: {
-        extensions: [".svx", ".md"],
+        extensions: ['.svx', '.md'],
       },
     }),
   ],
@@ -29,14 +29,14 @@ const config = {
 
     // Paths configuration for deployment
     paths: {
-      base: "", // Always deploy to the root of the domain
+      base: '', // Always deploy to the root of the domain
     },
 
     prerender: {
       // Handle HTTP errors during prerendering
       handleHttpError: ({ path, _referrer, message }) => {
         // Paths to ignore and warn about
-        const warnList = ["/...404"];
+        const warnList = ['/...404'];
 
         if (warnList.includes(path)) {
           console.warn(`Prerender error at path: ${path}, message: ${message}`);
@@ -50,7 +50,7 @@ const config = {
   },
 
   // File extensions for Svelte and mdsvex
-  extensions: [".svelte", ".svx", ".md"], // Added .md for Markdown support
+  extensions: ['.svelte', '.svx', '.md'], // Added .md for Markdown support
 };
 
 export default config;

package/tests/e2e/app.spec.js

@@ -14,25 +14,25 @@ This file is part of Network Pro.
  * @updated 2025-05-29
  */
 
-import { expect, test } from "@playwright/test";
+import { expect, test } from '@playwright/test';
 import {
   getFooter,
   getVisibleNav,
   setDesktopView,
   setMobileView,
-} from "./shared/helpers.js";
+} from './shared/helpers.js';
 
 // Root route should load successfully with the correct title
-test.describe("Desktop Tests", () => {
-  test("should load successfully with the correct title", async ({
+test.describe('Desktop Tests', () => {
+  test('should load successfully with the correct title', async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") test.skip();
+    if (browserName === 'webkit') test.skip();
 
     await setDesktopView(page);
-    await page.goto("/");
-    await page.waitForLoadState("load", { timeout: 60000 });
+    await page.goto('/');
+    await page.waitForLoadState('load', { timeout: 60000 });
     await expect(page).toHaveTitle(/Locking Down Networks/);
   });
 
@@ -41,21 +41,21 @@ test.describe("Desktop Tests", () => {
     page,
   }) => {
     await setDesktopView(page);
-    await page.goto("/");
+    await page.goto('/');
 
     const nav = await getVisibleNav(page);
 
-    const aboutLink = nav.getByRole("link", { name: "about" });
+    const aboutLink = nav.getByRole('link', { name: 'about' });
     await expect(aboutLink).toBeVisible();
-    await expect(aboutLink).toHaveAttribute("href", "/about");
+    await expect(aboutLink).toHaveAttribute('href', '/about');
   });
 
   // Root route should display the footer properly
-  test("should display the footer correctly", async ({ page }) => {
+  test('should display the footer correctly', async ({ page }) => {
     await setDesktopView(page);
-    await page.goto("/");
+    await page.goto('/');
 
-    const footer = page.locator("footer");
+    const footer = page.locator('footer');
     await expect(footer).toBeVisible();
   });
 
@@ -64,7 +64,7 @@ test.describe("Desktop Tests", () => {
     page,
   }) => {
     await setDesktopView(page);
-    await page.goto("/about");
+    await page.goto('/about');
 
     const footer = getFooter(page);
     await expect(footer).toBeVisible();
@@ -73,39 +73,39 @@ test.describe("Desktop Tests", () => {
   // Root route should have a clickable "about" link
   test("should ensure the 'about' link is clickable", async ({ page }) => {
     await setDesktopView(page);
-    await page.goto("/");
+    await page.goto('/');
 
     const nav = await getVisibleNav(page);
 
-    const aboutLink = nav.getByRole("link", { name: "about" });
+    const aboutLink = nav.getByRole('link', { name: 'about' });
     await expect(aboutLink).toBeVisible({ timeout: 60000 });
     await aboutLink.click();
 
-    await page.waitForURL("/about", { timeout: 60000 });
+    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", () => {
-  test("should load successfully with the correct title on mobile", async ({
+test.describe('Mobile Tests', () => {
+  test('should load successfully with the correct title on mobile', async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") test.skip();
+    if (browserName === 'webkit') test.skip();
 
     await setMobileView(page);
-    await page.goto("/");
-    await page.waitForLoadState("load", { timeout: 60000 });
+    await page.goto('/');
+    await page.waitForLoadState('load', { timeout: 60000 });
     await expect(page).toHaveTitle(/Locking Down Networks/);
   });
 
   // Root route should display headings properly on mobile
-  test("should display main content correctly on mobile", async ({ page }) => {
+  test('should display main content correctly on mobile', async ({ page }) => {
     await setMobileView(page);
-    await page.goto("/");
+    await page.goto('/');
 
-    const mainHeading = page.locator("h1, h2");
+    const mainHeading = page.locator('h1, h2');
     await expect(mainHeading).toBeVisible();
   });
 });

package/tests/e2e/mobile.spec.js

@@ -14,20 +14,20 @@ This file is part of Network Pro.
  * @updated 2025-05-29
  */
 
-import { expect, test } from "@playwright/test";
-import { getFooter, getVisibleNav, setMobileView } from "./shared/helpers.js";
+import { expect, test } from '@playwright/test';
+import { getFooter, getVisibleNav, setMobileView } from './shared/helpers.js';
 
 // Mobile viewport smoke tests for the root route
-test.describe("Mobile Tests", () => {
-  test("should display the main description text on mobile", async ({
+test.describe('Mobile Tests', () => {
+  test('should display the main description text on mobile', async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") test.skip();
+    if (browserName === 'webkit') test.skip();
 
     await setMobileView(page);
-    await page.goto("/");
-    await page.waitForLoadState("domcontentloaded", { timeout: 60000 });
+    await page.goto('/');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
     const description = page.locator(
       'div.index-title1:has-text("Locking Down Networks")',
@@ -35,17 +35,17 @@ test.describe("Mobile Tests", () => {
     await expect(description).toBeVisible();
   });
 
-  test("should display main content correctly on mobile", async ({
+  test('should display main content correctly on mobile', async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") test.skip();
+    if (browserName === 'webkit') test.skip();
 
     await setMobileView(page);
-    await page.goto("/");
-    await page.waitForLoadState("domcontentloaded", { timeout: 60000 });
+    await page.goto('/');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
-    const mainHeading = page.locator("h1, h2");
+    const mainHeading = page.locator('h1, h2');
     await expect(mainHeading).toBeVisible();
   });
 
@@ -53,27 +53,27 @@ test.describe("Mobile Tests", () => {
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") test.skip();
+    if (browserName === 'webkit') test.skip();
 
     await setMobileView(page);
-    await page.goto("/");
+    await page.goto('/');
 
     const nav = await getVisibleNav(page);
-    const aboutLink = nav.getByRole("link", { name: "about" });
+    const aboutLink = nav.getByRole('link', { name: 'about' });
     await expect(aboutLink).toBeVisible({ timeout: 60000 });
 
     await aboutLink.click();
     await expect(page).toHaveURL(/\/about/);
   });
 
-  test("should display the footer on /about (mobile)", async ({
+  test('should display the footer on /about (mobile)', async ({
     page,
     browserName,
   }) => {
-    if (browserName === "webkit") test.skip();
+    if (browserName === 'webkit') test.skip();
 
     await setMobileView(page);
-    await page.goto("/about");
+    await page.goto('/about');
 
     const footer = getFooter(page);
     await expect(footer).toBeVisible();

package/tests/e2e/shared/helpers.js

@@ -39,13 +39,13 @@ export async function setMobileView(page) {
  * @throws {Error} If no visible navigation is found.
  */
 export async function getVisibleNav(page) {
-  const navHome = page.getByRole("navigation", { name: "Homepage navigation" });
-  const navMain = page.getByRole("navigation", { name: "Main navigation" });
+  const navHome = page.getByRole('navigation', { name: 'Homepage navigation' });
+  const navMain = page.getByRole('navigation', { name: 'Main navigation' });
 
   if (await navHome.isVisible()) return navHome;
   if (await navMain.isVisible()) return navMain;
 
-  throw new Error("No visible navigation element found.");
+  throw new Error('No visible navigation element found.');
 }
 
 /**
@@ -53,5 +53,5 @@ export async function getVisibleNav(page) {
  * @returns {import('@playwright/test').Locator}
  */
 export function getFooter(page) {
-  return page.locator("footer");
+  return page.locator('footer');
 }

package/tests/internal/auditCoverage.test.js

@@ -14,9 +14,9 @@ This file is part of Network Pro.
  * @updated 2025-06-01
  */
 
-import fs from "fs";
-import path from "path";
-import { describe, expect, it } from "vitest";
+import fs from 'fs';
+import path from 'path';
+import { describe, expect, it } from 'vitest';
 
 /**
  * Recursively get all .js files in a directory
@@ -33,10 +33,10 @@ function getAllJsFiles(dir, { includeTests = false } = {}) {
     const stat = fs.statSync(fullPath);
     if (stat.isDirectory()) {
       results = results.concat(getAllJsFiles(fullPath, { includeTests }));
-    } else if (file.endsWith(".js")) {
+    } else if (file.endsWith('.js')) {
       if (
         !includeTests &&
-        (file.endsWith(".test.js") || file.endsWith(".spec.js"))
+        (file.endsWith('.test.js') || file.endsWith('.spec.js'))
       ) {
         continue;
       }
@@ -46,41 +46,41 @@ function getAllJsFiles(dir, { includeTests = false } = {}) {
   return results;
 }
 
-describe("auditCoverage", () => {
-  it("should have corresponding test files for all JS modules", () => {
+describe('auditCoverage', () => {
+  it('should have corresponding test files for all JS modules', () => {
     const allowList = new Set([
-      "checkNode.js",
-      "auditScripts.js",
-      "vite.config.js",
-      "svelte.config.js",
+      'checkNode.js',
+      'auditScripts.js',
+      'vite.config.js',
+      'svelte.config.js',
     ]);
 
-    const srcFiles = getAllJsFiles(path.resolve("src"));
-    const scriptsFiles = getAllJsFiles(path.resolve("scripts"));
+    const srcFiles = getAllJsFiles(path.resolve('src'));
+    const scriptsFiles = getAllJsFiles(path.resolve('scripts'));
     const allFiles = [...srcFiles, ...scriptsFiles].map((f) =>
       path
         .relative(process.cwd(), f)
-        .replace(/\\/g, "/") // Normalize Windows slashes
-        .replace(/^src\//, "")
-        .replace(/^scripts\//, "")
-        .replace(/\.js$/, ""),
+        .replace(/\\/g, '/') // Normalize Windows slashes
+        .replace(/^src\//, '')
+        .replace(/^scripts\//, '')
+        .replace(/\.js$/, ''),
     );
 
-    const testFiles = getAllJsFiles(path.resolve("tests/unit"), {
+    const testFiles = getAllJsFiles(path.resolve('tests/unit'), {
       includeTests: true,
     });
 
     const testFilesNormalized = testFiles.map((f) =>
       path
-        .relative(path.resolve("tests/unit"), f)
-        .replace(/\\/g, "/")
-        .replace(/\.test\.js$|\.spec\.js$/, ""),
+        .relative(path.resolve('tests/unit'), f)
+        .replace(/\\/g, '/')
+        .replace(/\.test\.js$|\.spec\.js$/, ''),
     );
 
     const testedNames = new Set(testFilesNormalized);
 
     const untested = allFiles.filter((file) => {
-      if (file.startsWith("tests/")) return false;
+      if (file.startsWith('tests/')) return false;
       if ([...allowList].some((allowed) => file.endsWith(allowed)))
         return false;
       return !testedNames.has(file);
@@ -88,8 +88,8 @@ describe("auditCoverage", () => {
 
     if (untested.length > 0) {
       console.warn(
-        "\n[WARN] The following JS modules do not have corresponding tests:\n" +
-          untested.map((f) => `  - ${f}`).join("\n"),
+        '\n[WARN] The following JS modules do not have corresponding tests:\n' +
+          untested.map((f) => `  - ${f}`).join('\n'),
       );
     }
 

package/tests/unit/checkEnv.test.js

@@ -10,10 +10,10 @@ This file is part of Network Pro.
  * Unit test for scripts/checkEnv.js
  */
 
-import { afterEach, describe, expect, it } from "vitest";
-import { checkEnv } from "../../scripts/checkEnv.js";
+import { afterEach, describe, expect, it } from 'vitest';
+import { checkEnv } from '../../scripts/checkEnv.js';
 
-describe("checkEnv()", () => {
+describe('checkEnv()', () => {
   const originalEnv = process.env.ENV_MODE;
 
   afterEach(() => {
@@ -27,23 +27,23 @@ describe("checkEnv()", () => {
   it("should default to 'dev' if ENV_MODE is not set", () => {
     delete process.env.ENV_MODE;
     const result = checkEnv();
-    expect(result.mode).toBe("dev");
+    expect(result.mode).toBe('dev');
     expect(result.valid).toBe(true);
     expect(result.wasDefaulted).toBe(true);
   });
 
-  it("should validate a correct ENV_MODE", () => {
-    process.env.ENV_MODE = "ci";
+  it('should validate a correct ENV_MODE', () => {
+    process.env.ENV_MODE = 'ci';
     const result = checkEnv();
-    expect(result.mode).toBe("ci");
+    expect(result.mode).toBe('ci');
     expect(result.valid).toBe(true);
     expect(result.wasDefaulted).toBe(false);
   });
 
-  it("should return invalid for an unknown ENV_MODE", () => {
-    process.env.ENV_MODE = "banana";
+  it('should return invalid for an unknown ENV_MODE', () => {
+    process.env.ENV_MODE = 'banana';
     const result = checkEnv();
     expect(result.valid).toBe(false);
-    expect(result.allowed).toContain("dev");
+    expect(result.allowed).toContain('dev');
   });
 });

package/tests/unit/checkVersions.test.js

@@ -10,11 +10,11 @@ This file is part of Network Pro.
  * Unit test for scripts/checkVersions.js
  */
 
-import { describe, expect, it } from "vitest";
-import { checkVersions } from "../../scripts/checkVersions.js";
+import { describe, expect, it } from 'vitest';
+import { checkVersions } from '../../scripts/checkVersions.js';
 
-describe("checkVersions()", () => {
-  it("should match current Node and NPM versions to engine ranges", () => {
+describe('checkVersions()', () => {
+  it('should match current Node and NPM versions to engine ranges', () => {
     const result = checkVersions();
 
     expect(result.nodeVersion).toMatch(/^v\d+\.\d+\.\d+$/);

package/tests/unit/csp-report.test.js

@@ -17,28 +17,28 @@ This file is part of Network Pro.
 /** @file Unit tests for edge-functions/csp-report.js using Vitest */
 /** @typedef {import('vitest').TestContext} TestContext */
 
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import handler from "../../netlify/edge-functions/csp-report.js";
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import handler from '../../netlify/edge-functions/csp-report.js';
 
 // 🧪 Mock fetch used by sendToNtfy inside the Edge Function
 global.fetch = vi.fn(() =>
-  Promise.resolve({ ok: true, status: 200, text: () => "OK" }),
+  Promise.resolve({ ok: true, status: 200, text: () => 'OK' }),
 );
 
-describe("csp-report.js", () => {
+describe('csp-report.js', () => {
   beforeEach(() => {
     vi.clearAllMocks();
   });
 
-  it("should handle a valid CSP report", async () => {
-    const req = new Request("http://localhost/api/csp-report", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
+  it('should handle a valid CSP report', async () => {
+    const req = new Request('http://localhost/api/csp-report', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
-        "csp-report": {
-          "document-uri": "https://example.com",
-          "violated-directive": "script-src",
-          "blocked-uri": "https://malicious.site",
+        'csp-report': {
+          'document-uri': 'https://example.com',
+          'violated-directive': 'script-src',
+          'blocked-uri': 'https://malicious.site',
         },
       }),
     });
@@ -47,22 +47,22 @@ describe("csp-report.js", () => {
     expect(res.status).toBe(204);
   });
 
-  it("should reject non-POST requests", async () => {
-    const req = new Request("http://localhost/api/csp-report", {
-      method: "GET",
+  it('should reject non-POST requests', async () => {
+    const req = new Request('http://localhost/api/csp-report', {
+      method: 'GET',
     });
 
     const res = await handler(req, {});
     const text = await res.text();
     expect(res.status).toBe(405);
-    expect(text).toContain("Method Not Allowed");
+    expect(text).toContain('Method Not Allowed');
   });
 
-  it("should handle malformed JSON", async () => {
-    const badJson = "{ invalid json }";
-    const req = new Request("http://localhost/api/csp-report", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
+  it('should handle malformed JSON', async () => {
+    const badJson = '{ invalid json }';
+    const req = new Request('http://localhost/api/csp-report', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
       body: badJson,
     });
 
@@ -70,9 +70,9 @@ describe("csp-report.js", () => {
     expect(res.status).toBe(204); // The current handler swallows errors silently
   });
 
-  it("should handle missing body", async () => {
-    const req = new Request("http://localhost/api/csp-report", {
-      method: "POST",
+  it('should handle missing body', async () => {
+    const req = new Request('http://localhost/api/csp-report', {
+      method: 'POST',
     });
 
     const res = await handler(req, {});

package/tests/unit/demo.test.js

@@ -6,10 +6,10 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
 
-import { describe, expect, it } from "vitest";
+import { describe, expect, it } from 'vitest';
 
-describe("sum test", () => {
-  it("adds 1 + 2 to equal 3", () => {
+describe('sum test', () => {
+  it('adds 1 + 2 to equal 3', () => {
     expect(1 + 2).toBe(3);
   });
 });

package/tests/unit/lib/utils/purify.test.js

@@ -14,37 +14,37 @@ This file is part of Network Pro.
  * @updated 2025-06-01
  */
 
-import { describe, expect, it } from "vitest";
-import { sanitizeHtml } from "../../../../src/lib/utils/purify.js";
+import { describe, expect, it } from 'vitest';
+import { sanitizeHtml } from '../../../../src/lib/utils/purify.js';
 
-describe("sanitizeHtml", () => {
-  it("removes dangerous tags like <script>", async () => {
+describe('sanitizeHtml', () => {
+  it('removes dangerous tags like <script>', async () => {
     const dirty = `<div>Hello <script>alert("XSS")</script> world!</div>`;
     const clean = await sanitizeHtml(dirty);
-    expect(clean).toBe("<div>Hello  world!</div>");
+    expect(clean).toBe('<div>Hello  world!</div>');
   }); // timeout in ms
 
-  it("preserves safe markup like <strong>", async () => {
+  it('preserves safe markup like <strong>', async () => {
     const dirty = `<p>This is <strong>important</strong>.</p>`;
     const clean = await sanitizeHtml(dirty);
-    expect(clean).toBe("<p>This is <strong>important</strong>.</p>");
+    expect(clean).toBe('<p>This is <strong>important</strong>.</p>');
   });
 
-  it("removes dangerous attributes like onerror", async () => {
+  it('removes dangerous attributes like onerror', async () => {
     const dirty = `<img src="x" onerror="alert(1)">`;
     const clean = await sanitizeHtml(dirty);
-    expect(clean).toBe("<img>");
+    expect(clean).toBe('<img>');
   });
 
-  it("keeps valid external links", async () => {
+  it('keeps valid external links', async () => {
     const dirty = `<a href="https://example.com">Click</a>`;
     const clean = await sanitizeHtml(dirty);
     expect(clean).toBe('<a href="https://example.com">Click</a>');
   });
 
-  it("blocks javascript: URLs", async () => {
+  it('blocks javascript: URLs', async () => {
     const dirty = `<a href="javascript:alert('XSS')">bad</a>`;
     const clean = await sanitizeHtml(dirty);
-    expect(clean).toBe("<a>bad</a>");
+    expect(clean).toBe('<a>bad</a>');
   });
 });

package/tests/unit/routes/page.svelte.test.js

@@ -6,25 +6,25 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
 
-import "@testing-library/jest-dom/vitest";
-import { render, screen } from "@testing-library/svelte";
-import { describe, expect, test } from "vitest";
-import Page from "../../../src/routes/+page.svelte";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/svelte';
+import { describe, expect, test } from 'vitest';
+import Page from '../../../src/routes/+page.svelte';
 
-describe("/+page.svelte", () => {
-  test("should render the home page section", () => {
+describe('/+page.svelte', () => {
+  test('should render the home page section', () => {
     const mockData = {
-      pathname: "/", // Required because layout uses it
+      pathname: '/', // Required because layout uses it
       meta: {
         title:
-          "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+          'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™',
         description:
-          "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+          'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™',
       },
     };
 
     render(Page, { props: { data: mockData } });
 
-    expect(screen.getByTestId("home-page")).toBeInTheDocument();
+    expect(screen.getByTestId('home-page')).toBeInTheDocument();
   });
 });