@networkpro/web 0.13.1 → 1.0.0

package/src/routes/about/+page.svelte

@@ -0,0 +1,61 @@
+<!-- ==========================================================================
+src/routes/about/+page.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import AboutContent from "$lib/pages/AboutContent.svelte";
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+</script>
+
+<link rel="canonical" href="https://netwk.pro/about" />
+
+<section id="about">
+  <FullWidthSection>
+    <!-- BEGIN MAIN CONTENT -->
+    <section id="main-content">
+      <AboutContent />
+    </section>
+    <!-- END MAIN CONTENT -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+
+    <hr class={hrStyle} />
+
+    <div class={spaceStyle}></div>
+
+    <!-- LEGAL NAVIGATION -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+
+    <div class={spaceStyle}></div>
+
+    <!-- BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/contact/+page.server.js

@@ -0,0 +1,24 @@
+/* ==========================================================================
+src/routes/contact/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { redirect } from "@sveltejs/kit";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load({ url }) {
+  const utmSource = url.searchParams.get("utm_source");
+
+  // Set target to your actual contact page path
+  const target =
+    "https://cloud.neteng.pro/index.php/apps/forms/s/nyWEq9fdE7kWAjqMtMySLqJc";
+
+  // Preserve the tracking parameter
+  const redirectTo = utmSource ? `${target}?utm_source=${utmSource}` : target;
+
+  throw redirect(302, redirectTo);
+}

package/src/routes/example.svx

@@ -0,0 +1,9 @@
+# Welcome to My Page
+
+This is an example of an `.svx` file with Markdown and Svelte.
+
+<script>
+	let count = 0;
+</script>
+
+<button on:click={() => count++}>Clicked {count} times</button>

package/src/routes/foss-spotlight/+page.svelte

@@ -0,0 +1,63 @@
+<!-- ==========================================================================
+src/lib/pages/FossSpotlightContent.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import FossContent from "$lib/pages/FossContent.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+</script>
+
+<link rel="canonical" href="https://netwk.pro/foss-spotlight" />
+
+<section id="license">
+  <FullWidthSection>
+    <!-- BEGIN FOSS SPOTLIGHT -->
+    <section id="main-content">
+      <FossContent />
+    </section>
+    <!-- END FOSS SPOTLIGHT -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr class={hrStyle} />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/license/+page.svelte

@@ -0,0 +1,63 @@
+<!-- ==========================================================================
+src/routes/license/+page.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import LicenseContent from "$lib/pages/LicenseContent.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+</script>
+
+<link rel="canonical" href="https://netwk.pro/license" />
+
+<section id="license">
+  <FullWidthSection>
+    <!-- BEGIN LEGAL, COPYRIGHT, AND LICENSING -->
+    <section id="main-content">
+      <LicenseContent />
+    </section>
+    <!-- END LEGAL, COPYRIGHT, AND LICENSING -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr class={hrStyle} />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/page.svelte.test.js

@@ -0,0 +1,18 @@
+/* ==========================================================================
+src/lib/page.svelte.test.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import "@testing-library/jest-dom/vitest";
+import { render, screen } from "@testing-library/svelte";
+import { describe, expect, test } from "vitest";
+import Page from "./+page.svelte";
+
+describe("/+page.svelte", () => {
+  test("should render the home page section", () => {
+    render(Page);
+    expect(screen.getByTestId("home-page")).toBeInTheDocument();
+  });
+});

package/src/routes/privacy-policy/+page.svelte

@@ -0,0 +1,63 @@
+<!-- ==========================================================================
+src/routes/privacy-policy/+page.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import PrivacyContent from "$lib/pages/PrivacyContent.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+</script>
+
+<link rel="canonical" href="https://netwk.pro/privacy-policy" />
+
+<section id="privacy-policy">
+  <FullWidthSection>
+    <!-- BEGIN PRIVACY POLICY -->
+    <section id="main-content">
+      <PrivacyContent />
+    </section>
+    <!-- END PRIVACY POLICY -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr class={hrStyle} />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/privacy-rights/+page.server.js

@@ -0,0 +1,24 @@
+/* ==========================================================================
+src/routes/privacy-rights/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { redirect } from "@sveltejs/kit";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load({ url }) {
+  const utmSource = url.searchParams.get("utm_source");
+
+  // Set target to your actual privacy rights form path
+  const target =
+    "https://cloud.neteng.pro/index.php/apps/forms/s/6HpZKZCaLwb6TXYL99nLQM8t";
+
+  // Preserve the tracking parameter
+  const redirectTo = utmSource ? `${target}?utm_source=${utmSource}` : target;
+
+  throw redirect(302, redirectTo);
+}

package/src/routes/terms-conditions/+page.svelte

@@ -0,0 +1,63 @@
+<!-- ==========================================================================
+src/routes/terms-conditions/+page.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import TermsConditionsContent from "$lib/pages/TermsConditionsContent.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+</script>
+
+<link rel="canonical" href="https://netwk.pro/terms-conditions" />
+
+<section id="terms-conditions">
+  <FullWidthSection>
+    <!-- BEGIN TERMS AND CONDITIONS -->
+    <section id="main-content">
+      <TermsConditionsContent />
+    </section>
+    <!-- END TERMS AND CONDITIONS -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr class={hrStyle} />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/terms-of-use/+page.svelte

@@ -0,0 +1,63 @@
+<!-- ==========================================================================
+src/routes/terms-of-use/+page.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import TermsUseContent from "$lib/pages/TermsUseContent.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+</script>
+
+<link rel="canonical" href="https://netwk.pro/terms-of-use" />
+
+<section id="terms-of-use">
+  <FullWidthSection>
+    <!-- BEGIN TERMS OF USE -->
+    <section id="main-content">
+      <TermsUseContent />
+    </section>
+    <!-- END TERMS OF USE -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr class={hrStyle} />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/service-worker.d.ts

@@ -0,0 +1,4 @@
+/// <reference lib="webworker" />
+
+// Give access to ServiceWorkerGlobalScope when using JSDoc
+export { }; // ensures this file is treated as a module

package/src/service-worker.js

@@ -0,0 +1,90 @@
+/* ==========================================================================
+src/service-worker.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/** @type {ServiceWorkerGlobalScope} */
+const sw = self;
+
+import { build, files, version } from "$service-worker";
+
+/** @type {string} */
+const CACHE = `cache-${version}`;
+
+/** @type {string[]} */
+const ASSETS = Array.from(new Set([...build, ...files, "/offline.html"]));
+
+console.log("[SW] Assets to cache:", ASSETS); // Helps debug duplicates
+
+/**
+ * @param {ExtendableEvent} event
+ */
+sw.addEventListener("install", (event) => {
+  /** @type {ExtendableEvent} */ (event).waitUntil(
+    caches
+      .open(CACHE)
+      .then((cache) => cache.addAll(ASSETS))
+      .then(() => sw.skipWaiting()),
+  );
+});
+
+/**
+ * @param {ExtendableEvent} event
+ */
+sw.addEventListener("activate", (event) => {
+  /** @type {ExtendableEvent} */ (event).waitUntil(
+    (async () => {
+      const tasks = [];
+
+      if (sw.registration.navigationPreload) {
+        tasks.push(sw.registration.navigationPreload.enable());
+      }
+
+      tasks.push(
+        caches.keys().then((keys) =>
+          Promise.all(
+            keys.map((key) => {
+              if (key !== CACHE) return caches.delete(key);
+            }),
+          ),
+        ),
+      );
+
+      await Promise.all(tasks);
+      await sw.clients.claim();
+    })(),
+  );
+});
+
+/**
+ * @param {FetchEvent} event
+ */
+sw.addEventListener("fetch", (event) => {
+  /** @type {FetchEvent} */ (event).respondWith(
+    (async () => {
+      const cached = await caches.match(event.request);
+      if (cached) return cached;
+
+      try {
+        if (event.request.mode === "navigate") {
+          const preloadResponse = await event.preloadResponse;
+          if (preloadResponse) return preloadResponse;
+        }
+
+        return await fetch(event.request);
+      } catch {
+        if (event.request.mode === "navigate") {
+          const offline = await caches.match("/offline.html");
+          if (offline) return offline;
+          return new Response("<h1>Offline</h1>", {
+            headers: { "Content-Type": "text/html" },
+          });
+        }
+
+        return Response.error();
+      }
+    })(),
+  );
+});

package/static/manifest.json

@@ -0,0 +1,64 @@
+{
+  "name": "Network Pro Strategies",
+  "short_name": "Network Pro",
+  "description": "Access our expert cybersecurity services anytime, anywhere with our streamlined Progressive Web App. Optimized for speed, security, and mobile use, this app offers a seamless experience to explore our solutions, view project highlights, and get in touch—all in one place.",
+  "start_url": "/?utm_source=homescreen",
+  "display": "standalone",
+  "display_override": ["window-controls-overlay", "minimal-ui"],
+  "background_color": "#191919",
+  "theme_color": "#ffc627",
+  "icons": [
+    {
+      "src": "/icon-192x192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/icon-512x512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/icon-512x512-maskable.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-splash.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "orientation": "any",
+  "scope": "/",
+  "categories": ["business", "security", "technology", "network", "privacy"],
+  "shortcuts": [
+    {
+      "name": "Consulting Services",
+      "short_name": "Services",
+      "description": "Explore our cybersecurity services",
+      "url": "/about?utm_source=shortcut",
+      "icons": [
+        {
+          "src": "/icon-services.png",
+          "sizes": "96x96",
+          "type": "image/png"
+        }
+      ]
+    },
+    {
+      "name": "Contact Us",
+      "short_name": "Contact",
+      "description": "Connect with a cybersecurity specialist",
+      "url": "/contact?utm_source=shortcut",
+      "icons": [
+        {
+          "src": "/icon-contact.png",
+          "sizes": "96x96",
+          "type": "image/png"
+        }
+      ]
+    }
+  ]
+}