@networkpro/web 0.13.2 → 1.1.0

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

@@ -0,0 +1,66 @@
+<!-- ==========================================================================
+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";
+  import MetaTags from "$lib/components/MetaTags.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";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<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.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/foss-spotlight/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/foss-spotlight"] || defaultMeta,
+  };
+}

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

@@ -0,0 +1,68 @@
+<!-- ==========================================================================
+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";
+  import MetaTags from "$lib/components/MetaTags.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";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<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.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/license/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/license"] || defaultMeta,
+  };
+}

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

@@ -0,0 +1,68 @@
+<!-- ==========================================================================
+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";
+  import MetaTags from "$lib/components/MetaTags.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";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<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,29 @@
+/* ==========================================================================
+src/routes/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", () => {
+    const mockData = {
+      pathname: "/", // Required because layout uses it
+      meta: {
+        title:
+          "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+        description:
+          "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+      },
+    };
+
+    render(Page, { props: { data: mockData } });
+
+    expect(screen.getByTestId("home-page")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/privacy-policy/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/privacy-policy"] || defaultMeta,
+  };
+}

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

@@ -0,0 +1,68 @@
+<!-- ==========================================================================
+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";
+  import MetaTags from "$lib/components/MetaTags.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";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<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.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/terms-conditions/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/terms-conditions"] || defaultMeta,
+  };
+}

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

@@ -0,0 +1,68 @@
+<!-- ==========================================================================
+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";
+  import MetaTags from "$lib/components/MetaTags.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";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<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.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/terms-of-use/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/terms-of-use"] || defaultMeta,
+  };
+}

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

@@ -0,0 +1,68 @@
+<!-- ==========================================================================
+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";
+  import MetaTags from "$lib/components/MetaTags.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";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<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();
+      }
+    })(),
+  );
+});