@networkpro/web 1.9.1 → 1.10.1

package/cspell.json

@@ -6,9 +6,12 @@
     "anonymization",
     "autocapture",
     "autorun",
+    "BACKTOP",
     "beforeinstallprompt",
     "bootentry",
     "ccby",
+    "CCPA",
+    "CPRA",
     "Embedder",
     "Ente",
     "esbuild",
@@ -17,6 +20,7 @@
     "geolocation",
     "heliboard",
     "homescreen",
+    "HREFTOP",
     "Izzy",
     "lhci",
     "lifecycles",

package/jsconfig.json

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

package/package.json

@@ -4,7 +4,7 @@
   "sideEffects": [
     "./.netlify/shims.js"
   ],
-  "version": "1.9.1",
+  "version": "1.10.1",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -78,9 +78,9 @@
   },
   "dependencies": {
     "dompurify": "^3.2.6",
-    "posthog-js": "^1.249.0",
+    "posthog-js": "^1.249.1",
     "semver": "^7.7.2",
-    "svelte": "5.33.11"
+    "svelte": "5.33.14"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.9",
@@ -92,13 +92,13 @@
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.8",
-    "@vitest/coverage-v8": "^3.1.4",
+    "@vitest/coverage-v8": "^3.2.0",
     "autoprefixer": "^10.4.21",
     "browserslist": "^4.25.0",
     "eslint": "^9.28.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-jsdoc": "^50.7.0",
-    "eslint-plugin-svelte": "^3.9.0",
+    "eslint-plugin-jsdoc": "^50.7.1",
+    "eslint-plugin-svelte": "^3.9.1",
     "globals": "^16.2.0",
     "jsdom": "^26.1.0",
     "lightningcss": "^1.30.1",
@@ -119,7 +119,7 @@
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-lightningcss": "^0.0.5",
-    "vitest": "^3.1.4"
+    "vitest": "^3.2.0"
   },
   "overrides": {
     "@sveltejs/kit": {

package/src/global.d.ts

@@ -22,4 +22,3 @@ declare global {
 }
 
 export { };
-

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

@@ -12,29 +12,31 @@ This file is part of Network Pro.
   import { base } from "$app/paths";
   // Import icons for licenses
   import { bySvg, ccSvg } 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 { 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`;
 
-  /**
-   * Creator details object.
-   * @typedef {Object} Creator
-   * @property {string} name - The name of the creator.
-   * @property {string} url - The URL of the creator's website.
-   * @property {string} trademark - The trademark name of the creator.
-   * @property {string} slogan - The slogan of the creator.
-   */
+  /** @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.
    */
 
   /**
@@ -47,19 +49,6 @@ This file is part of Network Pro.
    * @property {Icon[]} [icons] - An array of icon objects for representing the license visually.
    */
 
-  /**
-   * @type {Creator}
-   */
-  const creator = {
-    name: "Network Pro Strategies",
-    url: "https://netwk.pro",
-    trademark: "Network Pro™",
-    slogan: "Locking Down Networks™",
-  };
-
-  /**
-   * @type {License[]}
-   */
   const licenses = [
     {
       type: "CC BY 4.0",
@@ -93,51 +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; 2025<br />
+    Copyright &copy; {COMPANY_INFO.YEAR}<br />
     <a
       rel="cc:attributionURL dct:creator"
       property="cc:attributionName"
-      href={creator.url}
-      target={targetBlank}>
-      <strong>{creator.name}</strong>
+      href={creatorUrl}
+      target={PAGE.BLANK}>
+      <strong>{COMPANY_INFO.NAME}</strong>
     </a>
-    ({creator.trademark})
+    ({COMPANY_INFO.APP_NAME}&trade;)
   </p>
 
   <!-- Trademark Section -->
   <p>
-    {creator.trademark}, the shield logo, and the "{creator.slogan}" slogan are
-    <a href={trademarkLink} target={targetSelf}>trademarks</a>
-    of {creator.name}.
+    {COMPANY_INFO.APP_NAME}&trade;, the shield logo, and the "{creatorSlogan}&trade;"
+    slogan are
+    <a href={trademarkLink} target={PAGE.SELF}>trademarks</a>
+    of {COMPANY_INFO.NAME}.
   </p>
 
   <!-- Licensing Section -->
@@ -147,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>
@@ -156,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
@@ -175,11 +147,11 @@ 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 rel={PAGE.REL} href={license.externalUrl} target={PAGE.BLANK}
           >{license.description}</a
         >, either version 3 of the License, or (at your option) any later
         version.

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-05-14
+ * @updated 2025-06-02
  */
 
 // Re-export images from dedicated images.js file
@@ -33,13 +33,58 @@ export * from "./images.js";
 // export { default as Card } from './components/Card.svelte';
 
 /**
- * Application constants
- * Common values used throughout the application
+ * @typedef {{
+ *   NAME: string,
+ *   APP_NAME: string,
+ *   YEAR: string
+ * }} CompanyInfo
  *
- * @type {object}
+ * @typedef {{
+ *   EMAIL: string,
+ *   SECURE: string,
+ *   PRIVACY: string,
+ *   PHONE: string
+ * }} ContactInfo
+ *
+ * @typedef {{
+ *   BLANK: string,
+ *   SELF: string,
+ *   REL: string
+ * }} PageTargets
+ *
+ * @typedef {{
+ *   BACKTOP: string,
+ *   HREFTOP: string
+ * }} NavigationLabels
+ *
+ * @typedef {{
+ *   COMPANY_INFO: CompanyInfo,
+ *   CONTACT: ContactInfo,
+ *   PAGE: PageTargets,
+ *   NAV: NavigationLabels
+ * }} AppConstants
  */
+
+/** @type {AppConstants} */
 export const CONSTANTS = {
-  APP_NAME: "Network Pro",
-  COPYRIGHT_YEAR: "2025",
-  CONTACT_EMAIL: "contact@s.neteng.pro",
+  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",
+  },
 };

package/src/lib/pages/AboutContent.svelte

@@ -9,22 +9,21 @@ This file is part of Network Pro.
 <script>
   import { pgpContact, pgpSupport, vcfSrc } from "$lib";
   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 { COMPANY_INFO, PAGE } = CONSTANTS;
+
   /**
    * URL to the Contact Form route, using the base path
    * @type {string}
    */
   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"}
@@ -43,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<{
@@ -116,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 Network Pro&trade;</h1>
+  <h1>About {COMPANY_INFO.APP_NAME}&trade;</h1>
   <p>
-    <strong>Network Pro Strategies (Network Pro&trade;)</strong>
+    <strong>{COMPANY_INFO.NAME} ({COMPANY_INFO.APP_NAME}&trade;)</strong>
     <br />
     <em>Remote-First Cybersecurity & Privacy Consulting</em>
   </p>
@@ -145,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>Network Pro Strategies (Network Pro&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>
@@ -206,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>
 
@@ -236,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
@@ -245,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>
@@ -261,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>
@@ -270,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>
@@ -308,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>

package/src/lib/pages/FossContent.svelte

@@ -9,6 +9,11 @@ This file is part of Network Pro.
 <script>
   import { fossData } from "$lib/data/fossData.js";
   import FossItemContent from "$lib/components/foss/FossItemContent.svelte";
+  import { CONSTANTS } from "$lib";
+
+  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+
+  const { PAGE } = CONSTANTS;
 
   /**
    * Process the FOSS data
@@ -48,24 +53,14 @@ This file is part of Network Pro.
     title: "FOSS Spotlight",
     lastUpdated: "May 30, 2025",
   };
-
-  /** @type {any} */
-  const constants = {
-    classSmall: "small-text",
-    rel: "noopener noreferrer",
-    backTop: "Back to top",
-    hrefTop: "#top",
-    targetSelf: "_self",
-    targetBlank: "_blank",
-  };
 </script>
 
 <section id="top">
-  <span class={constants.classSmall}>
+  <span class="small-text">
     <a
-      rel={constants.rel}
+      rel={PAGE.REL}
       href="https://spdx.dev/learn/handling-license-info"
-      target={constants.targetBlank}>
+      target={PAGE.BLANK}>
       SPDX License Identifier
     </a>: &nbsp;<code>CC-BY-4.0 OR GPL-3.0-or-later</code>
   </span>

package/src/lib/pages/HomeContent.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 { COMPANY_INFO, PAGE, NAV } = CONSTANTS;
+
   /**
    * URL to the FOSS Spotlight page, using the base path
    * @type {string}
@@ -41,31 +46,13 @@ This file is part of Network Pro.
    * @type {string}
    */
   const classLarge = "large-text-center";
-
-  /**
-   * Relation attribute for external links.
-   * @type {string}
-   */
-  const rel = "noopener noreferrer";
-
-  /**
-   * Target attribute to open links in a new tab.
-   * @type {string}
-   */
-  const targetBlank = "_blank";
-
-  /**
-   * Target attribute to open links in the same tab.
-   * @type {string}
-   */
-  const targetSelf = "_self";
 </script>
 
 <!-- BEGIN HOME CONTENT -->
 <h3 class={classIndex}>🔒 Practical Cybersecurity. Trusted Expertise.</h3>
 
 <p class={classCenter}>
-  At <strong>Network Pro&trade;</strong>, we specialize in network security,
+  At <strong>{COMPANY_INFO.NAME}</strong>, we specialize in network security,
   cybersecurity, and digital privacy consulting that meets today's real-world
   demands. Our remote-first approach combines technical depth with practical
   solutions—leveraging a strategic mix of open source and proprietary
@@ -82,7 +69,7 @@ This file is part of Network Pro.
   📡
   <em>
     <strong>Stay informed:</strong> Follow our
-    <a href={blogLink} target={targetSelf}>blog</a>
+    <a href={blogLink} target={PAGE.SELF}>blog</a>
     and social channels for actionable insights, implementation guides, and the latest
     cybersecurity developments.
   </em>
@@ -94,13 +81,13 @@ This file is part of Network Pro.
 
 <p class={classLarge}>
   <strong>
-    <a href={blogLink} target={targetSelf}>Network Pro Blog</a>
+    <a href={blogLink} target={PAGE.SELF}>{COMPANY_INFO.APP_NAME} Blog</a>
   </strong>
 </p>
 
 <p class={classLarge}>
   <strong>
-    <a href={spotlightLink} target={targetSelf}>FOSS Spotlight</a>
+    <a href={spotlightLink} target={PAGE.SELF}>FOSS Spotlight</a>
   </strong>
 </p>
 
@@ -109,12 +96,13 @@ This file is part of Network Pro.
 <p class={classCenter}>
   <em>
     Join us on
-    <a {rel} href="https://discord.neteng.pro" target={targetBlank}>Discord</a>
+    <a rel={PAGE.REL} href="https://discord.neteng.pro" target={PAGE.BLANK}
+      >Discord</a>
     or in
     <a
-      {rel}
+      rel={PAGE.REL}
       href="https://github.com/netwk-pro/netwk-pro.github.io/discussions"
-      target={targetBlank}>GitHub Discussions</a
+      target={PAGE.BLANK}>GitHub Discussions</a
     >!
   </em>
 </p>