Moderation panel redesign

.gitignore

@@ -27,6 +27,4 @@ coverage
 *.sln
 *.sw?
 
-*.tsbuildinfo
-
-env.d.ts
+*.tsbuildinfo

README.md

@@ -1,39 +1,34 @@
 # offstyles-web
 
-This template should help get you started developing with Vue 3 in Vite.
+Web frontend for offstyles.net — bunnyhop times, records, and an in-browser
+replay viewer for Counter-Strike: Source.
 
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vite.dev/config/).
-
-## Project Setup
+## Project setup
 
 ```sh
 npm install
+npm run dev          # local dev server
+npm run build        # type-check + production build
+npm run lint         # eslint --fix
 ```
 
-### Compile and Hot-Reload for Development
+Recommended editor setup: VSCode + Volar.
 
-```sh
-npm run dev
-```
+## Replay viewer
 
-### Type-Check, Compile and Minify for Production
+The in-browser replay viewer renders Counter-Strike: Source maps using a vendored copy of [noclip.website](https://github.com/magcius/noclip.website)'s Source engine renderer. The viewer parses the BSP fully in-browser and streams CS:S assets (materials, models, props) on demand through the `/api/csspak` endpoint. WASM is still used to bz2-decompress the map download and parse replay files.
 
-```sh
-npm run build
-```
+The integration lives under `src/replay-viewer/noclip/` (vendored) plusthe adapter at `src/replay-viewer/noclipRenderer.ts`.
 
-### Lint with [ESLint](https://eslint.org/)
+## Credits
 
-```sh
-npm run lint
-```
+This project vendors and modifies portions of **[noclip.website](https://github.com/magcius/noclip.website)** and is licensed under the MIT License — the full notice ships with the vendored copy at `src/replay-viewer/noclip/LICENSE`. Patches against upstream are marked with a `Vendored:` comment in the source.
+
+Other notable third-party libraries:
+
+- [gl-matrix](https://github.com/toji/gl-matrix) — matrix/vector math.
+- [pako](https://github.com/nodeca/pako) — deflate, used by the vendored
+  ZIP/BSP-pakfile parser.
+- [crc-32](https://github.com/SheetJS/js-crc32) — CRC32 hashing for ZIP.
+- [Vue 3](https://vuejs.org/) + [Vite](https://vite.dev/) +
+  [Tailwind CSS](https://tailwindcss.com/) — UI stack.

env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

eslint.config.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const eslint_config_typescript_1 = require("@vue/eslint-config-typescript");
+const eslint_plugin_vue_1 = __importDefault(require("eslint-plugin-vue"));
+// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+// import { configureVueProject } from '@vue/eslint-config-typescript'
+// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+const vueEssentialConfig = eslint_plugin_vue_1.default.configs['flat/essential'];
+const vueTsRecommendedConfig = eslint_config_typescript_1.vueTsConfigs.recommended;
+exports.default = (0, eslint_config_typescript_1.defineConfigWithVueTs)({
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+}, {
+    name: 'app/ignores',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+}, vueEssentialConfig, vueTsRecommendedConfig);

eslint.config.ts

@@ -1,4 +1,3 @@
-import { globalIgnores } from 'eslint/config'
 import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
 import pluginVue from 'eslint-plugin-vue'
 
@@ -7,14 +6,22 @@ import pluginVue from 'eslint-plugin-vue'
 // configureVueProject({ scriptLangs: ['ts', 'tsx'] })
 // More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
 
+const vueEssentialConfig =
+  pluginVue.configs['flat/essential'] as unknown as Parameters<typeof defineConfigWithVueTs>[number]
+
+const vueTsRecommendedConfig =
+  vueTsConfigs.recommended as unknown as Parameters<typeof defineConfigWithVueTs>[number]
+
 export default defineConfigWithVueTs(
   {
     name: 'app/files-to-lint',
     files: ['**/*.{ts,mts,tsx,vue}'],
   },
+  {
+    name: 'app/ignores',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+  },
 
-  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
-
-  pluginVue.configs['flat/essential'],
-  vueTsConfigs.recommended,
+  vueEssentialConfig,
+  vueTsRecommendedConfig,
 )