@networkpro/web 1.12.8 → 1.13.0

package/src/lib/registerServiceWorker.js

@@ -14,16 +14,16 @@ This file is part of Network Pro.
  * and PWA behavior.
  */
 export function registerServiceWorker() {
-  const disableSW = window?.__DISABLE_SW__ || location.search.includes("nosw");
+  const disableSW = window?.__DISABLE_SW__ || location.search.includes('nosw');
 
   if (disableSW) {
-    console.warn("⚠️ Service Worker registration disabled via diagnostic mode.");
+    console.warn('⚠️ Service Worker registration disabled via diagnostic mode.');
 
-    if ("serviceWorker" in navigator) {
+    if ('serviceWorker' in navigator) {
       navigator.serviceWorker.getRegistrations().then((registrations) => {
         registrations.forEach((reg) =>
           reg.unregister().then((success) => {
-            console.log("🧹 SW unregistered from registerServiceWorker.js:", success);
+            console.log('🧹 SW unregistered from registerServiceWorker.js:', success);
           })
         );
       });
@@ -32,51 +32,51 @@ export function registerServiceWorker() {
     return;
   }
 
-  if ("serviceWorker" in navigator) {
-    const isFirefox = navigator.userAgent.includes("Firefox");
+  if ('serviceWorker' in navigator) {
+    const isFirefox = navigator.userAgent.includes('Firefox');
     const isDevelopment =
-      location.hostname === "localhost" || location.hostname === "127.0.0.1";
+      location.hostname === 'localhost' || location.hostname === '127.0.0.1';
 
     if (isFirefox && isDevelopment) {
-      console.log("🛑 SW registration skipped in Firefox development mode");
+      console.log('🛑 SW registration skipped in Firefox development mode');
       return;
     }
 
-    window.addEventListener("load", () => {
+    window.addEventListener('load', () => {
       navigator.serviceWorker
-        .register("service-worker.js")
+        .register('service-worker.js')
         .then((registration) => {
-          console.log("✅ Service Worker registered with scope:", registration.scope);
+          console.log('✅ Service Worker registered with scope:', registration.scope);
 
           // 🧼 Manual cleanup of unexpected caches
           caches.keys().then((keys) => {
             keys.forEach((key) => {
-              if (!key.startsWith("cache-")) {
-                console.log("🧹 Deleting unexpected cache:", key);
+              if (!key.startsWith('cache-')) {
+                console.log('🧹 Deleting unexpected cache:', key);
                 caches.delete(key);
               }
             });
           });
 
-          registration.addEventListener("updatefound", () => {
+          registration.addEventListener('updatefound', () => {
             const newWorker = registration.installing;
-            console.log("[SW-CLIENT] New service worker installing...");
+            console.log('[SW-CLIENT] New service worker installing...');
 
             if (!newWorker) return;
 
             let updatePrompted = false;
 
-            newWorker.addEventListener("statechange", () => {
-              console.log("[SW-CLIENT] New worker state:", newWorker.state);
+            newWorker.addEventListener('statechange', () => {
+              console.log('[SW-CLIENT] New worker state:', newWorker.state);
 
               if (
-                newWorker.state === "installed" &&
+                newWorker.state === 'installed' &&
                 navigator.serviceWorker.controller &&
                 !updatePrompted
               ) {
                 updatePrompted = true;
-                console.log("[SW-CLIENT] New SW installed. Prompting user to reload.");
-                if (confirm("New content is available. Reload to update?")) {
+                console.log('[SW-CLIENT] New SW installed. Prompting user to reload.');
+                if (confirm('New content is available. Reload to update?')) {
                   window.location.reload();
                 }
               }
@@ -84,22 +84,22 @@ export function registerServiceWorker() {
           });
         })
         .catch((error) => {
-          console.error("❌ Service Worker registration failed:", error);
+          console.error('❌ Service Worker registration failed:', error);
         });
 
       let refreshing = false;
-      navigator.serviceWorker.addEventListener("controllerchange", () => {
-        console.log("[SW-CLIENT] Controller changed.");
+      navigator.serviceWorker.addEventListener('controllerchange', () => {
+        console.log('[SW-CLIENT] Controller changed.');
         if (!refreshing) {
           refreshing = true;
           window.location.reload();
         }
       });
 
-      window.addEventListener("beforeinstallprompt", (e) => {
+      window.addEventListener('beforeinstallprompt', (e) => {
         e.preventDefault();
         window.dispatchEvent(
-          new CustomEvent("pwa-install-available", {
+          new CustomEvent('pwa-install-available', {
             detail: /** @type {BeforeInstallPromptEvent} */ (e),
           }),
         );

package/src/lib/stores/posthog.js

@@ -14,8 +14,8 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 import {
   remindUserToReconsent,
   trackingPreferences,
-} from "$lib/stores/trackingPreferences.js";
-import { get, writable } from "svelte/store";
+} from '$lib/stores/trackingPreferences.js';
+import { get, writable } from 'svelte/store';
 
 /**
  * Tracks whether tracking is allowed based on cookies, DNT/GPC, and user preference.
@@ -41,7 +41,7 @@ let ph = null;
  * @returns {Promise<void>}
  */
 export async function initPostHog() {
-  if (initialized || typeof window === "undefined") return;
+  if (initialized || typeof window === 'undefined') return;
   initialized = true;
 
   const { enabled } = get(trackingPreferences);
@@ -49,32 +49,32 @@ export async function initPostHog() {
   showReminder.set(get(remindUserToReconsent)); // ✅ use derived store instead
 
   if (!enabled) {
-    console.log("[PostHog] Tracking is disabled — skipping init.");
+    console.log('[PostHog] Tracking is disabled — skipping init.');
     return;
   }
 
-  const posthogModule = await import("posthog-js");
+  const posthogModule = await import('posthog-js');
   ph = posthogModule.default;
 
   // cspell:disable-next-line
-  ph.init("phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0", {
-    api_host: "https://us.i.posthog.com",
+  ph.init('phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0', {
+    api_host: 'https://us.i.posthog.com',
     autocapture: true,
     capture_pageview: false,
-    person_profiles: "identified_only",
+    person_profiles: 'identified_only',
     loaded: (phInstance) => {
       if (!enabled) {
         console.log(
-          "[PostHog] ⛔ User opted out — calling opt_out_capturing()",
+          '[PostHog] ⛔ User opted out — calling opt_out_capturing()',
         );
         phInstance.opt_out_capturing();
       } else {
-        console.log("[PostHog] ✅ Tracking enabled");
+        console.log('[PostHog] ✅ Tracking enabled');
       }
     },
   });
 
-  ph.capture("$pageview");
+  ph.capture('$pageview');
 }
 
 /**
@@ -105,8 +105,8 @@ export function identify(id, properties = {}) {
  * @returns {void}
  */
 export function _resetPostHog() {
-  if (import.meta.env.MODE === "production") {
-    console.warn("[PostHog] _resetPostHog() called in production — no-op");
+  if (import.meta.env.MODE === 'production') {
+    console.warn('[PostHog] _resetPostHog() called in production — no-op');
     return;
   }
 

package/src/lib/stores/trackingPreferences.js

@@ -19,8 +19,8 @@ This file is part of Network Pro.
  * @module src/lib/stores
  */
 
-import { browser } from "$app/environment";
-import { derived, writable } from "svelte/store";
+import { browser } from '$app/environment';
+import { derived, writable } from 'svelte/store';
 
 /**
  * @typedef {object} TrackingState
@@ -36,7 +36,7 @@ import { derived, writable } from "svelte/store";
  * @returns {string} Raw document.cookie or empty string (SSR-safe)
  */
 function readCookies() {
-  return browser ? document.cookie || "" : "";
+  return browser ? document.cookie || '' : '';
 }
 
 /**
@@ -96,7 +96,7 @@ function removeConsentTimestamp() {
 function getPrivacySignals() {
   if (!browser) return { dnt: false, gpc: false };
 
-  const dnt = navigator.doNotTrack === "1";
+  const dnt = navigator.doNotTrack === '1';
   // @ts-expect-error: Non-standard GPC property
   const gpc = navigator.globalPrivacyControl === true;
 
@@ -112,18 +112,18 @@ function getPrivacySignals() {
  * @returns {string}
  */
 function deriveStatus({ optedOut, optedIn, dnt, gpc }) {
-  if (optedOut) return "🔒 Tracking disabled (manual opt-out)";
-  if (optedIn) return "✅ Tracking enabled (manual opt-in)";
-  if (dnt || gpc) return "🛑 Tracking disabled (via browser signal)";
-  return "⚙️ Using default settings (tracking enabled)";
+  if (optedOut) return '🔒 Tracking disabled (manual opt-out)';
+  if (optedIn) return '✅ Tracking enabled (manual opt-in)';
+  if (dnt || gpc) return '🛑 Tracking disabled (via browser signal)';
+  return '⚙️ Using default settings (tracking enabled)';
 }
 
 /**
  * @returns {TrackingState}
  */
 function computePreferences() {
-  const optedOut = cookieExists("disable_tracking");
-  const optedIn = cookieExists("enable_tracking");
+  const optedOut = cookieExists('disable_tracking');
+  const optedIn = cookieExists('enable_tracking');
   const { dnt, gpc } = getPrivacySignals();
 
   const enabled = optedIn || (!optedOut && !dnt && !gpc);
@@ -143,7 +143,7 @@ export const trackingPreferences = writable(
         dnt: false,
         gpc: false,
         enabled: false,
-        status: "⏳ Checking tracking preferences...",
+        status: '⏳ Checking tracking preferences...',
       },
 );
 
@@ -154,8 +154,8 @@ export const trackingPreferences = writable(
 function hasUserManuallySetTrackingPreference() {
   const cookies = readCookies();
   return (
-    cookies.includes("enable_tracking=true") ||
-    cookies.includes("disable_tracking=true")
+    cookies.includes('enable_tracking=true') ||
+    cookies.includes('disable_tracking=true')
   );
 }
 
@@ -193,8 +193,8 @@ export function refreshTrackingPreferences() {
  * @returns {void}
  */
 export function setOptIn() {
-  setCookie("enable_tracking");
-  removeCookie("disable_tracking");
+  setCookie('enable_tracking');
+  removeCookie('disable_tracking');
   setConsentTimestamp();
   refreshTrackingPreferences();
 }
@@ -204,8 +204,8 @@ export function setOptIn() {
  * @returns {void}
  */
 export function setOptOut() {
-  setCookie("disable_tracking");
-  removeCookie("enable_tracking");
+  setCookie('disable_tracking');
+  removeCookie('enable_tracking');
   setConsentTimestamp();
   refreshTrackingPreferences();
 }
@@ -215,8 +215,8 @@ export function setOptOut() {
  * @returns {void}
  */
 export function clearPrefs() {
-  removeCookie("enable_tracking");
-  removeCookie("disable_tracking");
+  removeCookie('enable_tracking');
+  removeCookie('disable_tracking');
   removeConsentTimestamp();
   refreshTrackingPreferences();
 }

package/src/lib/styles/css/default.css

@@ -457,12 +457,16 @@ footer .container {
 .block {
   width: 100%;
   border: none;
-  font-size: 0.75rem;
+  font-size: 0.875rem;
   line-height: 1.125rem;
   background: none;
   border-radius: 0;
+  font-family: monospace;     /* retain code look */
   outline: none;
+  overflow-wrap: break-word;  /* modern replacement */
   resize: none;
+  white-space: normal;        /* allow wrapping */
+  word-break: normal;         /* avoid deprecated behavior */
 }
 
 .fingerprint {

package/src/lib/styles/global.min.css

@@ -3,4 +3,4 @@ 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.
 ========================================================================== */
-html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover,a:active{color:#ffc627;text-decoration:underline}a:visited{color:#7f6227}a:focus-visible{color:#191919;outline-offset:4px;background-color:#ffc627;outline:2px solid #ffc627}a:focus:not(:focus-visible){color:inherit;background-color:#0000;outline:none}a:visited:hover{color:#7f6227}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;width:auto;height:auto;white-space:inherit;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.full-width-section{background-position:50%;background-size:cover;width:100%;max-width:1920px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 12px}.readable{max-width:900px;margin:0 auto}header,footer{width:100%}header .container,footer .container{max-width:1200px;margin:0 auto;padding:20px 12px}.gh{border-collapse:collapse;border-spacing:0;margin:0 auto}.gh td,.gh th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.gh .gh-tcell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.gh,.gh col{width:auto!important}.gh-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.soc{border-collapse:collapse;border-spacing:0;margin:0 auto}.soc td,.soc th{border-collapse:collapse;word-break:normal;padding:8px;overflow:hidden}.soc .soc-fa{text-align:center;vertical-align:middle}@media screen and (width<=767px){.soc,.soc col{width:auto!important}.soc-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.foss{border-collapse:collapse;border-spacing:0}.foss td,.foss th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.foss .foss-cell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.foss,.foss col{width:auto!important}.foss-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.bnav{text-align:center;border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td,.bnav th{text-align:center;vertical-align:middle;word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav .bnav-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav,.bnav col{width:auto!important}.bnav-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.bnav2{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav2 td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav2 th{word-break:normal;border-style:none;padding:12px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.bnav2 .bnav2-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav2,.bnav2 col{width:auto!important}.bnav2-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.pgp{border-collapse:collapse;border-spacing:0;margin:0 auto}.pgp td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp th{word-break:normal;border:1px solid #000;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp .pgp-col1{text-align:right;vertical-align:middle;padding-right:1rem}.pgp .pgp-col2{text-align:left;vertical-align:middle;padding-left:1rem}@media screen and (width<=767px){.pgp,.pgp col{width:auto!important}.pgp-wrap{-webkit-overflow-scrolling:touch;margin:2rem 0 auto;overflow-x:auto}}.logo{margin-left:auto;margin-right:auto;display:block}.index-title1{text-align:center;font-style:italic;font-weight:700}.index-title2{letter-spacing:-.015em;text-align:center;font-variant:small-caps;font-size:1.25rem;line-height:1.625rem}.index1{letter-spacing:-.035em;text-align:center;font-style:italic;font-weight:700;line-height:2.125rem}.index2{letter-spacing:-.035em;text-align:center;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.index3{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem}.index4{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem;text-decoration:underline}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.bold{font-weight:700}.emphasis{font-style:italic}.uline{text-decoration:underline}.bolditalic{font-style:italic;font-weight:700}.bquote{border-left:3px solid #9e9e9e;margin-left:30px;padding-left:10px;font-style:italic}.small-text{font-size:.75rem;line-height:1.125rem}.large-text-center{text-align:center;font-size:1.25rem;line-height:1.75rem}.prewrap{white-space:pre-wrap;display:block}.hr-styled{width:75%;margin:auto}.center-text{text-align:center}.copyright{text-align:center;font-size:.75rem;line-height:1.125rem}.gold{color:#ffc627}.visited{color:#7f6227}.goldseparator{color:#ffc627;margin:0 .5rem}.center-nav{text-align:center;padding:5px;font-size:1rem;line-height:1.5rem}.block{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-size:.75rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:150px;height:150px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}.emoji{margin-right:8px}.headline{margin-bottom:4px;font-style:italic;font-weight:700;display:block}.label{font-family:inherit;font-weight:700}.description{font-family:inherit;font-style:normal;font-weight:400;display:inline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pgp-entry{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.pgp-text{flex:2;min-width:250px}.pgp-qr{flex:1;min-width:150px}
+html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover,a:active{color:#ffc627;text-decoration:underline}a:visited{color:#7f6227}a:focus-visible{color:#191919;outline-offset:4px;background-color:#ffc627;outline:2px solid #ffc627}a:focus:not(:focus-visible){color:inherit;background-color:#0000;outline:none}a:visited:hover{color:#7f6227}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;width:auto;height:auto;white-space:inherit;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.full-width-section{background-position:50%;background-size:cover;width:100%;max-width:1920px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 12px}.readable{max-width:900px;margin:0 auto}header,footer{width:100%}header .container,footer .container{max-width:1200px;margin:0 auto;padding:20px 12px}.gh{border-collapse:collapse;border-spacing:0;margin:0 auto}.gh td,.gh th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.gh .gh-tcell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.gh,.gh col{width:auto!important}.gh-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.soc{border-collapse:collapse;border-spacing:0;margin:0 auto}.soc td,.soc th{border-collapse:collapse;word-break:normal;padding:8px;overflow:hidden}.soc .soc-fa{text-align:center;vertical-align:middle}@media screen and (width<=767px){.soc,.soc col{width:auto!important}.soc-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.foss{border-collapse:collapse;border-spacing:0}.foss td,.foss th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.foss .foss-cell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.foss,.foss col{width:auto!important}.foss-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.bnav{text-align:center;border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td,.bnav th{text-align:center;vertical-align:middle;word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav .bnav-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav,.bnav col{width:auto!important}.bnav-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.bnav2{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav2 td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav2 th{word-break:normal;border-style:none;padding:12px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.bnav2 .bnav2-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav2,.bnav2 col{width:auto!important}.bnav2-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.pgp{border-collapse:collapse;border-spacing:0;margin:0 auto}.pgp td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp th{word-break:normal;border:1px solid #000;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp .pgp-col1{text-align:right;vertical-align:middle;padding-right:1rem}.pgp .pgp-col2{text-align:left;vertical-align:middle;padding-left:1rem}@media screen and (width<=767px){.pgp,.pgp col{width:auto!important}.pgp-wrap{-webkit-overflow-scrolling:touch;margin:2rem 0 auto;overflow-x:auto}}.logo{margin-left:auto;margin-right:auto;display:block}.index-title1{text-align:center;font-style:italic;font-weight:700}.index-title2{letter-spacing:-.015em;text-align:center;font-variant:small-caps;font-size:1.25rem;line-height:1.625rem}.index1{letter-spacing:-.035em;text-align:center;font-style:italic;font-weight:700;line-height:2.125rem}.index2{letter-spacing:-.035em;text-align:center;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.index3{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem}.index4{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem;text-decoration:underline}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.bold{font-weight:700}.emphasis{font-style:italic}.uline{text-decoration:underline}.bolditalic{font-style:italic;font-weight:700}.bquote{border-left:3px solid #9e9e9e;margin-left:30px;padding-left:10px;font-style:italic}.small-text{font-size:.75rem;line-height:1.125rem}.large-text-center{text-align:center;font-size:1.25rem;line-height:1.75rem}.prewrap{white-space:pre-wrap;display:block}.hr-styled{width:75%;margin:auto}.center-text{text-align:center}.copyright{text-align:center;font-size:.75rem;line-height:1.125rem}.gold{color:#ffc627}.visited{color:#7f6227}.goldseparator{color:#ffc627;margin:0 .5rem}.center-nav{text-align:center;padding:5px;font-size:1rem;line-height:1.5rem}.block{overflow-wrap:break-word;resize:none;white-space:normal;word-break:normal;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-family:monospace;font-size:.875rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:150px;height:150px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}.emoji{margin-right:8px}.headline{margin-bottom:4px;font-style:italic;font-weight:700;display:block}.label{font-family:inherit;font-weight:700}.description{font-family:inherit;font-style:normal;font-weight:400;display:inline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pgp-entry{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.pgp-text{flex:2;min-width:250px}.pgp-qr{flex:1;min-width:150px}

package/src/lib/unregisterServiceWorker.js

@@ -13,7 +13,7 @@ export function unregisterServiceWorker() {
   if ('serviceWorker' in navigator) {
     navigator.serviceWorker.getRegistrations().then((registrations) => {
       registrations.forEach((reg) => reg.unregister());
-      console.log("🧹 All service workers unregistered.");
+      console.log('🧹 All service workers unregistered.');
     });
   }
 }

package/src/lib/utils/purify.js

@@ -15,7 +15,7 @@ This file is part of Network Pro.
  * @updated 2025-06-01
  */
 
-import createDOMPurify from "dompurify";
+import createDOMPurify from 'dompurify';
 
 /**
  * @typedef {ReturnType<import('dompurify').default>} DOMPurifyInstance
@@ -37,13 +37,13 @@ let jsdomWindow = null;
 export async function getDOMPurify() {
   if (DOMPurifyInstance) return DOMPurifyInstance;
 
-  if (typeof window !== "undefined") {
+  if (typeof window !== 'undefined') {
     // ✅ Client-side: use native window
     DOMPurifyInstance = createDOMPurify(window);
   } else {
     // ✅ SSR: dynamically import jsdom to avoid bundling
-    const { JSDOM } = await import("jsdom");
-    jsdomWindow = jsdomWindow || new JSDOM("").window;
+    const { JSDOM } = await import('jsdom');
+    jsdomWindow = jsdomWindow || new JSDOM('').window;
     DOMPurifyInstance = createDOMPurify(jsdomWindow);
   }
 

package/src/lib/utils/utm.js

@@ -20,8 +20,8 @@ This file is part of Network Pro.
  * @returns {string | null}
  */
 export function appendUTM(url) {
-  if (typeof window === "undefined") return null;
+  if (typeof window === 'undefined') return null;
 
-  const utm = new URLSearchParams(window.location.search).get("utm_source");
+  const utm = new URLSearchParams(window.location.search).get('utm_source');
   return utm ? `${url}?utm_source=${encodeURIComponent(utm)}` : url;
 }

package/src/routes/+error.svelte

@@ -24,21 +24,21 @@ This file is part of Network Pro.
    */
   export let error;
 
-  const centerText = "center-text";
+  const centerText = 'center-text';
 
   // Get the pathname from the URL if available
   const pathname =
-    typeof window !== "undefined" ? window.location.pathname : "/";
+    typeof window !== 'undefined' ? window.location.pathname : '/';
 </script>
 
 <main>
   <h1 class={centerText}
-    >{status} - {status === 404 ? "Page Not Found" : "Error"}</h1>
+    >{status} - {status === 404 ? 'Page Not Found' : 'Error'}</h1>
   <p class={centerText}>
     {#if status === 404}
       The page "{pathname}" does not exist.
     {:else}
-      {error?.message || "An error occurred"}
+      {error?.message || 'An error occurred'}
     {/if}
   </p>
 </main>

package/src/routes/+layout.js

@@ -12,27 +12,27 @@ This file is part of Network Pro.
  * @property {string} description - The description of the page
  */
 
-import { meta as routeMeta } from "$lib/meta.js"; // Import meta from $lib/meta.js and alias it
+import { meta as routeMeta } from '$lib/meta.js'; // Import meta from $lib/meta.js and alias it
 
 /**
  * Fallback metadata to satisfy typing in +layout.svelte and +page.svelte.
  * Actual meta content is provided per-route via +page.server.js.
  */
 const fallbackMeta = {
-  title: "Security, Networking, Privacy — Network Pro™",
+  title: '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™',
 };
 
-export const prerender = "auto";
-export const trailingSlash = "never";
+export const prerender = 'auto';
+export const trailingSlash = 'never';
 
 /**
  * @param {{ url: URL }} param0
  * @returns {{ pathname: string, meta: MetaData }}
  */
 export function load({ url }) {
-  const normalizedPathname = url.pathname.replace(/\/+$/, "") || "/";
+  const normalizedPathname = url.pathname.replace(/\/+$/, '') || '/';
 
   // Check if meta data for the route exists in `meta.js`, otherwise use the fallback
   const currentMeta = routeMeta[normalizedPathname] || fallbackMeta;

package/src/routes/+layout.svelte

@@ -9,50 +9,50 @@ This file is part of Network Pro.
 <script>
   export let data;
 
-  import { onMount } from "svelte";
-  import { afterNavigate } from "$app/navigation";
-  import { initPostHog, showReminder, capture } from "$lib/stores/posthog";
-  import { registerServiceWorker } from "$lib/registerServiceWorker.js";
-  import { browser } from "$app/environment";
-
-  import ContainerSection from "$lib/components/ContainerSection.svelte";
-  import Footer from "$lib/components/layout/Footer.svelte";
-  import HeaderDefault from "$lib/components/layout/HeaderDefault.svelte";
-  import HeaderHome from "$lib/components/layout/HeaderHome.svelte";
-  import PWAInstallButton from "$lib/components/PWAInstallButton.svelte";
-
-  import "$lib/styles/global.min.css";
-  import "$lib/styles/fa-global.css";
-
-  import logoPng from "$lib/img/logo-web.png";
-  import logoWbp from "$lib/img/logo-web.webp";
-  import faviconSvg from "$lib/img/favicon.svg";
-  import appleTouchIcon from "$lib/img/icon-180x180.png";
+  import { onMount } from 'svelte';
+  import { afterNavigate } from '$app/navigation';
+  import { initPostHog, showReminder, capture } from '$lib/stores/posthog';
+  import { registerServiceWorker } from '$lib/registerServiceWorker.js';
+  import { browser } from '$app/environment';
+
+  import ContainerSection from '$lib/components/ContainerSection.svelte';
+  import Footer from '$lib/components/layout/Footer.svelte';
+  import HeaderDefault from '$lib/components/layout/HeaderDefault.svelte';
+  import HeaderHome from '$lib/components/layout/HeaderHome.svelte';
+  import PWAInstallButton from '$lib/components/PWAInstallButton.svelte';
+
+  import '$lib/styles/global.min.css';
+  import '$lib/styles/fa-global.css';
+
+  import logoPng from '$lib/img/logo-web.png';
+  import logoWbp from '$lib/img/logo-web.webp';
+  import faviconSvg from '$lib/img/favicon.svg';
+  import appleTouchIcon from '$lib/img/icon-180x180.png';
 
   $: shouldShowReminder = $showReminder;
 
   onMount(() => {
-    console.log("[APP] onMount triggered in +layout.svelte");
+    console.log('[APP] onMount triggered in +layout.svelte');
 
     registerServiceWorker();
     initPostHog();
 
     // Register navigation tracking only on client
     afterNavigate(() => {
-      capture("$pageview");
+      capture('$pageview');
     });
 
     if (browser) {
-      const isDev = import.meta.env.MODE === "development";
+      const isDev = import.meta.env.MODE === 'development';
 
       // Check for ?debug=true in URL (no persistence)
       const urlParams = new URLSearchParams(window.location.search);
-      const debug = urlParams.get("debug") === "true";
+      const debug = urlParams.get('debug') === 'true';
 
       if (isDev || debug) {
-        console.log("ENV MODE =", import.meta.env.MODE);
-        console.log("isDev =", isDev);
-        console.log("debug param =", debug);
+        console.log('ENV MODE =', import.meta.env.MODE);
+        console.log('isDev =', isDev);
+        console.log('debug param =', debug);
       }
 
       // Preload logo assets
@@ -65,10 +65,10 @@ This file is part of Network Pro.
 
   // fallback values if data.meta not set
   const metaTitle =
-    data?.meta?.title || "Security, Networking, Privacy — Network Pro™";
+    data?.meta?.title || 'Security, Networking, Privacy — Network Pro™';
   const metaDescription =
     data?.meta?.description ||
-    "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™";
+    'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™';
 </script>
 
 <svelte:head>
@@ -88,7 +88,7 @@ This file is part of Network Pro.
 <!-- BEGIN HEADER -->
 <header id="header-nav">
   <ContainerSection>
-    {#if data.pathname === "/"}
+    {#if data.pathname === '/'}
       <!-- Render the Home Header for the root route -->
       <HeaderHome />
       <PWAInstallButton />

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

@@ -6,7 +6,7 @@ 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";
+import { defaultMeta, meta } from '$lib/meta.js';
 
 export const prerender = false;
 
@@ -23,6 +23,6 @@ export const prerender = false;
  */
 export function load() {
   return {
-    meta: meta["/"] || defaultMeta,
+    meta: meta['/'] || defaultMeta,
   };
 }

package/src/routes/+page.svelte

@@ -7,25 +7,25 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import Badges from "$lib/components/Badges.svelte";
-  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
-  import HomeContent from "$lib/pages/HomeContent.svelte";
-  import LegalNav from "$lib/components/LegalNav.svelte";
-  import Logo from "$lib/components/Logo.svelte";
-  import SocialMedia from "$lib/components/SocialMedia.svelte";
-  import MetaTags from "$lib/components/MetaTags.svelte";
+  import Badges from '$lib/components/Badges.svelte';
+  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
+  import HomeContent from '$lib/pages/HomeContent.svelte';
+  import LegalNav from '$lib/components/LegalNav.svelte';
+  import Logo from '$lib/components/Logo.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";
+  const hrStyle = 'hr-styled';
 
   /**
    * @type {string}
    * Style class for the div element.
    */
-  const spaceStyle = "spacer";
+  const spaceStyle = 'spacer';
 
   export let data;
 </script>

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

@@ -6,13 +6,13 @@ 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";
+import { defaultMeta, meta } from '$lib/meta.js';
 
 export const prerender = false;
 
 /** @type {import('./$types').PageServerLoad} */
 export function load() {
   return {
-    meta: meta["/about"] || defaultMeta,
+    meta: meta['/about'] || defaultMeta,
   };
 }