Complete Rewrite: SvelteKit, Typescript, i18n, BEM styling

[venashial]

trafficstars

Deploy: https://rewrite.modrinth.com

Progress: https://github.com/orgs/modrinth/projects/4

Major changes

• SvelteKit
  • Svelte
    • Better performance (No virtual DOM)
    • Easier for people to contribute that only have knowledge of HTML & CSS
  • Vite
    • quick dev server start using native ESM
• Typescript
  • API response types from open-api spec
• Internationalization modrinth/translations#11
• BEM styling
• PostCSS
  • modern CSS syntax
  • extensibility
• Iconify
  • icons downloaded and bundled automatically

Minor changes

• theme switcher supports "system theme"
• new 404 error page
• /discord redirects to discord server

Show screenshots

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
knossos	❌ Failed (Inspect)		Jul 27, 2022 at 7:09AM (UTC)

[RedstoneWizard08]

Hello! I fixed a bug where the authentication code parameter from GitHub stays in the URL query after returning to the API callback.

Here's the code:

<script lang="ts">
import { page } from '$app/stores';
import { goto } from '$app/navigation';
import { onMount } from 'svelte';

const checkCode = () => {
  if ($page.url.searchParams.get('code')) {
    $page.url.searchParams.delete('code');
    const params: string[] = [];
    $page.url.searchParams.forEach((v, k) => params.push(`${k}=${v}`));
    const url = $page.url.pathname + (params.length > 0 ? '?' : '') + params.join('&');
    goto(url);
  }
};

onMount(() => checkCode());
</script>

I am also working on this for other features in a separate repo, too.

[NatoBoram]

Hey, that's amazing. SvelteKit & TypeScript are very fun to work with.

[RedstoneWizard08]

Hey, that's amazing. SvelteKit & TypeScript are very fun to work with.

^^ this

[triphora]

Closing this since the rewrite is indefinitely on hold. We're going to go forward using Vue/Nuxt for the time being and will reevaluate at a later date whether we want to switch to Svelte. Likely won't be for quite a long time while we focus on roadmap items.