antialias
/
soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: migrate all app abaci to browser-side generation 

- Remove enableServerFallback=true overrides from guide page (6 instances)
- Remove enableServerFallback=true overrides from memory quiz (2 instances)
- All abaci now use optimized browser-side generation by default

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-09-15 09:23:07 -05:00
parent c70a390dc6
commit 9be52ac689
2 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/games/memory-quiz/page.tsx
View File

@ -195,7 +195,6 @@ const generateQuizCards = (count: number, difficulty: DifficultyLevel): QuizCard
number={number}
width="280pt"
height="360pt"
enableServerFallback={true}
/>
</div>,
element: null
@ -616,7 +615,6 @@ function CardGrid({ state }: { state: SorobanQuizState }) {
number={card.number}
width="100pt"
height="130pt"
enableServerFallback={true}
/>
</div>
</div>

10
apps/web/src/app/guide/page.tsx
View File

@ -342,7 +342,6 @@ function ReadingNumbersGuide() {
number={example.num}
width="120pt"
height="200pt"
enableServerFallback={true}
className={css({
'& svg': {
width: '100%',
@ -512,7 +511,6 @@ function ReadingNumbersGuide() {
number={example.num}
width="180pt"
height="240pt"
enableServerFallback={true}
className={css({
'& svg': {
width: '100%',
@ -767,14 +765,14 @@ function ArithmeticOperationsGuide() {
<div className={css({ textAlign: 'center' })}>
<p className={css({ fontSize: 'sm', mb: '2', color: 'green.700' })}>Start: 3</p>
<div className={css({ transform: 'scale(2.5)', transformOrigin: 'center' })}>
<TypstSoroban number={3} width="80pt" height="120pt" enableServerFallback={true} />
<TypstSoroban number={3} width="80pt" height="120pt" />
</div>
</div>
<div className={css({ textAlign: 'center', fontSize: '2xl' })}>+</div>
<div className={css({ textAlign: 'center' })}>
<p className={css({ fontSize: 'sm', mb: '2', color: 'green.700' })}>Result: 7</p>
<div className={css({ transform: 'scale(2.5)', transformOrigin: 'center' })}>
<TypstSoroban number={7} width="80pt" height="120pt" enableServerFallback={true} />
<TypstSoroban number={7} width="80pt" height="120pt" />
</div>
</div>
</div>
@ -847,14 +845,14 @@ function ArithmeticOperationsGuide() {
<div className={css({ textAlign: 'center' })}>
<p className={css({ fontSize: 'sm', mb: '2', color: 'red.700' })}>Start: 8</p>
<div className={css({ transform: 'scale(2.5)', transformOrigin: 'center' })}>
<TypstSoroban number={8} width="80pt" height="120pt" enableServerFallback={true} />
<TypstSoroban number={8} width="80pt" height="120pt" />
</div>
</div>
<div className={css({ textAlign: 'center', fontSize: '2xl' })}>-</div>
<div className={css({ textAlign: 'center' })}>
<p className={css({ fontSize: 'sm', mb: '2', color: 'red.700' })}>Result: 5</p>
<div className={css({ transform: 'scale(2.5)', transformOrigin: 'center' })}>
<TypstSoroban number={5} width="80pt" height="120pt" enableServerFallback={true} />
<TypstSoroban number={5} width="80pt" height="120pt" />
</div>
</div>
</div>