@networkpro/web 1.12.8 → 1.13.0

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/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,15 +17,15 @@ 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 = [
@@ -40,7 +40,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 +55,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=()",
-      "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 +97,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,10 +7,10 @@ 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);
@@ -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

@@ -0,0 +1,13 @@
+<!-- ==========================================================================
+src/lib/components/CodeBlock.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>
+  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>

package/src/lib/components/LegalNav.svelte

@@ -7,8 +7,8 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import { base } from "$app/paths";
-  import { CONSTANTS } from "$lib";
+  import { base } from '$app/paths';
+  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
@@ -38,21 +38,21 @@ This file is part of Network Pro.
     [
       {
         href: privacyLink,
-        text: "Privacy Policy",
+        text: 'Privacy Policy',
       },
       {
         href: pdashLink,
-        text: "Privacy Dashboard",
+        text: 'Privacy Dashboard',
       },
     ],
     [
       {
         href: termsLink,
-        text: "Terms of Use",
+        text: 'Terms of Use',
       },
       {
         href: licenseLink,
-        text: "Legal",
+        text: 'Legal',
       },
     ],
   ];

package/src/lib/components/Logo.svelte

@@ -8,43 +8,43 @@ This file is part of Network Pro.
 
 <script>
   // Import logo images
-  import { logoPng, logoWbp } from "$lib";
+  import { logoPng, logoWbp } from '$lib';
 
   /**
    * Decoding mode for the image.
    * @type {"sync" | "async" | "auto"}
    */
-  export let decoding = "sync";
+  export let decoding = 'sync';
 
   /**
    * Loading mode for the image.
    * @type {"eager" | "lazy"}
    */
-  export let loading = "eager";
+  export let loading = 'eager';
 
   /**
    * CSS class for the logo image.
    * @type {string}
    */
-  export let className = "logo";
+  export let className = 'logo';
 
   /**
    * Alt text for the logo image.
    * @type {string}
    */
-  export let alt = "Network Pro Strategies";
+  export let alt = 'Network Pro Strategies';
 
   /**
    * First part of the company slogan.
    * @type {string}
    */
-  export let sloganA = "Locking Down Networks";
+  export let sloganA = 'Locking Down Networks';
 
   /**
    * Second part of the company slogan.
    * @type {string}
    */
-  export let sloganB = "Unlocking Confidence™";
+  export let sloganB = 'Unlocking Confidence™';
 
   /**
    * Enable/disable display of the slogan.
@@ -74,13 +74,13 @@ This file is part of Network Pro.
    * Fetch priority for the logo image.
    * @type {"high" | "low" | "auto"}
    */
-  export let fetchpriority = "high";
+  export let fetchpriority = 'high';
 
   /**
    * Tagline text to display.
    * @type {string}
    */
-  export let tagline = "Security | Networking | Privacy";
+  export let tagline = 'Security | Networking | Privacy';
 </script>
 
 <!-- BEGIN LOGO AND SITE TITLE -->

package/src/lib/components/MetaTags.svelte

@@ -10,7 +10,7 @@ This file is part of Network Pro.
   export let title;
   export let description;
 
-  import { CONSTANTS } from "$lib";
+  import { CONSTANTS } from '$lib';
 
   console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
@@ -18,9 +18,9 @@ This file is part of Network Pro.
 
   // Static shared values
   const ogUrl = LINKS.HOME;
-  const ogImg = "/img/banner-og-1200x630.png";
+  const ogImg = '/img/banner-og-1200x630.png';
   const companyName = COMPANY_INFO.NAME;
-  const twitterAct = "@NetEng_Pro";
+  const twitterAct = '@NetEng_Pro';
 </script>
 
 <svelte:head>