@networkpro/web 1.6.1 → 1.6.3

package/README.md

@@ -33,7 +33,7 @@ All infrastructure and data flows are designed with **maximum transparency, self
 ├── .github/workflows     # CI workflows and automation
 ├── .vscode/              # Recommended VS Code settings, extensions
 ├── netlify-functions/
-│   └── cspReport.js     # Serverless function to receive and log CSP violation reports
+│   └── cspReport.js      # Serverless function to receive and log CSP violation reports
 ├── scripts/              # Utility scripts
 ├── src/
 │   ├── lib/              # Reusable components, styles, utilities

package/cspell.json

@@ -20,7 +20,7 @@
     "Maricopa",
     "mdsvex",
     "neteng",
-    "NETPRO",
+    "netpro",
     "netwk",
     "networkpro",
     "Nextcloud",
@@ -29,6 +29,7 @@
     "nosniff",
     "nosw",
     "obtainium",
+    "posthog",
     "SIEM",
     "stylelintignore",
     "Subsite",

package/netlify.toml

@@ -4,6 +4,7 @@
 
 [build.environment]
   NODE_VERSION = "22"
+  ENV_MODE = "prod"
 
 [dev]
   command = "npm run dev"

package/package.json

@@ -4,7 +4,7 @@
   "sideEffects": [
     "./.netlify/shims.js"
   ],
-  "version": "1.6.1",
+  "version": "1.6.3",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -78,7 +78,7 @@
   },
   "dependencies": {
     "nodemailer": "^7.0.3",
-    "playwright": "^1.52.0",
+    "posthog-js": "^1.246.0",
     "semver": "^7.7.2",
     "svelte": "5.33.2"
   },
@@ -106,6 +106,7 @@
     "markdownlint-cli2": "^0.18.1",
     "mdsvex": "^0.12.6",
     "normalize.css": "^8.0.1",
+    "playwright": "^1.52.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",

package/src/hooks.server.js

@@ -14,6 +14,8 @@ export async function handle({ event, resolve }) {
   // Create the response
   const response = await resolve(event);
 
+  console.log("ENV_MODE:", process.env.ENV_MODE);
+
   // Check if the environment is for testing
   const isTestEnvironment =
     process.env.NODE_ENV === "test" || process.env.ENV_MODE === "ci";
@@ -43,18 +45,19 @@ export async function handle({ event, resolve }) {
     response.headers.set(
       "Content-Security-Policy",
       [
-        "default-src 'self';", // Allow resources from same origin
-        "script-src 'self' 'unsafe-inline';", // Allow inline scripts
-        "style-src 'self' 'unsafe-inline';", // Allow inline styles
-        "img-src 'self' data:;", // Allow images from same origin and data URIs
-        "connect-src 'self';", // Allow connections only to same origin
-        "font-src 'self' data:;", // Allow fonts from same origin and data URIs
-        "form-action 'self';", // Allow forms to post to same origin
-        "base-uri 'self';", // Restrict base URIs to same origin
-        "object-src 'none';", // Block all object sources
-        "frame-ancestors 'none';", // Prevent framing of the site
-        "upgrade-insecure-requests;", // Automatically upgrade HTTP to HTTPS
-        `report-uri ${process.env.ENV_MODE === "prod" ? "/.netlify/functions/cspReport" : "/api/mock-csp"};`, // Add CSP report URI for violations
+        "default-src 'self';",
+        "script-src 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;", // Allow PostHog's script from both sources
+        "script-src-elem 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;", // Allow inline scripts from PostHog's sources
+        "style-src 'self' 'unsafe-inline';",
+        "img-src 'self' data:;",
+        "connect-src 'self' https://us.i.posthog.com https://us-assets.i.posthog.com;", // Allow connections to both PostHog sources
+        "font-src 'self' data:;",
+        "form-action 'self';",
+        "base-uri 'self';",
+        "object-src 'none';",
+        "frame-ancestors 'none';",
+        "upgrade-insecure-requests;",
+        `report-uri ${process.env.ENV_MODE === "prod" ? "/.netlify/functions/cspReport" : "/api/mock-csp"};`,
       ].join(" "),
     );
   }
@@ -94,5 +97,3 @@ export async function handle({ event, resolve }) {
 
   return response;
 }
-
-// cspell:ignore licdn

package/src/lib/components/PostHog.svelte

@@ -0,0 +1,24 @@
+<!-- ==========================================================================
+src/lib/components/PostHog.svelte
+
+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.
+========================================================================== -->
+
+<script>
+  import posthog from "posthog-js";
+  import { onMount } from "svelte";
+  import { browser } from "$app/environment";
+
+  // cspell:disable
+  onMount(() => {
+    if (browser) {
+      posthog.init("phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0", {
+        api_host: "https://us.i.posthog.com",
+        person_profiles: "identified_only",
+      });
+    }
+  });
+  //cspell:enable
+</script>

package/src/lib/pages/AboutContent.svelte

@@ -57,7 +57,7 @@ This file is part of Network Pro.
     },
     {
       label: "Markdown",
-      href: "https://netwk.pro/docs",
+      href: "https://docs.netwk.pro",
       target: "_self",
     },
   ];

package/src/routes/+layout.js

@@ -42,3 +42,5 @@ export function load({ url }) {
     meta: currentMeta, // Return the meta data (either from the route or the fallback)
   };
 }
+
+// cspell:ignore posthog

package/src/routes/+layout.svelte

@@ -25,6 +25,10 @@ This file is part of Network Pro.
   import faviconSvg from "$lib/img/favicon.svg";
   import appleTouchIcon from "$lib/img/icon-180x180.png";
 
+  // Declare PostHog as null initially
+  /** @type {typeof import('$lib/components/PostHog.svelte').default | null} */
+  let PostHog = null;
+
   if (browser) {
     // Preload logo images
     [logoPng, logoWbp].forEach((src) => {
@@ -40,6 +44,11 @@ This file is part of Network Pro.
     onMount(() => {
       console.log("[APP] onMount triggered in +layout.svelte");
       registerServiceWorker();
+
+      // Dynamically import PostHog component only in the browser
+      import("$lib/components/PostHog.svelte").then((module) => {
+        PostHog = module.default;
+      });
     });
   }
 
@@ -49,8 +58,6 @@ This file is part of Network Pro.
   const metaDescription =
     data?.meta?.description ||
     "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™";
-
-  // Pathname normalization takes place in +layout.js
 </script>
 
 <svelte:head>
@@ -83,6 +90,10 @@ This file is part of Network Pro.
 </header>
 <!-- END HEADER -->
 
+{#if PostHog}
+  <PostHog /> <!-- Add PostHog component when it's loaded -->
+{/if}
+
 <main>
   <slot />
 </main>

package/src/service-worker.js

@@ -12,7 +12,10 @@ const sw = /** @type {ServiceWorkerGlobalScope} */ (
 );
 
 const isDev = location.hostname === "localhost";
-const disallowedHosts = ["licdn.com"];
+const disallowedHosts = [
+  "us.i.posthog.com", // Add PostHog to disallowed hosts
+  "posthog.com", // Add PostHog to disallowed hosts
+];
 
 import { build, files, version } from "$service-worker";
 
@@ -25,8 +28,8 @@ const excludedAssets = [];
 //TODO: Remove files in docs once migrated to documentation subsite
 
 const IGNORE_PATHS = new Set([
-  "/docs/Home.md",
   "/docs/extensions.md",
+  "/docs/Home.md",
   "/img/banner-1280x640.png",
   "/img/banner-og-1200x630.png",
   "/img/logo-transparent.png",

package/tests/e2e/app.spec.js

@@ -19,6 +19,10 @@ test.describe("Desktop Tests", () => {
     }
 
     await page.setViewportSize({ width: 1280, height: 720 });
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Wait for the page to fully load
@@ -33,6 +37,10 @@ test.describe("Desktop Tests", () => {
     page,
   }) => {
     await page.setViewportSize({ width: 1280, height: 720 });
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Ensure the navigation bar is visible
@@ -48,6 +56,10 @@ test.describe("Desktop Tests", () => {
   // Simplified Footer Visibility Test
   test("should display the footer correctly", async ({ page }) => {
     await page.setViewportSize({ width: 1280, height: 720 });
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Check that the footer is visible
@@ -58,6 +70,10 @@ test.describe("Desktop Tests", () => {
   // Simplified Test for Clickable Links (e.g., 'about' link)
   test("should ensure the 'about' link is clickable", async ({ page }) => {
     await page.setViewportSize({ width: 1280, height: 720 });
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Ensure the "about" link is visible and clickable
@@ -84,6 +100,10 @@ test.describe("Mobile Tests", () => {
     }
 
     await page.setViewportSize({ width: 375, height: 667 }); // Mobile size (e.g., iPhone 6)
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Wait for the page to fully load
@@ -96,6 +116,10 @@ test.describe("Mobile Tests", () => {
   // Simplified Test for mobile content visibility
   test("should display main content correctly on mobile", async ({ page }) => {
     await page.setViewportSize({ width: 375, height: 667 }); // Mobile size
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Check that the main heading is visible on mobile

package/tests/e2e/mobile.spec.js

@@ -19,6 +19,10 @@ test.describe("Mobile Tests", () => {
     }
 
     await page.setViewportSize({ width: 375, height: 667 }); // Mobile size (e.g., iPhone 6)
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Wait for the page to load and for the title element to be available
@@ -44,6 +48,10 @@ test.describe("Mobile Tests", () => {
     }
 
     await page.setViewportSize({ width: 375, height: 667 }); // Mobile size
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Wait for the page to load
@@ -63,6 +71,10 @@ test.describe("Mobile Tests", () => {
     }
 
     await page.setViewportSize({ width: 375, height: 667 }); // Mobile size
+
+    // Add a small timeout before navigating to the page
+    await page.waitForTimeout(1500); // Wait for 1.5 seconds
+
     await page.goto("/");
 
     // Wait for the page to load
@@ -77,3 +89,5 @@ test.describe("Mobile Tests", () => {
     await expect(page).toHaveURL(/\/about/);
   });
 });
+
+// cspell:ignore domcontentloaded