Initial Commit
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
# OpenSpec Change: enterprise-gaming-r3f-number-plate
|
||||
|
||||
- **Change ID**: enterprise-gaming-r3f-number-plate
|
||||
- **Package**: `@suaveplan/r3f-number-plate`
|
||||
- **Category**: gaming/devices
|
||||
- **Target path**: `gaming/devices/r3f-number-plate`
|
||||
- **Status**: PROPOSED
|
||||
- **Date**: 2026-04-24
|
||||
|
||||
---
|
||||
|
||||
## Summary
|
||||
|
||||
Deliver `@suaveplan/r3f-number-plate` on the genesis branch from scratch at enterprise quality. The package renders procedural 3D number plates in React Three Fiber: configurable plate text, regional style presets (UK, EU, US, custom), embossed text via ShapeGeometry extrusion, retro-reflective material with environment map, dirty/worn texture overlays, and bolt meshes. A `NumberPlate` component accepts text + style props and renders directly into a R3F scene without external assets. Genesis adds 100% coverage and Storybook stories.
|
||||
|
||||
---
|
||||
|
||||
## Available workspace deps
|
||||
|
||||
`@suaveplan/error`, `@suaveplan/types`, react, `@react-three/fiber`, `@react-three/drei`, three.
|
||||
|
||||
---
|
||||
|
||||
## Public API surface
|
||||
|
||||
```ts
|
||||
type PlateRegion = 'uk' | 'eu' | 'us' | 'custom'
|
||||
|
||||
interface NumberPlateProps {
|
||||
text: string
|
||||
region?: PlateRegion
|
||||
width?: number
|
||||
height?: number
|
||||
dirty?: number // 0–1 overlay intensity
|
||||
worn?: number // 0–1 wear intensity
|
||||
showBolts?: boolean
|
||||
}
|
||||
|
||||
function NumberPlate(props: NumberPlateProps): JSX.Element
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## File layout
|
||||
|
||||
```text
|
||||
gaming/devices/r3f-number-plate/
|
||||
package.json / tsconfig.json / vitest.config.ts
|
||||
src/
|
||||
index.ts / error-codes.ts
|
||||
types/common.ts + md
|
||||
styles/ (uk.ts, eu.ts, us.ts + md)
|
||||
components/
|
||||
NumberPlate/ (tsx + md + test + stories + index)
|
||||
tests/integration.test.ts
|
||||
```
|
||||
36
openspec/changes/enterprise-gaming-r3f-number-plate/tasks.md
Normal file
36
openspec/changes/enterprise-gaming-r3f-number-plate/tasks.md
Normal file
@@ -0,0 +1,36 @@
|
||||
# Tasks: enterprise-gaming-r3f-number-plate
|
||||
|
||||
## 0. Pre-flight (non-negotiable)
|
||||
|
||||
- [ ] 0.1 Confirm clean working tree (`git status` reports nothing) and no in-flight worktrees with uncommitted work (`git worktree list` then `git status` in each)
|
||||
- [ ] 0.2 If any worktrees exist under `.claude/worktrees/`, account for each one: still-active agent, work-pending-merge, or stale-and-prune. Stale worktrees MUST be removed (`git worktree remove`) before opening a new one — code that has been lost twice on main is the failure mode this guards against.
|
||||
- [ ] 0.3 Confirm the package set in `MANIFEST.md` matches `find packages -maxdepth 3 -name package.json` count. Drift here means a prior change archived without regenerating the manifest.
|
||||
|
||||
## Phase 1 — Scaffold
|
||||
|
||||
- [ ] Create `gaming/devices/r3f-number-plate/` (`@suaveplan/r3f-number-plate`, `0.1.0`, `sideEffects: false`)
|
||||
|
||||
## Phase 2 — Types + error codes
|
||||
|
||||
- [ ] `src/types/common.ts` + `common.md`
|
||||
- [ ] `src/error-codes.ts`
|
||||
|
||||
## Phase 3 — Style presets
|
||||
|
||||
- [ ] `src/styles/uk.ts`, `eu.ts`, `us.ts` — dimensions, colors, font metrics
|
||||
- [ ] Docs for style system
|
||||
|
||||
## Phase 4 — Component
|
||||
|
||||
- [ ] `NumberPlate` — ShapeGeometry extrusion, retro-reflective material, dirty/worn overlays, bolt meshes
|
||||
- [ ] Tests + Storybook stories
|
||||
|
||||
## Phase 5 — Integration tests
|
||||
|
||||
- [ ] `tests/integration.test.ts` — text rendering, style variants
|
||||
|
||||
## Phase 6 — Pre-publish gate
|
||||
|
||||
- [ ] `bunx turbo lint typecheck test --filter=@suaveplan/r3f-number-plate` green
|
||||
- [ ] 100% coverage
|
||||
- [ ] Publish: `bun scripts/publish.ts --package @suaveplan/r3f-number-plate`
|
||||
Reference in New Issue
Block a user