@networkpro/web 1.12.9 → 1.13.1

package/scripts/auditScripts.js

@@ -15,16 +15,16 @@ This file is part of Network Pro.
  * @updated 2025-05-21
  */
 
-import fs from "fs";
-import path from "path";
+import fs from 'fs';
+import path from 'path';
 
-const scriptsDir = path.resolve("./scripts");
-const testsDir = path.resolve("./tests");
+const scriptsDir = path.resolve('./scripts');
+const testsDir = path.resolve('./tests');
 
 // Scripts intentionally excluded from test coverage
 const allowList = new Set([
-  "checkNode.js",
-  "auditScripts.js", // itself
+  'checkNode.js',
+  'auditScripts.js', // itself
 ]);
 
 // Recursively gather all test files
@@ -38,10 +38,10 @@ function getAllTestFiles(dir) {
       files.push(...getAllTestFiles(fullPath));
     } else if (
       entry.isFile() &&
-      (entry.name.endsWith(".test.js") ||
-        entry.name.endsWith(".spec.js") ||
-        entry.name.endsWith(".test.mjs") ||
-        entry.name.endsWith(".spec.mjs"))
+      (entry.name.endsWith('.test.js') ||
+        entry.name.endsWith('.spec.js') ||
+        entry.name.endsWith('.test.mjs') ||
+        entry.name.endsWith('.spec.mjs'))
     ) {
       files.push(fullPath);
     }
@@ -56,17 +56,17 @@ const testedModules = new Set(
   testFiles.map((filePath) =>
     path
       .basename(filePath)
-      .replace(/\.test\.js$|\.spec\.js$|\.test\.mjs$|\.spec\.mjs$/, ""),
+      .replace(/\.test\.js$|\.spec\.js$|\.test\.mjs$|\.spec\.mjs$/, ''),
   ),
 );
 
 // Gather all scripts (.js and .mjs)
 const scriptFiles = fs
   .readdirSync(scriptsDir)
-  .filter((file) => file.endsWith(".js") || file.endsWith(".mjs"));
+  .filter((file) => file.endsWith('.js') || file.endsWith('.mjs'));
 
 const untested = scriptFiles.filter((file) => {
-  const base = file.replace(/\.(js|mjs)$/, "");
+  const base = file.replace(/\.(js|mjs)$/, '');
   return !allowList.has(file) && !testedModules.has(base);
 });
 
@@ -75,7 +75,7 @@ const pathRelative = (file) =>
 
 // Output results
 if (untested.length) {
-  console.warn("\n⚠ Untested script files detected:\n");
+  console.warn('\n⚠ Untested script files detected:\n');
 
   untested.forEach((file) => {
     const filePath = pathRelative(file);
@@ -87,9 +87,9 @@ if (untested.length) {
   console.warn(
     `\nAdd a corresponding test file in /tests (e.g., ${untested[0].replace(
       /\.(js|mjs)$/,
-      ".test.js",
+      '.test.js',
     )})`,
   );
 } else {
-  console.log("✅ All script files have corresponding tests.");
+  console.log('✅ All script files have corresponding tests.');
 }

package/scripts/bundleCss.js

@@ -15,15 +15,15 @@ This file is part of Network Pro.
  * @updated 2025-05-16
  */
 
-import fs from "fs";
-import { bundle } from "lightningcss";
-import path from "path";
+import fs from 'fs';
+import { bundle } from 'lightningcss';
+import path from 'path';
 
 // Define the path to your input CSS file
-const inputFilePath = path.resolve("src/lib/styles/css/global.css");
+const inputFilePath = path.resolve('src/lib/styles/css/global.css');
 
 // Define the path for the output CSS file
-const outputFilePath = path.resolve("src/lib/styles/css/global.min.css");
+const outputFilePath = path.resolve('src/lib/styles/css/global.min.css');
 
 // Bundle and minify the CSS
 const { code, map } = bundle({

package/scripts/checkEnv.js

@@ -15,10 +15,10 @@ This file is part of Network Pro.
  * @updated 2025-05-21
  */
 
-import { basename } from "path";
-import { fileURLToPath } from "url";
+import { basename } from 'path';
+import { fileURLToPath } from 'url';
 
-const validEnvs = new Set(["dev", "test", "ci", "prod", "preview"]);
+const validEnvs = new Set(['dev', 'test', 'ci', 'prod', 'preview']);
 
 /**
  * Checks and returns validation for ENV_MODE
@@ -36,7 +36,7 @@ export function checkEnv() {
   let wasDefaulted = false;
 
   if (!mode) {
-    mode = "dev";
+    mode = 'dev';
     process.env.ENV_MODE = mode;
     wasDefaulted = true;
     console.warn("⚠️ ENV_MODE not set. Defaulting to 'dev'.");
@@ -45,11 +45,11 @@ export function checkEnv() {
   valid = validEnvs.has(mode);
 
   if (valid) {
-    const tag = wasDefaulted ? "[info]" : "[ok]";
+    const tag = wasDefaulted ? '[info]' : '[ok]';
     console.log(`${tag} ENV_MODE is set to: "${mode}"`);
   } else {
     console.error(
-      `❌ Invalid ENV_MODE "${mode}". Must be one of: ${[...validEnvs].join(", ")}`,
+      `❌ Invalid ENV_MODE "${mode}". Must be one of: ${[...validEnvs].join(', ')}`,
     );
   }
 

package/scripts/checkNode.js

@@ -19,23 +19,23 @@ This file is part of Network Pro.
  * @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";
+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(__dirname, "../package.json"), "utf8"),
+  fs.readFileSync(path.resolve(__dirname, '../package.json'), 'utf8'),
 );
 const { node: nodeRange, npm: npmRange } = pkg.engines;
 
 // Determine if this is running as part of npm's postinstall hook
-const isPostInstall = process.env.npm_lifecycle_event === "postinstall";
+const isPostInstall = process.env.npm_lifecycle_event === 'postinstall';
 
 let hasError = false;
 
@@ -54,7 +54,7 @@ if (!semver.satisfies(process.version, nodeRange)) {
 let npmVersion = null;
 
 try {
-  npmVersion = execSync("npm --version").toString().trim();
+  npmVersion = execSync('npm --version').toString().trim();
   if (!semver.satisfies(npmVersion, npmRange)) {
     const msg = `npm ${npmVersion} does not satisfy required range: ${npmRange}`;
     if (isPostInstall) {
@@ -65,13 +65,13 @@ try {
     }
   }
 } catch (err) {
-  console.error("❌ Failed to check npm version:", err.message);
+  console.error('❌ Failed to check npm version:', err.message);
   process.exit(1);
 }
 
 // Final output
 if (!hasError) {
-  if (!process.env.CI || process.env.VERBOSE === "true") {
+  if (!process.env.CI || process.env.VERBOSE === 'true') {
     console.log(
       `✅ Node (${process.version}) matches ${nodeRange}, and npm (${npmVersion}) matches ${npmRange}`,
     );

package/scripts/checkVersions.js

@@ -16,10 +16,10 @@ This file is part of Network Pro.
  * @updated 2025-05-20
  */
 
-import { execSync } from "child_process";
-import fs from "fs";
-import path from "path";
-import semver from "semver";
+import { execSync } from 'child_process';
+import fs from 'fs';
+import path from 'path';
+import semver from 'semver';
 
 /**
  * @typedef {object} VersionCheckResult
@@ -38,12 +38,12 @@ import semver from "semver";
  */
 export function checkVersions() {
   const pkg = JSON.parse(
-    fs.readFileSync(path.resolve("./package.json"), "utf8"),
+    fs.readFileSync(path.resolve('./package.json'), 'utf8'),
   );
   const { node: nodeRange, npm: npmRange } = pkg.engines;
 
   const nodeVersion = process.version;
-  const npmVersion = execSync("npm --version").toString().trim();
+  const npmVersion = execSync('npm --version').toString().trim();
 
   const nodeValid = semver.satisfies(nodeVersion, nodeRange);
   const npmValid = semver.satisfies(npmVersion, npmRange);

package/scripts/flattenHeaders.js

@@ -15,30 +15,30 @@ This file is part of Network Pro.
  * @updated 2025-05-18
  */
 
-import fs from "fs";
+import fs from 'fs';
 
-const HEADERS_PATH = "./.headers_new"; // update if needed
-const OUTPUT_PATH = "./_headers.flattened";
+const HEADERS_PATH = './.headers_new'; // update if needed
+const OUTPUT_PATH = './_headers.flattened';
 
-const lines = fs.readFileSync(HEADERS_PATH, "utf-8").split("\n");
+const lines = fs.readFileSync(HEADERS_PATH, 'utf-8').split('\n');
 const output = [];
 
 let cspLines = [];
 let inCSP = false;
 
 for (const line of lines) {
-  if (line.trim().startsWith("Content-Security-Policy:")) {
+  if (line.trim().startsWith('Content-Security-Policy:')) {
     inCSP = true;
     cspLines.push(line.trim());
-  } else if (inCSP && line.startsWith("  ")) {
+  } else if (inCSP && line.startsWith('  ')) {
     cspLines.push(line.trim());
   } else {
     if (inCSP) {
       // Output flattened CSP
       const flattened = cspLines
-        .join(" ")
-        .replace(/\s*;\s*/g, "; ") // Normalize spacing
-        .replace(/\s+/g, " ")
+        .join(' ')
+        .replace(/\s*;\s*/g, '; ') // Normalize spacing
+        .replace(/\s+/g, ' ')
         .trim();
       output.push(`  ${flattened}`);
       cspLines = [];
@@ -51,12 +51,12 @@ for (const line of lines) {
 // Handle edge case: CSP is last in file
 if (cspLines.length > 0) {
   const flattened = cspLines
-    .join(" ")
-    .replace(/\s*;\s*/g, "; ")
-    .replace(/\s+/g, " ")
+    .join(' ')
+    .replace(/\s*;\s*/g, '; ')
+    .replace(/\s+/g, ' ')
     .trim();
   output.push(`  ${flattened}`);
 }
 
-fs.writeFileSync(OUTPUT_PATH, output.join("\n"));
+fs.writeFileSync(OUTPUT_PATH, output.join('\n'));
 console.log(`Flattened headers written to ${OUTPUT_PATH}`);

package/scripts/generateTest.js

@@ -17,13 +17,13 @@ This file is part of Network Pro.
  * @updated 2025-06-01
  */
 
-import fs from "fs";
-import path from "path";
+import fs from 'fs';
+import path from 'path';
 
 const [, , targetFile] = process.argv;
 
 if (!targetFile) {
-  console.error("Usage: node generateTest.js <path/to/yourFile.js>");
+  console.error('Usage: node generateTest.js <path/to/yourFile.js>');
   process.exit(1);
 }
 
@@ -32,7 +32,7 @@ const parsed = path.parse(absolutePath);
 
 const testFileName = `${parsed.name}.test.js`;
 const testFilePath = path.join(
-  parsed.dir.replace("src", "tests/unit"),
+  parsed.dir.replace('src', 'tests/unit'),
   testFileName,
 );
 
@@ -42,7 +42,7 @@ const scaffold = `/**
  */
 
 import { describe, it, expect } from "vitest";
-import * as Module from "${path.relative(path.dirname(testFilePath), absolutePath).replace(/\\/g, "/")}";
+import * as Module from "${path.relative(path.dirname(testFilePath), absolutePath).replace(/\\/g, '/')}";
 
 describe("${parsed.name}", () => {
   it("should have tests", () => {

package/scripts/openReport.js

@@ -16,9 +16,9 @@ This file is part of Network Pro.
  * @updated 2025-06-09
  */
 
-import { exec } from "child_process";
-import { dirname, join } from "path";
-import { fileURLToPath } from "url";
+import { exec } from 'child_process';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
 
 // ESM replacement for __dirname
 const __dirname = dirname(fileURLToPath(import.meta.url));

package/scripts/validateHeaders.js

@@ -16,10 +16,10 @@ This file is part of Network Pro.
  */
 
 // validate-headers.js
-import fs from "fs";
+import fs from 'fs';
 
-const file = "./_headers";
-const lines = fs.readFileSync(file, "utf-8").split("\n");
+const file = './_headers';
+const lines = fs.readFileSync(file, 'utf-8').split('\n');
 
 let currentPath = null;
 let errors = [];
@@ -30,15 +30,15 @@ let headerValueBuffer = [];
 function flushBufferedHeader(lineNum) {
   if (!currentHeader) return;
 
-  const value = headerValueBuffer.join(" ").trim();
+  const value = headerValueBuffer.join(' ').trim();
 
-  if (currentHeader !== "Content-Security-Policy" && value.endsWith(";")) {
+  if (currentHeader !== 'Content-Security-Policy' && value.endsWith(';')) {
     errors.push(
       `Line ${lineNum}: Header '${currentHeader}' should not end with a semicolon`,
     );
   }
 
-  if (currentHeader === "Content-Security-Policy" && !value.endsWith(";")) {
+  if (currentHeader === 'Content-Security-Policy' && !value.endsWith(';')) {
     errors.push(
       `Line ${lineNum}: 'Content-Security-Policy' must end with a semicolon`,
     );
@@ -52,7 +52,7 @@ for (let i = 0; i < lines.length; i++) {
   const line = lines[i];
   const trimmed = line.trim();
 
-  if (trimmed.startsWith("/*")) {
+  if (trimmed.startsWith('/*')) {
     if (currentPath) {
       errors.push(
         `Line ${i + 1}: Multiple '/*' blocks detected. Only one is allowed in Netlify _headers`,
@@ -62,10 +62,10 @@ for (let i = 0; i < lines.length; i++) {
     continue;
   }
 
-  if (trimmed === "") continue;
+  if (trimmed === '') continue;
 
-  if (line.startsWith("  ")) {
-    const colonIndex = line.indexOf(":");
+  if (line.startsWith('  ')) {
+    const colonIndex = line.indexOf(':');
 
     if (colonIndex !== -1) {
       // New header
@@ -88,9 +88,9 @@ for (let i = 0; i < lines.length; i++) {
 flushBufferedHeader(lines.length);
 
 if (errors.length) {
-  console.error("❌ Header validation failed:");
-  errors.forEach((e) => console.error("  -", e));
+  console.error('❌ Header validation failed:');
+  errors.forEach((e) => console.error('  -', e));
   process.exit(1);
 } else {
-  console.log("✅ _headers file passed validation!");
+  console.log('✅ _headers file passed validation!');
 }

package/src/app.html

@@ -34,15 +34,6 @@
       href="https://us-assets.i.posthog.com"
       crossorigin="anonymous" />
 
-    <!-- Preload the PostHog script -->
-    <link
-      rel="preload"
-      href="https://us-assets.i.posthog.com/array/phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0/config.js"
-      as="script" />
-    <script
-      src="https://us-assets.i.posthog.com/array/phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0/config.js"
-      defer></script>
-
     <!-- Preload FontAwesome webfonts -->
     <link
       rel="preload"

package/src/hooks.client.ts

@@ -18,7 +18,7 @@ export const init = undefined;
  * @param error - The uncaught error object
  */
 export function handleError(error: Error) {
-  console.error("[CLIENT] Unhandled error:", error);
+  console.error('[CLIENT] Unhandled error:', error);
 
   // Future: send to error reporting service
   // e.g., Sentry.captureException(error);

package/src/hooks.server.js

@@ -17,21 +17,20 @@ export async function handle({ event, resolve }) {
   // Determine environment flags
   // Default to development policy if neither test nor prod
   const isTestEnvironment =
-    process.env.NODE_ENV === "test" || process.env.ENV_MODE === "ci";
+    process.env.NODE_ENV === 'test' || process.env.ENV_MODE === 'ci';
   const isProdEnvironment =
-    process.env.NODE_ENV === "production" || process.env.ENV_MODE === "prod";
+    process.env.NODE_ENV === 'production' || process.env.ENV_MODE === 'prod';
 
-  console.log("[CSP Debug] NODE_ENV:", process.env.NODE_ENV);
-  console.log("[CSP Debug] ENV_MODE:", process.env.ENV_MODE);
+  console.log('[CSP Debug] NODE_ENV:', process.env.NODE_ENV);
+  console.log('[CSP Debug] ENV_MODE:', process.env.ENV_MODE);
 
   // Determine report URI
-  const reportUri = isProdEnvironment ? "/api/csp-report" : "/api/mock-csp";
+  const reportUri = isProdEnvironment ? '/api/csp-report' : '/api/mock-csp';
 
   // Construct base policy
   const cspDirectives = [
     "default-src 'self';",
     "script-src 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;",
-    "script-src-elem 'self' 'unsafe-inline' https://us.i.posthog.com https://us-assets.i.posthog.com;",
     "style-src 'self' 'unsafe-inline';",
     "img-src 'self' data:;",
     "connect-src 'self' https://us.i.posthog.com https://us-assets.i.posthog.com;",
@@ -40,7 +39,7 @@ export async function handle({ event, resolve }) {
     "base-uri 'self';",
     "object-src 'none';",
     "frame-ancestors 'none';",
-    "upgrade-insecure-requests;",
+    'upgrade-insecure-requests;',
     `report-uri ${reportUri};`,
   ];
 
@@ -55,37 +54,37 @@ export async function handle({ event, resolve }) {
     cspDirectives[5] = "connect-src 'self';";
   }
 
-  response.headers.set("Content-Security-Policy", cspDirectives.join(" "));
+  response.headers.set('Content-Security-Policy', cspDirectives.join(' '));
 
   // Set other security headers
   response.headers.set(
-    "Permissions-Policy",
+    'Permissions-Policy',
     [
-      "fullscreen=(self)",
-      "sync-xhr=()",
-      "camera=()",
-      "microphone=()",
-      "geolocation=()",
-      "clipboard-read=()",
-      "clipboard-write=(self)",
-      "payment=()",
-      "usb=()",
-      "hid=()",
-      "gamepad=()",
-      "serial=()",
-      "publickey-credentials-get=()",
-      "browsing-topics=()",
-    ].join(", "),
+      'fullscreen=(self)',
+      'sync-xhr=()',
+      'camera=()',
+      'microphone=()',
+      'geolocation=()',
+      'clipboard-read=()',
+      'clipboard-write=(self)',
+      'payment=()',
+      'usb=()',
+      'hid=()',
+      'gamepad=()',
+      'serial=()',
+      'publickey-credentials-get=()',
+      'browsing-topics=()',
+    ].join(', '),
   );
 
-  response.headers.set("X-Content-Type-Options", "nosniff");
-  response.headers.set("Referrer-Policy", "strict-origin-when-cross-origin");
-  response.headers.set("X-Frame-Options", "DENY");
+  response.headers.set('X-Content-Type-Options', 'nosniff');
+  response.headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
+  response.headers.set('X-Frame-Options', 'DENY');
 
-  if (process.env.ENV_MODE !== "test" && process.env.ENV_MODE !== "ci") {
+  if (process.env.ENV_MODE !== 'test' && process.env.ENV_MODE !== 'ci') {
     response.headers.set(
-      "Strict-Transport-Security",
-      "max-age=31536000; includeSubDomains;", // No preload here
+      'Strict-Transport-Security',
+      'max-age=31536000; includeSubDomains;', // No preload here
     );
   }
 
@@ -97,10 +96,10 @@ export async function handle({ event, resolve }) {
  * @type {import('@sveltejs/kit').HandleServerError}
  */
 export function handleError({ error, event }) {
-  console.error("🔴 SSR Error in route:", event.url.pathname);
+  console.error('🔴 SSR Error in route:', event.url.pathname);
   console.error(error);
 
   return {
-    message: "A server-side error occurred",
+    message: 'A server-side error occurred',
   };
 }

package/src/lib/components/Badges.svelte

@@ -7,15 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import { base } from "$app/paths";
+  import { base } from '$app/paths';
   // Import badges for licenses
-  import { ccBadge, gplBadge } from "$lib";
-  import { CONSTANTS } from "$lib";
+  import { ccBadge, gplBadge } from '$lib';
+  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
-  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+  //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
   const { PAGE } = CONSTANTS;
 
@@ -41,16 +41,16 @@ This file is part of Network Pro.
     {
       href: ccbyLink,
       src: ccBadge,
-      alt: "Creative Commons BY",
-      width: "160px",
-      height: "24px",
+      alt: 'Creative Commons BY',
+      width: '160px',
+      height: '24px',
     },
     {
       href: gplLink,
       src: gplBadge,
-      alt: "GPL 3.0 or Later",
-      width: "120px",
-      height: "24px",
+      alt: 'GPL 3.0 or Later',
+      width: '120px',
+      height: '24px',
     },
   ];
 </script>

package/src/lib/components/CodeBlock.svelte

@@ -7,7 +7,7 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  export let text = "";
+  export let text = '';
 </script>
 
 <code class="block">{text}</code>

package/src/lib/components/ContainerSection.svelte

@@ -11,7 +11,7 @@ This file is part of Network Pro.
    * Optional: Allows passing additional classes to the container.
    * @type {string}
    */
-  export let className = "";
+  export let className = '';
 </script>
 
 <div class={`container ${className}`}>

package/src/lib/components/FullWidthSection.svelte

@@ -17,16 +17,16 @@ This file is part of Network Pro.
    * Additional classes for the outer full-width wrapper
    * @type {string}
    */
-  export let outerClass = "";
+  export let outerClass = '';
 
   /**
    * Additional classes for the inner container
    * @type {string}
    */
-  export let containerClass = "";
+  export let containerClass = '';
 </script>
 
-<div class={`full-width-section ${centered ? "centered" : ""} ${outerClass}`}>
+<div class={`full-width-section ${centered ? 'centered' : ''} ${outerClass}`}>
   <div class={`container ${containerClass}`}>
     <slot></slot>
   </div>