@networkpro/web 0.13.1 → 1.0.0

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

@@ -0,0 +1,84 @@
+<!-- ==========================================================================
+src/lib/components/layout/HeaderHome.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import { base } from "$app/paths";
+
+  // Log the base path to verify its value
+  //console.log("Base path:", base);
+
+  const aboutLink = `${base}/about`;
+  const fossLink = `${base}/foss-spotlight`;
+  const blogLink = "https://blog.netwk.pro";
+
+  /**
+   * Navigation link object.
+   * @typedef {Object} NavItem
+   * @property {string} label - The text displayed for the link.
+   * @property {string} href - The URL or anchor the link points to.
+   * @property {string} target - Specifies where to open the link (e.g., "_self" or "_blank").
+   * @property {boolean} external - Whether the link points to an external resource.
+   */
+
+  /**
+   * Array of navigation links.
+   * @type {NavItem[]}
+   */
+  const nav = [
+    { label: "about", href: aboutLink, target: "_self", external: false },
+    { label: "foss", href: fossLink, target: "_self", external: false },
+    {
+      label: "blog",
+      href: blogLink,
+      target: "_self",
+      external: false,
+    },
+    {
+      label: "discussions",
+      href: "https://github.com/netwk-pro/netwk-pro.github.io/discussions",
+      target: "_blank",
+      external: true,
+    },
+    {
+      label: "link hub",
+      href: "https://linktr.ee/neteng_pro",
+      target: "_blank",
+      external: true,
+    },
+  ];
+
+  /**
+   * Relation attribute for external links.
+   * @type {string}
+   */
+  const rel = "noopener noreferrer";
+</script>
+
+<!-- BEGIN HOME HEADER -->
+<nav class="center-nav">
+  {#each nav as { label, href, target, external }, index}
+    <a {href} {target} rel={external ? rel : undefined}>
+      {label}
+    </a>
+    {#if external}
+      <sup>
+        <span style="color: #ffc627;">
+          <i class="fas fa-arrow-up-right-from-square fa-2xs"></i>
+        </span>
+      </sup>
+    {/if}
+    <!-- Separator logic -->
+    {#if index < nav.length - 1}
+      {#if label === "blog"}
+        <br />
+      {:else}
+        <span class="separator">|</span>
+      {/if}
+    {/if}
+  {/each}
+</nav>
+<!-- END HOME HEADER -->

package/src/lib/data/fossData.js

@@ -0,0 +1,233 @@
+/* ==========================================================================
+src/lib/data/fossData.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+// Import FOSS images
+import { acodePng, acodeWbp, lsheetPng, lsheetWbp, pmxPng, pmxWbp, tosPng, tosWbp, urlPng, urlWbp } from "$lib";
+
+export const fossData = [
+  {
+    id: "pmx",
+    images: {
+      webp: pmxWbp,
+      png: pmxPng,
+    },
+    imgAlt: "PMX",
+    title: "Permission Manager X",
+    headline: "Take Control of App Permissions Like a Pro with PMX!",
+    headlineDescription: `
+      <p>Introducing Permission Manager X (PMX), the open-source, lightweight Android tool that provides you with full control over your app's permissions without the need for root access.</p>
+      <p>PMX was designed with user autonomy and simplicity in mind, enabling users to fully manage app permissions (both manifest permissions and AppOps) on Android devices.</p>
+    `,
+    features: [
+      "Granular, On-Demand Permission Control",
+      "Sensitive Data Access Monitoring",
+      "Autostart Abuse Prevention",
+      "Clean, Ad-Free Interface",
+      "Wireless ADB Support (No Root)",
+    ],
+    detailsDescription: `
+      <p>PMX offers a wealth of features for anyone evaluating mobile security tools, be they an IT professional, developer, or privacy-conscious user.</p>
+      <p>⚡ <span class="bolditalic">Why Choose PMX?</span><br />
+      ✔️ <strong>Granular, On-Demand Permission Control:</strong> Instantly block or allow app permissions with real-time control.<br />
+      ✔️ <strong>Sensitive Data Access Monitoring:</strong> See which apps access your camera, mic, location, and more.<br />
+      ✔️ <strong>Autostart Abuse Prevention:</strong> Halt apps that auto-launch and exploit background permissions.<br />
+      ✔️ <strong>Clean, Ad-Free Interface:</strong> Lightweight UI with zero ads, trackers, or unnecessary bloat.<br />
+      ✔️ <strong>Wireless ADB Support (No Root):</strong> Advanced controls via ADB—wireless if supported—no root needed.<br />
+      </p>
+      <p>No ads. No tracking. Just privacy made easy.<br />
+      This isn't just another utility — it's a <em>must-have</em> for anyone serious about mobile privacy and transparency.</p>
+      <p>Try it now and liberate your Android from bloatware permission abuse!</p>
+    `,
+    links: [
+      {
+        label: "GitHub",
+        href: "https://github.com/mirfatif/PermissionManagerX",
+      },
+      {
+        label: "F-Droid",
+        href: "https://f-droid.org/en/packages/com.mirfatif.permissionmanagerx/",
+      },
+      {
+        label: "Website",
+        href: "https://mirfatif.github.io/PermissionManagerX/",
+      },
+      {
+        label: "Play Store",
+        href: "https://play.google.com/store/apps/details?id=com.mirfatif.permissionmanagerx",
+      },
+    ],
+    notes: [
+      "Note: PMX maintains Play Store, F-Droid, and GitHub versions. These are not interchangeable, as they all have different signatures. We recommend either the F-Droid or GitHub version, though they should all be identical in terms of functionality.",
+      "Further, PMX offers a paid version, PMX Pro, which offers significantly greater functionality. You have the option to send a minimal donation via the developer's website, or you can simply purchase it on the Play Store (it's currently $1.99). The developer also offers trial keys via Telegram so that you can test out PMX Pro.",
+    ],
+  },
+  {
+    id: "tosdr",
+    images: {
+      webp: tosWbp,
+      png: tosPng,
+    },
+    imgAlt: "TOS;DR",
+    title: "TOS;DR",
+    headline:
+      "Discover ToS;DR - The Open-Source Project That Translates Legal Jargon into Clarity",
+    headlineDescription: `
+      <p>We've all been there&mdash;scrolling past walls of legal text and clicking “I agree” just to get on with it. But what exactly are we agreeing to?</p>
+      <p><strong>ToS;DR (Terms of Service; Didn't Read)</strong> is the open-source project that helps you find out—without needing a law degree.</p>
+    `,
+    features: [
+      "Community-driven ratings from A (best) to E (worst)",
+      "Clear summaries of complex terms and privacy policies",
+      "Highlights of key clauses—both good and bad",
+      "No account needed, completely free to use",
+      "Transparent, open-source code and contribution process",
+    ],
+    detailsDescription: `
+      <p>✨ <span class="bolditalic">Why ToS;DR?</span><br />
+      ✔️ Community-driven ratings from A (best) to E (worst)<br />
+      ✔️ Clear summaries of complex terms and privacy policies<br />
+      ✔️ Highlights of key clauses—both good and bad<br />
+      ✔️ No account needed, completely free to use<br />
+      ✔️ Transparent, open-source code and contribution process</p>
+      <p>Whether you're a privacy advocate, a curious user, or someone tired of blindly agreeing to questionable terms, ToS;DR helps you make informed decisions about the services you use every day.</p>
+      <p>💡 From browser extensions to a dedicated <strong>Android app on F-Droid</strong>, ToS;DR is privacy-conscious, ad-free, and built to empower.</p>
+      <p>Stay informed, protect your rights, and take back control of your digital life—one ToS at a time.</p>
+    `,
+    links: [
+      {
+        label: "F-Droid",
+        href: "https://f-droid.org/en/packages/xyz.ptgms.tosdr/",
+      },
+      {
+        label: "GitHub (works with Obtanium)",
+        href: "https://github.com/tosdr/tosdr-android",
+      },
+      { label: "Website", href: "https://tosdr.org/" },
+    ],
+    notes: [
+      `While the latest <a rel="noopener noreferrer" href="https://reports.exodus-privacy.eu.org/en/reports/592855/">Exodus</a> privacy audit shows the <a rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=xyz.ptgms.tosdr">Play Store</a> version is free of trackers, we'd still recommend opting for the F-Droid version or installing via <a rel="noopener noreferrer" href="https://github.com/ImranR98/Obtainium">Obtanium</a>.`,
+    ],
+  },
+  {
+    id: "acode",
+    images: {
+      webp: acodeWbp,
+      png: acodePng,
+    },
+    imgAlt: "Acode",
+    title: "Acode",
+    headline:
+      "Bring the power of a full-fledged IDE to your Android device with Acode!",
+    headlineDescription: `
+      <p>Discover Acode, the open-source code editor that brings the power of a full-fledged IDE to your Android device. Whether you're tweaking HTML, crafting CSS, or debugging JavaScript, Acode has you covered.</p>
+    `,
+    features: [
+      "Lightweight & fast",
+      "Supports over 100 programming languages",
+      "Offline functionality—no internet needed",
+      "Integrated Git support",
+      "Customizable themes & syntax highlighting",
+    ],
+    detailsDescription: `
+      <p>✨ <span class="bolditalic">Why Acode?</span><br />
+      ✔️ Lightweight & fast<br />
+      ✔️ Supports over 100 programming languages<br />
+      ✔️ Offline functionality—no internet needed<br />
+      ✔️ Integrated Git support<br />
+      ✔️ Customizable themes & syntax highlighting</p>
+      <p>Perfect for developers on the go, students, or anyone passionate about coding and open-source software.</p>
+    `,
+    links: [
+      { label: "GitHub", href: "https://github.com/Acode-Foundation/Acode" },
+      {
+        label: "F-Droid",
+        href: "https://f-droid.org/packages/com.foxdebug.acode/",
+      },
+      { label: "Website", href: "https://acode.app/" },
+    ],
+    notes: [
+      "We recommend you use only the F-Droid or GitHub versions, as the Play Store version contains ads.",
+    ],
+  },
+  {
+    id: "linksheet",
+    images: {
+      webp: lsheetWbp,
+      png: lsheetPng,
+    },
+    imgAlt: "LinkSheet Nightly",
+    title: "LinkSheet Nightly",
+    headline:
+      "Restore link control on Android 12 and later with LinkSheet Nightly.",
+    headlineDescription: `
+      <p>LinkSheet is a powerful tool that restores the ability to choose which app opens your links on Android 12 and later. With its Material Design interface, LinkSheet allows you to set custom preferences for specific hosts, enhancing your privacy and control.</p>
+    `,
+    features: [
+      "Regain Choice: Decide which app opens your links, bypassing Android's default restrictions.",
+      "Custom Preferences: Set your preferred browser or app for specific hosts.",
+      "Enhanced Privacy: Prevent unwanted app launches and ensure links open where you intend.",
+      "User-Friendly Interface: Enjoy a sleek, Material Design that integrates seamlessly with your device.",
+    ],
+    detailsDescription: `
+      <p>✨ <span class="bolditalic">Why LinkSheet?</span><br />
+      ✔️ <strong>Regain Choice:</strong> Decide which app opens your links, bypassing Android's default restrictions.<br />
+      ✔️ <strong>Custom Preferences:</strong> Set your preferred browser or app for specific hosts.<br />
+      ✔️ <strong>Enhanced Privacy:</strong> Prevent unwanted app launches and ensure links open where you intend.<br />
+      ✔️ <strong>User-Friendly Interface:</strong> Enjoy a sleek, Material Design that integrates seamlessly with your device.</p>
+    `,
+    links: [
+      {
+        imgAlt: "Obtainium",
+        hideLabels: true,  // Special flag to control rendering
+        downloadText: "Obtainium App Config",
+        downloadHref:
+          "https://raw.githubusercontent.com/netwk-pro/dev-sveltekit/refs/heads/master/assets/bin/linksheet.json",
+      },
+      {
+        label: "GitHub",
+        href: "https://github.com/LinkSheet/LinkSheet",
+      },
+      {
+        label: "GitHub Releases",
+        href: "https://github.com/LinkSheet/nightly",
+      },
+    ],
+    notes: [],
+  },
+  {
+    id: "urlcheck",
+    images: {
+      webp: urlWbp,
+      png: urlPng,
+    },
+    imgAlt: "URLCheck",
+    title: "URLCheck",
+    headline: "Analyze and inspect links before opening them with URLCheck.",
+    headlineDescription: `
+      <p>URLCheck is a must-have for privacy-conscious users! This app helps you analyze and inspect links before opening them, protecting you from trackers, malicious sites, and other online threats.</p>
+    `,
+    features: [
+      "Automatic URL screening: Set it as your default browser for real-time link analysis.",
+      "Full transparency: Know what's behind a link before you click.",
+      "Stronger privacy & security: Stay safe online with minimal effort.",
+    ],
+    detailsDescription: `
+      <p>🔍 <span class="bolditalic">Why you need it:</span><br />
+      ✔️ <b>Automatic URL screening:</b> Set it as your default browser for real-time link analysis.<br />
+      ✔️ <b>Full transparency:</b> Know what's behind a link before you click.<br />
+      ✔️ <b>Stronger privacy & security:</b> Stay safe online with minimal effort!</p>
+    `,
+    links: [
+      { label: "GitHub", href: "https://github.com/TrianguloY/URLCheck" },
+      {
+        label: "F-Droid",
+        href: "https://f-droid.org/packages/com.trianguloy.urlchecker/",
+      },
+    ],
+    notes: [],
+  },
+];

package/src/lib/images.js

@@ -0,0 +1,77 @@
+/* ==========================================================================
+src/lib/images.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * Image import utility
+ * Provides convenient access to images in the src/lib/img directory
+ *
+ * @module src/lib
+ * @author SunDevil311
+ * @updated 2025-05-15
+ */
+
+// Import favicon images
+import faviconSvg from "$lib/img/favicon.svg";
+import appleTouchIcon from "$lib/img/icon-180x180.png";
+
+// Import logo image
+import logoPng from "$lib/img/logo-web.png";
+import logoWbp from "$lib/img/logo-web.webp";
+
+// Import badges
+import ccBadge from "$lib/img/badges/cc-by-badge.png";
+import gplBadge from "$lib/img/badges/gpl-badge.svg";
+
+// Import general images
+import bySvg from "$lib/img/by.svg";
+import ccSvg from "$lib/img/cc.svg";
+import obtainiumPng from "$lib/img/obtainium.png";
+import obtainiumWbp from "$lib/img/obtainium.webp";
+
+// Import images for posts
+import acodePng from "$lib/img/posts/acode.png";
+import acodeWbp from "$lib/img/posts/acode.webp";
+import lsheetPng from "$lib/img/posts/linksheet.png";
+import lsheetWbp from "$lib/img/posts/linksheet.webp";
+import pmxPng from "$lib/img/posts/pmx.png";
+import pmxWbp from "$lib/img/posts/pmx.webp";
+import tosPng from "$lib/img/posts/tosdr.png";
+import tosWbp from "$lib/img/posts/tosdr.webp";
+import urlPng from "$lib/img/posts/urlcheck.png";
+import urlWbp from "$lib/img/posts/urlcheck.webp";
+
+// Import QR code images
+import pgpContact from "$lib/img/qr/pgp-contact.png";
+import pgpSupport from "$lib/img/qr/pgp-support.png";
+import vcfSrc from "$lib/img/qr/vcard.png";
+
+// Re-export all imports
+export {
+  acodePng,
+  acodeWbp,
+  appleTouchIcon,
+  bySvg,
+  ccBadge,
+  ccSvg,
+  faviconSvg,
+  gplBadge,
+  logoPng,
+  logoWbp,
+  lsheetPng,
+  lsheetWbp,
+  obtainiumPng,
+  obtainiumWbp,
+  pgpContact,
+  pgpSupport,
+  pmxPng,
+  pmxWbp,
+  tosPng,
+  tosWbp,
+  urlPng,
+  urlWbp,
+  vcfSrc
+};

package/src/lib/img/badges/gpl-badge.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="142" height="28" aria-label="LICENSE: GPLV3"><g shape-rendering="crispEdges"><path fill="#9b9b9b" d="M0 0h75.75v28H0z"/><path fill="#d0021b" d="M75.75 0H142v28H75.75z"/></g><g fill="#fff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="100" text-anchor="middle" text-rendering="geometricPrecision"><text x="378.75" y="175" textLength="517.5" transform="scale(.1)">LICENSE</text><text x="1088.75" y="175" font-weight="bold" textLength="422.5" transform="scale(.1)">GPLV3</text></g></svg>

package/src/lib/img/by.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="64" height="64" version="1.0" viewBox="5.5 -3.5 64 64"><circle cx="37.637" cy="28.806" r="28.276" fill="#FFF"/><path d="M37.443-3.5c8.988 0 16.57 3.085 22.742 9.257C66.393 11.967 69.5 19.548 69.5 28.5c0 8.991-3.049 16.476-9.145 22.456-6.476 6.363-14.113 9.544-22.912 9.544-8.649 0-16.153-3.144-22.514-9.43C8.644 44.784 5.5 37.262 5.5 28.5c0-8.761 3.144-16.342 9.429-22.742C21.101-.415 28.604-3.5 37.443-3.5zm.114 5.772c-7.276 0-13.428 2.553-18.457 7.657-5.22 5.334-7.829 11.525-7.829 18.572 0 7.086 2.59 13.22 7.77 18.398 5.181 5.182 11.352 7.771 18.514 7.771 7.123 0 13.334-2.607 18.629-7.828 5.029-4.838 7.543-10.952 7.543-18.343 0-7.276-2.553-13.465-7.656-18.571-5.104-5.104-11.276-7.656-18.514-7.656zm8.572 18.285v13.085h-3.656v15.542h-9.944V33.643h-3.656V20.557c0-.572.2-1.057.599-1.457.401-.399.887-.6 1.457-.6h13.144c.533 0 1.01.2 1.428.6.417.4.628.886.628 1.457zm-13.087-8.228c0-3.008 1.485-4.514 4.458-4.514s4.457 1.504 4.457 4.514c0 2.971-1.486 4.457-4.457 4.457s-4.458-1.486-4.458-4.457z"/></svg>

package/src/lib/img/cc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="64" height="64" version="1.0" viewBox="5.5 -3.5 64 64"><circle cx="37.785" cy="28.501" r="28.836" fill="#FFF"/><path d="M37.441-3.5c8.951 0 16.572 3.125 22.857 9.372 3.008 3.009 5.295 6.448 6.857 10.314 1.561 3.867 2.344 7.971 2.344 12.314 0 4.381-.773 8.486-2.314 12.313-1.543 3.828-3.82 7.21-6.828 10.143-3.123 3.085-6.666 5.448-10.629 7.086-3.961 1.638-8.057 2.457-12.285 2.457s-8.276-.808-12.143-2.429c-3.866-1.618-7.333-3.961-10.4-7.027-3.067-3.066-5.4-6.524-7-10.372S5.5 32.767 5.5 28.5c0-4.229.809-8.295 2.428-12.2 1.619-3.905 3.972-7.4 7.057-10.486C21.08-.394 28.565-3.5 37.441-3.5zm.116 5.772c-7.314 0-13.467 2.553-18.458 7.657-2.515 2.553-4.448 5.419-5.8 8.6a25.204 25.204 0 0 0-2.029 9.972c0 3.429.675 6.734 2.029 9.913 1.353 3.183 3.285 6.021 5.8 8.516 2.514 2.496 5.351 4.399 8.515 5.715a25.652 25.652 0 0 0 9.943 1.971c3.428 0 6.75-.665 9.973-1.999 3.219-1.335 6.121-3.257 8.713-5.771 4.99-4.876 7.484-10.99 7.484-18.344 0-3.543-.648-6.895-1.943-10.057-1.293-3.162-3.18-5.98-5.654-8.458-5.146-5.143-11.335-7.715-18.573-7.715zm-.401 20.915-4.287 2.229c-.458-.951-1.019-1.619-1.685-2-.667-.38-1.286-.571-1.858-.571-2.856 0-4.286 1.885-4.286 5.657 0 1.714.362 3.084 1.085 4.113.724 1.029 1.791 1.544 3.201 1.544 1.867 0 3.181-.915 3.944-2.743l3.942 2c-.838 1.563-2 2.791-3.486 3.686-1.484.896-3.123 1.343-4.914 1.343-2.857 0-5.163-.875-6.915-2.629-1.752-1.752-2.628-4.19-2.628-7.313 0-3.048.886-5.466 2.657-7.257 1.771-1.79 4.009-2.686 6.715-2.686 3.963-.002 6.8 1.541 8.515 4.627zm18.457 0-4.229 2.229c-.457-.951-1.02-1.619-1.686-2-.668-.38-1.307-.571-1.914-.571-2.857 0-4.287 1.885-4.287 5.657 0 1.714.363 3.084 1.086 4.113.723 1.029 1.789 1.544 3.201 1.544 1.865 0 3.18-.915 3.941-2.743l4 2c-.875 1.563-2.057 2.791-3.541 3.686a9.233 9.233 0 0 1-4.857 1.343c-2.896 0-5.209-.875-6.941-2.629-1.736-1.752-2.602-4.19-2.602-7.313 0-3.048.885-5.466 2.658-7.257 1.77-1.79 4.008-2.686 6.713-2.686 3.962-.002 6.783 1.541 8.458 4.627z"/></svg>

package/src/lib/index.js

@@ -0,0 +1,43 @@
+/* ==========================================================================
+src/lib/index.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * Library index file
+ * Main export point for library components, utilities, and assets
+ *
+ * @module src/lib
+ * @author SunDevil311
+ * @updated 2025-05-14
+ */
+
+// Re-export images from dedicated images.js file
+// This maintains backward compatibility with existing imports
+export * from "./images.js";
+
+// Export utility functions
+// Uncomment and adjust these as needed for your project
+// export * from './utils/formatting.js';
+// export * from './utils/validation.js';
+// export * from './utils/helpers.js';
+
+// Export components
+// Uncomment and adjust these as needed for your project
+// export * from './components/index.js';
+// export { default as Button } from './components/Button.svelte';
+// export { default as Card } from './components/Card.svelte';
+
+/**
+ * Application constants
+ * Common values used throughout the application
+ *
+ * @type {object}
+ */
+export const CONSTANTS = {
+  APP_NAME: "Network Pro",
+  COPYRIGHT_YEAR: "2025",
+  CONTACT_EMAIL: "contact@s.neteng.pro",
+};