@networkpro/web 1.12.9 → 1.13.0

package/src/service-worker.js

@@ -13,13 +13,13 @@ const sw = /** @type {ServiceWorkerGlobalScope} */ (
 
 /// <reference types="vite/client" />
 
-const isDev = location.hostname === "localhost";
+const isDev = location.hostname === 'localhost';
 const disallowedHosts = [
-  "us.i.posthog.com", // Add PostHog to disallowed hosts
-  "posthog.com", // Add PostHog to disallowed hosts
+  'us.i.posthog.com', // Add PostHog to disallowed hosts
+  'posthog.com', // Add PostHog to disallowed hosts
 ];
 
-import { build, files, version } from "$service-worker";
+import { build, files, version } from '$service-worker';
 
 /** @type {string} */
 const CACHE = `cache-${version}`;
@@ -28,38 +28,38 @@ const CACHE = `cache-${version}`;
 const excludedAssets = [];
 
 const IGNORE_PATHS = new Set([
-  "/.well-known/security.txt.asc",
-  "/img/banner-1280x640.png",
-  "/img/logo-transparent.png",
-  "/img/logo.png",
-  "/img/svelte.png",
-  "/pgp/pgp-github.png",
-  "/pgp/pgp-github.webp",
-  "/pgp/contact@s.neteng.pro.asc",
-  "/pgp/github@sl.neteng.cc.asc",
-  "/pgp/security@s.neteng.pro.asc",
-  "/pgp/support@neteng.pro.asc",
-  "/pgp/vcard.png",
-  "/pgp/vcard.webp",
-  "/screenshots/desktop-foss.png",
-  "/webfonts/fa-brands-400.ttf",
-  "/webfonts/fa-solid-900.ttf",
-  "/robots.txt",
-  "/sitemap.xml",
-  "/CNAME",
+  '/.well-known/security.txt.asc',
+  '/img/banner-1280x640.png',
+  '/img/logo-transparent.png',
+  '/img/logo.png',
+  '/img/svelte.png',
+  '/pgp/pgp-github.png',
+  '/pgp/pgp-github.webp',
+  '/pgp/contact@s.neteng.pro.asc',
+  '/pgp/github@sl.neteng.cc.asc',
+  '/pgp/security@s.neteng.pro.asc',
+  '/pgp/support@neteng.pro.asc',
+  '/pgp/vcard.png',
+  '/pgp/vcard.webp',
+  '/screenshots/desktop-foss.png',
+  '/webfonts/fa-brands-400.ttf',
+  '/webfonts/fa-solid-900.ttf',
+  '/robots.txt',
+  '/sitemap.xml',
+  '/CNAME',
 ]);
 
 /** @type {string[]} */
 const ASSETS = [
   ...new Set(
-    [...build, ...files, "/offline.html"].filter((path) => {
+    [...build, ...files, '/offline.html'].filter((path) => {
       try {
         const url = new URL(path, location.origin);
         const hostname = url.hostname;
 
         const shouldExclude =
-          path.startsWith("http") ||
-          path.startsWith("/bin/") ||
+          path.startsWith('http') ||
+          path.startsWith('/bin/') ||
           disallowedHosts.some(
             (host) => hostname === host || hostname.endsWith(`.${host}`),
           ) ||
@@ -69,7 +69,7 @@ const ASSETS = [
         return !shouldExclude;
       } catch (err) {
         if (isDev)
-          console.warn("[SW] URL parse failed, skipping path:", path, err);
+          console.warn('[SW] URL parse failed, skipping path:', path, err);
         excludedAssets.push(path);
         return true;
       }
@@ -81,41 +81,41 @@ 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",
-  "/pgp/pgp-contact.png",
-  "/pgp/pgp-contact.webp",
-  "/pgp/pgp-security.png",
-  "/pgp/pgp-security.webp",
-  "/pgp/pgp-support.png",
-  "/pgp/pgp-support.webp",
-  "/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.txt",
-  "/.well-known/gpc.json",
+  '/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',
+  '/pgp/pgp-contact.png',
+  '/pgp/pgp-contact.webp',
+  '/pgp/pgp-security.png',
+  '/pgp/pgp-security.webp',
+  '/pgp/pgp-support.png',
+  '/pgp/pgp-support.webp',
+  '/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.txt',
+  '/.well-known/gpc.json',
 ];
 
 if (isDev) {
-  console.log("[SW] Assets to precache:", ASSETS);
-  console.log("[SW] Excluded assets:", uniqueExcludedAssets);
+  console.log('[SW] Assets to precache:', ASSETS);
+  console.log('[SW] Excluded assets:', uniqueExcludedAssets);
 }
 
 /**
@@ -152,7 +152,7 @@ async function cacheAssetsSafely(cache, assets, required = []) {
 
   const missing = required.filter((req) => !cachedPaths.includes(req));
   if (missing.length > 0) {
-    const errorMsg = `[SW] ⚠️ Missing required assets: ${missing.join(", ")}`;
+    const errorMsg = `[SW] ⚠️ Missing required assets: ${missing.join(', ')}`;
     if (isDev) throw new Error(errorMsg);
     console.error(errorMsg);
   }
@@ -161,8 +161,8 @@ async function cacheAssetsSafely(cache, assets, required = []) {
 }
 
 // 🔹 Install event
-sw.addEventListener("install", (event) => {
-  if (isDev) console.log("[SW] Install event");
+sw.addEventListener('install', (event) => {
+  if (isDev) console.log('[SW] Install event');
 
   event.waitUntil(
     (async () => {
@@ -172,29 +172,29 @@ sw.addEventListener("install", (event) => {
       try {
         cachedPaths = await cacheAssetsSafely(cache, ASSETS, REQUIRED_ASSETS);
         if (isDev) {
-          console.log("[SW] Cached assets:", cachedPaths);
+          console.log('[SW] Cached assets:', cachedPaths);
         }
       } catch (err) {
         if (isDev) throw err;
-        console.warn("[SW] Error while precaching (non-fatal in prod):", err);
+        console.warn('[SW] Error while precaching (non-fatal in prod):', err);
       }
 
       await sw.skipWaiting();
-      if (isDev) console.log("[SW] skipWaiting() called");
+      if (isDev) console.log('[SW] skipWaiting() called');
     })(),
   );
 });
 
 // 🔹 Activate event
-sw.addEventListener("activate", (event) => {
-  if (isDev) console.log("[SW] Activate event");
+sw.addEventListener('activate', (event) => {
+  if (isDev) console.log('[SW] Activate event');
   event.waitUntil(
     (async () => {
       const tasks = [];
 
       if (sw.registration.navigationPreload) {
         tasks.push(sw.registration.navigationPreload.enable());
-        if (isDev) console.log("[SW] Navigation preload enabled");
+        if (isDev) console.log('[SW] Navigation preload enabled');
       }
 
       tasks.push(
@@ -203,7 +203,7 @@ sw.addEventListener("activate", (event) => {
             keys
               .filter((key) => key !== CACHE)
               .map((key) => {
-                if (isDev) console.log("[SW] Deleting old cache:", key);
+                if (isDev) console.log('[SW] Deleting old cache:', key);
                 return caches.delete(key);
               }),
           ),
@@ -213,8 +213,8 @@ sw.addEventListener("activate", (event) => {
       await Promise.all(tasks);
       await sw.clients.claim();
       if (isDev) {
-        console.log("[SW] clients.claim() called");
-        console.log("[SW] Scope:", sw.registration.scope);
+        console.log('[SW] clients.claim() called');
+        console.log('[SW] Scope:', sw.registration.scope);
       }
     })(),
   );
@@ -232,16 +232,16 @@ function shouldSkipDevModule(url) {
   if (!isDev) return false;
 
   return (
-    url.pathname.startsWith("/@fs") ||
-    url.pathname.startsWith("/node_modules") ||
-    url.pathname.includes(".vite") ||
-    url.pathname.includes(".svelte-kit") ||
+    url.pathname.startsWith('/@fs') ||
+    url.pathname.startsWith('/node_modules') ||
+    url.pathname.includes('.vite') ||
+    url.pathname.includes('.svelte-kit') ||
     !!url.pathname.match(/\.(js|ts|svelte)$/)
   );
 }
 
 // 🔹 Fetch event
-sw.addEventListener("fetch", (event) => {
+sw.addEventListener('fetch', (event) => {
   const requestUrl = new URL(event.request.url);
 
   // ✅ Skip cross-origin requests
@@ -250,23 +250,23 @@ sw.addEventListener("fetch", (event) => {
   // ✅ Skip internal dev/module files (only in dev)
   if (shouldSkipDevModule(requestUrl)) return;
 
-  if (isDev) console.log("[SW] Fetch intercepted:", event.request.url);
+  if (isDev) console.log('[SW] Fetch intercepted:', event.request.url);
 
   event.respondWith(
     (async () => {
       const cached = await caches.match(event.request);
       if (cached) {
-        if (isDev) console.log("[SW] Serving from cache:", event.request.url);
+        if (isDev) console.log('[SW] Serving from cache:', event.request.url);
         return cached;
       }
 
       try {
-        if (event.request.mode === "navigate") {
+        if (event.request.mode === 'navigate') {
           const preloadResponse = await event.preloadResponse;
           if (preloadResponse) {
             if (isDev) {
               console.log(
-                "[SW] Using preload response for:",
+                '[SW] Using preload response for:',
                 event.request.url,
               );
             }
@@ -275,23 +275,23 @@ sw.addEventListener("fetch", (event) => {
         }
 
         if (isDev)
-          console.log("[SW] Fetching from network:", event.request.url);
+          console.log('[SW] Fetching from network:', event.request.url);
 
         return await fetch(event.request);
       } catch (err) {
         if (isDev) {
           console.warn(
-            "[SW] Fetch failed; offline fallback used:",
+            '[SW] Fetch failed; offline fallback used:',
             event.request.url,
             err,
           );
         }
 
-        if (event.request.mode === "navigate") {
-          const offline = await caches.match("/offline.html");
+        if (event.request.mode === 'navigate') {
+          const offline = await caches.match('/offline.html');
           if (offline) return offline;
-          return new Response("<h1>Offline</h1>", {
-            headers: { "Content-Type": "text/html" },
+          return new Response('<h1>Offline</h1>', {
+            headers: { 'Content-Type': 'text/html' },
           });
         }
 

package/static/disableSw.js

@@ -14,7 +14,7 @@ This file is part of Network Pro.
  * @updated 2025-05-29
  */
 
-if (location.search.includes("nosw")) {
+if (location.search.includes('nosw')) {
   window.__DISABLE_SW__ = true;
-  console.warn("🧪 Service worker disabled via ?nosw flag in URL.");
+  console.warn('🧪 Service worker disabled via ?nosw flag in URL.');
 }

package/static/offline.html

@@ -43,10 +43,10 @@
       function updateTimestamp() {
         const now = new Date();
         const timeStr = now.toLocaleTimeString([], {
-          hour: "2-digit",
-          minute: "2-digit",
+          hour: '2-digit',
+          minute: '2-digit',
         });
-        document.getElementById("timestamp").textContent = timeStr;
+        document.getElementById('timestamp').textContent = timeStr;
       }
 
       // Check connection status periodically
@@ -64,17 +64,17 @@
       setInterval(updateTimestamp, 60000);
 
       // Also listen for online event
-      window.addEventListener("online", () => {
+      window.addEventListener('online', () => {
         window.location.reload();
       });
 
       // Prevent default action for offline links
       document
-        .getElementById("contact-link")
-        .addEventListener("click", function (e) {
+        .getElementById('contact-link')
+        .addEventListener('click', function (e) {
           if (!navigator.onLine) {
             e.preventDefault();
-            alert("This link will be available when you are back online.");
+            alert('This link will be available when you are back online.');
           }
         });
     </script>

package/stylelint.config.js

@@ -9,101 +9,101 @@ This file is part of Network Pro
 /** @type {import('stylelint').Config} */
 export default {
   extends: [
-    "stylelint-config-recommended", // Base recommended config
-    "stylelint-config-html/html", // For linting HTML files
-    "stylelint-config-html/svelte", // For linting HTML within Svelte or similar frameworks
-    "stylelint-config-html", // For linting HTML files
+    'stylelint-config-recommended', // Base recommended config
+    'stylelint-config-html/html', // For linting HTML files
+    'stylelint-config-html/svelte', // For linting HTML within Svelte or similar frameworks
+    'stylelint-config-html', // For linting HTML files
   ],
-  plugins: ["stylelint-order"], // Add stylelint-order plugin
+  plugins: ['stylelint-order'], // Add stylelint-order plugin
   ignoreFiles: [
-    "./src/lib/styles/fa-global.css", // Ignore CSS import files
-    "./src/lib/styles/css/global.css", // Ignore CSS import files
-    "./src/lib/styles/css/brands.css", // Ignore FontAwesome CSS files
-    "**/*.min.css", // Also ignore minified CSS files as a best practice
+    './src/lib/styles/fa-global.css', // Ignore CSS import files
+    './src/lib/styles/css/global.css', // Ignore CSS import files
+    './src/lib/styles/css/brands.css', // Ignore FontAwesome CSS files
+    '**/*.min.css', // Also ignore minified CSS files as a best practice
   ],
   rules: {
-    "selector-pseudo-class-no-unknown": [
+    'selector-pseudo-class-no-unknown': [
       true,
       {
-        ignorePseudoClasses: [":global"], // Allow :global for Svelte scoped styles
+        ignorePseudoClasses: [':global'], // Allow :global for Svelte scoped styles
       },
     ],
-    "property-no-vendor-prefix": null, // Allow vendor prefixes
-    "selector-no-vendor-prefix": null,
-    "selector-pseudo-element-colon-notation": [
-      "double",
+    'property-no-vendor-prefix': null, // Allow vendor prefixes
+    'selector-no-vendor-prefix': null,
+    'selector-pseudo-element-colon-notation': [
+      'double',
       {
-        severity: "warning",
+        severity: 'warning',
       },
     ],
-    "media-feature-name-no-vendor-prefix": null,
-    "font-family-no-duplicate-names": [
+    'media-feature-name-no-vendor-prefix': null,
+    'font-family-no-duplicate-names': [
       true,
       {
-        ignoreFontFamilyNames: ["monospace"],
+        ignoreFontFamilyNames: ['monospace'],
       },
     ],
-    "selector-class-pattern": [
-      "^(?!fa-).*$", // Disallow classes starting with "fa-"
+    'selector-class-pattern': [
+      '^(?!fa-).*$', // Disallow classes starting with "fa-"
       {
         message:
           "Class names must not start with 'fa-' (FontAwesome classes are ignored)",
       },
     ],
-    "order/properties-order": [
+    'order/properties-order': [
       [
         {
-          groupName: "Positioning",
-          properties: ["position", "top", "right", "bottom", "left", "z-index"],
+          groupName: 'Positioning',
+          properties: ['position', 'top', 'right', 'bottom', 'left', 'z-index'],
         },
         {
-          groupName: "Box Model",
+          groupName: 'Box Model',
           properties: [
-            "display",
-            "flex",
-            "flex-grow",
-            "flex-shrink",
-            "flex-basis",
-            "justify-content",
-            "align-items",
-            "align-self",
-            "width",
-            "height",
-            "padding",
-            "margin",
-            "border",
-            "box-shadow",
+            'display',
+            'flex',
+            'flex-grow',
+            'flex-shrink',
+            'flex-basis',
+            'justify-content',
+            'align-items',
+            'align-self',
+            'width',
+            'height',
+            'padding',
+            'margin',
+            'border',
+            'box-shadow',
           ],
         },
         {
-          groupName: "Typography",
+          groupName: 'Typography',
           properties: [
-            "font",
-            "font-size",
-            "font-weight",
-            "line-height",
-            "letter-spacing",
-            "color",
-            "text-align",
+            'font',
+            'font-size',
+            'font-weight',
+            'line-height',
+            'letter-spacing',
+            'color',
+            'text-align',
           ],
         },
         {
-          groupName: "Visual",
+          groupName: 'Visual',
           properties: [
-            "background",
-            "background-color",
-            "background-image",
-            "opacity",
-            "visibility",
+            'background',
+            'background-color',
+            'background-image',
+            'opacity',
+            'visibility',
           ],
         },
         {
-          groupName: "Animation & Transform",
-          properties: ["transition", "transform", "animation"],
+          groupName: 'Animation & Transform',
+          properties: ['transition', 'transform', 'animation'],
         },
       ],
       {
-        unspecified: "bottomAlphabetical", // Place unspecified properties alphabetically at the bottom
+        unspecified: 'bottomAlphabetical', // Place unspecified properties alphabetically at the bottom
       },
     ],
   },

package/svelte.config.js

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