@networkpro/web 1.10.0 → 1.11.0

package/cspell.json

@@ -6,6 +6,7 @@
     "anonymization",
     "autocapture",
     "autorun",
+    "BACKTOP",
     "beforeinstallprompt",
     "bootentry",
     "ccby",
@@ -19,6 +20,7 @@
     "geolocation",
     "heliboard",
     "homescreen",
+    "HREFTOP",
     "Izzy",
     "lhci",
     "lifecycles",
@@ -28,6 +30,7 @@
     "linksheet",
     "Maricopa",
     "mdsvex",
+    "navigations",
     "neteng",
     "netpro",
     "netwk",
@@ -41,6 +44,8 @@
     "ntfy",
     "obtainium",
     "posthog",
+    "prefs",
+    "reconsent",
     "SIEM",
     "SPDY",
     "stylelintignore",

package/jsconfig.json

@@ -1,11 +1,3 @@
-/* =========================================================================
-jsconfig.json
-
-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.
-========================================================================= */
-
 {
   "extends": "./.svelte-kit/tsconfig.json",
   "compilerOptions": {
@@ -19,12 +11,6 @@ This file is part of Network Pro.
     "strict": true,
     "moduleResolution": "bundler"
   },
-  "exclude": ["vite.config.js"], // Exclude the config file if needed
+  "exclude": ["vite.config.js"],
   "include": ["src", "src/global.d.ts", "src/service-worker.js"]
-
-  // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-  // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-
-  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-  // from the referenced tsconfig.json - TypeScript does not merge them in
 }

package/jsconfig.template.jsonc

@@ -0,0 +1,32 @@
+/* =========================================================================
+jsconfig.template.jsonc
+
+NOTE: This file is for reference only and is not actively used by SvelteKit or tooling. SvelteKit uses the jsconfig.json file without comments for actual configuration.
+
+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.
+========================================================================= */
+
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "moduleResolution": "bundler"
+  },
+  "exclude": ["vite.config.js"], // Exclude the config file if needed
+  "include": ["src", "src/global.d.ts", "src/service-worker.js"]
+
+  // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+  // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+
+  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+  // from the referenced tsconfig.json - TypeScript does not merge them in
+}

package/netlify.toml

@@ -1,6 +1,5 @@
 [build]
   command = "npm run build"
-  publish = "build"
 
 [build.environment]
   NODE_VERSION = "22"

package/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@networkpro/web",
   "private": false,
-  "sideEffects": [
-    "./.netlify/shims.js"
-  ],
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -47,6 +44,8 @@
     "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",
+    "type-check": "svelte-check --tsconfig ./jsconfig.json",
+    "lint:types": "npm run type-check",
     "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",
@@ -78,7 +77,7 @@
   },
   "dependencies": {
     "dompurify": "^3.2.6",
-    "posthog-js": "^1.249.1",
+    "posthog-js": "^1.249.2",
     "semver": "^7.7.2",
     "svelte": "5.33.14"
   },
@@ -88,11 +87,11 @@
     "@lhci/cli": "^0.14.0",
     "@playwright/test": "^1.52.0",
     "@sveltejs/adapter-netlify": "^5.0.2",
-    "@sveltejs/kit": "2.21.1",
-    "@sveltejs/vite-plugin-svelte": "5.0.3",
+    "@sveltejs/kit": "2.21.2",
+    "@sveltejs/vite-plugin-svelte": "5.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.8",
-    "@vitest/coverage-v8": "^3.2.0",
+    "@vitest/coverage-v8": "^3.2.1",
     "autoprefixer": "^10.4.21",
     "browserslist": "^4.25.0",
     "eslint": "^9.28.0",
@@ -119,7 +118,8 @@
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-lightningcss": "^0.0.5",
-    "vitest": "^3.2.0"
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.2.1"
   },
   "overrides": {
     "@sveltejs/kit": {

package/src/app.html

@@ -72,7 +72,7 @@
       content="bx4ham0zkpvzztzu213bhpt76m9siq" />
     <!-- cspell:enable -->
 
-    <meta name="generator" content="SvelteKit 2.21.1" />
+    <meta name="generator" content="SvelteKit 2.21.2" />
 
     <script src="/disableSw.js"></script>
 

package/src/hooks.server.js

@@ -91,3 +91,16 @@ export async function handle({ event, resolve }) {
 
   return response;
 }
+
+/**
+ * SvelteKit server-side error handler to log SSR errors.
+ * @type {import('@sveltejs/kit').HandleServerError}
+ */
+export function handleError({ error, event }) {
+  console.error("🔴 SSR Error in route:", event.url.pathname);
+  console.error(error);
+
+  return {
+    message: "A server-side error occurred",
+  };
+}

package/src/lib/components/Badges.svelte

@@ -10,10 +10,15 @@ This file is part of Network Pro.
   import { base } from "$app/paths";
   // Import badges for licenses
   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);
+
+  const { PAGE } = CONSTANTS;
+
   const ccbyLink = `${base}/license#cc-by`;
   const gplLink = `${base}/license#gnu-gpl`;
 
@@ -51,14 +56,13 @@ This file is part of Network Pro.
 </script>
 
 <!-- BEGIN BADGES -->
-<!-- Updated 2025-05-15 02:12:35 by SunDevil311 -->
 <div class="bnav2-wrap">
   <table class="bnav2">
     <tbody>
       <tr>
         {#each badges as badge}
           <td class="bnav2-nav">
-            <a href={badge.href} target="_self">
+            <a href={badge.href} target={PAGE.SELF}>
               <img
                 decoding="async"
                 loading="lazy"

package/src/lib/components/LegalNav.svelte

@@ -8,10 +8,15 @@ This file is part of Network Pro.
 
 <script>
   import { base } from "$app/paths";
+  import { CONSTANTS } from "$lib";
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
+  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+
+  const { PAGE } = CONSTANTS;
+
   const termsLink = `${base}/terms-of-use`;
   const privacyLink = `${base}/privacy`;
   const licenseLink = `${base}/license`;
@@ -62,7 +67,7 @@ This file is part of Network Pro.
           <tr>
             {#each row as link}
               <td class="bnav-cell" colspan={link.colspan || 1}>
-                <a href={link.href} target="_self">
+                <a href={link.href} target={PAGE.SELF}>
                   {link.text}
                 </a>
               </td>

package/src/lib/components/MetaTags.svelte

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

package/src/lib/components/foss/FossItemContent.svelte

@@ -15,9 +15,11 @@ This file is part of Network Pro.
   import FossFeatures from "$lib/components/foss/FossFeatures.svelte";
   // Import directly from $lib by way of image utility
   import { obtainiumPng, obtainiumWbp } from "$lib";
+  import { CONSTANTS } from "$lib";
 
-  /** @type {"noopener noreferrer"} */
-  const rel = "noopener noreferrer";
+  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+
+  const { PAGE, NAV } = CONSTANTS;
 
   /** @type {string} */
   const obtainiumLink =
@@ -107,7 +109,7 @@ This file is part of Network Pro.
     <!-- Special handling for LinkSheet's Obtainium link -->
     {#if fossItem.id === "linksheet"}
       <div class="linksheet-entry">
-        <a {rel} href={obtainiumLink} target="_blank">
+        <a rel={PAGE.REL} href={obtainiumLink} target={PAGE.BLANK}>
           <picture>
             <source srcset={obtainiumWbp} type="image/webp" />
             <img
@@ -125,8 +127,8 @@ This file is part of Network Pro.
             ></span>
           <a
             href="/assets/bin/linksheet.json"
-            download
             type="application/json"
+            download
             style="margin-left: 8px;"
             target="_blank">
             Obtainium App Config
@@ -142,7 +144,7 @@ This file is part of Network Pro.
         <div class="linksheet-entry">
           {#if !hideLabels && label && href}
             <strong>{label}:</strong>
-            <a {rel} {href} target="_blank">{href}</a>
+            <a rel={PAGE.REL} {href} target={PAGE.BLANK}>{href}</a>
           {/if}
         </div>
       {/if}
@@ -151,6 +153,6 @@ This file is part of Network Pro.
 
   <div class="spacer"></div>
 
-  <span class="small-text"><a href="#top">Back to top</a></span>
+  <span class="small-text"><a href={NAV.HREFTOP}>{NAV.BACKTOP}</a></span>
 </section>
 <!-- END FOSS ITEMS -->

package/src/lib/components/layout/Footer.svelte

@@ -17,18 +17,26 @@ This file is part of Network Pro.
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
-  console.log(CONSTANTS.APP_NAME);
+  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+
+  const { COMPANY_INFO, CONTACT, PAGE, NAV } = CONSTANTS;
 
   // Dynamic links for licensing and trademark
   const ccbyLink = `${base}/license#cc-by`;
   const gnugplLink = `${base}/license#gnu-gpl`;
   const trademarkLink = `${base}/license#trademark`;
 
+  /** @type {string} */
+  const creatorUrl = "https://netwk.pro";
+
+  /** @type {string} */
+  const creatorSlogan = "Locking Down Networks...";
+
   /**
-   * Icon details object.
+   * Icon used in a license object.
    * @typedef {Object} Icon
-   * @property {string} src - The source URL of the icon image.
-   * @property {string} alt - The alt text for the icon image.
+   * @property {string} src - The image source path or URL.
+   * @property {string} alt - The alt text for the image.
    */
 
   /**
@@ -41,15 +49,6 @@ This file is part of Network Pro.
    * @property {Icon[]} [icons] - An array of icon objects for representing the license visually.
    */
 
-  /** @type {string} */
-  const creatorUrl = "https://netwk.pro";
-
-  /** @type {string} */
-  const creatorSlogan = "Privacy Made Practical";
-
-  /**
-   * @type {License[]}
-   */
   const licenses = [
     {
       type: "CC BY 4.0",
@@ -83,52 +82,34 @@ This file is part of Network Pro.
     "xmlns:dct": "http://purl.org/dc/terms/",
   };
 
-  /**
-   * Relation attributes for external links.
-   * @type {string}
-   */
-  const rel = "noopener noreferrer";
-
   /**
    * Relation attributes for license links.
    * @type {string}
    */
   const relLicense = "license noopener noreferrer";
-
-  /**
-   * Target attribute for opening links in the same tab.
-   * @type {string}
-   */
-  const targetSelf = "_self";
-
-  /**
-   * Target attribute for opening links in a new tab.
-   * @type {string}
-   */
-  const targetBlank = "_blank";
 </script>
 
 <!-- BEGIN FOOTER -->
 <div class="copyright" {...namespaceAttributes}>
   <!-- Copyright Section -->
   <p>
-    Copyright &copy; {CONSTANTS.COPYRIGHT_YEAR}<br />
+    Copyright &copy; {COMPANY_INFO.YEAR}<br />
     <a
       rel="cc:attributionURL dct:creator"
       property="cc:attributionName"
       href={creatorUrl}
-      target={targetBlank}>
-      <strong>{CONSTANTS.COMPANY}</strong>
+      target={PAGE.BLANK}>
+      <strong>{COMPANY_INFO.NAME}</strong>
     </a>
-    ({CONSTANTS.APP_NAME}&trade;)
+    ({COMPANY_INFO.APP_NAME}&trade;)
   </p>
 
   <!-- Trademark Section -->
   <p>
-    {CONSTANTS.APP_NAME}&trade;, the shield logo, and the "{creatorSlogan}"
+    {COMPANY_INFO.APP_NAME}&trade;, the shield logo, and the "{creatorSlogan}&trade;"
     slogan are
-    <a href={trademarkLink} target={targetSelf}>trademarks</a>
-    of {CONSTANTS.COMPANY}.
+    <a href={trademarkLink} target={PAGE.SELF}>trademarks</a>
+    of {COMPANY_INFO.NAME}.
   </p>
 
   <!-- Licensing Section -->
@@ -138,7 +119,7 @@ This file is part of Network Pro.
       {#if license.type === "CC BY 4.0"}
         <a
           href={license.url}
-          target={targetSelf}
+          target={PAGE.SELF}
           rel={relLicense}
           style="display: inline-block">
           <strong>{license.type}</strong>
@@ -147,7 +128,7 @@ This file is part of Network Pro.
           {#each license.icons as icon}
             <a
               href={license.externalUrl}
-              target={targetBlank}
+              target={PAGE.BLANK}
               rel={relLicense}
               style="display: inline-block">
               <img
@@ -166,16 +147,15 @@ This file is part of Network Pro.
           {/each}
         {/if}
       {:else}
-        <a href={license.url} target={targetSelf} rel={relLicense}>
+        <a href={license.url} target={PAGE.SELF} rel={relLicense}>
           <strong>{license.type}</strong>
-        </a>
-        , as published by the
-        <a {rel} href={license.externalUrl} target={targetBlank}
+        </a>, as published by the
+        <a rel={PAGE.REL} href={license.externalUrl} target={PAGE.BLANK}
           >{license.description}</a
-        >, either version 3 of the License, or (at your option) any later
+        >, either version 3 of the License or (at your option) any later
         version.
       {/if}
-      {index < licenses.length - 1 ? ", and the " : ""}
+      {index < licenses.length - 1 ? " and the " : ""}
     {/each}
   </p>
 </div>

package/src/lib/index.js

@@ -13,7 +13,7 @@ This file is part of Network Pro.
  * @description Main export point for library components, utilities, and assets
  * @module src/lib
  * @author SunDevil311
- * @updated 2025-06-02
+ * @updated 2025-06-03
  */
 
 // Re-export images from dedicated images.js file
@@ -32,25 +32,33 @@ export * from "./images.js";
 // export { default as Button } from './components/Button.svelte';
 // export { default as Card } from './components/Card.svelte';
 
-/**
- * @typedef {{
- *   COMPANY: string,
- *   APP_NAME: string,
- *   COPYRIGHT_YEAR: string,
- *   CONTACT_EMAIL: string,
- *   SECURE_EMAIL: string,
- *   PRIVACY_EMAIL: string,
- *   PHONE: string,
- * }} AppConstants
- */
+/** @typedef {import('./types/appConstants.js').AppConstants} AppConstants */
+
 
 /** @type {AppConstants} */
 export const CONSTANTS = {
-  COMPANY: "Network Pro Strategies",
-  APP_NAME: "Network Pro",
-  COPYRIGHT_YEAR: "2025",
-  CONTACT_EMAIL: "support (at) neteng.pro",
-  SECURE_EMAIL: "contact (at) s.neteng.pro",
-  PRIVACY_EMAIL: "privacy (at) netwk.pro",
-  PHONE: "(623) 252-4350"
+  COMPANY_INFO: {
+    NAME: "Network Pro Strategies",
+    APP_NAME: "Network Pro",
+    YEAR: "2025",
+  },
+  CONTACT: {
+    EMAIL: "support (at) neteng.pro",
+    SECURE: "contact (at) s.neteng.pro",
+    PRIVACY: "privacy (at) netwk.pro",
+    PHONE: "(623) 252-4350",
+  },
+  PAGE: {
+    BLANK: "_blank",
+    REL: "noopener noreferrer",
+    SELF: "_self",
+  },
+  NAV: {
+    BACKTOP: "Back to top",
+    HREFTOP: "#top",
+  },
+  LINKS: {
+    HOME: "https://netwk.pro",
+    BLOG: "https://blog.netwk.pro",
+  },
 };

package/src/lib/pages/AboutContent.svelte

@@ -14,9 +14,9 @@ This file is part of Network Pro.
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
-  console.log(CONSTANTS.APP_NAME);
+  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { COMPANY, APP_NAME } = CONSTANTS;
+  const { COMPANY_INFO, PAGE } = CONSTANTS;
 
   /**
    * URL to the Contact Form route, using the base path
@@ -24,12 +24,6 @@ This file is part of Network Pro.
    */
   const contactLink = `${base}/contact`;
 
-  /**
-   * Security attribute for external links
-   * @type {string}
-   */
-  const rel = "noopener noreferrer";
-
   /**
    * HTML attribute for async image decoding
    * @type {"async" | "sync" | "auto"}
@@ -48,12 +42,6 @@ This file is part of Network Pro.
    */
   const hrStyle = "hr-styled";
 
-  /**
-   * Target attribute for opening links in new tab
-   * @type {string}
-   */
-  const tgtBlank = "_blank";
-
   /**
    * Navigation links for the page
    * @type {Array<{
@@ -121,16 +109,16 @@ This file is part of Network Pro.
 <!-- BEGIN TITLE -->
 <section id="top">
   <span class="small-text">
-    <a {rel} href={navLinks[0].href} target={navLinks[0].target}>
+    <a rel={PAGE.REL} href={navLinks[0].href} target={navLinks[0].target}>
       {navLinks[0].label}</a
     >: &nbsp;<code>{navLinks[0].text}</code>
   </span>
 </section>
 
 <section id="page-title">
-  <h1>About {APP_NAME}&trade;</h1>
+  <h1>About {COMPANY_INFO.APP_NAME}&trade;</h1>
   <p>
-    <strong>{COMPANY} ({APP_NAME}&trade;)</strong>
+    <strong>{COMPANY_INFO.NAME} ({COMPANY_INFO.APP_NAME}&trade;)</strong>
     <br />
     <em>Remote-First Cybersecurity & Privacy Consulting</em>
   </p>
@@ -150,16 +138,16 @@ This file is part of Network Pro.
   <sup>
     <strong>Formats:</strong>&nbsp;
     <span class="visited">HTML</span> |
-    <a href={navLinks[1].href} target={tgtBlank}>{navLinks[1].label}</a>
+    <a href={navLinks[1].href} target={PAGE.BLANK}>{navLinks[1].label}</a>
   </sup>
 </p>
 
 <p>
-  At <strong>{COMPANY} ({APP_NAME}&trade;)</strong>, we deliver network
-  security, cybersecurity, and digital privacy consulting with clarity,
-  credibility, and care. We believe that real security doesn't have to come at
-  the cost of user autonomy, and that privacy-minded solutions can be both
-  practical and powerful.
+  At <strong>{COMPANY_INFO.NAME} ({COMPANY_INFO.APP_NAME}&trade;)</strong>, we
+  deliver network security, cybersecurity, and digital privacy consulting with
+  clarity, credibility, and care. We believe that real security doesn't have to
+  come at the cost of user autonomy, and that privacy-minded solutions can be
+  both practical and powerful.
 </p>
 
 <p>
@@ -211,7 +199,7 @@ This file is part of Network Pro.
 <div class="spacer"></div>
 
 <p>
-  <a href={contactLink} target="_self">Let's connect</a>
+  <a rel={PAGE.REL} href={contactLink} target={PAGE.BLANK}>Let's connect</a>
   to discuss how we can help secure and strengthen your business today.
 </p>
 
@@ -241,7 +229,7 @@ This file is part of Network Pro.
             alt={`PGP Key - ${pgpKeys[0].label}`} />
         </td>
         <td class="pgp-col2">
-          <a {rel} href={pgpKeys[0].keySearch} target={tgtBlank}>
+          <a rel={PAGE.REL} href={pgpKeys[0].keySearch} target={PAGE.BLANK}>
             <strong>{pgpKeys[0].label}</strong>
           </a>
           <p
@@ -250,7 +238,7 @@ This file is part of Network Pro.
                 href={contactAssets.supportAsc}
                 type="application/pgp-keys"
                 download
-                target={tgtBlank}
+                target={PAGE.BLANK}
                 >asc &nbsp;<span class="fas fa-file-arrow-down"></span></a
               ></strong>
           </p>
@@ -266,7 +254,7 @@ This file is part of Network Pro.
       <!-- Row 1 (Second row) has its columns swapped -->
       <tr>
         <td class="pgp-col1">
-          <a {rel} href={pgpKeys[1].keySearch} target={tgtBlank}>
+          <a rel={PAGE.REL} href={pgpKeys[1].keySearch} target={PAGE.BLANK}>
             <strong>{pgpKeys[1].label}</strong>
           </a>
           <p>
@@ -275,7 +263,7 @@ This file is part of Network Pro.
                 href={contactAssets.contactAsc}
                 type="application/pgp-keys"
                 download
-                target={tgtBlank}
+                target={PAGE.BLANK}
                 >asc &nbsp;<span class="fas fa-file-arrow-down"></span></a
               ></strong>
           </p>
@@ -313,7 +301,7 @@ This file is part of Network Pro.
               href={contactAssets.vcf}
               type="text/vcard"
               download
-              target={tgtBlank}>
+              target={PAGE.BLANK}>
               <strong
                 >vcf &nbsp;<span class="fas fa-file-arrow-down"></span></strong>
             </a>