@networkpro/web 1.7.3 → 1.7.6

package/CODE_OF_CONDUCT.md

@@ -8,8 +8,8 @@ This file is part of Network Pro.
 
 <a name="top"></a>
 
-[SPDX-License-Identifier](https://spdx.dev/learn/handling-license-info):
-`CC-BY-4.0 OR GPL-3.0-or-later`
+<sup>[SPDX-License-Identifier](https://spdx.dev/learn/handling-license-info):
+`CC-BY-4.0 OR GPL-3.0-or-later`</sup>
 
 # Contributor Covenant Code of Conduct
 
@@ -152,12 +152,12 @@ For answers to common questions about this code of conduct, see the FAQ at
 
 ---
 
-<div style="font-size: 12px; font-weight: bold; text-align: center;">
+<span style="font-size: 12px; font-weight: bold; text-align: center;">
 
 [Home](https://netwk.pro) &nbsp; | &nbsp; [Terms of Use](https://netwk.pro/terms-of-use)  
 [Privacy Policy](https://netwk.pro/privacy) &nbsp; | &nbsp; [Legal](https://netwk.pro/license)
 
-</div>
+</span>
 
 &nbsp;
 

package/LICENSE.md

@@ -6,8 +6,8 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ====================================================================== -->
 
-[SPDX-License-Identifier](https://spdx.dev/learn/handling-license-info/):
-`CC-BY-4.0 OR GPL-3.0-or-later`
+<sup>[SPDX-License-Identifier](https://spdx.dev/learn/handling-license-info/):
+`CC-BY-4.0 OR GPL-3.0-or-later`</sup>
 
 <a name="top"></a>
 

package/budget.json

@@ -0,0 +1,34 @@
+[
+  {
+    "path": "/*",
+    "resourceSizes": [
+      { "resourceType": "script", "budget": 300 },
+      { "resourceType": "stylesheet", "budget": 100 },
+      { "resourceType": "image", "budget": 350 },
+      { "resourceType": "font", "budget": 200 },
+      { "resourceType": "other", "budget": 150 },
+      { "resourceType": "document", "budget": 50 },
+      { "resourceType": "total", "budget": 1000 }
+    ],
+    "resourceCounts": [
+      { "resourceType": "third-party", "budget": 15 },
+      { "resourceType": "script", "budget": 15 },
+      { "resourceType": "stylesheet", "budget": 5 },
+      { "resourceType": "image", "budget": 15 },
+      { "resourceType": "font", "budget": 10 },
+      { "resourceType": "other", "budget": 10 },
+      { "resourceType": "total", "budget": 60 }
+    ]
+  },
+  {
+    "path": "/foss-spotlight",
+    "resourceSizes": [
+      { "resourceType": "image", "budget": 500 },
+      { "resourceType": "total", "budget": 1200 }
+    ],
+    "resourceCounts": [
+      { "resourceType": "image", "budget": 25 },
+      { "resourceType": "total", "budget": 75 }
+    ]
+  }
+]

package/cspell.json

@@ -12,9 +12,12 @@
     "Embedder",
     "Ente",
     "esbuild",
+    "fontawesome",
     "foss",
     "geolocation",
+    "heliboard",
     "homescreen",
+    "Izzy",
     "lhci",
     "lighthouseci",
     "lighthouserc",
@@ -37,6 +40,7 @@
     "SIEM",
     "SPDY",
     "stylelintignore",
+    "stylesheet",
     "Subsite",
     "subsites",
     "Supercookie",

package/package.json

@@ -4,7 +4,7 @@
   "sideEffects": [
     "./.netlify/shims.js"
   ],
-  "version": "1.7.3",
+  "version": "1.7.6",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -78,13 +78,13 @@
   },
   "dependencies": {
     "nodemailer": "^7.0.3",
-    "posthog-js": "^1.248.1",
+    "posthog-js": "^1.249.0",
     "semver": "^7.7.2",
     "svelte": "5.33.10"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.9",
-    "@eslint/js": "^9.27.0",
+    "@eslint/js": "^9.28.0",
     "@lhci/cli": "^0.14.0",
     "@playwright/test": "^1.52.0",
     "@sveltejs/adapter-netlify": "^5.0.2",
@@ -95,7 +95,7 @@
     "@vitest/coverage-v8": "^3.1.4",
     "autoprefixer": "^10.4.21",
     "browserslist": "^4.25.0",
-    "eslint": "^9.27.0",
+    "eslint": "^9.28.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-jsdoc": "^50.6.17",
     "eslint-plugin-svelte": "^3.9.0",

package/src/lib/data/fossData.js

@@ -6,12 +6,82 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
 
-// cspell:ignore lsheet eauth bolditalic tosdr
-
 // Import FOSS images
-import { acodePng, acodeWbp, eauthPng, eauthWbp, lsheetPng, lsheetWbp, pmxPng, pmxWbp, tosPng, tosWbp, urlPng, urlWbp } from "$lib";
+import { acodePng, acodeWbp, eauthPng, eauthWbp, hboardPng, hboardWbp, lsheetPng, lsheetWbp, pmxPng, pmxWbp, tosPng, tosWbp, urlPng, urlWbp } from "$lib";
 
 export const fossData = [
+{
+    id: "heliboard",
+    images: {
+      webp: hboardWbp,
+      png: hboardPng,
+    },
+    imgAlt: "HeliBoard",
+    title: "HeliBoard",
+    headline: "⌨️ A privacy-first keyboard that respects your data. Always.",
+    headlineDescription: `
+      <p>
+        Meet <strong>HeliBoard</strong> — a fully open-source Android keyboard that puts privacy and user control first. No internet permissions. No telemetry. No tracking. Just a lightweight, seamless typing experience built by developers who genuinely care about digital freedom and transparency.
+      </p>
+    `,
+    features: [
+      {
+        emoji: "💡",
+        label: "Why Make the Switch to HeliBoard?",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "Material Design interface",
+      },
+      {
+        emoji: "✔️",
+        label: "Built-in themes with dark mode support",
+      },
+      {
+        emoji: "✔️",
+        label: "No ads, data collection, or background connections",
+      },
+      {
+        emoji: "✔️",
+        label: "Emoji support, gesture input, and smart customization",
+      },
+      {
+        emoji: "✔️",
+        label: "Actively developed on GitHub",
+        description: "get involved!"
+      }
+    ],
+    detailsDescription: `
+      <p>
+        Whether you're switching from Gboard or just want something more minimal and ethical, HeliBoard brings you that true FOSS flavor while keeping your taps smooth and secure.
+      </p>
+      <p>
+        🛠️ Open-source. Lightweight. Transparent. HeliBoard isn't just a keyboard—it's a philosophy.
+      </p>
+      <p>
+        ✨ <strong>Weekly FOSS gems like this remind us: we have powerful alternatives, built by passionate devs, made for people who care. <em>Let's support that</em>.</strong>
+      </p>
+
+    `,
+    links: [
+      {
+        label: "GitHub",
+        href: "https://github.com/Helium314/HeliBoard",
+      },
+      {
+        label: "F-Droid",
+        href: "https://f-droid.org/packages/helium314.keyboard/",
+      },
+      {
+        label: "IzzyOnDroid",
+        href: "https://apt.izzysoft.de/fdroid/index/apk/helium314.keyboard",
+      },
+    ],
+    notes: [
+      "Network Pro&trade; <strong>highly recommends</strong> that Android users choose an open-source keyboard—ideally one that does not require internet permissions. Concerns remain valid around proprietary keyboards like Gboard and Microsoft SwiftKey, which may collect and store user input data."
+    ],
+  },
 {
     id: "eauth",
     images: {
@@ -23,7 +93,7 @@ export const fossData = [
     headline: "🔐 Elevate Your 2FA Game with Ente Auth — The Cross-Platform Open-Source Powerhouse!",
     headlineDescription: `
       <p>
-        This week's <strong>FOSS Spotlight</strong> is on <strong>Ente Auth</strong> — the sleek, open-source 2FA authenticator that's putting privacy and usability front and center.
+        Discover <strong>Ente Auth</strong> — the sleek, open-source 2FA authenticator that's putting privacy and usability front and center.
       </p>
       <p>
         Whether you're a dev, a cybersecurity enthusiast, or simply serious about protecting your accounts, <strong>Ente Auth</strong> offers a next-level authentication experience — <strong>backed by encryption, not ads.</strong>
@@ -434,3 +504,5 @@ export const fossData = [
     notes: [],
   },
 ];
+
+// cspell:ignore hboard gboard lsheet eauth tosdr

package/src/lib/images.js

@@ -15,7 +15,7 @@ This file is part of Network Pro.
  * @description Provides convenient access to images in the src/lib/img directory
  * @module src/lib
  * @author SunDevil311
- * @updated 2025-05-28
+ * @updated 2025-05-30
  */
 
 // Import favicon images
@@ -41,6 +41,8 @@ import acodePng from "$lib/img/posts/acode.png";
 import acodeWbp from "$lib/img/posts/acode.webp";
 import eauthPng from "$lib/img/posts/eauth.png";
 import eauthWbp from "$lib/img/posts/eauth.webp";
+import hboardPng from "$lib/img/posts/hboard.png";
+import hboardWbp from "$lib/img/posts/hboard.webp";
 import lsheetPng from "$lib/img/posts/linksheet.png";
 import lsheetWbp from "$lib/img/posts/linksheet.webp";
 import pmxPng from "$lib/img/posts/pmx.png";
@@ -67,6 +69,8 @@ export {
   eauthWbp,
   faviconSvg,
   gplBadge,
+  hboardPng,
+  hboardWbp,
   logoPng,
   logoWbp,
   lsheetPng,
@@ -84,4 +88,4 @@ export {
   vcfSrc
 };
 
-// cspell:ignore eauth
+// cspell:ignore eauth hboard

package/src/lib/registerServiceWorker.js

@@ -48,6 +48,16 @@ export function registerServiceWorker() {
         .then((registration) => {
           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);
+                caches.delete(key);
+              }
+            });
+          });
+
           registration.addEventListener("updatefound", () => {
             const newWorker = registration.installing;
             console.log("[SW-CLIENT] New service worker installing...");

package/src/service-worker.js

@@ -33,7 +33,6 @@ const IGNORE_PATHS = new Set([
   "/docs/extensions.md",
   "/docs/Home.md",
   "/img/banner-1280x640.png",
-  "/img/banner-og-1200x630.png",
   "/img/logo-transparent.png",
   "/img/logo.png",
   "/img/svelte.png",
@@ -55,6 +54,7 @@ const ASSETS = [
 
         const shouldExclude =
           path.startsWith("http") ||
+          path.startsWith("/assets/") ||
           disallowedHosts.some(
             (host) => hostname === host || hostname.endsWith(`.${host}`),
           ) ||
@@ -74,25 +74,105 @@ const ASSETS = [
 
 const uniqueExcludedAssets = [...new Set(excludedAssets)].sort();
 
+/** @type {string[]} */
+const REQUIRED_ASSETS = [
+  "/disableSw.js",
+  "/favicon.ico",
+  "/icon-192x192.png",
+  "/icon-512x512-maskable.png",
+  "/icon-512x512.png",
+  "/icon-contact.png",
+  "/icon-services.png",
+  "/icon-splash.png",
+  "/img/banner-og-1200x630.png",
+  "/img/qr/pgp-contact.png",
+  "/img/qr/pgp-github.png",
+  "/img/qr/pgp-support.png",
+  "/img/qr/vcard.png",
+  "/manifest.json",
+  "/offline.html",
+  "/offline.min.css",
+  "/screenshots/desktop-about.png",
+  "/screenshots/desktop-home.png",
+  "/screenshots/mobile-foss.png",
+  "/screenshots/mobile-home.png",
+  "/styles/brands.min.css",
+  "/styles/fontawesome.min.css",
+  "/styles/global.min.css",
+  "/styles/solid.min.css",
+  "/webfonts/fa-brands-400.woff2",
+  "/webfonts/fa-solid-900.woff2",
+  "/.well-known/dnt-policy-1.0.txt",
+];
+
 if (isDev) {
   console.log("[SW] Assets to precache:", ASSETS);
   console.log("[SW] Excluded assets:", uniqueExcludedAssets);
 }
 
+/**
+ * Safely cache a list of assets, logging or throwing if required assets fail.
+ *
+ * @param {Cache} cache
+ * @param {string[]} assets
+ * @param {string[]} required
+ * @returns {Promise<string[]>} Cached asset paths
+ */
+async function cacheAssetsSafely(cache, assets, required = []) {
+  /** @type {string[]} */
+  const cachedPaths = [];
+
+  await Promise.all(
+    assets.map(async (asset) => {
+      try {
+        await cache.add(asset);
+        cachedPaths.push(asset);
+      } catch (err) {
+        const msg =
+          err instanceof Error
+            ? `[SW] Failed to cache ${asset}: ${err.message}`
+            : `[SW] Failed to cache ${asset}: Unknown error`;
+
+        if (isDev) {
+          throw new Error(msg);
+        } else {
+          console.warn(msg);
+        }
+      }
+    }),
+  );
+
+  const missing = required.filter((req) => !cachedPaths.includes(req));
+  if (missing.length > 0) {
+    const errorMsg = `[SW] ⚠️ Missing required assets: ${missing.join(", ")}`;
+    if (isDev) throw new Error(errorMsg);
+    console.error(errorMsg);
+  }
+
+  return cachedPaths;
+}
+
 // 🔹 Install event
 sw.addEventListener("install", (event) => {
   if (isDev) console.log("[SW] Install event");
+
   event.waitUntil(
     (async () => {
       const cache = await caches.open(CACHE);
+      let cachedPaths = [];
+
       try {
-        await cache.addAll(ASSETS);
-        if (isDev) console.log("[SW] Precaching complete");
-        sw.skipWaiting();
-        if (isDev) console.log("[SW] skipWaiting() called");
+        cachedPaths = await cacheAssetsSafely(cache, ASSETS, REQUIRED_ASSETS);
+        if (isDev) {
+          console.log("[SW] Cached assets:", cachedPaths);
+        }
       } catch (err) {
-        if (isDev) console.warn("[SW] Failed to precache some assets:", err);
+        if (isDev) throw err;
+        console.warn("[SW] Error while precaching (non-fatal in prod):", err);
       }
+
+      await sw.skipWaiting();
+      if (isDev) console.log("[SW] skipWaiting() called");
     })(),
   );
 });
@@ -112,12 +192,12 @@ sw.addEventListener("activate", (event) => {
       tasks.push(
         caches.keys().then((keys) =>
           Promise.all(
-            keys.map((key) => {
-              if (key !== CACHE) {
+            keys
+              .filter((key) => key !== CACHE)
+              .map((key) => {
                 if (isDev) console.log("[SW] Deleting old cache:", key);
                 return caches.delete(key);
-              }
-            }),
+              }),
           ),
         ),
       );

package/tsconfig.custom.jsonc

@@ -1,40 +0,0 @@
-/* ==========================================================================
-tsconfig.custom.jsonc
-
-NOTE: This file is for reference only and is not actively used in the build.
-The project uses the SvelteKit-generated .svelte-kit/tsconfig.json extended by
-jsconfig.json for actual TypeScript configuration.
-
-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.
-========================================================================== */
-
-{
-  "extends": "./.svelte-kit/tsconfig.json", // Extend SvelteKit's generated tsconfig
-  "compilerOptions": {
-    "baseUrl": ".", // Base path for resolving non-relative imports
-    "paths": {
-      "$lib": ["src/lib"], // Alias for the lib directory
-      "$lib/*": ["src/lib/*"], // Alias for lib subdirectories
-      "$types": [".svelte-kit/types"] // Alias for SvelteKit types
-    }
-  },
-  "include": [
-    "src/**/*.ts", // Include TypeScript files
-    "src/**/*.js", // Include JavaScript files
-    "src/**/*.svelte", // Include Svelte files
-    "tests/**/*.ts", // Include TypeScript test files
-    "tests/**/*.js", // Include JavaScript test files
-    "tests/**/*.svelte", // Include Svelte test files
-    ".svelte-kit/types/**/*.d.ts" // Include SvelteKit-generated types
-  ],
-  "exclude": [
-    "node_modules/**", // Exclude node_modules
-    "dist/**", // Exclude distribution folder
-    "src/service-worker.js", // Exclude service workers
-    "src/service-worker/**/*.js",
-    "src/service-worker.ts",
-    "src/service-worker/**/*.ts"
-  ]
-}