Skip to content

Port over to React Luau#135

Draft
ryanlua wants to merge 193 commits intomainfrom
react-luau
Draft

Port over to React Luau#135
ryanlua wants to merge 193 commits intomainfrom
react-luau

Conversation

@ryanlua
Copy link
Copy Markdown
Owner

@ryanlua ryanlua commented Apr 5, 2026 •
edited
Loading

Rewrites Satchel to use React Luau

ryanlua added 30 commits February 13, 2026 22:01
@ryanlua
Add React Luau dependency
ad05bc1 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Add example from Flipbook
cdd65fb 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Add basic tooltip
b11321c 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Add style sheets
32cf04b 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Add tooltip summary and fix capitalization
2c1b4d6 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Fix stylesheet
3ea5c60 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Export types
c954bad 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Remove button component
1e2818a 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Add Slot component
d6d92f2 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Remove style link child
2f23005 
Signed-off-by: GitHub <noreply@github.com>
@ryanlua
Add back missing components
c941c1f 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Merge branch 'main' into react-luau
39ddd4e 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Enable strict types on supported components
a3a9cbe 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Add model files for StyleSheets
3a5db8a 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Rename design tokens to theme tokens
cbfc439 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Remove style link
55c8682 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Move away from model based files
bef0a02 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Update hints frame
8c3b8ca 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Don't return nil
047e637 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Add number hint logic
7f8f82a 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Improve getting tool properties
912d0fc 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Combine order and number hint props
2e1d67a 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Rename hintKey prop to key
3d3f779 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Add logic for slot amount
67f079c 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Fix using key prop
5ac1995 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Shorten preferred input name
dfa6527 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Separate gamepad and keyboard hint forcing
c62540c 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Add opening inventory logic for hotbar
4c2c582 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Add basic rendering
ab82917 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Fix missing style link
303b4fb 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
ryanlua added 27 commits April 9, 2026 10:40
@ryanlua
Remove stories folder and merge into components
a64a1f4 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Merge branch 'react-luau' of https://github.com/ryanlua/satchel into …
340690c 
…react-luau
@ryanlua
Use test project for sourcemap
db1420b 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Cleanup hotbar context
a269ac2 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Use StyleQuery for showing hints
b2105ac 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Fix styling
4d64beb 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Update debug icons
fe9a9d5 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Update icons
27e1155 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Shorten caption
7956176 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Use effect for closing backpack on click out
6eccf4c 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Remove inventory toggle
c84664f 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Improve state
0a2a0be 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Improve enabled logic
ad53795 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Improve deselect logic
6712d68 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Remove ignore instances
03bf610 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Fix Dev Mode
e274659 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Remove old dev mode
5e5144c 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Only print attribution on client
20859eb 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Remove user input detection for slot hints
67ac155 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Bump version
725ccf1 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Fix number hints showing in inventory
5335a75 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Use require by string
6f3e5a9 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Use styling for forcing visibility
ca762a5 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Switch local usage to const
e9f86aa 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Switch to haedrix for React Luau
3c68f95 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Add React DevTools
ddc7295 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua
Move require into studio
27985e3 
Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
@ryanlua ryanlua marked this pull request as ready for review April 12, 2026 08:05
@ryanlua ryanlua marked this pull request as draft April 12, 2026 08:26
@ryanlua
Remove strict typing from React
431cb6e 
React Luau doesn't like strict typing a lot. Removed until typing React is better

Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@ryanlua ryanlua

Labels

None yet

Projects

None yet

Milestone

v2.0.0

Development

Successfully merging this pull request may close these issues.

Use React Luau for UI

1 participant

@ryanlua