@networkpro/web 1.10.0 → 1.10.1

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",

package/package.json

@@ -4,7 +4,7 @@
   "sideEffects": [
     "./.netlify/shims.js"
   ],
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",

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,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

@@ -34,23 +34,57 @@ export * from "./images.js";
 
 /**
  * @typedef {{
- *   COMPANY: string,
+ *   NAME: string,
  *   APP_NAME: string,
- *   COPYRIGHT_YEAR: string,
- *   CONTACT_EMAIL: string,
- *   SECURE_EMAIL: string,
- *   PRIVACY_EMAIL: string,
- *   PHONE: string,
+ *   YEAR: string
+ * }} CompanyInfo
+ *
+ * @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 = {
-  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",
+  },
 };

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>

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>