Menu
Import path aliases ($lib, $messages) and workspace packages used in the AMC web repo. Read when writing imports or resolving where a module comes from.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
The pakop C#/.NET WASM module (CUE4Parse-based) — what it does (pak-file inspection/hashing), how to build it (pnpm build:pakop), and how to consume it (lazy dynamic import). Read before touching wasm/pakop or the pak routes.
How to fetch data in the AMC web app — the apiClient helper, visibility-aware polling / EventSource / WebSocket wrappers in src/lib/api/_api.ts, per-domain API modules, and protobuf decoding. Read before adding any network call.
The AMC app shell — hooks.server.ts prerender-time head injection (SEO meta, theme-color, font preloads, icons), hooks.ts URL delocalization, and asset import suffixes (?no-inline, ?url). Read before changing global head tags, fonts, SEO metadata, or hooks.
High-level architecture of the AMC web app — SvelteKit static/SPA hybrid, Vite plugin pipeline, i18n strategy, WASM modules, dev-server proxies. Read before making structural or build-related changes.
Utility function conventions in the AMC web repo — es-toolkit for lodash-like helpers (lodash-es was removed), but check src/lib/utils first. Read before adding utility helpers.
Overlay/floating UI conventions in the AMC web repo — use the homegrown `portal` action from $lib/utils/portal (svelte-portal package is not used/dependency), as done in Tooltip and Modal. Read before building modals, tooltips, or popovers.
| name | path-aliases |
| description | Import path aliases ($lib, $messages) and workspace packages used in the AMC web repo. Read when writing imports or resolving where a module comes from. |
| Alias | Resolves to | Notes |
|---|---|---|
$lib | src/lib | SvelteKit default |
$messages | src/lib/paraglide/messages | Custom alias defined in svelte.config.js (kit.alias) |
$app/* | SvelteKit runtime modules | e.g. $app/state, $app/navigation |
Always import i18n messages via the alias:
import { m } from '$messages';
Do not import from $lib/paraglide/messages directly — the codebase consistently uses $messages.
pakop — the C#/.NET (CUE4Parse-based) WASM project at wasm/pakop/, built via pnpm build:pakop (dotnet build), published into the pnpm workspace as a direct child (pakop: workspace:* in package.json; see [[pakop-wasm]]). Import it lazily: const { list_hash } = await import('pakop');amc-uno-css-config — shared UnoCSS config, pinned to a commit of ASEAN-Motor-Club/uno-css-config on GitHub (not part of this repo).Related: [[architecture]], [[project-structure]]