npm - @networkpro/web - Versions diffs - 1.4.2 → 1.5.0 - Mend

@networkpro/web 1.4.2 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/netlify.toml +12 -0
package/package.json +1 -1
package/src/app.html +42 -2
package/src/global.d.ts +16 -7
package/src/hooks.client.ts +16 -0
package/src/lib/components/PWAInstallButton.svelte +13 -22
package/src/lib/registerServiceWorker.js +7 -0
package/src/lib/styles/css/brands.css +1 -1
package/src/lib/styles/css/brands.min.css +1 -1
package/src/lib/styles/css/solid.min.css +1 -1
package/src/lib/unregisterServiceWorker.js +18 -0
package/src/routes/+layout.js +8 -0
package/src/routes/+layout.svelte +2 -28
package/src/service-worker.js +15 -11
package/tests/unit/unregisterServiceWorker.test.js +40 -0
/package/{src/lib/styles → static}/webfonts/fa-brands-400.ttf +0 -0
/package/{src/lib/styles → static}/webfonts/fa-brands-400.woff2 +0 -0
/package/{src/lib/styles → static}/webfonts/fa-solid-900.ttf +0 -0
/package/{src/lib/styles → static}/webfonts/fa-solid-900.woff2 +0 -0

package/netlify.toml CHANGED Viewed

@@ -1,3 +1,15 @@
 [build]
   command = "npm run build"
   publish = "build"
+[[plugins]]
+  package = "netlify-plugin-submit-sitemap"
+	[plugins.inputs]
+	baseUrl = "https://netwk.pro"
+	sitemapPath = "/sitemap.xml"
+	ignorePeriod = 0
+	providers = [
+		"google",
+		"yandex"
+	]

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@networkpro/web",
   "private": false,
   "sideEffects": false,
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "security",

package/src/app.html CHANGED Viewed

@@ -32,12 +32,52 @@
     <link rel="preconnect" href="https://snap.licdn.com" crossorigin />
     <link rel="preconnect" href="https://px.ads.linkedin.com" crossorigin />
-    <!-- Manifest + theme color -->
-    <link rel="manifest" href="manifest.json" />
+    <!-- Preload FontAwesome webfonts -->
+    <link
+      rel="preload"
+      href="/webfonts/fa-solid-900.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin="anonymous" />
+    <link
+      rel="preload"
+      href="/webfonts/fa-brands-400.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin="anonymous" />
+    <!-- PWA -->
     <meta name="theme-color" content="#ffc627" />
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent" />
+    <meta
+      name="facebook-domain-verification"
+      content="bx4ham0zkpvzztzu213bhpt76m9siq" />
     <meta name="generator" content="SvelteKit 2.21.1" />
+    <script>
+      if (location.search.includes("nosw")) {
+        window.__DISABLE_SW__ = true;
+        console.warn("🧪 Service worker disabled via ?nosw flag in URL.");
+        if ("serviceWorker" in navigator) {
+          navigator.serviceWorker.getRegistrations().then((registrations) => {
+            for (const registration of registrations) {
+              registration.unregister().then((success) => {
+                console.log("🧹 SW unregistered:", success);
+              });
+            }
+          });
+        }
+      }
+    </script>
     %sveltekit.head%
   </head>
   <body>

package/src/global.d.ts CHANGED Viewed

@@ -5,11 +5,20 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
-interface BeforeInstallPromptEvent extends Event {
-  readonly platforms: string[];
-  readonly userChoice: Promise<{
-    outcome: 'accepted' | 'dismissed';
-    platform: string;
-  }>;
-  prompt(): Promise<void>;
+declare global {
+  interface BeforeInstallPromptEvent extends Event {
+    readonly platforms: string[];
+    readonly userChoice: Promise<{
+      outcome: 'accepted' | 'dismissed';
+      platform: string;
+    }>;
+    prompt(): Promise<void>;
+  }
+  interface Window {
+    __DISABLE_SW__?: boolean;
+  }
 }
+export { };

package/src/hooks.client.ts ADDED Viewed

@@ -0,0 +1,16 @@
+/* ==========================================================================
+src/hooks.client.ts
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+window.addEventListener("beforeinstallprompt", (e) => {
+  // Prevent default install prompt
+  e.preventDefault();
+  // Re-dispatch as a custom event so your component can respond
+  window.dispatchEvent(new CustomEvent("pwa-install-available", { detail: e }));
+});
+export {};

package/src/lib/components/PWAInstallButton.svelte CHANGED Viewed

@@ -14,40 +14,31 @@ This file is part of Network Pro.
   /** @type {BeforeInstallPromptEvent | null} */
   let deferredPrompt = null;
-  /**
-   * @typedef {CustomEvent<BeforeInstallPromptEvent>} PWAInstallAvailableEvent
-   */
   onMount(() => {
     /**
-     * Listen for the custom event fired by registerServiceWorker.js
-     * to enable a custom install experience.
-     *
-     * TypeScript / svelte-check does not recognize custom events by default,
-     * so we cast the base Event to CustomEvent manually.
+     * @param {Event} e
      */
-    window.addEventListener(
-      "pwa-install-available",
-      (/** @type {Event} */ e) => {
-        const customEvent = /** @type {PWAInstallAvailableEvent} */ (e);
-        deferredPrompt = customEvent.detail;
-        show = true;
-      },
-    );
+    function handleInstallPrompt(e) {
+      /** @type {CustomEvent<BeforeInstallPromptEvent>} */
+      const customEvent = /** @type {CustomEvent} */ (e);
+      deferredPrompt = customEvent.detail;
+      show = true;
+    }
+    window.addEventListener("pwa-install-available", handleInstallPrompt);
+    return () => {
+      window.removeEventListener("pwa-install-available", handleInstallPrompt);
+    };
   });
-  /**
-   * Trigger the native install prompt and handle user response
-   */
   async function promptInstall() {
     if (!deferredPrompt) return;
     deferredPrompt.prompt();
     const { outcome } = await deferredPrompt.userChoice;
     console.log(`User response to PWA install prompt: ${outcome}`);
-    // Always hide the button after interaction
     show = false;
     deferredPrompt = null;
   }

package/src/lib/registerServiceWorker.js CHANGED Viewed

@@ -10,6 +10,13 @@ This file is part of Network Pro.
  * browser/environment compatibility checks. This supports offline usage and PWA behavior.
  */
 export function registerServiceWorker() {
+  const disableSW = window?.__DISABLE_SW__ || false;
+  if (disableSW) {
+    console.warn("⚠️ Service Worker registration disabled via diagnostic mode.");
+    return;
+  }
   if ('serviceWorker' in navigator) {
     // Skip registration in Firefox during development
     const isFirefox = navigator.userAgent.includes('Firefox');

package/src/lib/styles/css/brands.css CHANGED Viewed

@@ -12,7 +12,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: block;
-  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
+  src: url("/webfonts/fa-brands-400.woff2") format("woff2"), url("/webfonts/fa-brands-400.ttf") format("truetype"); }
 .fab,
 .fa-brands {

package/src/lib/styles/css/brands.min.css CHANGED Viewed

@@ -3,4 +3,4 @@
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
-:root,:host{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2)format("woff2"),url(../webfonts/fa-brands-400.ttf)format("truetype")}.fab,.fa-brands{font-weight:400}.fa-square-instagram,.fa-instagram-square{--fa:""}.fa-threads{--fa:""}.fa-linkedin-in{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-500px{--fa:""}.fa-mastodon{--fa:""}.fa-square-github,.fa-github-square{--fa:""}.fa-x-twitter{--fa:""}.fa-square-facebook,.fa-facebook-square{--fa:""}.fa-linkedin{--fa:""}.fa-instagram{--fa:""}.fa-facebook{--fa:""}.fa-github{--fa:""}.fa-twitter{--fa:""}.fa-square-x-twitter{--fa:""}
+:root,:host{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/webfonts/fa-brands-400.woff2)format("woff2"),url(/webfonts/fa-brands-400.ttf)format("truetype")}.fab,.fa-brands{font-weight:400}.fa-square-instagram,.fa-instagram-square{--fa:""}.fa-threads{--fa:""}.fa-linkedin-in{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-500px{--fa:""}.fa-mastodon{--fa:""}.fa-square-github,.fa-github-square{--fa:""}.fa-x-twitter{--fa:""}.fa-square-facebook,.fa-facebook-square{--fa:""}.fa-linkedin{--fa:""}.fa-instagram{--fa:""}.fa-facebook{--fa:""}.fa-github{--fa:""}.fa-twitter{--fa:""}.fa-square-x-twitter{--fa:""}

package/src/lib/styles/css/solid.min.css CHANGED Viewed

@@ -3,4 +3,4 @@
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
-:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/webfonts/fa-solid-900.woff2) format("woff2"),url(/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}

package/src/lib/unregisterServiceWorker.js ADDED Viewed

@@ -0,0 +1,18 @@
+/* ==========================================================================
+src/lib/unregisterServiceWorker.js
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+/**
+ * Allows for manual toggling of the service worker
+ */
+export function unregisterServiceWorker() {
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.getRegistrations().then((registrations) => {
+      registrations.forEach((reg) => reg.unregister());
+      console.log("🧹 All service workers unregistered.");
+    });
+  }
+}

package/src/routes/+layout.js CHANGED Viewed

@@ -21,6 +21,9 @@ const fallbackMeta = {
     "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
 };
+import { browser } from "$app/environment";
+import { registerServiceWorker } from "$lib/registerServiceWorker.js";
 export const prerender = "auto";
 export const trailingSlash = "never";
@@ -31,6 +34,11 @@ export const trailingSlash = "never";
 export function load({ url }) {
   const normalizedPathname = url.pathname.replace(/\/+$/, "") || "/";
+  if (browser) {
+    // Move service worker registration here
+    registerServiceWorker();
+  }
   return {
     pathname: normalizedPathname,
     meta: fallbackMeta, // Required to ensure meta always exists for typing

package/src/routes/+layout.svelte CHANGED Viewed

@@ -14,7 +14,6 @@ This file is part of Network Pro.
   import HeaderHome from "$lib/components/layout/HeaderHome.svelte";
   import PWAInstallButton from "$lib/components/PWAInstallButton.svelte";
   import { browser } from "$app/environment";
-  import { registerServiceWorker } from "$lib/registerServiceWorker.js";
   import "$lib/styles";
   // Import favicon images
@@ -23,18 +22,6 @@ This file is part of Network Pro.
   import faviconSvg from "$lib/img/favicon.svg";
   import appleTouchIcon from "$lib/img/icon-180x180.png";
-  /**
-   * @type {string}
-   * Style class for the mobile-web-app-capable meta tag.
-   * OpenGraph URL for the website.
-   * Company name for the website.
-   * Twitter account for the website.
-   */
-  const webApp = "mobile-web-app-capable";
-  const ogUrl = "https://netwk.pro";
-  const companyName = "Network Pro Strategies";
-  const twitterAct = "@NetEng_Pro";
   if (browser) {
     // Preload logo images
     [logoPng, logoWbp].forEach((src) => {
@@ -46,9 +33,6 @@ This file is part of Network Pro.
     const touchImg = new Image();
     // Preload Apple Touch icon
     touchImg.src = appleTouchIcon;
-    // Register the service worker
-    registerServiceWorker();
   }
   // fallback values if data.meta not set
@@ -62,7 +46,7 @@ This file is part of Network Pro.
 </script>
 <svelte:head>
-  <!-- Static only, dynamic content moved to $lib/components/MetaTags.svelte -->
+  <!-- Dynamic preloads only, meta moved to $lib/components/MetaTags.svelte -->
   <link rel="preload" href={logoWbp} as="image" type="image/webp" />
   <link rel="preload" href={logoPng} as="image" type="image/png" />
   <link rel="preload" href={faviconSvg} as="image" type="image/svg+xml" />
@@ -71,18 +55,8 @@ This file is part of Network Pro.
   <link rel="icon" href={faviconSvg} type="image/svg+xml" />
   <link rel="apple-touch-icon" href={appleTouchIcon} />
-  <!-- PWA -->
-  <link rel="manifest" href="/manifest.json" />
-  <meta name={webApp} content="yes" />
-  <meta name={"apple-" + webApp} content="yes" />
-  <meta
-    name="apple-mobile-web-app-status-bar-style"
-    content="black-translucent" />
+  <!-- Static moved to app.html 2025-05-21 -->
   <meta name="theme-color" content="#ffc627" />
-  <meta
-    name="facebook-domain-verification"
-    content="bx4ham0zkpvzztzu213bhpt76m9siq" />
 </svelte:head>
 <!-- BEGIN HEADER -->

package/src/service-worker.js CHANGED Viewed

@@ -26,22 +26,26 @@ const ASSETS = Array.from(
         const url = new URL(path, location.origin);
         const hostname = url.hostname;
+        const IGNORE_PATHS = new Set([
+          "/img/banner-1280x640.png",
+          "/img/banner-og-1200x630.png",
+          "/img/logo-transparent.png",
+          "/img/logo.png",
+          "/img/svelte.png",
+          "/webfonts/fa-brands-400.ttf",
+          "/webfonts/fa-solid-900.ttf",
+          "/robots.txt",
+          "/screenshots/desktop-foss.png",
+          "/sitemap.xml",
+          "/CNAME",
+        ]);
         const shouldExclude =
           path.startsWith("http") ||
           disallowedHosts.some(
             (host) => hostname === host || hostname.endsWith(`.${host}`),
           ) ||
-          [
-            "/img/banner-1280x640.png",
-            "/img/banner-og-1200x630.png",
-            "/img/logo-transparent.png",
-            "/img/logo.png",
-            "/img/svelte.png",
-            "/robots.txt",
-            "/screenshots/desktop-foss.png",
-            "/sitemap.xml",
-            "/CNAME",
-          ].includes(path);
+          IGNORE_PATHS.has(path);
         if (shouldExclude) excludedAssets.push(path);
         return !shouldExclude;

package/tests/unit/unregisterServiceWorker.test.js ADDED Viewed

@@ -0,0 +1,40 @@
+/* ==========================================================================
+tests/unit/unregisterServiceWorker.test.js
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { unregisterServiceWorker } from "../../src/lib/unregisterServiceWorker.js";
+describe("unregisterServiceWorker()", () => {
+  beforeEach(() => {
+    // Clean up any mocks from previous runs
+    vi.restoreAllMocks();
+  });
+  it("should call unregister on all registered service workers", async () => {
+    const mockUnregister1 = vi.fn();
+    const mockUnregister2 = vi.fn();
+    // Minimal mock objects
+    const mockRegistration1 = { unregister: mockUnregister1 };
+    const mockRegistration2 = { unregister: mockUnregister2 };
+    // Stub getRegistrations to return mock service workers
+    Object.defineProperty(navigator, "serviceWorker", {
+      configurable: true,
+      value: {
+        getRegistrations: vi
+          .fn()
+          .mockResolvedValue([mockRegistration1, mockRegistration2]),
+      },
+    });
+    await unregisterServiceWorker();
+    expect(mockUnregister1).toHaveBeenCalled();
+    expect(mockUnregister2).toHaveBeenCalled();
+  });
+});

/package/{src/lib/styles → static}/webfonts/fa-brands-400.ttf RENAMED Viewed

File without changes

/package/{src/lib/styles → static}/webfonts/fa-brands-400.woff2 RENAMED Viewed

File without changes

/package/{src/lib/styles → static}/webfonts/fa-solid-900.ttf RENAMED Viewed

File without changes

/package/{src/lib/styles → static}/webfonts/fa-solid-900.woff2 RENAMED Viewed

File without changes