@networkpro/web 1.5.2 → 1.6.0

package/netlify.toml

@@ -2,14 +2,23 @@
   command = "npm run build"
   publish = "build"
 
+[build.environment]
+  NODE_VERSION = "22"
+
+[dev]
+  command = "npm run dev"
+  targetPort = 5173
+  port = 8888
+
+[functions."*"]
+  node_bundler = "esbuild"
+  included_files = ["netlify-functions/**"]
+
 [[plugins]]
   package = "netlify-plugin-submit-sitemap"
 
-	[plugins.inputs]
-	baseUrl = "https://netwk.pro"
-	sitemapPath = "/sitemap.xml"
-	ignorePeriod = 0
-	providers = [
-		"google",
-		"yandex"
-	]
+  [plugins.inputs]
+    baseUrl = "https://netwk.pro"
+    sitemapPath = "/sitemap.xml"
+    ignorePeriod = 0
+    providers = ["google", "yandex"]

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@networkpro/web",
   "private": false,
-  "sideEffects": false,
-  "version": "1.5.2",
+  "sideEffects": [
+    "./.netlify/shims.js"
+  ],
+  "version": "1.6.0",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -34,63 +36,56 @@
     "node": ">=22.0.0 <25",
     "npm": ">=11.0.0 <12"
   },
-  "style": "src/lib/styles/global.min.css",
-"scripts": {
-  "dev": "vite dev",
-  "preview": "vite preview",
-  "start": "npm run dev",
-
-  "build": "vite build",
-  "build:netlify": "netlify build",
-  "css:bundle": "node scripts/bundleCss.js",
-
-  "prepare": "svelte-kit sync || echo ''",
-  "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
-  "check:env": "node scripts/checkEnv.js",
-  "check:node": "node scripts/checkNode.js",
-
-  "checkout": "npm run check:node && npm run test:all && npm run lint:all && npm run check && npm run audit:scripts",
-  "verify": "npm run checkout",
-
-  "delete": "rm -rf build .svelte-kit node_modules package-lock.json",
-  "clean": "npm run delete && npm cache clean --force && npm install",
-  "upgrade": "npx npm-check-updates -u",
-
-  "test": "npm run test:all",
-  "test:all": "npm run test:client -- --run && npm run test:server -- --run",
-  "test:client": "vitest --config vitest.config.client.js",
-  "test:server": "vitest --config vitest.config.server.js",
-  "test:watch": "vitest --config vitest.config.client.js --watch",
-  "test:coverage": "npm run test:client -- --run --coverage && npm run test:server -- --run --coverage",
-
-  "lint": "eslint . --ext .mjs,.js,.svelte",
-  "lint:fix": "eslint . --ext .mjs,.js,.svelte --fix",
-  "lint:jsdoc": "eslint . --ext .js,.mjs,.svelte --max-warnings=0",
-  "lint:css": "stylelint \"**/*.{css,svelte}\" --ignore-path .stylelintignore",
-  "lint:md": "npx markdownlint-cli2 \"**/*.{md,markdown}\" \"#node_modules/**\" \"#build/**\"",
-  "lint:all": "npm run lint && npm run lint:md && npm run lint:css && npm run format",
-  "format": "prettier --check .",
-  "format:fix": "prettier --write .",
-
-  "lhci": "lhci",
-  "lighthouse": "npm run lighthouse:local",
-  "lighthouse:local": "npm run build && npm run preview & wait-on http://localhost:4173 && npm run lhci:run",
-  "lhci:run": "lhci autorun --config=.lighthouserc.cjs",
-
-  "audit:scripts": "node scripts/auditScripts.js",
-  "head:flatten": "node scripts/flattenHeaders.js",
-  "head:validate": "node scripts/validateHeaders.js",
-
-  "postinstall": "npm run check:node"
-},
+  "style": "src/lib/styles/index.js",
+  "scripts": {
+    "dev": "vite dev",
+    "start": "npm run dev",
+    "dev:netlify": "netlify dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "build:netlify": "netlify build",
+    "css:bundle": "node scripts/bundleCss.js",
+    "prepare": "svelte-kit sync || echo ''",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
+    "check:env": "node scripts/checkEnv.js",
+    "check:node": "node scripts/checkNode.js",
+    "checkout": "npm run check:node && npm run test:all && npm run lint:all && npm run check && npm run audit:scripts",
+    "verify": "npm run checkout",
+    "delete": "rm -rf build .svelte-kit node_modules package-lock.json",
+    "clean": "npm run delete && npm cache clean --force && npm install",
+    "upgrade": "npx npm-check-updates -u",
+    "test": "npm run test:all",
+    "test:all": "npm run test:client -- --run && npm run test:server -- --run",
+    "test:client": "vitest --config vitest.config.client.js",
+    "test:server": "vitest --config vitest.config.server.js",
+    "test:watch": "vitest --config vitest.config.client.js --watch",
+    "test:coverage": "npm run test:client -- --run --coverage && npm run test:server -- --run --coverage",
+    "lint": "eslint . --ext .mjs,.js,.svelte",
+    "lint:fix": "eslint . --ext .mjs,.js,.svelte --fix",
+    "lint:jsdoc": "eslint . --ext .js,.mjs,.svelte --max-warnings=0",
+    "lint:css": "stylelint \"**/*.{css,svelte}\" --ignore-path .stylelintignore",
+    "lint:md": "npx markdownlint-cli2 \"**/*.{md,markdown}\" \"#node_modules/**\" \"#build/**\" \"#.netlify/**\"",
+    "lint:all": "npm run lint && npm run lint:md && npm run lint:css && npm run format",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
+    "lhci": "lhci",
+    "lhci:run": "lhci autorun --config=.lighthouserc.cjs",
+    "audit:scripts": "node scripts/auditScripts.js",
+    "head:flatten": "node scripts/flattenHeaders.js",
+    "head:validate": "node scripts/validateHeaders.js",
+    "postinstall": "npm run check:node"
+  },
   "dependencies": {
-    "svelte": "5.32.1"
+    "nodemailer": "^7.0.3",
+    "playwright": "^1.52.0",
+    "semver": "^7.7.2",
+    "svelte": "5.33.1"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.9",
     "@eslint/js": "^9.27.0",
-    "@netlify/plugin-sitemap": "^0.8.1",
+    "@lhci/cli": "^0.14.0",
     "@playwright/test": "^1.52.0",
     "@sveltejs/adapter-netlify": "^5.0.2",
     "@sveltejs/kit": "2.21.1",
@@ -112,10 +107,8 @@
     "mdsvex": "^0.12.6",
     "normalize.css": "^8.0.1",
     "postcss": "^8.5.3",
-    "postcss-html": "^1.8.0",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
-    "semver": "^7.7.2",
     "stylelint": "^16.19.1",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recommended": "^16.0.0",
@@ -131,6 +124,9 @@
   "overrides": {
     "@sveltejs/kit": {
       "cookie": "^0.7.0"
+    },
+    "@lhci/cli": {
+      "cookie": "^0.7.0"
     }
   }
 }

package/playwright.config.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 playwright.config.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
@@ -32,11 +33,9 @@ export default defineConfig({
 
   /* Shared settings for all projects */
   use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://localhost:5173",
-
-    /* Collect trace when retrying the failed test. */
+    baseURL: "http://localhost:4173?nosw", // Update to use preview server URL
     trace: "on-first-retry",
+    timeout: 60000, // Default action timeout of 60 seconds for each step
   },
 
   /* Configure projects */
@@ -55,12 +54,13 @@ export default defineConfig({
         ...devices["Desktop Firefox"], // Use default Firefox settings
       },
     },
-    {
-      name: "webkit",
-      use: {
-        ...devices["Desktop Safari"], // Use default WebKit settings
-      },
-    },
+    // FIXME: Webkit and Safari consistently failing, disabled for now
+    //    {
+    //      name: "webkit",
+    //      use: {
+    //        ...devices["Desktop Safari"], // Use default WebKit settings
+    //      },
+    //    },
 
     // Mobile Browsers
     {
@@ -70,18 +70,20 @@ export default defineConfig({
         headless: true, // Enable true headless mode
       },
     },
-    {
-      name: "Mobile Safari",
-      use: {
-        ...devices["iPhone 14"], // Use the iPhone 14 device profile
-      },
-    },
+    // FIXME: Webkit and Safari consistently failing, disabled for now
+    //    {
+    //      name: "Mobile Safari",
+    //      use: {
+    //        ...devices["iPhone 14"], // Use the iPhone 14 device profile
+    //      },
+    //    },
   ],
 
-  /* Run your local dev server before starting the tests */
+  /* Run your local preview server before starting the tests */
   webServer: {
-    command: "npm run dev",
-    url: "http://localhost:5173",
+    command: "npm run preview", // Use preview server
+    url: "http://localhost:4173?nosw", // Match the preview server URL
     reuseExistingServer: !process.env.CI,
+    timeout: 60 * 1000, // wait up to 60 seconds for preview to be ready
   },
 });

package/postcss.config.mjs

@@ -1,6 +1,7 @@
 /* ==========================================================================
 postcss.config.mjs
 
+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.
 ========================================================================== */

package/scripts/auditScripts.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 scripts/auditScripts.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */

package/scripts/bundleCss.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 scripts/bundleCss.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */

package/scripts/checkEnv.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 scripts/checkEnv.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */

package/scripts/checkNode.js

@@ -1,54 +1,81 @@
 /* ==========================================================================
 scripts/checkNode.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
 
 /**
- * Utility to check Node.js and NPM version
+ * Utility to check Node.js and npm version
  * Ensures the current environment matches the required versions from package.json
  *
+ * Behavior:
+ * - During `postinstall`: warns but does not exit
+ * - In all other cases (manual run, CI, verify): fails on mismatch
+ *
  * @module scripts/
  * @author SunDevil311
- * @updated 2025-05-20
+ * @updated 2025-05-23
  */
 
 import { execSync } from "child_process";
 import fs from "fs";
 import path from "path";
 import semver from "semver";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 // Load engines from package.json
-const pkg = JSON.parse(fs.readFileSync(path.resolve("./package.json"), "utf8"));
+const pkg = JSON.parse(
+  fs.readFileSync(path.resolve(__dirname, "../package.json"), "utf8"),
+);
 const { node: nodeRange, npm: npmRange } = pkg.engines;
 
-// Check Node version
+// Determine if this is running as part of npm's postinstall hook
+const isPostInstall = process.env.npm_lifecycle_event === "postinstall";
+
+let hasError = false;
+
+// Check Node.js version
 if (!semver.satisfies(process.version, nodeRange)) {
-  console.error(
-    `⚠️ Node version ${process.version} does not match required range: ${nodeRange}`,
-  );
-  process.exit(1);
+  const msg = `Node.js ${process.version} does not satisfy required range: ${nodeRange}`;
+  if (isPostInstall) {
+    console.warn(`⚠️  ${msg}`);
+  } else {
+    console.error(`❌ ${msg}`);
+    hasError = true;
+  }
 }
 
-// Check NPM version
-let npmVersion;
+// Check npm version
+let npmVersion = null;
 
 try {
   npmVersion = execSync("npm --version").toString().trim();
   if (!semver.satisfies(npmVersion, npmRange)) {
-    console.error(
-      `⚠️ NPM version ${npmVersion} does not match required range: ${npmRange}`,
-    );
-    process.exit(1);
+    const msg = `npm ${npmVersion} does not satisfy required range: ${npmRange}`;
+    if (isPostInstall) {
+      console.warn(`⚠️  ${msg}`);
+    } else {
+      console.error(`❌ ${msg}`);
+      hasError = true;
+    }
   }
 } catch (err) {
-  console.error("❌ Failed to check NPM version:", err.message);
+  console.error("❌ Failed to check npm version:", err.message);
   process.exit(1);
 }
 
-if (!process.env.CI || process.env.VERBOSE === "true") {
-  console.log(
-    `✅ Node (${process.version}) matches ${nodeRange}, and NPM (${npmVersion}) matches ${npmRange}`,
-  );
+// Final output
+if (!hasError) {
+  if (!process.env.CI || process.env.VERBOSE === "true") {
+    console.log(
+      `✅ Node (${process.version}) matches ${nodeRange}, and npm (${npmVersion}) matches ${npmRange}`,
+    );
+  }
+} else {
+  process.exit(1);
 }

package/scripts/checkVersions.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 scripts/checkVersions.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */

package/scripts/flattenHeaders.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 scripts/flattenHeaders.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */

package/scripts/validateHeaders.js

@@ -1,6 +1,7 @@
 /* ==========================================================================
 scripts/validateHeaders.js
 
+Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */

package/src/app.d.ts

@@ -1,10 +1,22 @@
+/* ==========================================================================
+src/app.d.ts
+
+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.
+========================================================================== */
+
 /// <reference types="svelte" />
 // See https://svelte.dev/docs/kit/types#app.d.ts
 // for information about these interfaces
+
 declare global {
 	namespace App {
-		// interface Error {}
-		// interface Locals {}
+		// Remove nonce from Locals as it is no longer needed
+		// interface Locals {
+		//   nonce: string;
+		// }
+
 		// interface PageData {}
 		// interface PageState {}
 		// interface Platform {}
@@ -12,4 +24,3 @@ declare global {
 }
 
 export { };
-

package/src/app.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <!-- =====================================================================
+    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.
     ====================================================================== -->
@@ -16,11 +17,6 @@
       content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
     <meta name="author" content="Network Pro Strategies" />
 
-    <!-- CSP for Dev -->
-    <meta
-      http-equiv="Content-Security-Policy"
-      content="default-src 'self'; script-src 'self' 'unsafe-inline' https://snap.licdn.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: https://px.ads.linkedin.com; connect-src 'self' https://px.ads.linkedin.com;" />
-
     <!-- Favicon: Keep only ICO for max compatibility -->
     <link
       rel="icon"
@@ -28,9 +24,7 @@
       sizes="any"
       type="image/x-icon" />
 
-    <!-- Preconnects (placed early to optimize connection time) -->
-    <link rel="preconnect" href="https://snap.licdn.com" crossorigin />
-    <link rel="preconnect" href="https://px.ads.linkedin.com" crossorigin />
+    <!-- LinkedIn preconnects removed 2025-05-26 by SunDevil311 -->
 
     <!-- Preload FontAwesome webfonts -->
     <link
@@ -55,59 +49,23 @@
       name="apple-mobile-web-app-status-bar-style"
       content="black-translucent" />
 
+    <!-- cspell:disable -->
     <meta
       name="facebook-domain-verification"
       content="bx4ham0zkpvzztzu213bhpt76m9siq" />
+    <!-- cspell:enable -->
 
     <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.");
-      }
-    </script>
+    <script src="/disableSw.js"></script>
 
     %sveltekit.head%
   </head>
   <body>
     <div id="svelte">%sveltekit.body%</div>
 
-    <!-- LinkedIn Insight Tag - Added 2025-05-14 10:05:06 by SunDevil311 -->
-    <!-- Load LinkedIn script only after page content is fully loaded -->
-    <script type="text/javascript">
-      // Wait for window load event for optimal performance
-      window.addEventListener("load", function () {
-        // LinkedIn Partner ID
-        window._linkedin_partner_id = "7223748";
-        window._linkedin_data_partner_ids =
-          window._linkedin_data_partner_ids || [];
-        window._linkedin_data_partner_ids.push(window._linkedin_partner_id);
-
-        // Initialize lintrk if not already initialized
-        if (!window.lintrk) {
-          window.lintrk = function (a, b) {
-            window.lintrk.q.push([a, b]);
-          };
-          window.lintrk.q = [];
-        }
+    <!-- LinkedIn Insight Tag removed 2025-05-26 by SunDevil311 -->
 
-        // Create and insert script element
-        var s = document.getElementsByTagName("script")[0];
-        var b = document.createElement("script");
-        b.type = "text/javascript";
-        b.async = true;
-        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
-        s.parentNode.insertBefore(b, s);
-      });
-    </script>
-    <noscript>
-      <img
-        height="1"
-        width="1"
-        style="display: none"
-        alt=""
-        src="https://px.ads.linkedin.com/collect/?pid=7223748&fmt=gif" />
-    </noscript>
+    <!-- cspell:ignore preconnects webfonts lintrk -->
   </body>
 </html>

package/src/global.d.ts

@@ -1,6 +1,7 @@
 /* ==========================================================================
 src/global.d.ts
 
+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.
 ========================================================================== */

package/src/hooks.client.ts

@@ -1,16 +1,25 @@
 /* ==========================================================================
 src/hooks.client.ts
 
+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.
 ========================================================================== */
 
-window.addEventListener("beforeinstallprompt", (e) => {
-  // Prevent default install prompt
-  e.preventDefault();
+// Client-only lifecycle hooks
 
-  // Re-dispatch as a custom event so your component can respond
-  window.dispatchEvent(new CustomEvent("pwa-install-available", { detail: e }));
-});
+// Optional: Used if you later need client boot logic
+export const init = undefined;
 
-export {};
+/**
+ * Client-side error handler for SvelteKit. Captures uncaught errors
+ * during client-side navigation or hydration.
+ *
+ * @param error - The uncaught error object
+ */
+export function handleError(error: Error) {
+  console.error("[CLIENT] Unhandled error:", error);
+
+  // Future: send to error reporting service
+  // e.g., Sentry.captureException(error);
+}