@networkpro/web 1.21.1 → 1.22.1

package/CHANGELOG.md

@@ -22,6 +22,104 @@ This project attempts to follow [Keep a Changelog](https://keepachangelog.com/en
 
 ---
 
+## [1.22.1] - 2025-10-21
+
+### Documentation
+
+- Updated directory structure and **static/pgp** section of `README.md`.
+
+### Changed
+
+- Bumped project version to `v1.22.1`.
+- Updated the text and layout of `AboutContent.svelte`.
+- Added a link to the privacy email address in `PrivacyContent.svelte` and `PrivacyDashboard.svelte` for easier access.
+- Updated the text of `ServicesContent.svelte`.
+- Increased default Playwright test timeouts for navigation-sensitive suites (Desktop and Mobile) to improve stability under CI latency conditions.
+- Implemented `Promise.all()` pattern for combined click and navigation waits, reducing flakiness in route transition tests.
+- Updated the `'about' link'\*\* navigation tests in both Desktop and Mobile scenarios to include:
+  - Explicit `page.waitForLoadState('domcontentloaded')` calls before assertions.
+  - Extended per-suite timeouts (`90s`) using `test.setTimeout(90000)` for reliability on slower environments.
+  - Added fallback `waitForURL('\*\*/about', { timeout: 60000 })` to ensure deterministic routing checks.
+- Adjusted test structure for consistency across device profiles and browsers.
+- Verified local runs remain performant while increasing tolerance for **CI network latency**.
+
+### Fixed
+
+- Corrected `TermsUseContent.svelte` to reflect hosting by Vercel, not Netlify.
+- Corrected license identifier syntax on the following pages:
+  - `AboutContent.svelte`
+  - `FossContent.svelte`
+  - `LicenseContent.svelte`
+  - `PrivacyContent.svelte`
+  - `PrivacyDashboard.svelte`
+  - `ServicesContent.svelte`
+  - `TermsConditionsContent.svelte`
+  - `TermsUseContent.svelte`
+
+---
+
+## [1.22.0] - 2025-10-20
+
+### Added
+
+- Introduced **dynamic QR code image imports** using `import.meta.glob` in `src/lib/images.js`.
+- Implemented new `getQR()` helper function for streamlined QR lookups.
+- Added `QR_IMAGES` registry for centralized QR asset management.
+- Created dedicated PGP key data module (`src/lib/data/pgpKeys.js`) with dynamic QR bindings.
+- Added new app constants (`EMAIL_LINK`, `SECURE_LINK`, `PRIVACY_LINK`) to:
+  - `src/lib/index.js`
+  - `src/lib/types/appConstants.js`
+- Re-exported `src/lib/data/pgpKeys.js` from `src/lib/index.js`.
+- Added favicon and manifest entry for `icon-about.png`.
+- Introduced updated **contact assets block** in `AboutContent.svelte` with enhanced typing.
+- Exported `src/lib/img/powered-by-proton.svg` from `src/lib/images.js`.
+- Added missing JSDoc annotation to `src/lib/data/fossData.js`.
+- Added updated PGP key for `support@netwk.pro` (previously `support@neteng.pro`).
+
+### Changed
+
+- Bumped project version to `v1.22.0`.
+- Updated generator metadata in `src/app.html` to reflect **SvelteKit 2.47.2**.
+- Refactored **PGPContent.svelte** to use the `getQR()` helper and dynamic QR registry.
+- Refactored **AboutContent.svelte** to use the centralized `PGP_KEYS` dataset and app constants.
+- Split PGP key fingerprints into two lines for improved readability.
+- Enhanced **images.js** with support for eager QR image imports.
+- Replaced static PGP imports with automated dynamic resolution.
+- Updated **manifest.json** to reference the new app icon.
+- Revised layout and text consistency for PGP and contact sections in **AboutContent.svelte**.
+- Updated type definitions in `src/lib/types/appConstants.js` for `CONTACT` constants.
+- Cleaned up unused imports and improved inline JSDoc typings throughout the app.
+- Updated asset references in `IGNORE_PATHS` and `REQUIRED_ASSETS` in `src/service-worker.js`.
+- Added spacing adjustments to the tagline in **Logo.svelte**.
+- Updated **HeaderDefault.svelte** to reference the global constant for the **Blog** link.
+- Revised text and app constant usage in **HomeContent.svelte**.
+- Updated the contact section and **Effective Date** in **ServicesContent.svelte**.
+- Rebuilt `src/lib/styles/global.min.css` using **LightningCSS**.
+- Refreshed `_Last Modified_` timestamps in `static/sitemap.xml`.
+
+### Fixed
+
+- Fixed SSR error caused by missing `getQR` reference during page load.
+- Corrected destructuring of `CONTACT` constants during SSR initialization.
+- Fixed fingerprint rendering fallback when fingerprint type was non-array.
+- Adjusted QR image alignment and eager/lazy decoding behavior.
+
+### Removed
+
+- Deleted outdated static assets from `static/pgp`, replaced with dynamically loaded QR images.
+- Removed redundant manual image imports from legacy sections of `images.js`.
+- Removed unnecessary comment block from the `<head>` section of `src/app.html`.
+- Removed `font-weight: bold` property from the `.fingerprint` CSS class in `src/lib/styles/css/default.css`.
+
+### 🧩 Technical Notes
+
+- Updated `vite` from `v7.1.10` → `v7.1.11` to address **CVE-2025-62522**.
+- Updated dependencies for SvelteKit `2.47.2` compatibility:
+  - `@sveltejs/kit`, `svelte`, `vite`, and `eslint`-related plugins.
+- Cleaned up build cache and service worker registration logic in `src/service-worker.js`.
+
+---
+
 ## [1.21.1] - 2025-10-17
 
 ### Added
@@ -1169,7 +1267,9 @@ This project attempts to follow [Keep a Changelog](https://keepachangelog.com/en
 
 <!-- Link references -->
 
-[Unreleased]: https://github.com/netwk-pro/netwk-pro.github.io/compare/v1.21.1...HEAD
+[Unreleased]: https://github.com/netwk-pro/netwk-pro.github.io/compare/v1.22.1...HEAD
+[1.22.1]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.22.1
+[1.22.0]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.22.0
 [1.21.1]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.21.1
 [1.21.0]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.21.0
 [1.20.0]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.20.0
@@ -1210,4 +1310,4 @@ This project attempts to follow [Keep a Changelog](https://keepachangelog.com/en
 [1.12.3]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.12.3
 [1.12.1]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.12.1
 
-<!-- cspell:ignore qrcode cryptom otphelp -->
+<!-- cspell:ignore qrcode cryptom otphelp domcontentloaded -->

package/README.md

@@ -83,7 +83,7 @@ This project follows the principles of [Keep a Changelog](https://keepachangelog
   │   ├── hooks.server.js           # Injects CSP headers and permissions policy
   │   └── service-worker.js         # Custom PWA service worker
   ├── static/                       # Public assets served at site root
-  │   ├── pgp/                      # PGP keys and QR code images
+  │   ├── pgp/                      # PGP keys
   │   ├── disableSw.js              # Service worker bypass (via ?nosw param)
   │   ├── manifest.json             # PWA metadata
   │   ├── robots.txt                # SEO: allow/disallow crawlers
@@ -106,26 +106,19 @@ This project follows the principles of [Keep a Changelog](https://keepachangelog
 
 ### 🔐 `static/pgp/` Directory Structure
 
-This directory contains public PGP key files and their corresponding QR codes.
+This directory contains public PGP key files. Their corresponding QR code images are now loaded dynamically from `src/lib/img/qr`. A dynamic QR code import utility in `src/lib/images.js` allows these files to be imported directly from `$lib`.
 
 ```bash
 static/
 ├── pgp/
 │   ├── contact@s.neteng.pro.asc       # Public key for secure email
-│   ├── pgp-contact.png                # QR code (PNG) for secure email key
-│   ├── pgp-contact.webp               # Optimized WebP version of the QR code
-│   ├── pgp-security.png               # QR code (PNG) for security contact key
-│   ├── pgp-security.webp              # WebP version of the security QR code
-│   ├── pgp-support.png                # QR code (PNG) for support key
-│   ├── pgp-support.webp               # WebP version of the support QR code
 │   ├── security@s.neteng.pro.asc      # Public key for security contact
 │   ├── support@neteng.pro.asc         # Public key for general support
 └── ...
 ```
 
 - `.asc` files are **excluded from service worker precaching** but served directly via the `/pgp/[key]` route.
-- QR code images are **served statically** by the `/pgp` route using `<picture>` elements.
-- **WebP versions** are also used in the `/pgp` route, while the `/about` route imports **dynamic equivalents** from `src/lib/img/qr`.
+- QR code images—including WebP and PNG versions—are **served dynamically** from `src/lib/img/qr` using `<picture>` elements.
 - This route does **not use fallback rendering**; only explicitly defined files are available and expected to resolve.
 - A dynamic `[key]/+server.js` handler under `src/routes/pgp/` serves the `.asc` files with appropriate `Content-Type` and download headers.
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@networkpro/web",
   "private": false,
-  "version": "1.21.1",
+  "version": "1.22.1",
   "description": "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -78,9 +78,9 @@
   },
   "dependencies": {
     "dompurify": "^3.3.0",
-    "posthog-js": "^1.276.0",
+    "posthog-js": "^1.278.0",
     "semver": "^7.7.3",
-    "svelte": "5.40.2"
+    "svelte": "5.41.1"
   },
   "devDependencies": {
     "@eslint/compat": "^1.4.0",
@@ -88,7 +88,7 @@
     "@lhci/cli": "^0.15.1",
     "@playwright/test": "^1.56.1",
     "@sveltejs/adapter-vercel": "^6.0.0",
-    "@sveltejs/kit": "2.47.1",
+    "@sveltejs/kit": "2.47.2",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.2.8",
@@ -97,8 +97,8 @@
     "browserslist": "^4.26.3",
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jsdoc": "^61.1.4",
-    "eslint-plugin-svelte": "^3.12.4",
+    "eslint-plugin-jsdoc": "^61.1.5",
+    "eslint-plugin-svelte": "^3.12.5",
     "globals": "^16.4.0",
     "jsdom": "26.1.0",
     "lightningcss": "^1.30.2",
@@ -113,10 +113,10 @@
     "stylelint-config-recommended": "^17.0.0",
     "stylelint-order": "^7.0.0",
     "svelte-check": "^4.3.3",
-    "svelte-eslint-parser": "^1.3.3",
+    "svelte-eslint-parser": "^1.4.0",
     "svelte-preprocess": "^6.0.3",
     "typescript": "^5.9.3",
-    "vite": "^7.1.10",
+    "vite": "^7.1.11",
     "vite-plugin-lightningcss": "^0.0.5",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4"

package/src/app.html

@@ -24,17 +24,6 @@
       sizes="any"
       type="image/x-icon" />
 
-    <!-- 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 FontAwesome webfonts -->
     <link
       rel="preload"
@@ -64,7 +53,7 @@
       content="bx4ham0zkpvzztzu213bhpt76m9siq" />
     <!-- cspell:enable -->
 
-    <meta name="generator" content="SvelteKit 2.47.1" />
+    <meta name="generator" content="SvelteKit 2.47.2" />
 
     <script src="/disableSw.js"></script>
 

package/src/lib/components/Logo.svelte

@@ -75,12 +75,6 @@ This file is part of Network Pro.
    * @type {"high" | "low" | "auto"}
    */
   export let fetchpriority = 'high';
-
-  /**
-   * Tagline text to display.
-   * @type {string}
-   */
-  export let tagline = 'Security | Networking | Privacy';
 </script>
 
 <!-- BEGIN LOGO AND SITE TITLE -->
@@ -107,6 +101,7 @@ This file is part of Network Pro.
 <div class="spacer"></div>
 
 {#if showTagline}
-  <h2 class="index-title2">{tagline}</h2>
+  <h2 class="index-title2"
+    >{['Security', 'Networking', 'Privacy'].join(' \u00A0 | \u00A0 ')}</h2>
 {/if}
 <!-- END LOGO AND SITE TITLE -->

package/src/lib/components/layout/HeaderDefault.svelte

@@ -15,14 +15,13 @@ This file is part of Network Pro.
 
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { PAGE } = CONSTANTS;
+  const { PAGE, LINKS } = CONSTANTS;
 
   const homeLink = base || '/';
   const aboutLink = `${base}/about`;
   const servLink = `${base}/services`;
   const lhubLink = `${base}/links`;
   const fossLink = `${base}/foss-spotlight`;
-  const blogLink = 'https://blog.netwk.pro';
   const discussLink =
     'https://github.com/netwk-pro/netwk-pro.github.io/discussions';
 
@@ -46,7 +45,7 @@ This file is part of Network Pro.
     { label: 'services', href: servLink, target: PAGE.SELF, external: false },
     {
       label: 'blog',
-      href: blogLink,
+      href: LINKS.BLOG,
       target: PAGE.SELF,
       external: false,
     },

package/src/lib/data/fossData.js

@@ -6,6 +6,14 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
 
+/**
+ * @file fossData.js
+ * @description Data for FOSS Spotlight route
+ * @module src/lib/data
+ * @author Scott Lopez
+ * @updated 2025-10-20
+ */
+
 // Import FOSS images
 import { acodePng, acodeWbp, cryptomPng, cryptomWbp, eauthPng, eauthWbp, hboardPng, hboardWbp, lsheetPng, lsheetWbp, otphelpPng, otphelpWbp, pmxPng, pmxWbp, squirclePng, squircleWbp, tosPng, tosWbp, urlPng, urlWbp } from "$lib";
 

package/src/lib/data/pgpKeys.js

@@ -0,0 +1,82 @@
+/* ==========================================================================
+src/lib/data/pgpKeys.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.
+========================================================================== */
+
+/**
+ * @file pgpKeys.js
+ * @description Dedicated data module for PGP key definitions
+ * @module src/lib/data
+ * @author Scott Lopez
+ * @updated 2025-10-20
+ */
+
+import { getQR } from '$lib';
+
+/**
+ * @typedef {{ png?: string; webp?: string }} QrImagePair
+ *
+ * @typedef {QrImagePair & {
+ *   id: string;
+ *   name: string;
+ *   email: string;
+ *   fingerprint: string;
+ *   opgp: string;
+ *   file: string;
+ * }} PgpKeyEntry
+ */
+
+/**
+ * Base definitions for PGP keys. Each `id` must match a QR code image name
+ * (e.g. "pgp-support" → pgp-support.png / pgp-support.webp).
+ *
+ * @type {Array<{
+ *   id: string;
+ *   name: string;
+ *   email: string;
+ *   fingerprint: string;
+ *   opgp: string;
+ *   file: string;
+ * }>}
+ */
+const BASE_PGP_KEYS = [
+  {
+    id: 'pgp-support',
+    name: 'General Contact & Support',
+    email: 'support (at) netwk.pro',
+    fingerprint: '6590 B992 E2E3 EFF1 2738 7BCE 2AF0 93E9 DEC6 1BA0',
+    opgp: 'https://keys.openpgp.org/search?q=support%40netwk.pro',
+    file: '/pgp/support@netwk.pro.asc',
+  },
+  {
+    id: 'pgp-contact',
+    name: 'Secure Email',
+    email: 'contact (at) s.neteng.pro',
+    fingerprint: 'DF11 8BAA 6C2D 9DCD EBDC 2DDC F993 7349 9495 F957',
+    opgp: 'https://keys.openpgp.org/search?q=contact%40s.neteng.pro',
+    file: '/pgp/contact@s.neteng.pro.asc',
+  },
+  {
+    id: 'pgp-security',
+    name: 'Security Contact',
+    email: 'security (at) s.neteng.pro',
+    fingerprint: 'B7FE 1D4E 6CAB 3E71 4A9F DF6E 48CB 7290 C00D 0DA5',
+    opgp: 'https://keys.openpgp.org/search?q=security%40s.neteng.pro',
+    file: '/pgp/security@s.neteng.pro.asc',
+  },
+];
+
+/**
+ * Full list of enriched PGP keys, each with dynamically resolved QR images.
+ *
+ * @type {PgpKeyEntry[]}
+ */
+export const PGP_KEYS = BASE_PGP_KEYS.map((entry) => ({
+  ...entry,
+  ...getQR(entry.id),
+}));
+
+// cspell:ignore EBDC

package/src/lib/images.js

@@ -13,7 +13,7 @@ This file is part of Network Pro.
  * @description Provides convenient access to images in the src/lib/img directory
  * @module src/lib
  * @author Scott Lopez
- * @updated 2025-06-16
+ * @updated 2025-10-20
  */
 
 // Import favicon images
@@ -33,6 +33,7 @@ import bySvg from '$lib/img/by.svg';
 import ccSvg from '$lib/img/cc.svg';
 import obtainiumPng from '$lib/img/obtainium.png';
 import obtainiumWbp from '$lib/img/obtainium.webp';
+import protonPower from '$lib/img/powered-by-proton.svg';
 
 // Import images for posts
 import acodePng from '$lib/img/posts/acode.png';
@@ -56,15 +57,47 @@ import tosWbp from '$lib/img/posts/tosdr.webp';
 import urlPng from '$lib/img/posts/urlcheck.png';
 import urlWbp from '$lib/img/posts/urlcheck.webp';
 
-// Import QR code images
-import pgpContactPng from '$lib/img/qr/pgp-contact.png';
-import pgpContactWbp from '$lib/img/qr/pgp-contact.webp';
-import pgpSecurityPng from '$lib/img/qr/pgp-security.png';
-import pgpSecurityWbp from '$lib/img/qr/pgp-security.webp';
-import pgpSupportPng from '$lib/img/qr/pgp-support.png';
-import pgpSupportWbp from '$lib/img/qr/pgp-support.webp';
-import vcfPng from '$lib/img/qr/vcard.png';
-import vcfWbp from '$lib/img/qr/vcard.webp';
+// ================================================================
+// Dynamic QR code image imports
+// ================================================================
+
+// Dynamically import all QR code images in src/lib/img/qr
+const qrModules = import.meta.glob('$lib/img/qr/*.{png,webp}', { eager: true });
+
+/**
+ * Aggregated QR code image lookup.
+ * Example: QR_IMAGES['pgp-support'].png → blob URL
+ * @typedef {'png' | 'webp'} QRExtension
+ * @type {Record<string, { png?: string; webp?: string }>}
+ */
+export const QR_IMAGES = {};
+
+// Populate QR_IMAGES
+for (const [path, mod] of Object.entries(qrModules)) {
+  // Ensure we’re dealing with an ES module with a default export
+  const module = /** @type {{ default: string }} */ (mod);
+
+  const file = path.split('/').pop();
+  if (!file) continue; // file is possibly undefined
+
+  const [name, ext] = file.split('.');
+  if (!QR_IMAGES[name]) QR_IMAGES[name] = {};
+
+  if (ext === 'png' || ext === 'webp') {
+    QR_IMAGES[name][ext] = module.default;
+  }
+}
+
+/**
+ * Retrieve QR code image pair (png/webp) by name.
+ * Safely returns an empty object if not found.
+ *
+ * @param {string} name - Base filename (e.g., "pgp-support" or "vcard")
+ * @returns {{ png?: string; webp?: string }}
+ */
+export function getQR(name) {
+  return QR_IMAGES[name] ?? {};
+}
 
 // Re-export all imports
 export {
@@ -87,19 +120,15 @@ export {
   lsheetPng,
   lsheetWbp, obtainiumPng,
   obtainiumWbp, otphelpPng,
-  otphelpWbp, pgpContactPng,
-  pgpContactWbp, pgpSecurityPng,
-  pgpSecurityWbp, pgpSupportPng,
-  pgpSupportWbp, pmxPng,
+  otphelpWbp, pmxPng,
   pmxWbp,
+  protonPower,
   squirclePng,
   squircleWbp,
   tosPng,
   tosWbp,
   urlPng,
-  urlWbp,
-  vcfPng,
-  vcfWbp
+  urlWbp
 };
 
 // cspell:ignore eauth hboard cryptom tosdr otphelp

package/src/lib/index.js

@@ -16,7 +16,7 @@ This file is part of Network Pro.
  * and re-exported here for flat `$lib` imports.
  * @module src/lib
  * @author Scott Lopez
- * @updated 2025-10-10
+ * @updated 2025-10-20
  */
 
 // Re-export all images so they can be imported directly from `$lib`
@@ -30,6 +30,9 @@ export * from './components/index.js';
 // Re-export all pages so they can be imported directly from `$lib`
 export * from './pages/index.js';
 
+// Re-export `pgpKeys` data so it can be imported directly from `$lib`
+export { PGP_KEYS } from '$lib/data/pgpKeys.js';
+
 // Export utility functions
 // Uncomment and adjust these as needed for your project
 // export * from './utils/formatting.js';
@@ -53,9 +56,12 @@ export const CONSTANTS = {
     YEAR: '2025',
   },
   CONTACT: {
-    EMAIL: 'support (at) neteng.pro',
+    EMAIL: 'support (at) netwk.pro',
+    EMAIL_LINK: 'support@netwk.pro',
     SECURE: 'contact (at) s.neteng.pro',
+    SECURE_LINK: 'contact@s.neteng.pro',
     PRIVACY: 'privacy (at) netwk.pro',
+    PRIVACY_LINK: 'privacy@netwk.pro',
     PHONE: '(623) 252-4350',
   },
   PAGE: {