Remove vencord plugin until Error.stack is properly proxied in UV. Make better use of the Link component I made

public/marketplace/vencord/vencord.js

@@ -1,10 +0,0 @@
-// async function applyCSS() {
-//     let vencordCSS = await fetch("https://raw.githubusercontent.com/Vencord/builds/main/browser.css")
-//     let cssLink = document.createElement("style");
-    
-//     cssLink.innerHTML = await vencordCSS.text();
-//     document.head.appendChild(cssLink)
-// }
-// applyCSS();
-
-// document.head.appendChild(document.createElement("script")).src = "https://raw.githubusercontent.com/Vencord/builds/main/browser.js";

public/sw.js

@@ -1,19 +1,11 @@
 importScripts("/uv/uv.bundle.js", "/uv.config.js", "/workerware/workerware.js");
 importScripts( __uv$config.sw);
+importScripts("/marketplace/scriptInjector/index.js")
 
 const ww = new WorkerWare({
   debug: false,
 });
 
-self.__uv$config.inject = [{
-  host: "discord.com",
-  html: `
-      <script src="https://raw.githubusercontent.com/Vencord/builds/main/browser.js"></script>
-      <link rel="stylesheet" href="https://raw.githubusercontent.com/Vencord/builds/main/browser.css">
-  `,
-  injectTo: "head",
-}];
-
 
 function loadExtensionScripts() {
   try {
@@ -27,7 +19,6 @@ function loadExtensionScripts() {
         extensions.forEach((extension) => {
           if (extension.type != "serviceWorker") return;
           // Loads the function to be added as a middleware into global scope.
-          // The function defined should NOT immediately execute any function.
           eval(atob(extension.scriptCopy));
           ww.use({
             function: self[extension.entryNamespace][extension.entryFunc],

src/components/SettingsContent/CreditsTab.astro

@@ -1,4 +1,5 @@
 ---
+import Link from "@components/UI/Link.astro";
 import { i18n } from "@i18n/utils";
 const t = i18n.inferLangUseTranslations(Astro.url);
 ---
@@ -6,27 +7,25 @@ const t = i18n.inferLangUseTranslations(Astro.url);
 <div class="settings-container">
   <div class="credits-container">
     <p class="credit-item">
-      {t("ultraviolet")} - <a target="_blank" rel="noreferrer noopener" href="https://titaniumnetwork.org/">Titanium Network</a>
+      {t("ultraviolet")} - <Link href="https://titaniumnetwork.org/" newTab>Titanium Network</Link>
     </p>
     <p class="credit-item">
-      {t("settings.credits.japaneseTranslations")} - <a target="_blank" rel="noreferrer noopener" href="https://wearr.dev">wearr</a>
+      {t("settings.credits.japaneseTranslations")} - <Link href="https://wearr.dev" newTab>wearr</Link>
     </p>
     <p class="credit-item">
-      {t("settings.credits.mochaandmacchiatothemes")} - <a target="_blank" rel="noreferrer noopener" href="https://github.com/catppuccin/catppuccin">Catppuccin</a>
+      {t("settings.credits.mochaandmacchiatothemes")} - <Link href="https://github.com/catppuccin/catppuccin" newTab>Catppuccin</Link>
     </p>
     <p class="credit-item">
-      Rosé Pine Theme - <a target="_blank" rel="noreferrer noopener" href="https://rosepinetheme.com/">Rosé Pine</a>
+      Wisp Server - <Link newTab href="https://github.com/MercuryWorkshop/wisp-server-node">Mercury Workshop</Link>
+    </p>
+    <p class="credit-item">
+      Rosé Pine Theme - <Link href="https://rosepinetheme.com/" newTab>Rosé Pine</Link>
     </p>
   </div>
 </div>
 
 <style>
   .credit-item {
-    color: var(--text-color);
     font-size: 18px;
   }
-  .credit-item > a {
-    color: var(--text-color);
-    font-weight: bold;
-  }
 </style>

src/components/UI/Footer.astro

@@ -15,14 +15,14 @@ const t = i18n.inferLangUseTranslations(Astro.url);
     </div>
 
     <div class="footer-madeby">
-      <Link href="https://wearr.dev" newTab content={t("footer.madeWithLove")} />
+      <Link href="https://wearr.dev" newTab>{t("footer.madeWithLove")}</Link>
     </div>
   </div>
   <div class="footer-bottom">
     <div class="footer-left">
       <div class="footer-links">
-        <Link href="https://discord.gg/unblock" newTab content="Join the discord!" />
+        <Link href="https://discord.gg/unblock" newTab>Join the discord!</Link>
-        <Link href="https://titaniumnetwork.org" newTab content={t("footer.poweredBy")} />
+        <Link href="https://titaniumnetwork.org" newTab>{t("footer.poweredBy")}</Link>
 
         <div class="footer-copyright">
           <p>&copy; {t("footer.aluProject")} 2024</p>
@@ -31,9 +31,9 @@ const t = i18n.inferLangUseTranslations(Astro.url);
     </div>
     <div class="footer-right">
       <div class="footer-links">
-        <Link href="/privacy" content="Privacy" />
+        <Link href="/privacy">Privacy</Link>
-        <Link href="/terms" content="Terms" />
+        <Link href="/terms">Terms</Link>
-        <Link href="https://wearr.dev/contact" content="Contact" />
+        <Link href="https://wearr.dev/contact" newTab>Contact</Link>
       </div>
     </div>
   </div>

src/components/UI/Header.astro

@@ -29,16 +29,18 @@ const t = i18n.useTranslations(lang);
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding-inline: 40px;
+    padding-inline: 2.5rem;
-    height: 70px;
+    height: 4.25rem;
     width: 100%;
-    font-size: 1.05rem;
+    border-bottom-left-radius: 0.5rem;
-    list-style-type: none;
+    border-bottom-right-radius: 0.5rem;
-    border: none;
+    box-shadow: -2px 5px 10px 0 var(--accent-color);
-    z-index: 10;
+  }
-    border-bottom-left-radius: 5px;
+
-    border-bottom-right-radius: 5px;
+  @media (max-width: 425px) {
-    box-shadow: -2px 5px 10px 0px var(--accent-color);
+    .title-background {
+      padding-inline: 1.5rem;
+    }
   }
 
   .left,
@@ -54,6 +56,12 @@ const t = i18n.useTranslations(lang);
     font-size: 22px;
     transition: 250ms ease-in-out;
   }
+  
+  @media (max-width: 470px) {
+    .header-item {
+      font-size: 18px;
+    }
+  }
 
   .header-item:hover {
     color: var(--text-color-accent);

src/components/UI/Link.astro

@@ -5,12 +5,12 @@ interface LinkProps {
   content: string;
 }
 
-const { href, newTab, content } = Astro.props as LinkProps;
+const { href, newTab } = Astro.props as LinkProps;
 const target = newTab ? "_blank" : "_self";
 const rel = newTab ? "noopener noreferrer" : "";
 ---
 
-<a href={href} target={target} rel={rel}>{content}</a>
+<a href={href} target={target} rel={rel}><slot/></a>
 
 <style>
   a {

src/json/marketplace.json

@@ -9,15 +9,6 @@
     "entryNamespace": "adblockExt",
     "entryFunc": "filterRequest"
   },
-  "dev.wearr.vencord": {
-    "title": "Vencord",
-    "description": "Vencord is the cutest client mod for Discord, it's incredibly user friendly and easy to use",
-    "version": "DevBuild 80b493d",
-    "image": "/marketplace/vencord/vencord.png",
-    "script": "/marketplace/vencord/vencord.js",
-    "pages": ["discord.com"],
-    "type": "page"
-  },
   "dev.wearr.oled-theme": {
     "title": "OLED Theme",
     "description": "A beautiful OLED theme for Alu.",

src/pages/[lang]/index.astro

@@ -50,7 +50,7 @@ export function getStaticPaths() {
           <h2>{t("faq.contributeToAlu")}</h2>
           <p>
             {t("faq.contributeToAlu.answer.segment1")}
-            <Link href="https://www.patreon.com/wearr" newTab content={t("faq.contributeToAlu.answer.patreonLinkText")} />
+            <Link href="https://www.patreon.com/wearr" newTab>{t("faq.contributeToAlu.answer.patreonLinkText")}</Link>
             {t("faq.contributeToAlu.answer.segment2")}
           </p>
         </div>

src/pages/[lang]/settings.astro

@@ -409,7 +409,7 @@ export function getStaticPaths() {
     #current-content {
       transition: opacity 250ms ease-in-out;
       margin-left: 20px;
-      height: 400px;
+      height: 700px;
     }
     .settings-container {
       display: flex;
@@ -419,6 +419,7 @@ export function getStaticPaths() {
       flex-wrap: wrap;
       row-gap: 5px;
     }
+
     .content-setting-header {
       color: var(--text-color);
       font-weight: 400;
@@ -477,7 +478,7 @@ export function getStaticPaths() {
       margin: 0 auto;
       min-height: 400px;
       max-height: 400px;
-      border-radius: 48px;
+      border-radius: 15px;
       box-sizing: border-box;
       background-color: var(--background-color);
       overflow: hidden;
@@ -492,7 +493,7 @@ export function getStaticPaths() {
       flex-direction: column;
       justify-content: space-around;
       position: relative;
-      gap: 25px;
+      gap: 40px;
     }
     @media (max-width: 1116px) {
       .popup {