SSBM Textures

Web platform for Super Smash Bros. Melee texture modifications. Built to organize, index, and preserve community-created assets.

Tech Stack

• Frontend: Svelte 5 (Runes, Bits UI, Lucide)
• Backend: Convex (Real-time Database & File Storage)
• Runtime: Bun
• Styling: UnoCSS
• Tooling: Biome (Linting/Formatting), Runed

Development Setup

Prerequisites

• Bun

Installation

# Install dependencies
bun install

# Start the Convex backend
bunx convex dev

# Start the Svelte 5 dev server
bun run dev

Editor Configuration

To ensure consistent formatting and Svelte 5 Rune support across our team, please configure your editor as follows.

Visual Studio Code

1. Required Extensions:

   • Svelte for VS Code (Ensure v5+ for Rune support)
   • Biome (Enforced formatter/linter)
   • Convex (Backend integration)

2. Workspace Settings (.vscode/settings.json):

   {
     "editor.defaultFormatter": "biomejs.biome",
     "editor.formatOnSave": true,
     "editor.codeActionsOnSave": {
    "source.organizeImports.biome": "explicit",
    "source.fixAll.biome": "explicit"
     },
     "[svelte]": {
    "editor.defaultFormatter": "svelte.svelte-vscode"
     },
     "svelte.plugin.svelte.compilerWarnings": {
    "runes_scope": "ignore"
     }
   }
   

Neovim

• nvim-lspconfig – Enables the svelte-language-server and biome LSP for real-time linting and logic checking.
• conform.nvim – Orchestrates auto-formatting on save using Biome (enforces project-wide code style).
• nvim-treesitter – Provides high-fidelity syntax highlighting for Svelte 5 Runes ($state, $derived, etc.).
• mason.nvim - Easily install and manage LSP servers, DAP servers, linters, and formatters.
• nvim-svelte-check Get svelte-check in quick-fix
• nvim-svelte-snippets
• ts-error-translator converts cryptic errors

Required Parsers

:TSInstall svelte typescript javascript css json