Files
ritz/examples/tabs/Tabs.ll
T
Aaron SinclairandClaude 1575571f3e Implement reactive attributes for minimal DOM updates
Features:
- Track attributes that depend on signals (ternary expressions)
- Store element references in globals for reactive attributes
- Re-evaluate and update only changed attributes when signals change
- Similar to reactive conditionals but for attributes

Performance:
- Minimal DOM updates - only changed attributes are updated
- No full re-renders, no virtual DOM diffing
- Direct attribute updates via js_set_attribute

Example:
  class_='tab active' if tab_index == 0 else 'tab'

When tab_index changes, only the class attribute updates.

Implementation:
- Collection phase: scan for attributes with signal dependencies
- Render phase: store element references to globals
- Signal update: re-evaluate expression and update attribute

All tests passing (55 passed, 2 skipped)

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

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

934 lines
47 KiB
LLVM

; Generated by Ritz Framework with Signals
; Components: VerticalTabs, Tabs
; String constants
@.str.0 = private unnamed_addr constant [20 x i8] c"vertical-tab active\00"
@.str.1 = private unnamed_addr constant [13 x i8] c"vertical-tab\00"
@.str.2 = private unnamed_addr constant [6 x i8] c"class\00"
@.str.3 = private unnamed_addr constant [4 x i8] c"div\00"
@.str.4 = private unnamed_addr constant [13 x i8] c"setting-pane\00"
@.str.5 = private unnamed_addr constant [3 x i8] c"h3\00"
@.str.6 = private unnamed_addr constant [24 x i8] c"⚙️ General Settings\00"
@.str.7 = private unnamed_addr constant [2 x i8] c"p\00"
@.str.8 = private unnamed_addr constant [18 x i8] c"Language: English\00"
@.str.9 = private unnamed_addr constant [15 x i8] c"Time Zone: UTC\00"
@.str.10 = private unnamed_addr constant [22 x i8] c"🔒 Privacy Settings\00"
@.str.11 = private unnamed_addr constant [26 x i8] c"Data Collection: Disabled\00"
@.str.12 = private unnamed_addr constant [19 x i8] c"Analytics: Opt-out\00"
@.str.13 = private unnamed_addr constant [23 x i8] c"🚀 Advanced Settings\00"
@.str.14 = private unnamed_addr constant [16 x i8] c"Debug Mode: Off\00"
@.str.15 = private unnamed_addr constant [32 x i8] c"Experimental Features: Disabled\00"
@.str.16 = private unnamed_addr constant [16 x i8] c"Invalid setting\00"
@.str.17 = private unnamed_addr constant [14 x i8] c"vertical-tabs\00"
@.str.18 = private unnamed_addr constant [18 x i8] c"vertical-tab-menu\00"
@.str.19 = private unnamed_addr constant [7 x i8] c"button\00"
@.str.20 = private unnamed_addr constant [6 x i8] c"click\00"
@.str.21 = private unnamed_addr constant [23 x i8] c"_lambda_0_VerticalTabs\00"
@.str.22 = private unnamed_addr constant [15 x i8] c"⚙️ General\00"
@.str.23 = private unnamed_addr constant [23 x i8] c"_lambda_1_VerticalTabs\00"
@.str.24 = private unnamed_addr constant [13 x i8] c"🔒 Privacy\00"
@.str.25 = private unnamed_addr constant [23 x i8] c"_lambda_2_VerticalTabs\00"
@.str.26 = private unnamed_addr constant [14 x i8] c"🚀 Advanced\00"
@.str.27 = private unnamed_addr constant [21 x i8] c"vertical-tab-content\00"
@.str.28 = private unnamed_addr constant [11 x i8] c"tab active\00"
@.str.29 = private unnamed_addr constant [4 x i8] c"tab\00"
@.str.30 = private unnamed_addr constant [14 x i8] c"tab-pane home\00"
@.str.31 = private unnamed_addr constant [3 x i8] c"h2\00"
@.str.32 = private unnamed_addr constant [18 x i8] c"🏠 Welcome Home\00"
@.str.33 = private unnamed_addr constant [29 x i8] c"This is your home dashboard.\00"
@.str.34 = private unnamed_addr constant [37 x i8] c"All your important info at a glance.\00"
@.str.35 = private unnamed_addr constant [3 x i8] c"ul\00"
@.str.36 = private unnamed_addr constant [3 x i8] c"li\00"
@.str.37 = private unnamed_addr constant [20 x i8] c"✓ Recent activity\00"
@.str.38 = private unnamed_addr constant [18 x i8] c"✓ Quick actions\00"
@.str.39 = private unnamed_addr constant [18 x i8] c"✓ Summary stats\00"
@.str.40 = private unnamed_addr constant [17 x i8] c"tab-pane profile\00"
@.str.41 = private unnamed_addr constant [18 x i8] c"👤 Your Profile\00"
@.str.42 = private unnamed_addr constant [30 x i8] c"Manage your account settings.\00"
@.str.43 = private unnamed_addr constant [13 x i8] c"profile-info\00"
@.str.44 = private unnamed_addr constant [16 x i8] c"Name: Ritz User\00"
@.str.45 = private unnamed_addr constant [21 x i8] c"Email: user@ritz.dev\00"
@.str.46 = private unnamed_addr constant [19 x i8] c"Member since: 2025\00"
@.str.47 = private unnamed_addr constant [18 x i8] c"tab-pane settings\00"
@.str.48 = private unnamed_addr constant [16 x i8] c"⚙️ Settings\00"
@.str.49 = private unnamed_addr constant [55 x i8] c"Configure your preferences using the categories below:\00"
@.str.50 = private unnamed_addr constant [15 x i8] c"tab-pane error\00"
@.str.51 = private unnamed_addr constant [28 x i8] c"⚠️ Invalid tab selected\00"
@.str.52 = private unnamed_addr constant [15 x i8] c"tabs-container\00"
@.str.53 = private unnamed_addr constant [3 x i8] c"h1\00"
@.str.54 = private unnamed_addr constant [19 x i8] c"Tab Component Demo\00"
@.str.55 = private unnamed_addr constant [9 x i8] c"subtitle\00"
@.str.56 = private unnamed_addr constant [58 x i8] c"Beautiful composition with TabMenu and TabPane components\00"
@.str.57 = private unnamed_addr constant [9 x i8] c"tab-menu\00"
@.str.58 = private unnamed_addr constant [15 x i8] c"_lambda_0_Tabs\00"
@.str.59 = private unnamed_addr constant [10 x i8] c"🏠 Home\00"
@.str.60 = private unnamed_addr constant [15 x i8] c"_lambda_1_Tabs\00"
@.str.61 = private unnamed_addr constant [13 x i8] c"👤 Profile\00"
@.str.62 = private unnamed_addr constant [15 x i8] c"_lambda_2_Tabs\00"
@.str.63 = private unnamed_addr constant [12 x i8] c"tab-content\00"
@.str.64 = private unnamed_addr constant [13 x i8] c"debug-footer\00"
@.str.65 = 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)
; 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
; Reactive attribute element storage
@reactive_attr_0_elem = global i32 0
@reactive_attr_1_elem = global i32 0
@reactive_attr_2_elem = 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: _lambda_0_VerticalTabs
define void @_lambda_0_VerticalTabs() {
entry:
call void @set_setting(i32 0)
ret void
}
; Event handler: _lambda_1_VerticalTabs
define void @_lambda_1_VerticalTabs() {
entry:
call void @set_setting(i32 1)
ret void
}
; Event handler: _lambda_2_VerticalTabs
define void @_lambda_2_VerticalTabs() {
entry:
call void @set_setting(i32 2)
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()
%var0 = load i32, i32* @reactive_attr_0_elem
%var1 = load i32, i32* @signal_VerticalTabs_setting_tab
%var2 = icmp eq i32 %var1, 0
%var3 = zext i1 %var2 to i32
%var4 = icmp ne i32 %var3, 0
%var5 = select i1 %var4, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.0, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.1, i32 0, i32 0)
call void @js_set_attribute(i32 %var0, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var5)
%var6 = load i32, i32* @reactive_attr_1_elem
%var7 = load i32, i32* @signal_VerticalTabs_setting_tab
%var8 = icmp eq i32 %var7, 1
%var9 = zext i1 %var8 to i32
%var10 = icmp ne i32 %var9, 0
%var11 = select i1 %var10, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.0, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.1, i32 0, i32 0)
call void @js_set_attribute(i32 %var6, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var11)
%var12 = load i32, i32* @reactive_attr_2_elem
%var13 = load i32, i32* @signal_VerticalTabs_setting_tab
%var14 = icmp eq i32 %var13, 2
%var15 = zext i1 %var14 to i32
%var16 = icmp ne i32 %var15, 0
%var17 = select i1 %var16, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.0, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.1, i32 0, i32 0)
call void @js_set_attribute(i32 %var12, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var17)
ret void
}
; Initialize conditional 0 (match)
define void @_init_conditional_0() {
entry:
; Render all cases upfront
%var18 = call i32 @_render_cond_0_case_0()
store i32 %var18, i32* @cond_0_case_0_root
%var19 = call i32 @_render_cond_0_case_1()
store i32 %var19, i32* @cond_0_case_1_root
%var20 = call i32 @_render_cond_0_case_2()
store i32 %var20, i32* @cond_0_case_2_root
%var21 = call i32 @_render_cond_0_case_3()
store i32 %var21, i32* @cond_0_case_3_root
%var22 = load i32, i32* @signal_VerticalTabs_setting_tab
%var23 = load i32, i32* @cond_0_marker
switch i32 %var22, 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 %var23, i32 0, i32 %var18)
store i32 0, i32* @cond_0_current
ret void
insert_case_1:
call void @js_replace_at_marker(i32 %var23, i32 0, i32 %var19)
store i32 1, i32* @cond_0_current
ret void
insert_case_2:
call void @js_replace_at_marker(i32 %var23, i32 0, i32 %var20)
store i32 2, i32* @cond_0_current
ret void
insert_case_3:
call void @js_replace_at_marker(i32 %var23, i32 0, i32 %var21)
store i32 3, i32* @cond_0_current
ret void
}
; Re-evaluate conditional 0 (match)
define void @reevaluate_conditional_0() {
entry:
%var24 = load i32, i32* @signal_VerticalTabs_setting_tab
%var25 = load i32, i32* @cond_0_current
switch i32 %var24, label %case_3 [
i32 0, label %case_0
i32 1, label %case_1
i32 2, label %case_2
]
case_0:
%var26 = icmp ne i32 %var25, 0
br i1 %var26, label %swap_0, label %done
swap_0:
%var27 = load i32, i32* @cond_0_marker
%var28 = load i32, i32* @cond_0_case_0_root
switch i32 %var25, 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:
%var30 = load i32, i32* @cond_0_case_0_root
br label %merge_0
load_old_0_1:
%var31 = load i32, i32* @cond_0_case_1_root
br label %merge_0
load_old_0_2:
%var32 = load i32, i32* @cond_0_case_2_root
br label %merge_0
load_old_0_3:
%var33 = load i32, i32* @cond_0_case_3_root
br label %merge_0
merge_0:
%var29 = phi i32 [ %var30, %load_old_0_0 ], [ %var31, %load_old_0_1 ], [ %var32, %load_old_0_2 ], [ %var33, %load_old_0_3 ]
call void @js_replace_at_marker(i32 %var27, i32 %var29, i32 %var28)
store i32 0, i32* @cond_0_current
br label %done
case_1:
%var34 = icmp ne i32 %var25, 1
br i1 %var34, label %swap_1, label %done
swap_1:
%var35 = load i32, i32* @cond_0_marker
%var36 = load i32, i32* @cond_0_case_1_root
switch i32 %var25, 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:
%var38 = load i32, i32* @cond_0_case_0_root
br label %merge_1
load_old_1_1:
%var39 = load i32, i32* @cond_0_case_1_root
br label %merge_1
load_old_1_2:
%var40 = load i32, i32* @cond_0_case_2_root
br label %merge_1
load_old_1_3:
%var41 = load i32, i32* @cond_0_case_3_root
br label %merge_1
merge_1:
%var37 = phi i32 [ %var38, %load_old_1_0 ], [ %var39, %load_old_1_1 ], [ %var40, %load_old_1_2 ], [ %var41, %load_old_1_3 ]
call void @js_replace_at_marker(i32 %var35, i32 %var37, i32 %var36)
store i32 1, i32* @cond_0_current
br label %done
case_2:
%var42 = icmp ne i32 %var25, 2
br i1 %var42, label %swap_2, label %done
swap_2:
%var43 = load i32, i32* @cond_0_marker
%var44 = load i32, i32* @cond_0_case_2_root
switch i32 %var25, 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:
%var46 = load i32, i32* @cond_0_case_0_root
br label %merge_2
load_old_2_1:
%var47 = load i32, i32* @cond_0_case_1_root
br label %merge_2
load_old_2_2:
%var48 = load i32, i32* @cond_0_case_2_root
br label %merge_2
load_old_2_3:
%var49 = load i32, i32* @cond_0_case_3_root
br label %merge_2
merge_2:
%var45 = phi i32 [ %var46, %load_old_2_0 ], [ %var47, %load_old_2_1 ], [ %var48, %load_old_2_2 ], [ %var49, %load_old_2_3 ]
call void @js_replace_at_marker(i32 %var43, i32 %var45, i32 %var44)
store i32 2, i32* @cond_0_current
br label %done
case_3:
%var50 = icmp ne i32 %var25, 3
br i1 %var50, label %swap_3, label %done
swap_3:
%var51 = load i32, i32* @cond_0_marker
%var52 = load i32, i32* @cond_0_case_3_root
switch i32 %var25, 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:
%var54 = load i32, i32* @cond_0_case_0_root
br label %merge_3
load_old_3_1:
%var55 = load i32, i32* @cond_0_case_1_root
br label %merge_3
load_old_3_2:
%var56 = load i32, i32* @cond_0_case_2_root
br label %merge_3
load_old_3_3:
%var57 = load i32, i32* @cond_0_case_3_root
br label %merge_3
merge_3:
%var53 = phi i32 [ %var54, %load_old_3_0 ], [ %var55, %load_old_3_1 ], [ %var56, %load_old_3_2 ], [ %var57, %load_old_3_3 ]
call void @js_replace_at_marker(i32 %var51, i32 %var53, i32 %var52)
store i32 3, i32* @cond_0_current
br label %done
done:
ret void
}
define i32 @_render_cond_0_case_0() {
entry:
%var58 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var59 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var59, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.4, i32 0, i32 0))
%var60 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.5, i32 0, i32 0))
%var61 = call i32 @js_create_text(i8* getelementptr inbounds ([24 x i8], [24 x i8]* @.str.6, i32 0, i32 0))
call void @js_append_child(i32 %var60, i32 %var61)
call void @js_append_child(i32 %var59, i32 %var60)
call void @js_append_child(i32 %var59, i32 %var60)
%var62 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var63 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.8, i32 0, i32 0))
call void @js_append_child(i32 %var62, i32 %var63)
call void @js_append_child(i32 %var59, i32 %var62)
call void @js_append_child(i32 %var59, i32 %var62)
%var64 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var65 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.9, i32 0, i32 0))
call void @js_append_child(i32 %var64, i32 %var65)
call void @js_append_child(i32 %var59, i32 %var64)
call void @js_append_child(i32 %var59, i32 %var64)
call void @js_append_child(i32 %var58, i32 %var59)
ret i32 %var58
}
define i32 @_render_cond_0_case_1() {
entry:
%var66 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var67 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var67, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.4, i32 0, i32 0))
%var68 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.5, i32 0, i32 0))
%var69 = call i32 @js_create_text(i8* getelementptr inbounds ([22 x i8], [22 x i8]* @.str.10, i32 0, i32 0))
call void @js_append_child(i32 %var68, i32 %var69)
call void @js_append_child(i32 %var67, i32 %var68)
call void @js_append_child(i32 %var67, i32 %var68)
%var70 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var71 = call i32 @js_create_text(i8* getelementptr inbounds ([26 x i8], [26 x i8]* @.str.11, i32 0, i32 0))
call void @js_append_child(i32 %var70, i32 %var71)
call void @js_append_child(i32 %var67, i32 %var70)
call void @js_append_child(i32 %var67, i32 %var70)
%var72 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var73 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.12, i32 0, i32 0))
call void @js_append_child(i32 %var72, i32 %var73)
call void @js_append_child(i32 %var67, i32 %var72)
call void @js_append_child(i32 %var67, i32 %var72)
call void @js_append_child(i32 %var66, i32 %var67)
ret i32 %var66
}
define i32 @_render_cond_0_case_2() {
entry:
%var74 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var75 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var75, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.4, i32 0, i32 0))
%var76 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.5, i32 0, i32 0))
%var77 = call i32 @js_create_text(i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.13, i32 0, i32 0))
call void @js_append_child(i32 %var76, i32 %var77)
call void @js_append_child(i32 %var75, i32 %var76)
call void @js_append_child(i32 %var75, i32 %var76)
%var78 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var79 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.14, i32 0, i32 0))
call void @js_append_child(i32 %var78, i32 %var79)
call void @js_append_child(i32 %var75, i32 %var78)
call void @js_append_child(i32 %var75, i32 %var78)
%var80 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var81 = call i32 @js_create_text(i8* getelementptr inbounds ([32 x i8], [32 x i8]* @.str.15, i32 0, i32 0))
call void @js_append_child(i32 %var80, i32 %var81)
call void @js_append_child(i32 %var75, i32 %var80)
call void @js_append_child(i32 %var75, i32 %var80)
call void @js_append_child(i32 %var74, i32 %var75)
ret i32 %var74
}
define i32 @_render_cond_0_case_3() {
entry:
%var82 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var83 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var83, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.4, i32 0, i32 0))
%var84 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var85 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.16, i32 0, i32 0))
call void @js_append_child(i32 %var84, i32 %var85)
call void @js_append_child(i32 %var83, i32 %var84)
call void @js_append_child(i32 %var83, i32 %var84)
call void @js_append_child(i32 %var82, i32 %var83)
ret i32 %var82
}
; Component render function
define i32 @render_VerticalTabs() {
entry:
%var86 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var86, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.17, i32 0, i32 0))
%var87 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var87, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.18, i32 0, i32 0))
%var88 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.19, i32 0, i32 0))
%var89 = load i32, i32* @signal_VerticalTabs_setting_tab
%var90 = icmp eq i32 %var89, 0
%var91 = zext i1 %var90 to i32
%var92 = icmp ne i32 %var91, 0
%var93 = select i1 %var92, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.0, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.1, i32 0, i32 0)
call void @js_set_attribute(i32 %var88, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var93)
call void @js_bind_event(i32 %var88, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.20, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.21, i32 0, i32 0))
store i32 %var88, i32* @reactive_attr_0_elem
%var94 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.22, i32 0, i32 0))
call void @js_append_child(i32 %var88, i32 %var94)
call void @js_append_child(i32 %var87, i32 %var88)
call void @js_append_child(i32 %var87, i32 %var88)
%var95 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.19, i32 0, i32 0))
%var96 = load i32, i32* @signal_VerticalTabs_setting_tab
%var97 = icmp eq i32 %var96, 1
%var98 = zext i1 %var97 to i32
%var99 = icmp ne i32 %var98, 0
%var100 = select i1 %var99, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.0, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.1, i32 0, i32 0)
call void @js_set_attribute(i32 %var95, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var100)
call void @js_bind_event(i32 %var95, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.20, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.23, i32 0, i32 0))
store i32 %var95, i32* @reactive_attr_1_elem
%var101 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.24, i32 0, i32 0))
call void @js_append_child(i32 %var95, i32 %var101)
call void @js_append_child(i32 %var87, i32 %var95)
call void @js_append_child(i32 %var87, i32 %var95)
%var102 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.19, i32 0, i32 0))
%var103 = load i32, i32* @signal_VerticalTabs_setting_tab
%var104 = icmp eq i32 %var103, 2
%var105 = zext i1 %var104 to i32
%var106 = icmp ne i32 %var105, 0
%var107 = select i1 %var106, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.0, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.1, i32 0, i32 0)
call void @js_set_attribute(i32 %var102, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var107)
call void @js_bind_event(i32 %var102, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.20, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.25, i32 0, i32 0))
store i32 %var102, i32* @reactive_attr_2_elem
%var108 = call i32 @js_create_text(i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.26, i32 0, i32 0))
call void @js_append_child(i32 %var102, i32 %var108)
call void @js_append_child(i32 %var87, i32 %var102)
call void @js_append_child(i32 %var87, i32 %var102)
call void @js_append_child(i32 %var86, i32 %var87)
call void @js_append_child(i32 %var86, i32 %var87)
%var109 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var109, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.27, i32 0, i32 0))
%var110 = call i32 @js_create_marker()
call void @js_append_child(i32 %var109, i32 %var110)
store i32 %var110, i32* @cond_0_marker
call void @_init_conditional_0()
call void @js_append_child(i32 %var86, i32 %var109)
call void @js_append_child(i32 %var86, i32 %var109)
ret i32 %var86
}
; 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
; Reactive attribute element storage
@reactive_attr_3_elem = global i32 0
@reactive_attr_4_elem = global i32 0
@reactive_attr_5_elem = 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: _lambda_0_Tabs
define void @_lambda_0_Tabs() {
entry:
call void @set_tab(i32 0)
ret void
}
; Event handler: _lambda_1_Tabs
define void @_lambda_1_Tabs() {
entry:
call void @set_tab(i32 1)
ret void
}
; Event handler: _lambda_2_Tabs
define void @_lambda_2_Tabs() {
entry:
call void @set_tab(i32 2)
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()
%var111 = load i32, i32* @reactive_attr_3_elem
%var112 = load i32, i32* @signal_Tabs_tab_index
%var113 = icmp eq i32 %var112, 0
%var114 = zext i1 %var113 to i32
%var115 = icmp ne i32 %var114, 0
%var116 = select i1 %var115, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.28, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.29, i32 0, i32 0)
call void @js_set_attribute(i32 %var111, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var116)
%var117 = load i32, i32* @reactive_attr_4_elem
%var118 = load i32, i32* @signal_Tabs_tab_index
%var119 = icmp eq i32 %var118, 1
%var120 = zext i1 %var119 to i32
%var121 = icmp ne i32 %var120, 0
%var122 = select i1 %var121, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.28, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.29, i32 0, i32 0)
call void @js_set_attribute(i32 %var117, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var122)
%var123 = load i32, i32* @reactive_attr_5_elem
%var124 = load i32, i32* @signal_Tabs_tab_index
%var125 = icmp eq i32 %var124, 2
%var126 = zext i1 %var125 to i32
%var127 = icmp ne i32 %var126, 0
%var128 = select i1 %var127, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.28, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.29, i32 0, i32 0)
call void @js_set_attribute(i32 %var123, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var128)
ret void
}
; Initialize conditional 1 (match)
define void @_init_conditional_1() {
entry:
; Render all cases upfront
%var129 = call i32 @_render_cond_1_case_0()
store i32 %var129, i32* @cond_1_case_0_root
%var130 = call i32 @_render_cond_1_case_1()
store i32 %var130, i32* @cond_1_case_1_root
%var131 = call i32 @_render_cond_1_case_2()
store i32 %var131, i32* @cond_1_case_2_root
%var132 = call i32 @_render_cond_1_case_3()
store i32 %var132, i32* @cond_1_case_3_root
%var133 = load i32, i32* @signal_Tabs_tab_index
%var134 = load i32, i32* @cond_1_marker
switch i32 %var133, 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 %var134, i32 0, i32 %var129)
store i32 0, i32* @cond_1_current
ret void
insert_case_1:
call void @js_replace_at_marker(i32 %var134, i32 0, i32 %var130)
store i32 1, i32* @cond_1_current
ret void
insert_case_2:
call void @js_replace_at_marker(i32 %var134, i32 0, i32 %var131)
store i32 2, i32* @cond_1_current
ret void
insert_case_3:
call void @js_replace_at_marker(i32 %var134, i32 0, i32 %var132)
store i32 3, i32* @cond_1_current
ret void
}
; Re-evaluate conditional 1 (match)
define void @reevaluate_conditional_1() {
entry:
%var135 = load i32, i32* @signal_Tabs_tab_index
%var136 = load i32, i32* @cond_1_current
switch i32 %var135, label %case_3 [
i32 0, label %case_0
i32 1, label %case_1
i32 2, label %case_2
]
case_0:
%var137 = icmp ne i32 %var136, 0
br i1 %var137, label %swap_0, label %done
swap_0:
%var138 = load i32, i32* @cond_1_marker
%var139 = load i32, i32* @cond_1_case_0_root
switch i32 %var136, 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:
%var141 = load i32, i32* @cond_1_case_0_root
br label %merge_0
load_old_0_1:
%var142 = load i32, i32* @cond_1_case_1_root
br label %merge_0
load_old_0_2:
%var143 = load i32, i32* @cond_1_case_2_root
br label %merge_0
load_old_0_3:
%var144 = load i32, i32* @cond_1_case_3_root
br label %merge_0
merge_0:
%var140 = phi i32 [ %var141, %load_old_0_0 ], [ %var142, %load_old_0_1 ], [ %var143, %load_old_0_2 ], [ %var144, %load_old_0_3 ]
call void @js_replace_at_marker(i32 %var138, i32 %var140, i32 %var139)
store i32 0, i32* @cond_1_current
br label %done
case_1:
%var145 = icmp ne i32 %var136, 1
br i1 %var145, label %swap_1, label %done
swap_1:
%var146 = load i32, i32* @cond_1_marker
%var147 = load i32, i32* @cond_1_case_1_root
switch i32 %var136, 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:
%var149 = load i32, i32* @cond_1_case_0_root
br label %merge_1
load_old_1_1:
%var150 = load i32, i32* @cond_1_case_1_root
br label %merge_1
load_old_1_2:
%var151 = load i32, i32* @cond_1_case_2_root
br label %merge_1
load_old_1_3:
%var152 = load i32, i32* @cond_1_case_3_root
br label %merge_1
merge_1:
%var148 = phi i32 [ %var149, %load_old_1_0 ], [ %var150, %load_old_1_1 ], [ %var151, %load_old_1_2 ], [ %var152, %load_old_1_3 ]
call void @js_replace_at_marker(i32 %var146, i32 %var148, i32 %var147)
store i32 1, i32* @cond_1_current
br label %done
case_2:
%var153 = icmp ne i32 %var136, 2
br i1 %var153, label %swap_2, label %done
swap_2:
%var154 = load i32, i32* @cond_1_marker
%var155 = load i32, i32* @cond_1_case_2_root
switch i32 %var136, 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:
%var157 = load i32, i32* @cond_1_case_0_root
br label %merge_2
load_old_2_1:
%var158 = load i32, i32* @cond_1_case_1_root
br label %merge_2
load_old_2_2:
%var159 = load i32, i32* @cond_1_case_2_root
br label %merge_2
load_old_2_3:
%var160 = load i32, i32* @cond_1_case_3_root
br label %merge_2
merge_2:
%var156 = phi i32 [ %var157, %load_old_2_0 ], [ %var158, %load_old_2_1 ], [ %var159, %load_old_2_2 ], [ %var160, %load_old_2_3 ]
call void @js_replace_at_marker(i32 %var154, i32 %var156, i32 %var155)
store i32 2, i32* @cond_1_current
br label %done
case_3:
%var161 = icmp ne i32 %var136, 3
br i1 %var161, label %swap_3, label %done
swap_3:
%var162 = load i32, i32* @cond_1_marker
%var163 = load i32, i32* @cond_1_case_3_root
switch i32 %var136, 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:
%var165 = load i32, i32* @cond_1_case_0_root
br label %merge_3
load_old_3_1:
%var166 = load i32, i32* @cond_1_case_1_root
br label %merge_3
load_old_3_2:
%var167 = load i32, i32* @cond_1_case_2_root
br label %merge_3
load_old_3_3:
%var168 = load i32, i32* @cond_1_case_3_root
br label %merge_3
merge_3:
%var164 = phi i32 [ %var165, %load_old_3_0 ], [ %var166, %load_old_3_1 ], [ %var167, %load_old_3_2 ], [ %var168, %load_old_3_3 ]
call void @js_replace_at_marker(i32 %var162, i32 %var164, i32 %var163)
store i32 3, i32* @cond_1_current
br label %done
done:
ret void
}
define i32 @_render_cond_1_case_0() {
entry:
%var169 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var170 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var170, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.30, i32 0, i32 0))
%var171 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0))
%var172 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.32, i32 0, i32 0))
call void @js_append_child(i32 %var171, i32 %var172)
call void @js_append_child(i32 %var170, i32 %var171)
call void @js_append_child(i32 %var170, i32 %var171)
%var173 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var174 = call i32 @js_create_text(i8* getelementptr inbounds ([29 x i8], [29 x i8]* @.str.33, i32 0, i32 0))
call void @js_append_child(i32 %var173, i32 %var174)
call void @js_append_child(i32 %var170, i32 %var173)
call void @js_append_child(i32 %var170, i32 %var173)
%var175 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var176 = call i32 @js_create_text(i8* getelementptr inbounds ([37 x i8], [37 x i8]* @.str.34, i32 0, i32 0))
call void @js_append_child(i32 %var175, i32 %var176)
call void @js_append_child(i32 %var170, i32 %var175)
call void @js_append_child(i32 %var170, i32 %var175)
%var177 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.35, i32 0, i32 0))
%var178 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.36, i32 0, i32 0))
%var179 = call i32 @js_create_text(i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.37, i32 0, i32 0))
call void @js_append_child(i32 %var178, i32 %var179)
call void @js_append_child(i32 %var177, i32 %var178)
call void @js_append_child(i32 %var177, i32 %var178)
%var180 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.36, i32 0, i32 0))
%var181 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.38, i32 0, i32 0))
call void @js_append_child(i32 %var180, i32 %var181)
call void @js_append_child(i32 %var177, i32 %var180)
call void @js_append_child(i32 %var177, i32 %var180)
%var182 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.36, i32 0, i32 0))
%var183 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.39, i32 0, i32 0))
call void @js_append_child(i32 %var182, i32 %var183)
call void @js_append_child(i32 %var177, i32 %var182)
call void @js_append_child(i32 %var177, i32 %var182)
call void @js_append_child(i32 %var170, i32 %var177)
call void @js_append_child(i32 %var170, i32 %var177)
call void @js_append_child(i32 %var169, i32 %var170)
ret i32 %var169
}
define i32 @_render_cond_1_case_1() {
entry:
%var184 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var185 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var185, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([17 x i8], [17 x i8]* @.str.40, i32 0, i32 0))
%var186 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0))
%var187 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.41, i32 0, i32 0))
call void @js_append_child(i32 %var186, i32 %var187)
call void @js_append_child(i32 %var185, i32 %var186)
call void @js_append_child(i32 %var185, i32 %var186)
%var188 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var189 = call i32 @js_create_text(i8* getelementptr inbounds ([30 x i8], [30 x i8]* @.str.42, i32 0, i32 0))
call void @js_append_child(i32 %var188, i32 %var189)
call void @js_append_child(i32 %var185, i32 %var188)
call void @js_append_child(i32 %var185, i32 %var188)
%var190 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var190, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.43, i32 0, i32 0))
%var191 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var192 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.44, i32 0, i32 0))
call void @js_append_child(i32 %var191, i32 %var192)
call void @js_append_child(i32 %var190, i32 %var191)
call void @js_append_child(i32 %var190, i32 %var191)
%var193 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var194 = call i32 @js_create_text(i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.45, i32 0, i32 0))
call void @js_append_child(i32 %var193, i32 %var194)
call void @js_append_child(i32 %var190, i32 %var193)
call void @js_append_child(i32 %var190, i32 %var193)
%var195 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var196 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.46, i32 0, i32 0))
call void @js_append_child(i32 %var195, i32 %var196)
call void @js_append_child(i32 %var190, i32 %var195)
call void @js_append_child(i32 %var190, i32 %var195)
call void @js_append_child(i32 %var185, i32 %var190)
call void @js_append_child(i32 %var185, i32 %var190)
call void @js_append_child(i32 %var184, i32 %var185)
ret i32 %var184
}
define i32 @_render_cond_1_case_2() {
entry:
%var197 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var198 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var198, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.47, i32 0, i32 0))
%var199 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0))
%var200 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.48, i32 0, i32 0))
call void @js_append_child(i32 %var199, i32 %var200)
call void @js_append_child(i32 %var198, i32 %var199)
call void @js_append_child(i32 %var198, i32 %var199)
%var201 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var202 = call i32 @js_create_text(i8* getelementptr inbounds ([55 x i8], [55 x i8]* @.str.49, i32 0, i32 0))
call void @js_append_child(i32 %var201, i32 %var202)
call void @js_append_child(i32 %var198, i32 %var201)
call void @js_append_child(i32 %var198, i32 %var201)
%var203 = call i32 @render_VerticalTabs()
call void @js_append_child(i32 %var198, i32 %var203)
call void @js_append_child(i32 %var198, i32 %var203)
call void @js_append_child(i32 %var197, i32 %var198)
ret i32 %var197
}
define i32 @_render_cond_1_case_3() {
entry:
%var204 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
%var205 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var205, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.50, i32 0, i32 0))
%var206 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
%var207 = call i32 @js_create_text(i8* getelementptr inbounds ([28 x i8], [28 x i8]* @.str.51, i32 0, i32 0))
call void @js_append_child(i32 %var206, i32 %var207)
call void @js_append_child(i32 %var205, i32 %var206)
call void @js_append_child(i32 %var205, i32 %var206)
call void @js_append_child(i32 %var204, i32 %var205)
ret i32 %var204
}
; Component render function
define i32 @render_Tabs(i32 %orientation) {
entry:
%var208 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var208, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.52, i32 0, i32 0))
%var209 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.53, i32 0, i32 0))
%var210 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.54, i32 0, i32 0))
call void @js_append_child(i32 %var209, i32 %var210)
call void @js_append_child(i32 %var208, i32 %var209)
call void @js_append_child(i32 %var208, i32 %var209)
%var211 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
call void @js_set_attribute(i32 %var211, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.55, i32 0, i32 0))
%var212 = call i32 @js_create_text(i8* getelementptr inbounds ([58 x i8], [58 x i8]* @.str.56, i32 0, i32 0))
call void @js_append_child(i32 %var211, i32 %var212)
call void @js_append_child(i32 %var208, i32 %var211)
call void @js_append_child(i32 %var208, i32 %var211)
%var213 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.35, i32 0, i32 0))
call void @js_set_attribute(i32 %var213, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.57, i32 0, i32 0))
%var214 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.36, i32 0, i32 0))
%var215 = load i32, i32* @signal_Tabs_tab_index
%var216 = icmp eq i32 %var215, 0
%var217 = zext i1 %var216 to i32
%var218 = icmp ne i32 %var217, 0
%var219 = select i1 %var218, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.28, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.29, i32 0, i32 0)
call void @js_set_attribute(i32 %var214, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var219)
store i32 %var214, i32* @reactive_attr_3_elem
%var220 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.19, i32 0, i32 0))
call void @js_bind_event(i32 %var220, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.20, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.58, i32 0, i32 0))
%var221 = call i32 @js_create_text(i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.59, i32 0, i32 0))
call void @js_append_child(i32 %var220, i32 %var221)
call void @js_append_child(i32 %var214, i32 %var220)
call void @js_append_child(i32 %var214, i32 %var220)
call void @js_append_child(i32 %var213, i32 %var214)
call void @js_append_child(i32 %var213, i32 %var214)
%var222 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.36, i32 0, i32 0))
%var223 = load i32, i32* @signal_Tabs_tab_index
%var224 = icmp eq i32 %var223, 1
%var225 = zext i1 %var224 to i32
%var226 = icmp ne i32 %var225, 0
%var227 = select i1 %var226, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.28, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.29, i32 0, i32 0)
call void @js_set_attribute(i32 %var222, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var227)
store i32 %var222, i32* @reactive_attr_4_elem
%var228 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.19, i32 0, i32 0))
call void @js_bind_event(i32 %var228, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.20, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.60, i32 0, i32 0))
%var229 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.61, i32 0, i32 0))
call void @js_append_child(i32 %var228, i32 %var229)
call void @js_append_child(i32 %var222, i32 %var228)
call void @js_append_child(i32 %var222, i32 %var228)
call void @js_append_child(i32 %var213, i32 %var222)
call void @js_append_child(i32 %var213, i32 %var222)
%var230 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.36, i32 0, i32 0))
%var231 = load i32, i32* @signal_Tabs_tab_index
%var232 = icmp eq i32 %var231, 2
%var233 = zext i1 %var232 to i32
%var234 = icmp ne i32 %var233, 0
%var235 = select i1 %var234, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.28, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.29, i32 0, i32 0)
call void @js_set_attribute(i32 %var230, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* %var235)
store i32 %var230, i32* @reactive_attr_5_elem
%var236 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.19, i32 0, i32 0))
call void @js_bind_event(i32 %var236, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.20, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.62, i32 0, i32 0))
%var237 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.48, i32 0, i32 0))
call void @js_append_child(i32 %var236, i32 %var237)
call void @js_append_child(i32 %var230, i32 %var236)
call void @js_append_child(i32 %var230, i32 %var236)
call void @js_append_child(i32 %var213, i32 %var230)
call void @js_append_child(i32 %var213, i32 %var230)
call void @js_append_child(i32 %var208, i32 %var213)
call void @js_append_child(i32 %var208, i32 %var213)
%var238 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var238, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([12 x i8], [12 x i8]* @.str.63, i32 0, i32 0))
%var239 = call i32 @js_create_marker()
call void @js_append_child(i32 %var238, i32 %var239)
store i32 %var239, i32* @cond_1_marker
call void @_init_conditional_1()
call void @js_append_child(i32 %var208, i32 %var238)
call void @js_append_child(i32 %var208, i32 %var238)
%var240 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.3, i32 0, i32 0))
call void @js_set_attribute(i32 %var240, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.2, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.64, i32 0, i32 0))
%var241 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.7, i32 0, i32 0))
; TODO: Format f-string with signal tab_index
%var242 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.65, i32 0, i32 0))
call void @js_append_child(i32 %var241, i32 %var242)
call void @js_append_child(i32 %var240, i32 %var241)
call void @js_append_child(i32 %var240, i32 %var241)
call void @js_append_child(i32 %var208, i32 %var240)
call void @js_append_child(i32 %var208, i32 %var240)
ret i32 %var208
}
; Main entry point
define void @main() {
entry:
%root = call i32 @render_Tabs()
call void @js_set_root(i32 %root)
ret void
}