nevelis/ritz
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
443cca566262fb303fb1fc31ec1d3abc4b203309
ritz/examples/tabs/Tabs.ll
T
Aaron SinclairandClaude 134ddc4c42 Fix duplicate append bug and componentize tabs 
**Bug Fixes:**
- Fixed duplicate js_append_child calls causing DOM element re-insertion
- Elements were being appended twice: once by self-append logic, once by parent loop
- This was breaking CSS transitions on vertical tabs (elements moved in DOM)
- Removed self-append logic from _emit_with() and _emit_yield_component()

**Refactoring:**
- Created reusable HTab and VTab components for horizontal/vertical tabs
- Reduced repetitive tab code from 9 lines per tab to 1 line
- Improved code maintainability and reusability
- WASM bundle size reduced from 5987 bytes to 4690 bytes (22% reduction!)

**Result:**
- CSS transitions now work smoothly on vertical tabs ✓
- All 55 tests passing ✓
- Cleaner, more composable tab components ✓

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-15 11:39:53 -08:00

736 lines
35 KiB
LLVM
Raw Blame History

; Generated by Ritz Framework with Signals
; Components: HTab, VTab, VerticalTabs, Tabs
; String constants
@.str.0 = private unnamed_addr constant [3 x i8] c"li\00"
@.str.1 = private unnamed_addr constant [11 x i8] c"tab active\00"
@.str.2 = private unnamed_addr constant [4 x i8] c"tab\00"
@.str.3 = private unnamed_addr constant [6 x i8] c"class\00"
@.str.4 = private unnamed_addr constant [7 x i8] c"button\00"
@.str.5 = private unnamed_addr constant [6 x i8] c"click\00"
@.str.6 = private unnamed_addr constant [8 x i8] c"onclick\00"
@.str.7 = private unnamed_addr constant [20 x i8] c"vertical-tab active\00"
@.str.8 = private unnamed_addr constant [13 x i8] c"vertical-tab\00"
@.str.9 = private unnamed_addr constant [4 x i8] c"div\00"
@.str.10 = private unnamed_addr constant [13 x i8] c"setting-pane\00"
@.str.11 = private unnamed_addr constant [3 x i8] c"h3\00"
@.str.12 = private unnamed_addr constant [24 x i8] c"⚙️ General Settings\00"
@.str.13 = private unnamed_addr constant [2 x i8] c"p\00"
@.str.14 = private unnamed_addr constant [18 x i8] c"Language: English\00"
@.str.15 = private unnamed_addr constant [15 x i8] c"Time Zone: UTC\00"
@.str.16 = private unnamed_addr constant [22 x i8] c"🔒 Privacy Settings\00"
@.str.17 = private unnamed_addr constant [26 x i8] c"Data Collection: Disabled\00"
@.str.18 = private unnamed_addr constant [19 x i8] c"Analytics: Opt-out\00"
@.str.19 = private unnamed_addr constant [23 x i8] c"🚀 Advanced Settings\00"
@.str.20 = private unnamed_addr constant [16 x i8] c"Debug Mode: Off\00"
@.str.21 = private unnamed_addr constant [32 x i8] c"Experimental Features: Disabled\00"
@.str.22 = private unnamed_addr constant [16 x i8] c"Invalid setting\00"
@.str.23 = private unnamed_addr constant [14 x i8] c"vertical-tabs\00"
@.str.24 = private unnamed_addr constant [18 x i8] c"vertical-tab-menu\00"
@.str.25 = private unnamed_addr constant [21 x i8] c"vertical-tab-content\00"
@.str.26 = private unnamed_addr constant [14 x i8] c"tab-pane home\00"
@.str.27 = private unnamed_addr constant [3 x i8] c"h2\00"
@.str.28 = private unnamed_addr constant [18 x i8] c"🏠 Welcome Home\00"
@.str.29 = private unnamed_addr constant [29 x i8] c"This is your home dashboard.\00"
@.str.30 = private unnamed_addr constant [37 x i8] c"All your important info at a glance.\00"
@.str.31 = private unnamed_addr constant [3 x i8] c"ul\00"
@.str.32 = private unnamed_addr constant [20 x i8] c"✓ Recent activity\00"
@.str.33 = private unnamed_addr constant [18 x i8] c"✓ Quick actions\00"
@.str.34 = private unnamed_addr constant [18 x i8] c"✓ Summary stats\00"
@.str.35 = private unnamed_addr constant [17 x i8] c"tab-pane profile\00"
@.str.36 = private unnamed_addr constant [18 x i8] c"👤 Your Profile\00"
@.str.37 = private unnamed_addr constant [30 x i8] c"Manage your account settings.\00"
@.str.38 = private unnamed_addr constant [13 x i8] c"profile-info\00"
@.str.39 = private unnamed_addr constant [16 x i8] c"Name: Ritz User\00"
@.str.40 = private unnamed_addr constant [21 x i8] c"Email: user@ritz.dev\00"
@.str.41 = private unnamed_addr constant [19 x i8] c"Member since: 2025\00"
@.str.42 = private unnamed_addr constant [18 x i8] c"tab-pane settings\00"
@.str.43 = private unnamed_addr constant [16 x i8] c"⚙️ Settings\00"
@.str.44 = private unnamed_addr constant [55 x i8] c"Configure your preferences using the categories below:\00"
@.str.45 = private unnamed_addr constant [15 x i8] c"tab-pane error\00"
@.str.46 = private unnamed_addr constant [28 x i8] c"⚠️ Invalid tab selected\00"
@.str.47 = private unnamed_addr constant [15 x i8] c"tabs-container\00"
@.str.48 = private unnamed_addr constant [3 x i8] c"h1\00"
@.str.49 = private unnamed_addr constant [19 x i8] c"Tab Component Demo\00"
@.str.50 = private unnamed_addr constant [9 x i8] c"subtitle\00"
@.str.51 = private unnamed_addr constant [58 x i8] c"Beautiful composition with TabMenu and TabPane components\00"
@.str.52 = private unnamed_addr constant [9 x i8] c"tab-menu\00"
@.str.53 = private unnamed_addr constant [12 x i8] c"tab-content\00"
@.str.54 = private unnamed_addr constant [13 x i8] c"debug-footer\00"
@.str.55 = private unnamed_addr constant [2 x i8] c"0\00"
; JavaScript bridge function declarations
declare i32 @js_create_element(i8*)
declare i32 @js_create_text(i8*)
declare void @js_append_child(i32, i32)
declare void @js_set_attribute(i32, i8*, i8*)
declare void @js_set_root(i32)
declare void @js_bind_event(i32, i8*, i8*)
declare void @js_update_text_content(i32, i8*)
declare i32 @js_create_marker()
declare void @js_replace_at_marker(i32, i32, i32)
; Component render function
define i32 @render_HTab(i32 %label, i32 %active, i32 %onclick) {
entry:
%var0 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0))
%var1 = icmp ne i32 0, 0
%var2 = select i1 %var1, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0)
call void @js_set_attribute(i32 %var0, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var2)
%var3 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0))
call void @js_bind_event(i32 %var3, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([8 x i8], [8 x i8]* @.str.6, i32 0, i32 0))
call void @js_append_child(i32 %var0, i32 %var3)
ret i32 %var0
}
; Component render function
define i32 @render_VTab(i32 %label, i32 %active, i32 %onclick) {
entry:
%var4 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0))
%var5 = icmp ne i32 0, 0
%var6 = select i1 %var5, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0)
call void @js_set_attribute(i32 %var4, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var6)
call void @js_bind_event(i32 %var4, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([8 x i8], [8 x i8]* @.str.6, i32 0, i32 0))
ret i32 %var4
}
; Signal storage for VerticalTabs (reactive state in WASM memory)
@signal_VerticalTabs_setting_tab = global i32 0
; Conditional rendering state
@cond_0_marker = global i32 0
@cond_0_current = global i32 0
@cond_0_case_0_root = global i32 0
@cond_0_case_1_root = global i32 0
@cond_0_case_2_root = global i32 0
@cond_0_case_3_root = global i32 0
; Signal helper functions
define i32 @get_setting_tab() {
entry:
%val = load i32, i32* @signal_VerticalTabs_setting_tab
ret i32 %val
}
define void @set_setting_tab(i32 %newval) {
entry:
store i32 %newval, i32* @signal_VerticalTabs_setting_tab
; TODO: Trigger DOM update callback
ret void
}
; Event handler: set_setting
define void @set_setting(i32 %value) {
entry:
store i32 %value, i32* @signal_VerticalTabs_setting_tab
call void @reevaluate_conditional_0()
ret void
}
; Initialize conditional 0 (match)
define void @_init_conditional_0() {
entry:
; Render all cases upfront
%var7 = call i32 @_render_cond_0_case_0()
store i32 %var7, i32* @cond_0_case_0_root
%var8 = call i32 @_render_cond_0_case_1()
store i32 %var8, i32* @cond_0_case_1_root
%var9 = call i32 @_render_cond_0_case_2()
store i32 %var9, i32* @cond_0_case_2_root
%var10 = call i32 @_render_cond_0_case_3()
store i32 %var10, i32* @cond_0_case_3_root
%var11 = load i32, i32* @signal_VerticalTabs_setting_tab
%var12 = load i32, i32* @cond_0_marker
switch i32 %var11, label %insert_case_3 [
i32 0, label %insert_case_0
i32 1, label %insert_case_1
i32 2, label %insert_case_2
]
insert_case_0:
call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var7)
store i32 0, i32* @cond_0_current
ret void
insert_case_1:
call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var8)
store i32 1, i32* @cond_0_current
ret void
insert_case_2:
call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var9)
store i32 2, i32* @cond_0_current
ret void
insert_case_3:
call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var10)
store i32 3, i32* @cond_0_current
ret void
}
; Re-evaluate conditional 0 (match)
define void @reevaluate_conditional_0() {
entry:
%var13 = load i32, i32* @signal_VerticalTabs_setting_tab
%var14 = load i32, i32* @cond_0_current
switch i32 %var13, label %case_3 [
i32 0, label %case_0
i32 1, label %case_1
i32 2, label %case_2
]
case_0:
%var15 = icmp ne i32 %var14, 0
br i1 %var15, label %swap_0, label %done
swap_0:
%var16 = load i32, i32* @cond_0_marker
%var17 = load i32, i32* @cond_0_case_0_root
switch i32 %var14, label %load_old_0_3 [
i32 0, label %load_old_0_0
i32 1, label %load_old_0_1
i32 2, label %load_old_0_2
i32 3, label %load_old_0_3
]
load_old_0_0:
%var19 = load i32, i32* @cond_0_case_0_root
br label %merge_0
load_old_0_1:
%var20 = load i32, i32* @cond_0_case_1_root
br label %merge_0
load_old_0_2:
%var21 = load i32, i32* @cond_0_case_2_root
br label %merge_0
load_old_0_3:
%var22 = load i32, i32* @cond_0_case_3_root
br label %merge_0
merge_0:
%var18 = phi i32 [ %var19, %load_old_0_0 ], [ %var20, %load_old_0_1 ], [ %var21, %load_old_0_2 ], [ %var22, %load_old_0_3 ]
call void @js_replace_at_marker(i32 %var16, i32 %var18, i32 %var17)
store i32 0, i32* @cond_0_current
br label %done
case_1:
%var23 = icmp ne i32 %var14, 1
br i1 %var23, label %swap_1, label %done
swap_1:
%var24 = load i32, i32* @cond_0_marker
%var25 = load i32, i32* @cond_0_case_1_root
switch i32 %var14, label %load_old_1_3 [
i32 0, label %load_old_1_0
i32 1, label %load_old_1_1
i32 2, label %load_old_1_2
i32 3, label %load_old_1_3
]
load_old_1_0:
%var27 = load i32, i32* @cond_0_case_0_root
br label %merge_1
load_old_1_1:
%var28 = load i32, i32* @cond_0_case_1_root
br label %merge_1
load_old_1_2:
%var29 = load i32, i32* @cond_0_case_2_root
br label %merge_1
load_old_1_3:
%var30 = load i32, i32* @cond_0_case_3_root
br label %merge_1
merge_1:
%var26 = phi i32 [ %var27, %load_old_1_0 ], [ %var28, %load_old_1_1 ], [ %var29, %load_old_1_2 ], [ %var30, %load_old_1_3 ]
call void @js_replace_at_marker(i32 %var24, i32 %var26, i32 %var25)
store i32 1, i32* @cond_0_current
br label %done
case_2:
%var31 = icmp ne i32 %var14, 2
br i1 %var31, label %swap_2, label %done
swap_2:
%var32 = load i32, i32* @cond_0_marker
%var33 = load i32, i32* @cond_0_case_2_root
switch i32 %var14, label %load_old_2_3 [
i32 0, label %load_old_2_0
i32 1, label %load_old_2_1
i32 2, label %load_old_2_2
i32 3, label %load_old_2_3
]
load_old_2_0:
%var35 = load i32, i32* @cond_0_case_0_root
br label %merge_2
load_old_2_1:
%var36 = load i32, i32* @cond_0_case_1_root
br label %merge_2
load_old_2_2:
%var37 = load i32, i32* @cond_0_case_2_root
br label %merge_2
load_old_2_3:
%var38 = load i32, i32* @cond_0_case_3_root
br label %merge_2
merge_2:
%var34 = phi i32 [ %var35, %load_old_2_0 ], [ %var36, %load_old_2_1 ], [ %var37, %load_old_2_2 ], [ %var38, %load_old_2_3 ]
call void @js_replace_at_marker(i32 %var32, i32 %var34, i32 %var33)
store i32 2, i32* @cond_0_current
br label %done
case_3:
%var39 = icmp ne i32 %var14, 3
br i1 %var39, label %swap_3, label %done
swap_3:
%var40 = load i32, i32* @cond_0_marker
%var41 = load i32, i32* @cond_0_case_3_root
switch i32 %var14, label %load_old_3_3 [
i32 0, label %load_old_3_0
i32 1, label %load_old_3_1
i32 2, label %load_old_3_2
i32 3, label %load_old_3_3
]
load_old_3_0:
%var43 = load i32, i32* @cond_0_case_0_root
br label %merge_3
load_old_3_1:
%var44 = load i32, i32* @cond_0_case_1_root
br label %merge_3
load_old_3_2:
%var45 = load i32, i32* @cond_0_case_2_root
br label %merge_3
load_old_3_3:
%var46 = load i32, i32* @cond_0_case_3_root
br label %merge_3
merge_3:
%var42 = phi i32 [ %var43, %load_old_3_0 ], [ %var44, %load_old_3_1 ], [ %var45, %load_old_3_2 ], [ %var46, %load_old_3_3 ]
call void @js_replace_at_marker(i32 %var40, i32 %var42, i32 %var41)
store i32 3, i32* @cond_0_current
br label %done
done:
ret void
}
define i32 @_render_cond_0_case_0() {
entry:
%var47 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var48 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var48, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0))
%var49 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0))
%var50 = call i32 @js_create_text(i8* getelementptr inbounds ([24 x i8], [24 x i8]* @.str.12, i32 0, i32 0))
call void @js_append_child(i32 %var49, i32 %var50)
call void @js_append_child(i32 %var48, i32 %var49)
%var51 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var52 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.14, i32 0, i32 0))
call void @js_append_child(i32 %var51, i32 %var52)
call void @js_append_child(i32 %var48, i32 %var51)
%var53 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var54 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.15, i32 0, i32 0))
call void @js_append_child(i32 %var53, i32 %var54)
call void @js_append_child(i32 %var48, i32 %var53)
ret i32 %var47
}
define i32 @_render_cond_0_case_1() {
entry:
%var55 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var56 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var56, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0))
%var57 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0))
%var58 = call i32 @js_create_text(i8* getelementptr inbounds ([22 x i8], [22 x i8]* @.str.16, i32 0, i32 0))
call void @js_append_child(i32 %var57, i32 %var58)
call void @js_append_child(i32 %var56, i32 %var57)
%var59 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var60 = call i32 @js_create_text(i8* getelementptr inbounds ([26 x i8], [26 x i8]* @.str.17, i32 0, i32 0))
call void @js_append_child(i32 %var59, i32 %var60)
call void @js_append_child(i32 %var56, i32 %var59)
%var61 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var62 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.18, i32 0, i32 0))
call void @js_append_child(i32 %var61, i32 %var62)
call void @js_append_child(i32 %var56, i32 %var61)
ret i32 %var55
}
define i32 @_render_cond_0_case_2() {
entry:
%var63 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var64 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var64, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0))
%var65 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0))
%var66 = call i32 @js_create_text(i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.19, i32 0, i32 0))
call void @js_append_child(i32 %var65, i32 %var66)
call void @js_append_child(i32 %var64, i32 %var65)
%var67 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var68 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.20, i32 0, i32 0))
call void @js_append_child(i32 %var67, i32 %var68)
call void @js_append_child(i32 %var64, i32 %var67)
%var69 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var70 = call i32 @js_create_text(i8* getelementptr inbounds ([32 x i8], [32 x i8]* @.str.21, i32 0, i32 0))
call void @js_append_child(i32 %var69, i32 %var70)
call void @js_append_child(i32 %var64, i32 %var69)
ret i32 %var63
}
define i32 @_render_cond_0_case_3() {
entry:
%var71 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var72 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var72, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0))
%var73 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var74 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.22, i32 0, i32 0))
call void @js_append_child(i32 %var73, i32 %var74)
call void @js_append_child(i32 %var72, i32 %var73)
ret i32 %var71
}
; Component render function
define i32 @render_VerticalTabs() {
entry:
%var75 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var75, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.23, i32 0, i32 0))
%var76 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var76, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.24, i32 0, i32 0))
%var77 = call i32 @render_VTab()
call void @js_append_child(i32 %var76, i32 %var77)
%var78 = call i32 @render_VTab()
call void @js_append_child(i32 %var76, i32 %var78)
%var79 = call i32 @render_VTab()
call void @js_append_child(i32 %var76, i32 %var79)
call void @js_append_child(i32 %var75, i32 %var76)
%var80 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var80, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.25, i32 0, i32 0))
%var81 = call i32 @js_create_marker()
call void @js_append_child(i32 %var80, i32 %var81)
store i32 %var81, i32* @cond_0_marker
call void @_init_conditional_0()
call void @js_append_child(i32 %var75, i32 %var80)
ret i32 %var75
}
; Signal storage for Tabs (reactive state in WASM memory)
@signal_Tabs_tab_index = global i32 0
; Conditional rendering state
@cond_1_marker = global i32 0
@cond_1_current = global i32 0
@cond_1_case_0_root = global i32 0
@cond_1_case_1_root = global i32 0
@cond_1_case_2_root = global i32 0
@cond_1_case_3_root = global i32 0
; Signal helper functions
define i32 @get_tab_index() {
entry:
%val = load i32, i32* @signal_Tabs_tab_index
ret i32 %val
}
define void @set_tab_index(i32 %newval) {
entry:
store i32 %newval, i32* @signal_Tabs_tab_index
; TODO: Trigger DOM update callback
ret void
}
; Event handler: set_tab
define void @set_tab(i32 %value) {
entry:
store i32 %value, i32* @signal_Tabs_tab_index
call void @reevaluate_conditional_1()
ret void
}
; Initialize conditional 1 (match)
define void @_init_conditional_1() {
entry:
; Render all cases upfront
%var82 = call i32 @_render_cond_1_case_0()
store i32 %var82, i32* @cond_1_case_0_root
%var83 = call i32 @_render_cond_1_case_1()
store i32 %var83, i32* @cond_1_case_1_root
%var84 = call i32 @_render_cond_1_case_2()
store i32 %var84, i32* @cond_1_case_2_root
%var85 = call i32 @_render_cond_1_case_3()
store i32 %var85, i32* @cond_1_case_3_root
%var86 = load i32, i32* @signal_Tabs_tab_index
%var87 = load i32, i32* @cond_1_marker
switch i32 %var86, label %insert_case_3 [
i32 0, label %insert_case_0
i32 1, label %insert_case_1
i32 2, label %insert_case_2
]
insert_case_0:
call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var82)
store i32 0, i32* @cond_1_current
ret void
insert_case_1:
call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var83)
store i32 1, i32* @cond_1_current
ret void
insert_case_2:
call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var84)
store i32 2, i32* @cond_1_current
ret void
insert_case_3:
call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var85)
store i32 3, i32* @cond_1_current
ret void
}
; Re-evaluate conditional 1 (match)
define void @reevaluate_conditional_1() {
entry:
%var88 = load i32, i32* @signal_Tabs_tab_index
%var89 = load i32, i32* @cond_1_current
switch i32 %var88, label %case_3 [
i32 0, label %case_0
i32 1, label %case_1
i32 2, label %case_2
]
case_0:
%var90 = icmp ne i32 %var89, 0
br i1 %var90, label %swap_0, label %done
swap_0:
%var91 = load i32, i32* @cond_1_marker
%var92 = load i32, i32* @cond_1_case_0_root
switch i32 %var89, label %load_old_0_3 [
i32 0, label %load_old_0_0
i32 1, label %load_old_0_1
i32 2, label %load_old_0_2
i32 3, label %load_old_0_3
]
load_old_0_0:
%var94 = load i32, i32* @cond_1_case_0_root
br label %merge_0
load_old_0_1:
%var95 = load i32, i32* @cond_1_case_1_root
br label %merge_0
load_old_0_2:
%var96 = load i32, i32* @cond_1_case_2_root
br label %merge_0
load_old_0_3:
%var97 = load i32, i32* @cond_1_case_3_root
br label %merge_0
merge_0:
%var93 = phi i32 [ %var94, %load_old_0_0 ], [ %var95, %load_old_0_1 ], [ %var96, %load_old_0_2 ], [ %var97, %load_old_0_3 ]
call void @js_replace_at_marker(i32 %var91, i32 %var93, i32 %var92)
store i32 0, i32* @cond_1_current
br label %done
case_1:
%var98 = icmp ne i32 %var89, 1
br i1 %var98, label %swap_1, label %done
swap_1:
%var99 = load i32, i32* @cond_1_marker
%var100 = load i32, i32* @cond_1_case_1_root
switch i32 %var89, label %load_old_1_3 [
i32 0, label %load_old_1_0
i32 1, label %load_old_1_1
i32 2, label %load_old_1_2
i32 3, label %load_old_1_3
]
load_old_1_0:
%var102 = load i32, i32* @cond_1_case_0_root
br label %merge_1
load_old_1_1:
%var103 = load i32, i32* @cond_1_case_1_root
br label %merge_1
load_old_1_2:
%var104 = load i32, i32* @cond_1_case_2_root
br label %merge_1
load_old_1_3:
%var105 = load i32, i32* @cond_1_case_3_root
br label %merge_1
merge_1:
%var101 = phi i32 [ %var102, %load_old_1_0 ], [ %var103, %load_old_1_1 ], [ %var104, %load_old_1_2 ], [ %var105, %load_old_1_3 ]
call void @js_replace_at_marker(i32 %var99, i32 %var101, i32 %var100)
store i32 1, i32* @cond_1_current
br label %done
case_2:
%var106 = icmp ne i32 %var89, 2
br i1 %var106, label %swap_2, label %done
swap_2:
%var107 = load i32, i32* @cond_1_marker
%var108 = load i32, i32* @cond_1_case_2_root
switch i32 %var89, label %load_old_2_3 [
i32 0, label %load_old_2_0
i32 1, label %load_old_2_1
i32 2, label %load_old_2_2
i32 3, label %load_old_2_3
]
load_old_2_0:
%var110 = load i32, i32* @cond_1_case_0_root
br label %merge_2
load_old_2_1:
%var111 = load i32, i32* @cond_1_case_1_root
br label %merge_2
load_old_2_2:
%var112 = load i32, i32* @cond_1_case_2_root
br label %merge_2
load_old_2_3:
%var113 = load i32, i32* @cond_1_case_3_root
br label %merge_2
merge_2:
%var109 = phi i32 [ %var110, %load_old_2_0 ], [ %var111, %load_old_2_1 ], [ %var112, %load_old_2_2 ], [ %var113, %load_old_2_3 ]
call void @js_replace_at_marker(i32 %var107, i32 %var109, i32 %var108)
store i32 2, i32* @cond_1_current
br label %done
case_3:
%var114 = icmp ne i32 %var89, 3
br i1 %var114, label %swap_3, label %done
swap_3:
%var115 = load i32, i32* @cond_1_marker
%var116 = load i32, i32* @cond_1_case_3_root
switch i32 %var89, label %load_old_3_3 [
i32 0, label %load_old_3_0
i32 1, label %load_old_3_1
i32 2, label %load_old_3_2
i32 3, label %load_old_3_3
]
load_old_3_0:
%var118 = load i32, i32* @cond_1_case_0_root
br label %merge_3
load_old_3_1:
%var119 = load i32, i32* @cond_1_case_1_root
br label %merge_3
load_old_3_2:
%var120 = load i32, i32* @cond_1_case_2_root
br label %merge_3
load_old_3_3:
%var121 = load i32, i32* @cond_1_case_3_root
br label %merge_3
merge_3:
%var117 = phi i32 [ %var118, %load_old_3_0 ], [ %var119, %load_old_3_1 ], [ %var120, %load_old_3_2 ], [ %var121, %load_old_3_3 ]
call void @js_replace_at_marker(i32 %var115, i32 %var117, i32 %var116)
store i32 3, i32* @cond_1_current
br label %done
done:
ret void
}
define i32 @_render_cond_1_case_0() {
entry:
%var122 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var123 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var123, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.26, i32 0, i32 0))
%var124 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.27, i32 0, i32 0))
%var125 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.28, i32 0, i32 0))
call void @js_append_child(i32 %var124, i32 %var125)
call void @js_append_child(i32 %var123, i32 %var124)
%var126 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var127 = call i32 @js_create_text(i8* getelementptr inbounds ([29 x i8], [29 x i8]* @.str.29, i32 0, i32 0))
call void @js_append_child(i32 %var126, i32 %var127)
call void @js_append_child(i32 %var123, i32 %var126)
%var128 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var129 = call i32 @js_create_text(i8* getelementptr inbounds ([37 x i8], [37 x i8]* @.str.30, i32 0, i32 0))
call void @js_append_child(i32 %var128, i32 %var129)
call void @js_append_child(i32 %var123, i32 %var128)
%var130 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0))
%var131 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0))
%var132 = call i32 @js_create_text(i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.32, i32 0, i32 0))
call void @js_append_child(i32 %var131, i32 %var132)
call void @js_append_child(i32 %var130, i32 %var131)
%var133 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0))
%var134 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.33, i32 0, i32 0))
call void @js_append_child(i32 %var133, i32 %var134)
call void @js_append_child(i32 %var130, i32 %var133)
%var135 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0))
%var136 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.34, i32 0, i32 0))
call void @js_append_child(i32 %var135, i32 %var136)
call void @js_append_child(i32 %var130, i32 %var135)
call void @js_append_child(i32 %var123, i32 %var130)
ret i32 %var122
}
define i32 @_render_cond_1_case_1() {
entry:
%var137 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var138 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var138, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([17 x i8], [17 x i8]* @.str.35, i32 0, i32 0))
%var139 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.27, i32 0, i32 0))
%var140 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.36, i32 0, i32 0))
call void @js_append_child(i32 %var139, i32 %var140)
call void @js_append_child(i32 %var138, i32 %var139)
%var141 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var142 = call i32 @js_create_text(i8* getelementptr inbounds ([30 x i8], [30 x i8]* @.str.37, i32 0, i32 0))
call void @js_append_child(i32 %var141, i32 %var142)
call void @js_append_child(i32 %var138, i32 %var141)
%var143 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var143, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.38, i32 0, i32 0))
%var144 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var145 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.39, i32 0, i32 0))
call void @js_append_child(i32 %var144, i32 %var145)
call void @js_append_child(i32 %var143, i32 %var144)
%var146 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var147 = call i32 @js_create_text(i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.40, i32 0, i32 0))
call void @js_append_child(i32 %var146, i32 %var147)
call void @js_append_child(i32 %var143, i32 %var146)
%var148 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var149 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.41, i32 0, i32 0))
call void @js_append_child(i32 %var148, i32 %var149)
call void @js_append_child(i32 %var143, i32 %var148)
call void @js_append_child(i32 %var138, i32 %var143)
ret i32 %var137
}
define i32 @_render_cond_1_case_2() {
entry:
%var150 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var151 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var151, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.42, i32 0, i32 0))
%var152 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.27, i32 0, i32 0))
%var153 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.43, i32 0, i32 0))
call void @js_append_child(i32 %var152, i32 %var153)
call void @js_append_child(i32 %var151, i32 %var152)
%var154 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var155 = call i32 @js_create_text(i8* getelementptr inbounds ([55 x i8], [55 x i8]* @.str.44, i32 0, i32 0))
call void @js_append_child(i32 %var154, i32 %var155)
call void @js_append_child(i32 %var151, i32 %var154)
%var156 = call i32 @render_VerticalTabs()
call void @js_append_child(i32 %var151, i32 %var156)
ret i32 %var150
}
define i32 @_render_cond_1_case_3() {
entry:
%var157 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
%var158 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var158, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.45, i32 0, i32 0))
%var159 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
%var160 = call i32 @js_create_text(i8* getelementptr inbounds ([28 x i8], [28 x i8]* @.str.46, i32 0, i32 0))
call void @js_append_child(i32 %var159, i32 %var160)
call void @js_append_child(i32 %var158, i32 %var159)
ret i32 %var157
}
; Component render function
define i32 @render_Tabs(i32 %orientation) {
entry:
%var161 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var161, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.47, i32 0, i32 0))
%var162 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.48, i32 0, i32 0))
%var163 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.49, i32 0, i32 0))
call void @js_append_child(i32 %var162, i32 %var163)
call void @js_append_child(i32 %var161, i32 %var162)
%var164 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
call void @js_set_attribute(i32 %var164, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.50, i32 0, i32 0))
%var165 = call i32 @js_create_text(i8* getelementptr inbounds ([58 x i8], [58 x i8]* @.str.51, i32 0, i32 0))
call void @js_append_child(i32 %var164, i32 %var165)
call void @js_append_child(i32 %var161, i32 %var164)
%var166 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0))
call void @js_set_attribute(i32 %var166, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.52, i32 0, i32 0))
%var167 = call i32 @render_HTab()
call void @js_append_child(i32 %var166, i32 %var167)
%var168 = call i32 @render_HTab()
call void @js_append_child(i32 %var166, i32 %var168)
%var169 = call i32 @render_HTab()
call void @js_append_child(i32 %var166, i32 %var169)
call void @js_append_child(i32 %var161, i32 %var166)
%var170 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var170, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([12 x i8], [12 x i8]* @.str.53, i32 0, i32 0))
%var171 = call i32 @js_create_marker()
call void @js_append_child(i32 %var170, i32 %var171)
store i32 %var171, i32* @cond_1_marker
call void @_init_conditional_1()
call void @js_append_child(i32 %var161, i32 %var170)
%var172 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0))
call void @js_set_attribute(i32 %var172, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.54, i32 0, i32 0))
%var173 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0))
; TODO: Format f-string with signal tab_index
%var174 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.55, i32 0, i32 0))
call void @js_append_child(i32 %var173, i32 %var174)
call void @js_append_child(i32 %var172, i32 %var173)
call void @js_append_child(i32 %var161, i32 %var172)
ret i32 %var161
}
; Main entry point
define void @main() {
entry:
%root = call i32 @render_Tabs()
call void @js_set_root(i32 %root)
ret void
}
Reference in new issue View Git Blame Copy Permalink