diff --git a/examples/runtime/ritz-runtime.js b/examples/runtime/ritz-runtime.js index cb2f556..07c5cbf 100644 --- a/examples/runtime/ritz-runtime.js +++ b/examples/runtime/ritz-runtime.js @@ -95,6 +95,26 @@ class RitzRuntime { } } + js_create_text_with_int(prefixPtr, intValue) { + const prefix = this.readString(prefixPtr); + const text = prefix + intValue.toString(); + const textNode = document.createTextNode(text); + const id = this.nextNodeId++; + this.nodes.set(id, textNode); + this._log(`createTextWithInt("${prefix}", ${intValue}) = "${text}" (id=${id})`); + return id; + } + + js_update_text_with_int(nodeId, prefixPtr, intValue) { + const node = this.nodes.get(nodeId); + const prefix = this.readString(prefixPtr); + const text = prefix + intValue.toString(); + if (node) { + node.textContent = text; + this._log(`updateTextWithInt(${nodeId}, "${prefix}", ${intValue}) = "${text}"`); + } + } + // ===== Signal Management ===== updateSignals() { @@ -288,11 +308,13 @@ class RitzLoader { env: { js_create_element: (ptr) => runtime.js_create_element(ptr), js_create_text: (ptr) => runtime.js_create_text(ptr), + js_create_text_with_int: (p, i) => runtime.js_create_text_with_int(p, i), js_append_child: (p, c) => runtime.js_append_child(p, c), js_set_attribute: (e, n, v) => runtime.js_set_attribute(e, n, v), js_set_root: (e) => runtime.js_set_root(e), js_bind_event: (e, n, h) => runtime.js_bind_event(e, n, h), js_update_text_content: (n, t) => runtime.js_update_text_content(n, t), + js_update_text_with_int: (n, p, i) => runtime.js_update_text_with_int(n, p, i), js_create_marker: () => runtime.js_create_marker(), js_replace_at_marker: (m, o, n) => runtime.js_replace_at_marker(m, o, n), } diff --git a/examples/tabs/Tabs.ll b/examples/tabs/Tabs.ll index 1860fa2..229e9bc 100644 --- a/examples/tabs/Tabs.ll +++ b/examples/tabs/Tabs.ll @@ -34,75 +34,90 @@ @.str.29 = private unnamed_addr constant [23 x i8] c"_lambda_2_VerticalTabs\00" @.str.30 = private unnamed_addr constant [14 x i8] c"🚀 Advanced\00" @.str.31 = private unnamed_addr constant [21 x i8] c"vertical-tab-content\00" -@.str.32 = private unnamed_addr constant [14 x i8] c"tab-pane home\00" -@.str.33 = private unnamed_addr constant [3 x i8] c"h2\00" -@.str.34 = private unnamed_addr constant [18 x i8] c"🏠 Welcome Home\00" -@.str.35 = private unnamed_addr constant [29 x i8] c"This is your home dashboard.\00" -@.str.36 = private unnamed_addr constant [37 x i8] c"All your important info at a glance.\00" -@.str.37 = private unnamed_addr constant [3 x i8] c"ul\00" -@.str.38 = private unnamed_addr constant [20 x i8] c"✓ Recent activity\00" -@.str.39 = private unnamed_addr constant [18 x i8] c"✓ Quick actions\00" -@.str.40 = private unnamed_addr constant [18 x i8] c"✓ Summary stats\00" -@.str.41 = private unnamed_addr constant [17 x i8] c"tab-pane profile\00" -@.str.42 = private unnamed_addr constant [18 x i8] c"👤 Your Profile\00" -@.str.43 = private unnamed_addr constant [30 x i8] c"Manage your account settings.\00" -@.str.44 = private unnamed_addr constant [13 x i8] c"profile-info\00" -@.str.45 = private unnamed_addr constant [16 x i8] c"Name: Ritz User\00" -@.str.46 = private unnamed_addr constant [21 x i8] c"Email: user@ritz.dev\00" -@.str.47 = private unnamed_addr constant [19 x i8] c"Member since: 2025\00" -@.str.48 = private unnamed_addr constant [18 x i8] c"tab-pane settings\00" -@.str.49 = private unnamed_addr constant [16 x i8] c"⚙️ Settings\00" -@.str.50 = private unnamed_addr constant [55 x i8] c"Configure your preferences using the categories below:\00" -@.str.51 = private unnamed_addr constant [15 x i8] c"tab-pane error\00" -@.str.52 = private unnamed_addr constant [28 x i8] c"⚠️ Invalid tab selected\00" -@.str.53 = private unnamed_addr constant [15 x i8] c"tabs-container\00" -@.str.54 = private unnamed_addr constant [3 x i8] c"h1\00" -@.str.55 = private unnamed_addr constant [19 x i8] c"Tab Component Demo\00" -@.str.56 = private unnamed_addr constant [9 x i8] c"subtitle\00" -@.str.57 = private unnamed_addr constant [58 x i8] c"Beautiful composition with TabMenu and TabPane components\00" -@.str.58 = private unnamed_addr constant [9 x i8] c"tab-menu\00" -@.str.59 = private unnamed_addr constant [15 x i8] c"_lambda_0_Tabs\00" -@.str.60 = private unnamed_addr constant [10 x i8] c"🏠 Home\00" -@.str.61 = private unnamed_addr constant [15 x i8] c"_lambda_1_Tabs\00" -@.str.62 = private unnamed_addr constant [13 x i8] c"👤 Profile\00" -@.str.63 = private unnamed_addr constant [15 x i8] c"_lambda_2_Tabs\00" -@.str.64 = private unnamed_addr constant [12 x i8] c"tab-content\00" -@.str.65 = private unnamed_addr constant [13 x i8] c"debug-footer\00" -@.str.66 = private unnamed_addr constant [2 x i8] c"0\00" +@.str.32 = private unnamed_addr constant [9 x i8] c"Active: \00" +@.str.33 = private unnamed_addr constant [14 x i8] c"tab-pane home\00" +@.str.34 = private unnamed_addr constant [3 x i8] c"h2\00" +@.str.35 = private unnamed_addr constant [18 x i8] c"🏠 Welcome Home\00" +@.str.36 = private unnamed_addr constant [29 x i8] c"This is your home dashboard.\00" +@.str.37 = private unnamed_addr constant [37 x i8] c"All your important info at a glance.\00" +@.str.38 = private unnamed_addr constant [3 x i8] c"ul\00" +@.str.39 = private unnamed_addr constant [20 x i8] c"✓ Recent activity\00" +@.str.40 = private unnamed_addr constant [18 x i8] c"✓ Quick actions\00" +@.str.41 = private unnamed_addr constant [18 x i8] c"✓ Summary stats\00" +@.str.42 = private unnamed_addr constant [17 x i8] c"tab-pane profile\00" +@.str.43 = private unnamed_addr constant [18 x i8] c"👤 Your Profile\00" +@.str.44 = private unnamed_addr constant [30 x i8] c"Manage your account settings.\00" +@.str.45 = private unnamed_addr constant [13 x i8] c"profile-info\00" +@.str.46 = private unnamed_addr constant [16 x i8] c"Name: Ritz User\00" +@.str.47 = private unnamed_addr constant [21 x i8] c"Email: user@ritz.dev\00" +@.str.48 = private unnamed_addr constant [19 x i8] c"Member since: 2025\00" +@.str.49 = private unnamed_addr constant [18 x i8] c"tab-pane settings\00" +@.str.50 = private unnamed_addr constant [16 x i8] c"⚙️ Settings\00" +@.str.51 = private unnamed_addr constant [55 x i8] c"Configure your preferences using the categories below:\00" +@.str.52 = private unnamed_addr constant [15 x i8] c"tab-pane error\00" +@.str.53 = private unnamed_addr constant [28 x i8] c"⚠️ Invalid tab selected\00" +@.str.54 = private unnamed_addr constant [15 x i8] c"tabs-container\00" +@.str.55 = private unnamed_addr constant [3 x i8] c"h1\00" +@.str.56 = private unnamed_addr constant [19 x i8] c"Tab Component Demo\00" +@.str.57 = private unnamed_addr constant [9 x i8] c"subtitle\00" +@.str.58 = private unnamed_addr constant [58 x i8] c"Beautiful composition with TabMenu and TabPane components\00" +@.str.59 = private unnamed_addr constant [9 x i8] c"tab-menu\00" +@.str.60 = private unnamed_addr constant [15 x i8] c"_lambda_0_Tabs\00" +@.str.61 = private unnamed_addr constant [10 x i8] c"🏠 Home\00" +@.str.62 = private unnamed_addr constant [15 x i8] c"_lambda_1_Tabs\00" +@.str.63 = private unnamed_addr constant [13 x i8] c"👤 Profile\00" +@.str.64 = private unnamed_addr constant [15 x i8] c"_lambda_2_Tabs\00" +@.str.65 = private unnamed_addr constant [12 x i8] c"tab-content\00" +@.str.66 = private unnamed_addr constant [13 x i8] c"debug-footer\00" ; JavaScript bridge function declarations declare i32 @js_create_element(i8*) declare i32 @js_create_text(i8*) +declare i32 @js_create_text_with_int(i8*, i32) 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 void @js_update_text_with_int(i32, i8*, i32) 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) + %var1 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var0 = call i32 @js_create_element(i8* %var1) + %var2 = icmp ne i32 0, 0 + %var3 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var4 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var5 = select i1 %var2, i8* %var3, i8* %var4 + %var6 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var0, i8* %var6, i8* %var5) + %var8 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var7 = call i32 @js_create_element(i8* %var8) + %var9 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var10 = getelementptr inbounds [8 x i8], [8 x i8]* @.str.6, i32 0, i32 0 + call void @js_bind_event(i32 %var7, i8* %var9, i8* %var10) + call void @js_append_child(i32 %var0, i32 %var7) 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 + %var12 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var11 = call i32 @js_create_element(i8* %var12) + %var13 = icmp ne i32 0, 0 + %var14 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var15 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var16 = select i1 %var13, i8* %var14, i8* %var15 + %var17 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var11, i8* %var17, i8* %var16) + %var18 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var19 = getelementptr inbounds [8 x i8], [8 x i8]* @.str.6, i32 0, i32 0 + call void @js_bind_event(i32 %var11, i8* %var18, i8* %var19) + ret i32 %var11 } ; Signal storage for VerticalTabs (reactive state in WASM memory) @@ -161,27 +176,36 @@ define void @set_setting(i32 %value) { entry: store i32 %value, i32* @signal_VerticalTabs_setting_tab call void @reevaluate_conditional_0() - %var7 = load i32, i32* @reactive_attr_0_elem - %var8 = load i32, i32* @signal_VerticalTabs_setting_tab - %var9 = icmp eq i32 %var8, 0 - %var10 = zext i1 %var9 to i32 - %var11 = icmp ne i32 %var10, 0 - %var12 = select i1 %var11, 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 %var7, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var12) - %var13 = load i32, i32* @reactive_attr_1_elem - %var14 = load i32, i32* @signal_VerticalTabs_setting_tab - %var15 = icmp eq i32 %var14, 1 - %var16 = zext i1 %var15 to i32 - %var17 = icmp ne i32 %var16, 0 - %var18 = select i1 %var17, 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 %var13, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var18) - %var19 = load i32, i32* @reactive_attr_2_elem - %var20 = load i32, i32* @signal_VerticalTabs_setting_tab - %var21 = icmp eq i32 %var20, 2 - %var22 = zext i1 %var21 to i32 - %var23 = icmp ne i32 %var22, 0 - %var24 = select i1 %var23, 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 %var19, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var24) + %var20 = load i32, i32* @reactive_attr_0_elem + %var21 = load i32, i32* @signal_VerticalTabs_setting_tab + %var22 = icmp eq i32 %var21, 0 + %var23 = zext i1 %var22 to i32 + %var24 = icmp ne i32 %var23, 0 + %var25 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var26 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var27 = select i1 %var24, i8* %var25, i8* %var26 + %var28 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var20, i8* %var28, i8* %var27) + %var29 = load i32, i32* @reactive_attr_1_elem + %var30 = load i32, i32* @signal_VerticalTabs_setting_tab + %var31 = icmp eq i32 %var30, 1 + %var32 = zext i1 %var31 to i32 + %var33 = icmp ne i32 %var32, 0 + %var34 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var35 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var36 = select i1 %var33, i8* %var34, i8* %var35 + %var37 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var29, i8* %var37, i8* %var36) + %var38 = load i32, i32* @reactive_attr_2_elem + %var39 = load i32, i32* @signal_VerticalTabs_setting_tab + %var40 = icmp eq i32 %var39, 2 + %var41 = zext i1 %var40 to i32 + %var42 = icmp ne i32 %var41, 0 + %var43 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var44 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var45 = select i1 %var42, i8* %var43, i8* %var44 + %var46 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var38, i8* %var46, i8* %var45) ret void } @@ -189,35 +213,35 @@ entry: define void @_init_conditional_0() { entry: ; Render all cases upfront - %var25 = call i32 @_render_cond_0_case_0() - store i32 %var25, i32* @cond_0_case_0_root - %var26 = call i32 @_render_cond_0_case_1() - store i32 %var26, i32* @cond_0_case_1_root - %var27 = call i32 @_render_cond_0_case_2() - store i32 %var27, i32* @cond_0_case_2_root - %var28 = call i32 @_render_cond_0_case_3() - store i32 %var28, i32* @cond_0_case_3_root - %var29 = load i32, i32* @signal_VerticalTabs_setting_tab - %var30 = load i32, i32* @cond_0_marker - switch i32 %var29, label %insert_case_3 [ + %var47 = call i32 @_render_cond_0_case_0() + store i32 %var47, i32* @cond_0_case_0_root + %var48 = call i32 @_render_cond_0_case_1() + store i32 %var48, i32* @cond_0_case_1_root + %var49 = call i32 @_render_cond_0_case_2() + store i32 %var49, i32* @cond_0_case_2_root + %var50 = call i32 @_render_cond_0_case_3() + store i32 %var50, i32* @cond_0_case_3_root + %var51 = load i32, i32* @signal_VerticalTabs_setting_tab + %var52 = load i32, i32* @cond_0_marker + switch i32 %var51, 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 %var30, i32 0, i32 %var25) + call void @js_replace_at_marker(i32 %var52, i32 0, i32 %var47) store i32 0, i32* @cond_0_current ret void insert_case_1: - call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var26) + call void @js_replace_at_marker(i32 %var52, i32 0, i32 %var48) store i32 1, i32* @cond_0_current ret void insert_case_2: - call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var27) + call void @js_replace_at_marker(i32 %var52, i32 0, i32 %var49) store i32 2, i32* @cond_0_current ret void insert_case_3: - call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var28) + call void @js_replace_at_marker(i32 %var52, i32 0, i32 %var50) store i32 3, i32* @cond_0_current ret void } @@ -225,127 +249,127 @@ insert_case_3: ; Re-evaluate conditional 0 (match) define void @reevaluate_conditional_0() { entry: - %var31 = load i32, i32* @signal_VerticalTabs_setting_tab - %var32 = load i32, i32* @cond_0_current - switch i32 %var31, label %case_3 [ + %var53 = load i32, i32* @signal_VerticalTabs_setting_tab + %var54 = load i32, i32* @cond_0_current + switch i32 %var53, label %case_3 [ i32 0, label %case_0 i32 1, label %case_1 i32 2, label %case_2 ] case_0: - %var33 = icmp ne i32 %var32, 0 - br i1 %var33, label %swap_0, label %done + %var55 = icmp ne i32 %var54, 0 + br i1 %var55, label %swap_0, label %done swap_0: - %var34 = load i32, i32* @cond_0_marker - %var35 = load i32, i32* @cond_0_case_0_root - switch i32 %var32, label %load_old_0_3 [ + %var56 = load i32, i32* @cond_0_marker + %var57 = load i32, i32* @cond_0_case_0_root + switch i32 %var54, 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: - %var37 = load i32, i32* @cond_0_case_0_root + %var59 = load i32, i32* @cond_0_case_0_root br label %merge_0 load_old_0_1: - %var38 = load i32, i32* @cond_0_case_1_root + %var60 = load i32, i32* @cond_0_case_1_root br label %merge_0 load_old_0_2: - %var39 = load i32, i32* @cond_0_case_2_root + %var61 = load i32, i32* @cond_0_case_2_root br label %merge_0 load_old_0_3: - %var40 = load i32, i32* @cond_0_case_3_root + %var62 = load i32, i32* @cond_0_case_3_root br label %merge_0 merge_0: - %var36 = phi i32 [ %var37, %load_old_0_0 ], [ %var38, %load_old_0_1 ], [ %var39, %load_old_0_2 ], [ %var40, %load_old_0_3 ] - call void @js_replace_at_marker(i32 %var34, i32 %var36, i32 %var35) + %var58 = phi i32 [ %var59, %load_old_0_0 ], [ %var60, %load_old_0_1 ], [ %var61, %load_old_0_2 ], [ %var62, %load_old_0_3 ] + call void @js_replace_at_marker(i32 %var56, i32 %var58, i32 %var57) store i32 0, i32* @cond_0_current br label %done case_1: - %var41 = icmp ne i32 %var32, 1 - br i1 %var41, label %swap_1, label %done + %var63 = icmp ne i32 %var54, 1 + br i1 %var63, label %swap_1, label %done swap_1: - %var42 = load i32, i32* @cond_0_marker - %var43 = load i32, i32* @cond_0_case_1_root - switch i32 %var32, label %load_old_1_3 [ + %var64 = load i32, i32* @cond_0_marker + %var65 = load i32, i32* @cond_0_case_1_root + switch i32 %var54, 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: - %var45 = load i32, i32* @cond_0_case_0_root + %var67 = load i32, i32* @cond_0_case_0_root br label %merge_1 load_old_1_1: - %var46 = load i32, i32* @cond_0_case_1_root + %var68 = load i32, i32* @cond_0_case_1_root br label %merge_1 load_old_1_2: - %var47 = load i32, i32* @cond_0_case_2_root + %var69 = load i32, i32* @cond_0_case_2_root br label %merge_1 load_old_1_3: - %var48 = load i32, i32* @cond_0_case_3_root + %var70 = load i32, i32* @cond_0_case_3_root br label %merge_1 merge_1: - %var44 = phi i32 [ %var45, %load_old_1_0 ], [ %var46, %load_old_1_1 ], [ %var47, %load_old_1_2 ], [ %var48, %load_old_1_3 ] - call void @js_replace_at_marker(i32 %var42, i32 %var44, i32 %var43) + %var66 = phi i32 [ %var67, %load_old_1_0 ], [ %var68, %load_old_1_1 ], [ %var69, %load_old_1_2 ], [ %var70, %load_old_1_3 ] + call void @js_replace_at_marker(i32 %var64, i32 %var66, i32 %var65) store i32 1, i32* @cond_0_current br label %done case_2: - %var49 = icmp ne i32 %var32, 2 - br i1 %var49, label %swap_2, label %done + %var71 = icmp ne i32 %var54, 2 + br i1 %var71, label %swap_2, label %done swap_2: - %var50 = load i32, i32* @cond_0_marker - %var51 = load i32, i32* @cond_0_case_2_root - switch i32 %var32, label %load_old_2_3 [ + %var72 = load i32, i32* @cond_0_marker + %var73 = load i32, i32* @cond_0_case_2_root + switch i32 %var54, 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: - %var53 = load i32, i32* @cond_0_case_0_root + %var75 = load i32, i32* @cond_0_case_0_root br label %merge_2 load_old_2_1: - %var54 = load i32, i32* @cond_0_case_1_root + %var76 = load i32, i32* @cond_0_case_1_root br label %merge_2 load_old_2_2: - %var55 = load i32, i32* @cond_0_case_2_root + %var77 = load i32, i32* @cond_0_case_2_root br label %merge_2 load_old_2_3: - %var56 = load i32, i32* @cond_0_case_3_root + %var78 = load i32, i32* @cond_0_case_3_root br label %merge_2 merge_2: - %var52 = phi i32 [ %var53, %load_old_2_0 ], [ %var54, %load_old_2_1 ], [ %var55, %load_old_2_2 ], [ %var56, %load_old_2_3 ] - call void @js_replace_at_marker(i32 %var50, i32 %var52, i32 %var51) + %var74 = phi i32 [ %var75, %load_old_2_0 ], [ %var76, %load_old_2_1 ], [ %var77, %load_old_2_2 ], [ %var78, %load_old_2_3 ] + call void @js_replace_at_marker(i32 %var72, i32 %var74, i32 %var73) store i32 2, i32* @cond_0_current br label %done case_3: - %var57 = icmp ne i32 %var32, 3 - br i1 %var57, label %swap_3, label %done + %var79 = icmp ne i32 %var54, 3 + br i1 %var79, label %swap_3, label %done swap_3: - %var58 = load i32, i32* @cond_0_marker - %var59 = load i32, i32* @cond_0_case_3_root - switch i32 %var32, label %load_old_3_3 [ + %var80 = load i32, i32* @cond_0_marker + %var81 = load i32, i32* @cond_0_case_3_root + switch i32 %var54, 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: - %var61 = load i32, i32* @cond_0_case_0_root + %var83 = load i32, i32* @cond_0_case_0_root br label %merge_3 load_old_3_1: - %var62 = load i32, i32* @cond_0_case_1_root + %var84 = load i32, i32* @cond_0_case_1_root br label %merge_3 load_old_3_2: - %var63 = load i32, i32* @cond_0_case_2_root + %var85 = load i32, i32* @cond_0_case_2_root br label %merge_3 load_old_3_3: - %var64 = load i32, i32* @cond_0_case_3_root + %var86 = load i32, i32* @cond_0_case_3_root br label %merge_3 merge_3: - %var60 = phi i32 [ %var61, %load_old_3_0 ], [ %var62, %load_old_3_1 ], [ %var63, %load_old_3_2 ], [ %var64, %load_old_3_3 ] - call void @js_replace_at_marker(i32 %var58, i32 %var60, i32 %var59) + %var82 = phi i32 [ %var83, %load_old_3_0 ], [ %var84, %load_old_3_1 ], [ %var85, %load_old_3_2 ], [ %var86, %load_old_3_3 ] + call void @js_replace_at_marker(i32 %var80, i32 %var82, i32 %var81) store i32 3, i32* @cond_0_current br label %done done: @@ -354,128 +378,181 @@ done: define i32 @_render_cond_0_case_0() { entry: - %var65 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var66 = 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 %var66, 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)) - %var67 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) - %var68 = 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 %var67, i32 %var68) - call void @js_append_child(i32 %var66, 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 ([18 x i8], [18 x i8]* @.str.14, i32 0, i32 0)) - call void @js_append_child(i32 %var69, i32 %var70) - call void @js_append_child(i32 %var66, i32 %var69) - %var71 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var72 = 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 %var71, i32 %var72) - call void @js_append_child(i32 %var66, i32 %var71) - ret i32 %var65 + %var88 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var87 = call i32 @js_create_element(i8* %var88) + %var90 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var89 = call i32 @js_create_element(i8* %var90) + %var91 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var92 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.10, i32 0, i32 0 + call void @js_set_attribute(i32 %var89, i8* %var91, i8* %var92) + %var94 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.11, i32 0, i32 0 + %var93 = call i32 @js_create_element(i8* %var94) + %var95 = 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 %var93, i32 %var95) + call void @js_append_child(i32 %var89, i32 %var93) + %var97 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var96 = call i32 @js_create_element(i8* %var97) + %var98 = 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 %var96, i32 %var98) + call void @js_append_child(i32 %var89, i32 %var96) + %var100 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var99 = call i32 @js_create_element(i8* %var100) + %var101 = 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 %var99, i32 %var101) + call void @js_append_child(i32 %var89, i32 %var99) + ret i32 %var87 } define i32 @_render_cond_0_case_1() { entry: - %var73 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var74 = 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 %var74, 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)) - %var75 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) - %var76 = 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 %var75, i32 %var76) - call void @js_append_child(i32 %var74, i32 %var75) - %var77 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var78 = 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 %var77, i32 %var78) - call void @js_append_child(i32 %var74, i32 %var77) - %var79 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var80 = 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 %var79, i32 %var80) - call void @js_append_child(i32 %var74, i32 %var79) - ret i32 %var73 + %var103 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var102 = call i32 @js_create_element(i8* %var103) + %var105 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var104 = call i32 @js_create_element(i8* %var105) + %var106 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var107 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.10, i32 0, i32 0 + call void @js_set_attribute(i32 %var104, i8* %var106, i8* %var107) + %var109 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.11, i32 0, i32 0 + %var108 = call i32 @js_create_element(i8* %var109) + %var110 = 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 %var108, i32 %var110) + call void @js_append_child(i32 %var104, i32 %var108) + %var112 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var111 = call i32 @js_create_element(i8* %var112) + %var113 = 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 %var111, i32 %var113) + call void @js_append_child(i32 %var104, i32 %var111) + %var115 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var114 = call i32 @js_create_element(i8* %var115) + %var116 = 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 %var114, i32 %var116) + call void @js_append_child(i32 %var104, i32 %var114) + ret i32 %var102 } define i32 @_render_cond_0_case_2() { entry: - %var81 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var82 = 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 %var82, 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)) - %var83 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) - %var84 = 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 %var83, i32 %var84) - call void @js_append_child(i32 %var82, i32 %var83) - %var85 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var86 = 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 %var85, i32 %var86) - call void @js_append_child(i32 %var82, i32 %var85) - %var87 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var88 = 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 %var87, i32 %var88) - call void @js_append_child(i32 %var82, i32 %var87) - ret i32 %var81 + %var118 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var117 = call i32 @js_create_element(i8* %var118) + %var120 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var119 = call i32 @js_create_element(i8* %var120) + %var121 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var122 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.10, i32 0, i32 0 + call void @js_set_attribute(i32 %var119, i8* %var121, i8* %var122) + %var124 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.11, i32 0, i32 0 + %var123 = call i32 @js_create_element(i8* %var124) + %var125 = 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 %var123, i32 %var125) + call void @js_append_child(i32 %var119, i32 %var123) + %var127 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var126 = call i32 @js_create_element(i8* %var127) + %var128 = 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 %var126, i32 %var128) + call void @js_append_child(i32 %var119, i32 %var126) + %var130 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var129 = call i32 @js_create_element(i8* %var130) + %var131 = 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 %var129, i32 %var131) + call void @js_append_child(i32 %var119, i32 %var129) + ret i32 %var117 } define i32 @_render_cond_0_case_3() { entry: - %var89 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var90 = 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 %var90, 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)) - %var91 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var92 = 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 %var91, i32 %var92) - call void @js_append_child(i32 %var90, i32 %var91) - ret i32 %var89 + %var133 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var132 = call i32 @js_create_element(i8* %var133) + %var135 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var134 = call i32 @js_create_element(i8* %var135) + %var136 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var137 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.10, i32 0, i32 0 + call void @js_set_attribute(i32 %var134, i8* %var136, i8* %var137) + %var139 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var138 = call i32 @js_create_element(i8* %var139) + %var140 = 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 %var138, i32 %var140) + call void @js_append_child(i32 %var134, i32 %var138) + ret i32 %var132 } ; Component render function define i32 @render_VerticalTabs() { entry: - %var93 = 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 %var93, 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)) - %var94 = 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 %var94, 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)) - %var95 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) - %var96 = load i32, i32* @signal_VerticalTabs_setting_tab - %var97 = icmp eq i32 %var96, 0 - %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.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 %var95, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var100) - call void @js_bind_event(i32 %var95, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.25, i32 0, i32 0)) - store i32 %var95, i32* @reactive_attr_0_elem - %var101 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.26, i32 0, i32 0)) - call void @js_append_child(i32 %var95, i32 %var101) - call void @js_append_child(i32 %var94, i32 %var95) - %var102 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) - %var103 = load i32, i32* @signal_VerticalTabs_setting_tab - %var104 = icmp eq i32 %var103, 1 - %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.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 %var102, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var107) - call void @js_bind_event(i32 %var102, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.27, i32 0, i32 0)) - store i32 %var102, i32* @reactive_attr_1_elem - %var108 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.28, i32 0, i32 0)) - call void @js_append_child(i32 %var102, i32 %var108) - call void @js_append_child(i32 %var94, i32 %var102) - %var109 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) - %var110 = load i32, i32* @signal_VerticalTabs_setting_tab - %var111 = icmp eq i32 %var110, 2 - %var112 = zext i1 %var111 to i32 - %var113 = icmp ne i32 %var112, 0 - %var114 = select i1 %var113, 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 %var109, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var114) - call void @js_bind_event(i32 %var109, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.29, i32 0, i32 0)) - store i32 %var109, i32* @reactive_attr_2_elem - %var115 = call i32 @js_create_text(i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.30, i32 0, i32 0)) - call void @js_append_child(i32 %var109, i32 %var115) - call void @js_append_child(i32 %var94, i32 %var109) - call void @js_append_child(i32 %var93, i32 %var94) - %var116 = 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 %var116, 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.31, i32 0, i32 0)) - %var117 = call i32 @js_create_marker() - call void @js_append_child(i32 %var116, i32 %var117) - store i32 %var117, i32* @cond_0_marker + %var142 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var141 = call i32 @js_create_element(i8* %var142) + %var143 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var144 = getelementptr inbounds [14 x i8], [14 x i8]* @.str.23, i32 0, i32 0 + call void @js_set_attribute(i32 %var141, i8* %var143, i8* %var144) + %var146 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var145 = call i32 @js_create_element(i8* %var146) + %var147 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var148 = getelementptr inbounds [18 x i8], [18 x i8]* @.str.24, i32 0, i32 0 + call void @js_set_attribute(i32 %var145, i8* %var147, i8* %var148) + %var150 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var149 = call i32 @js_create_element(i8* %var150) + %var151 = load i32, i32* @signal_VerticalTabs_setting_tab + %var152 = icmp eq i32 %var151, 0 + %var153 = zext i1 %var152 to i32 + %var154 = icmp ne i32 %var153, 0 + %var155 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var156 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var157 = select i1 %var154, i8* %var155, i8* %var156 + %var158 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var149, i8* %var158, i8* %var157) + %var159 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var160 = getelementptr inbounds [23 x i8], [23 x i8]* @.str.25, i32 0, i32 0 + call void @js_bind_event(i32 %var149, i8* %var159, i8* %var160) + store i32 %var149, i32* @reactive_attr_0_elem + %var161 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.26, i32 0, i32 0)) + call void @js_append_child(i32 %var149, i32 %var161) + call void @js_append_child(i32 %var145, i32 %var149) + %var163 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var162 = call i32 @js_create_element(i8* %var163) + %var164 = load i32, i32* @signal_VerticalTabs_setting_tab + %var165 = icmp eq i32 %var164, 1 + %var166 = zext i1 %var165 to i32 + %var167 = icmp ne i32 %var166, 0 + %var168 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var169 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var170 = select i1 %var167, i8* %var168, i8* %var169 + %var171 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var162, i8* %var171, i8* %var170) + %var172 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var173 = getelementptr inbounds [23 x i8], [23 x i8]* @.str.27, i32 0, i32 0 + call void @js_bind_event(i32 %var162, i8* %var172, i8* %var173) + store i32 %var162, i32* @reactive_attr_1_elem + %var174 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.28, i32 0, i32 0)) + call void @js_append_child(i32 %var162, i32 %var174) + call void @js_append_child(i32 %var145, i32 %var162) + %var176 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var175 = call i32 @js_create_element(i8* %var176) + %var177 = load i32, i32* @signal_VerticalTabs_setting_tab + %var178 = icmp eq i32 %var177, 2 + %var179 = zext i1 %var178 to i32 + %var180 = icmp ne i32 %var179, 0 + %var181 = getelementptr inbounds [20 x i8], [20 x i8]* @.str.7, i32 0, i32 0 + %var182 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.8, i32 0, i32 0 + %var183 = select i1 %var180, i8* %var181, i8* %var182 + %var184 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var175, i8* %var184, i8* %var183) + %var185 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var186 = getelementptr inbounds [23 x i8], [23 x i8]* @.str.29, i32 0, i32 0 + call void @js_bind_event(i32 %var175, i8* %var185, i8* %var186) + store i32 %var175, i32* @reactive_attr_2_elem + %var187 = call i32 @js_create_text(i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.30, i32 0, i32 0)) + call void @js_append_child(i32 %var175, i32 %var187) + call void @js_append_child(i32 %var145, i32 %var175) + call void @js_append_child(i32 %var141, i32 %var145) + %var189 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var188 = call i32 @js_create_element(i8* %var189) + %var190 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var191 = getelementptr inbounds [21 x i8], [21 x i8]* @.str.31, i32 0, i32 0 + call void @js_set_attribute(i32 %var188, i8* %var190, i8* %var191) + %var192 = call i32 @js_create_marker() + call void @js_append_child(i32 %var188, i32 %var192) + store i32 %var192, i32* @cond_0_marker call void @_init_conditional_0() - call void @js_append_child(i32 %var93, i32 %var116) - ret i32 %var93 + call void @js_append_child(i32 %var141, i32 %var188) + ret i32 %var141 } ; Signal storage for Tabs (reactive state in WASM memory) @@ -494,6 +571,9 @@ entry: @reactive_attr_4_elem = global i32 0 @reactive_attr_5_elem = global i32 0 +; Reactive text node storage +@reactive_text_0_node = global i32 0 + ; Signal helper functions define i32 @get_tab_index() { entry: @@ -534,27 +614,40 @@ define void @set_tab(i32 %value) { entry: store i32 %value, i32* @signal_Tabs_tab_index call void @reevaluate_conditional_1() - %var118 = load i32, i32* @reactive_attr_3_elem - %var119 = load i32, i32* @signal_Tabs_tab_index - %var120 = icmp eq i32 %var119, 0 - %var121 = zext i1 %var120 to i32 - %var122 = icmp ne i32 %var121, 0 - %var123 = select i1 %var122, 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 %var118, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var123) - %var124 = load i32, i32* @reactive_attr_4_elem - %var125 = load i32, i32* @signal_Tabs_tab_index - %var126 = icmp eq i32 %var125, 1 - %var127 = zext i1 %var126 to i32 - %var128 = icmp ne i32 %var127, 0 - %var129 = select i1 %var128, 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 %var124, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var129) - %var130 = load i32, i32* @reactive_attr_5_elem - %var131 = load i32, i32* @signal_Tabs_tab_index - %var132 = icmp eq i32 %var131, 2 - %var133 = zext i1 %var132 to i32 - %var134 = icmp ne i32 %var133, 0 - %var135 = select i1 %var134, 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 %var130, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var135) + %var193 = load i32, i32* @reactive_attr_3_elem + %var194 = load i32, i32* @signal_Tabs_tab_index + %var195 = icmp eq i32 %var194, 0 + %var196 = zext i1 %var195 to i32 + %var197 = icmp ne i32 %var196, 0 + %var198 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var199 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var200 = select i1 %var197, i8* %var198, i8* %var199 + %var201 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var193, i8* %var201, i8* %var200) + %var202 = load i32, i32* @reactive_attr_4_elem + %var203 = load i32, i32* @signal_Tabs_tab_index + %var204 = icmp eq i32 %var203, 1 + %var205 = zext i1 %var204 to i32 + %var206 = icmp ne i32 %var205, 0 + %var207 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var208 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var209 = select i1 %var206, i8* %var207, i8* %var208 + %var210 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var202, i8* %var210, i8* %var209) + %var211 = load i32, i32* @reactive_attr_5_elem + %var212 = load i32, i32* @signal_Tabs_tab_index + %var213 = icmp eq i32 %var212, 2 + %var214 = zext i1 %var213 to i32 + %var215 = icmp ne i32 %var214, 0 + %var216 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var217 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var218 = select i1 %var215, i8* %var216, i8* %var217 + %var219 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var211, i8* %var219, i8* %var218) + %var220 = load i32, i32* @reactive_text_0_node + %var221 = getelementptr inbounds [9 x i8], [9 x i8]* @.str.32, i32 0, i32 0 + %var222 = load i32, i32* @signal_Tabs_tab_index + call void @js_update_text_with_int(i32 %var220, i8* %var221, i32 %var222) ret void } @@ -562,35 +655,35 @@ entry: define void @_init_conditional_1() { entry: ; Render all cases upfront - %var136 = call i32 @_render_cond_1_case_0() - store i32 %var136, i32* @cond_1_case_0_root - %var137 = call i32 @_render_cond_1_case_1() - store i32 %var137, i32* @cond_1_case_1_root - %var138 = call i32 @_render_cond_1_case_2() - store i32 %var138, i32* @cond_1_case_2_root - %var139 = call i32 @_render_cond_1_case_3() - store i32 %var139, i32* @cond_1_case_3_root - %var140 = load i32, i32* @signal_Tabs_tab_index - %var141 = load i32, i32* @cond_1_marker - switch i32 %var140, label %insert_case_3 [ + %var223 = call i32 @_render_cond_1_case_0() + store i32 %var223, i32* @cond_1_case_0_root + %var224 = call i32 @_render_cond_1_case_1() + store i32 %var224, i32* @cond_1_case_1_root + %var225 = call i32 @_render_cond_1_case_2() + store i32 %var225, i32* @cond_1_case_2_root + %var226 = call i32 @_render_cond_1_case_3() + store i32 %var226, i32* @cond_1_case_3_root + %var227 = load i32, i32* @signal_Tabs_tab_index + %var228 = load i32, i32* @cond_1_marker + switch i32 %var227, 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 %var141, i32 0, i32 %var136) + call void @js_replace_at_marker(i32 %var228, i32 0, i32 %var223) store i32 0, i32* @cond_1_current ret void insert_case_1: - call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var137) + call void @js_replace_at_marker(i32 %var228, i32 0, i32 %var224) store i32 1, i32* @cond_1_current ret void insert_case_2: - call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var138) + call void @js_replace_at_marker(i32 %var228, i32 0, i32 %var225) store i32 2, i32* @cond_1_current ret void insert_case_3: - call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var139) + call void @js_replace_at_marker(i32 %var228, i32 0, i32 %var226) store i32 3, i32* @cond_1_current ret void } @@ -598,127 +691,127 @@ insert_case_3: ; Re-evaluate conditional 1 (match) define void @reevaluate_conditional_1() { entry: - %var142 = load i32, i32* @signal_Tabs_tab_index - %var143 = load i32, i32* @cond_1_current - switch i32 %var142, label %case_3 [ + %var229 = load i32, i32* @signal_Tabs_tab_index + %var230 = load i32, i32* @cond_1_current + switch i32 %var229, label %case_3 [ i32 0, label %case_0 i32 1, label %case_1 i32 2, label %case_2 ] case_0: - %var144 = icmp ne i32 %var143, 0 - br i1 %var144, label %swap_0, label %done + %var231 = icmp ne i32 %var230, 0 + br i1 %var231, label %swap_0, label %done swap_0: - %var145 = load i32, i32* @cond_1_marker - %var146 = load i32, i32* @cond_1_case_0_root - switch i32 %var143, label %load_old_0_3 [ + %var232 = load i32, i32* @cond_1_marker + %var233 = load i32, i32* @cond_1_case_0_root + switch i32 %var230, 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: - %var148 = load i32, i32* @cond_1_case_0_root + %var235 = load i32, i32* @cond_1_case_0_root br label %merge_0 load_old_0_1: - %var149 = load i32, i32* @cond_1_case_1_root + %var236 = load i32, i32* @cond_1_case_1_root br label %merge_0 load_old_0_2: - %var150 = load i32, i32* @cond_1_case_2_root + %var237 = load i32, i32* @cond_1_case_2_root br label %merge_0 load_old_0_3: - %var151 = load i32, i32* @cond_1_case_3_root + %var238 = load i32, i32* @cond_1_case_3_root br label %merge_0 merge_0: - %var147 = phi i32 [ %var148, %load_old_0_0 ], [ %var149, %load_old_0_1 ], [ %var150, %load_old_0_2 ], [ %var151, %load_old_0_3 ] - call void @js_replace_at_marker(i32 %var145, i32 %var147, i32 %var146) + %var234 = phi i32 [ %var235, %load_old_0_0 ], [ %var236, %load_old_0_1 ], [ %var237, %load_old_0_2 ], [ %var238, %load_old_0_3 ] + call void @js_replace_at_marker(i32 %var232, i32 %var234, i32 %var233) store i32 0, i32* @cond_1_current br label %done case_1: - %var152 = icmp ne i32 %var143, 1 - br i1 %var152, label %swap_1, label %done + %var239 = icmp ne i32 %var230, 1 + br i1 %var239, label %swap_1, label %done swap_1: - %var153 = load i32, i32* @cond_1_marker - %var154 = load i32, i32* @cond_1_case_1_root - switch i32 %var143, label %load_old_1_3 [ + %var240 = load i32, i32* @cond_1_marker + %var241 = load i32, i32* @cond_1_case_1_root + switch i32 %var230, 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: - %var156 = load i32, i32* @cond_1_case_0_root + %var243 = load i32, i32* @cond_1_case_0_root br label %merge_1 load_old_1_1: - %var157 = load i32, i32* @cond_1_case_1_root + %var244 = load i32, i32* @cond_1_case_1_root br label %merge_1 load_old_1_2: - %var158 = load i32, i32* @cond_1_case_2_root + %var245 = load i32, i32* @cond_1_case_2_root br label %merge_1 load_old_1_3: - %var159 = load i32, i32* @cond_1_case_3_root + %var246 = load i32, i32* @cond_1_case_3_root br label %merge_1 merge_1: - %var155 = phi i32 [ %var156, %load_old_1_0 ], [ %var157, %load_old_1_1 ], [ %var158, %load_old_1_2 ], [ %var159, %load_old_1_3 ] - call void @js_replace_at_marker(i32 %var153, i32 %var155, i32 %var154) + %var242 = phi i32 [ %var243, %load_old_1_0 ], [ %var244, %load_old_1_1 ], [ %var245, %load_old_1_2 ], [ %var246, %load_old_1_3 ] + call void @js_replace_at_marker(i32 %var240, i32 %var242, i32 %var241) store i32 1, i32* @cond_1_current br label %done case_2: - %var160 = icmp ne i32 %var143, 2 - br i1 %var160, label %swap_2, label %done + %var247 = icmp ne i32 %var230, 2 + br i1 %var247, label %swap_2, label %done swap_2: - %var161 = load i32, i32* @cond_1_marker - %var162 = load i32, i32* @cond_1_case_2_root - switch i32 %var143, label %load_old_2_3 [ + %var248 = load i32, i32* @cond_1_marker + %var249 = load i32, i32* @cond_1_case_2_root + switch i32 %var230, 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: - %var164 = load i32, i32* @cond_1_case_0_root + %var251 = load i32, i32* @cond_1_case_0_root br label %merge_2 load_old_2_1: - %var165 = load i32, i32* @cond_1_case_1_root + %var252 = load i32, i32* @cond_1_case_1_root br label %merge_2 load_old_2_2: - %var166 = load i32, i32* @cond_1_case_2_root + %var253 = load i32, i32* @cond_1_case_2_root br label %merge_2 load_old_2_3: - %var167 = load i32, i32* @cond_1_case_3_root + %var254 = load i32, i32* @cond_1_case_3_root br label %merge_2 merge_2: - %var163 = phi i32 [ %var164, %load_old_2_0 ], [ %var165, %load_old_2_1 ], [ %var166, %load_old_2_2 ], [ %var167, %load_old_2_3 ] - call void @js_replace_at_marker(i32 %var161, i32 %var163, i32 %var162) + %var250 = phi i32 [ %var251, %load_old_2_0 ], [ %var252, %load_old_2_1 ], [ %var253, %load_old_2_2 ], [ %var254, %load_old_2_3 ] + call void @js_replace_at_marker(i32 %var248, i32 %var250, i32 %var249) store i32 2, i32* @cond_1_current br label %done case_3: - %var168 = icmp ne i32 %var143, 3 - br i1 %var168, label %swap_3, label %done + %var255 = icmp ne i32 %var230, 3 + br i1 %var255, label %swap_3, label %done swap_3: - %var169 = load i32, i32* @cond_1_marker - %var170 = load i32, i32* @cond_1_case_3_root - switch i32 %var143, label %load_old_3_3 [ + %var256 = load i32, i32* @cond_1_marker + %var257 = load i32, i32* @cond_1_case_3_root + switch i32 %var230, 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: - %var172 = load i32, i32* @cond_1_case_0_root + %var259 = load i32, i32* @cond_1_case_0_root br label %merge_3 load_old_3_1: - %var173 = load i32, i32* @cond_1_case_1_root + %var260 = load i32, i32* @cond_1_case_1_root br label %merge_3 load_old_3_2: - %var174 = load i32, i32* @cond_1_case_2_root + %var261 = load i32, i32* @cond_1_case_2_root br label %merge_3 load_old_3_3: - %var175 = load i32, i32* @cond_1_case_3_root + %var262 = load i32, i32* @cond_1_case_3_root br label %merge_3 merge_3: - %var171 = phi i32 [ %var172, %load_old_3_0 ], [ %var173, %load_old_3_1 ], [ %var174, %load_old_3_2 ], [ %var175, %load_old_3_3 ] - call void @js_replace_at_marker(i32 %var169, i32 %var171, i32 %var170) + %var258 = phi i32 [ %var259, %load_old_3_0 ], [ %var260, %load_old_3_1 ], [ %var261, %load_old_3_2 ], [ %var262, %load_old_3_3 ] + call void @js_replace_at_marker(i32 %var256, i32 %var258, i32 %var257) store i32 3, i32* @cond_1_current br label %done done: @@ -727,174 +820,248 @@ done: define i32 @_render_cond_1_case_0() { entry: - %var176 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var177 = 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 %var177, 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.32, i32 0, i32 0)) - %var178 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.33, i32 0, i32 0)) - %var179 = 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 %var178, i32 %var179) - call void @js_append_child(i32 %var177, i32 %var178) - %var180 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var181 = call i32 @js_create_text(i8* getelementptr inbounds ([29 x i8], [29 x i8]* @.str.35, i32 0, i32 0)) - call void @js_append_child(i32 %var180, i32 %var181) - call void @js_append_child(i32 %var177, i32 %var180) - %var182 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var183 = call i32 @js_create_text(i8* getelementptr inbounds ([37 x i8], [37 x i8]* @.str.36, i32 0, i32 0)) - call void @js_append_child(i32 %var182, i32 %var183) - call void @js_append_child(i32 %var177, i32 %var182) - %var184 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.37, i32 0, i32 0)) - %var185 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var186 = call i32 @js_create_text(i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.38, i32 0, i32 0)) - call void @js_append_child(i32 %var185, i32 %var186) - call void @js_append_child(i32 %var184, i32 %var185) - %var187 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var188 = 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 %var187, i32 %var188) - call void @js_append_child(i32 %var184, i32 %var187) - %var189 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var190 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.40, i32 0, i32 0)) - call void @js_append_child(i32 %var189, i32 %var190) - call void @js_append_child(i32 %var184, i32 %var189) - call void @js_append_child(i32 %var177, i32 %var184) - ret i32 %var176 + %var264 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var263 = call i32 @js_create_element(i8* %var264) + %var266 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var265 = call i32 @js_create_element(i8* %var266) + %var267 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var268 = getelementptr inbounds [14 x i8], [14 x i8]* @.str.33, i32 0, i32 0 + call void @js_set_attribute(i32 %var265, i8* %var267, i8* %var268) + %var270 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.34, i32 0, i32 0 + %var269 = call i32 @js_create_element(i8* %var270) + %var271 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.35, i32 0, i32 0)) + call void @js_append_child(i32 %var269, i32 %var271) + call void @js_append_child(i32 %var265, i32 %var269) + %var273 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var272 = call i32 @js_create_element(i8* %var273) + %var274 = call i32 @js_create_text(i8* getelementptr inbounds ([29 x i8], [29 x i8]* @.str.36, i32 0, i32 0)) + call void @js_append_child(i32 %var272, i32 %var274) + call void @js_append_child(i32 %var265, i32 %var272) + %var276 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var275 = call i32 @js_create_element(i8* %var276) + %var277 = call i32 @js_create_text(i8* getelementptr inbounds ([37 x i8], [37 x i8]* @.str.37, i32 0, i32 0)) + call void @js_append_child(i32 %var275, i32 %var277) + call void @js_append_child(i32 %var265, i32 %var275) + %var279 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.38, i32 0, i32 0 + %var278 = call i32 @js_create_element(i8* %var279) + %var281 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var280 = call i32 @js_create_element(i8* %var281) + %var282 = call i32 @js_create_text(i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.39, i32 0, i32 0)) + call void @js_append_child(i32 %var280, i32 %var282) + call void @js_append_child(i32 %var278, i32 %var280) + %var284 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var283 = call i32 @js_create_element(i8* %var284) + %var285 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.40, i32 0, i32 0)) + call void @js_append_child(i32 %var283, i32 %var285) + call void @js_append_child(i32 %var278, i32 %var283) + %var287 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var286 = call i32 @js_create_element(i8* %var287) + %var288 = 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 %var286, i32 %var288) + call void @js_append_child(i32 %var278, i32 %var286) + call void @js_append_child(i32 %var265, i32 %var278) + ret i32 %var263 } define i32 @_render_cond_1_case_1() { entry: - %var191 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var192 = 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 %var192, 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.41, i32 0, i32 0)) - %var193 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.33, i32 0, i32 0)) - %var194 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.42, i32 0, i32 0)) - call void @js_append_child(i32 %var193, i32 %var194) - call void @js_append_child(i32 %var192, i32 %var193) - %var195 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var196 = call i32 @js_create_text(i8* getelementptr inbounds ([30 x i8], [30 x i8]* @.str.43, i32 0, i32 0)) - call void @js_append_child(i32 %var195, i32 %var196) - call void @js_append_child(i32 %var192, i32 %var195) - %var197 = 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 %var197, 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.44, i32 0, i32 0)) - %var198 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var199 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.45, i32 0, i32 0)) - call void @js_append_child(i32 %var198, i32 %var199) - call void @js_append_child(i32 %var197, i32 %var198) - %var200 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var201 = call i32 @js_create_text(i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.46, i32 0, i32 0)) - call void @js_append_child(i32 %var200, i32 %var201) - call void @js_append_child(i32 %var197, i32 %var200) - %var202 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var203 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.47, i32 0, i32 0)) - call void @js_append_child(i32 %var202, i32 %var203) - call void @js_append_child(i32 %var197, i32 %var202) - call void @js_append_child(i32 %var192, i32 %var197) - ret i32 %var191 + %var290 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var289 = call i32 @js_create_element(i8* %var290) + %var292 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var291 = call i32 @js_create_element(i8* %var292) + %var293 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var294 = getelementptr inbounds [17 x i8], [17 x i8]* @.str.42, i32 0, i32 0 + call void @js_set_attribute(i32 %var291, i8* %var293, i8* %var294) + %var296 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.34, i32 0, i32 0 + %var295 = call i32 @js_create_element(i8* %var296) + %var297 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.43, i32 0, i32 0)) + call void @js_append_child(i32 %var295, i32 %var297) + call void @js_append_child(i32 %var291, i32 %var295) + %var299 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var298 = call i32 @js_create_element(i8* %var299) + %var300 = call i32 @js_create_text(i8* getelementptr inbounds ([30 x i8], [30 x i8]* @.str.44, i32 0, i32 0)) + call void @js_append_child(i32 %var298, i32 %var300) + call void @js_append_child(i32 %var291, i32 %var298) + %var302 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var301 = call i32 @js_create_element(i8* %var302) + %var303 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var304 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.45, i32 0, i32 0 + call void @js_set_attribute(i32 %var301, i8* %var303, i8* %var304) + %var306 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var305 = call i32 @js_create_element(i8* %var306) + %var307 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.46, i32 0, i32 0)) + call void @js_append_child(i32 %var305, i32 %var307) + call void @js_append_child(i32 %var301, i32 %var305) + %var309 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var308 = call i32 @js_create_element(i8* %var309) + %var310 = call i32 @js_create_text(i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.47, i32 0, i32 0)) + call void @js_append_child(i32 %var308, i32 %var310) + call void @js_append_child(i32 %var301, i32 %var308) + %var312 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var311 = call i32 @js_create_element(i8* %var312) + %var313 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.48, i32 0, i32 0)) + call void @js_append_child(i32 %var311, i32 %var313) + call void @js_append_child(i32 %var301, i32 %var311) + call void @js_append_child(i32 %var291, i32 %var301) + ret i32 %var289 } define i32 @_render_cond_1_case_2() { entry: - %var204 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var205 = 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 %var205, 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.48, i32 0, i32 0)) - %var206 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.33, i32 0, i32 0)) - %var207 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.49, i32 0, i32 0)) - call void @js_append_child(i32 %var206, i32 %var207) - call void @js_append_child(i32 %var205, i32 %var206) - %var208 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var209 = call i32 @js_create_text(i8* getelementptr inbounds ([55 x i8], [55 x i8]* @.str.50, i32 0, i32 0)) - call void @js_append_child(i32 %var208, i32 %var209) - call void @js_append_child(i32 %var205, i32 %var208) - %var210 = call i32 @render_VerticalTabs() - call void @js_append_child(i32 %var205, i32 %var210) - ret i32 %var204 + %var315 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var314 = call i32 @js_create_element(i8* %var315) + %var317 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var316 = call i32 @js_create_element(i8* %var317) + %var318 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var319 = getelementptr inbounds [18 x i8], [18 x i8]* @.str.49, i32 0, i32 0 + call void @js_set_attribute(i32 %var316, i8* %var318, i8* %var319) + %var321 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.34, i32 0, i32 0 + %var320 = call i32 @js_create_element(i8* %var321) + %var322 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.50, i32 0, i32 0)) + call void @js_append_child(i32 %var320, i32 %var322) + call void @js_append_child(i32 %var316, i32 %var320) + %var324 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var323 = call i32 @js_create_element(i8* %var324) + %var325 = call i32 @js_create_text(i8* getelementptr inbounds ([55 x i8], [55 x i8]* @.str.51, i32 0, i32 0)) + call void @js_append_child(i32 %var323, i32 %var325) + call void @js_append_child(i32 %var316, i32 %var323) + %var326 = call i32 @render_VerticalTabs() + call void @js_append_child(i32 %var316, i32 %var326) + ret i32 %var314 } define i32 @_render_cond_1_case_3() { entry: - %var211 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var212 = 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 %var212, 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.51, i32 0, i32 0)) - %var213 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var214 = call i32 @js_create_text(i8* getelementptr inbounds ([28 x i8], [28 x i8]* @.str.52, i32 0, i32 0)) - call void @js_append_child(i32 %var213, i32 %var214) - call void @js_append_child(i32 %var212, i32 %var213) - ret i32 %var211 + %var328 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var327 = call i32 @js_create_element(i8* %var328) + %var330 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var329 = call i32 @js_create_element(i8* %var330) + %var331 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var332 = getelementptr inbounds [15 x i8], [15 x i8]* @.str.52, i32 0, i32 0 + call void @js_set_attribute(i32 %var329, i8* %var331, i8* %var332) + %var334 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var333 = call i32 @js_create_element(i8* %var334) + %var335 = call i32 @js_create_text(i8* getelementptr inbounds ([28 x i8], [28 x i8]* @.str.53, i32 0, i32 0)) + call void @js_append_child(i32 %var333, i32 %var335) + call void @js_append_child(i32 %var329, i32 %var333) + ret i32 %var327 } ; Component render function define i32 @render_Tabs(i32 %orientation) { entry: - %var215 = 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 %var215, 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.53, i32 0, i32 0)) - %var216 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.54, i32 0, i32 0)) - %var217 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.55, i32 0, i32 0)) - call void @js_append_child(i32 %var216, i32 %var217) - call void @js_append_child(i32 %var215, i32 %var216) - %var218 = 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 %var218, 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.56, i32 0, i32 0)) - %var219 = call i32 @js_create_text(i8* getelementptr inbounds ([58 x i8], [58 x i8]* @.str.57, i32 0, i32 0)) - call void @js_append_child(i32 %var218, i32 %var219) - call void @js_append_child(i32 %var215, i32 %var218) - %var220 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.37, i32 0, i32 0)) - call void @js_set_attribute(i32 %var220, 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.58, i32 0, i32 0)) - %var221 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var222 = load i32, i32* @signal_Tabs_tab_index - %var223 = icmp eq i32 %var222, 0 - %var224 = zext i1 %var223 to i32 - %var225 = icmp ne i32 %var224, 0 - %var226 = select i1 %var225, 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 %var221, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var226) - store i32 %var221, i32* @reactive_attr_3_elem - %var227 = 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 %var227, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.59, i32 0, i32 0)) - %var228 = call i32 @js_create_text(i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.60, i32 0, i32 0)) - call void @js_append_child(i32 %var227, i32 %var228) - call void @js_append_child(i32 %var221, i32 %var227) - call void @js_append_child(i32 %var220, i32 %var221) - %var229 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var230 = load i32, i32* @signal_Tabs_tab_index - %var231 = icmp eq i32 %var230, 1 - %var232 = zext i1 %var231 to i32 - %var233 = icmp ne i32 %var232, 0 - %var234 = select i1 %var233, 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 %var229, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var234) - store i32 %var229, i32* @reactive_attr_4_elem - %var235 = 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 %var235, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.61, i32 0, i32 0)) - %var236 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.62, i32 0, i32 0)) - call void @js_append_child(i32 %var235, i32 %var236) - call void @js_append_child(i32 %var229, i32 %var235) - call void @js_append_child(i32 %var220, i32 %var229) - %var237 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var238 = load i32, i32* @signal_Tabs_tab_index - %var239 = icmp eq i32 %var238, 2 - %var240 = zext i1 %var239 to i32 - %var241 = icmp ne i32 %var240, 0 - %var242 = select i1 %var241, 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 %var237, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var242) - store i32 %var237, i32* @reactive_attr_5_elem - %var243 = 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 %var243, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.63, i32 0, i32 0)) - %var244 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.49, i32 0, i32 0)) - call void @js_append_child(i32 %var243, i32 %var244) - call void @js_append_child(i32 %var237, i32 %var243) - call void @js_append_child(i32 %var220, i32 %var237) - call void @js_append_child(i32 %var215, i32 %var220) - %var245 = 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 %var245, 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.64, i32 0, i32 0)) - %var246 = call i32 @js_create_marker() - call void @js_append_child(i32 %var245, i32 %var246) - store i32 %var246, i32* @cond_1_marker + %var337 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var336 = call i32 @js_create_element(i8* %var337) + %var338 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var339 = getelementptr inbounds [15 x i8], [15 x i8]* @.str.54, i32 0, i32 0 + call void @js_set_attribute(i32 %var336, i8* %var338, i8* %var339) + %var341 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.55, i32 0, i32 0 + %var340 = call i32 @js_create_element(i8* %var341) + %var342 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.56, i32 0, i32 0)) + call void @js_append_child(i32 %var340, i32 %var342) + call void @js_append_child(i32 %var336, i32 %var340) + %var344 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var343 = call i32 @js_create_element(i8* %var344) + %var345 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var346 = getelementptr inbounds [9 x i8], [9 x i8]* @.str.57, i32 0, i32 0 + call void @js_set_attribute(i32 %var343, i8* %var345, i8* %var346) + %var347 = call i32 @js_create_text(i8* getelementptr inbounds ([58 x i8], [58 x i8]* @.str.58, i32 0, i32 0)) + call void @js_append_child(i32 %var343, i32 %var347) + call void @js_append_child(i32 %var336, i32 %var343) + %var349 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.38, i32 0, i32 0 + %var348 = call i32 @js_create_element(i8* %var349) + %var350 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var351 = getelementptr inbounds [9 x i8], [9 x i8]* @.str.59, i32 0, i32 0 + call void @js_set_attribute(i32 %var348, i8* %var350, i8* %var351) + %var353 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var352 = call i32 @js_create_element(i8* %var353) + %var354 = load i32, i32* @signal_Tabs_tab_index + %var355 = icmp eq i32 %var354, 0 + %var356 = zext i1 %var355 to i32 + %var357 = icmp ne i32 %var356, 0 + %var358 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var359 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var360 = select i1 %var357, i8* %var358, i8* %var359 + %var361 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var352, i8* %var361, i8* %var360) + store i32 %var352, i32* @reactive_attr_3_elem + %var363 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var362 = call i32 @js_create_element(i8* %var363) + %var364 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var365 = getelementptr inbounds [15 x i8], [15 x i8]* @.str.60, i32 0, i32 0 + call void @js_bind_event(i32 %var362, i8* %var364, i8* %var365) + %var366 = call i32 @js_create_text(i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.61, i32 0, i32 0)) + call void @js_append_child(i32 %var362, i32 %var366) + call void @js_append_child(i32 %var352, i32 %var362) + call void @js_append_child(i32 %var348, i32 %var352) + %var368 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var367 = call i32 @js_create_element(i8* %var368) + %var369 = load i32, i32* @signal_Tabs_tab_index + %var370 = icmp eq i32 %var369, 1 + %var371 = zext i1 %var370 to i32 + %var372 = icmp ne i32 %var371, 0 + %var373 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var374 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var375 = select i1 %var372, i8* %var373, i8* %var374 + %var376 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var367, i8* %var376, i8* %var375) + store i32 %var367, i32* @reactive_attr_4_elem + %var378 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var377 = call i32 @js_create_element(i8* %var378) + %var379 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var380 = getelementptr inbounds [15 x i8], [15 x i8]* @.str.62, i32 0, i32 0 + call void @js_bind_event(i32 %var377, i8* %var379, i8* %var380) + %var381 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.63, i32 0, i32 0)) + call void @js_append_child(i32 %var377, i32 %var381) + call void @js_append_child(i32 %var367, i32 %var377) + call void @js_append_child(i32 %var348, i32 %var367) + %var383 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.0, i32 0, i32 0 + %var382 = call i32 @js_create_element(i8* %var383) + %var384 = load i32, i32* @signal_Tabs_tab_index + %var385 = icmp eq i32 %var384, 2 + %var386 = zext i1 %var385 to i32 + %var387 = icmp ne i32 %var386, 0 + %var388 = getelementptr inbounds [11 x i8], [11 x i8]* @.str.1, i32 0, i32 0 + %var389 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.2, i32 0, i32 0 + %var390 = select i1 %var387, i8* %var388, i8* %var389 + %var391 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var382, i8* %var391, i8* %var390) + store i32 %var382, i32* @reactive_attr_5_elem + %var393 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.4, i32 0, i32 0 + %var392 = call i32 @js_create_element(i8* %var393) + %var394 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.5, i32 0, i32 0 + %var395 = getelementptr inbounds [15 x i8], [15 x i8]* @.str.64, i32 0, i32 0 + call void @js_bind_event(i32 %var392, i8* %var394, i8* %var395) + %var396 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.50, i32 0, i32 0)) + call void @js_append_child(i32 %var392, i32 %var396) + call void @js_append_child(i32 %var382, i32 %var392) + call void @js_append_child(i32 %var348, i32 %var382) + call void @js_append_child(i32 %var336, i32 %var348) + %var398 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var397 = call i32 @js_create_element(i8* %var398) + %var399 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var400 = getelementptr inbounds [12 x i8], [12 x i8]* @.str.65, i32 0, i32 0 + call void @js_set_attribute(i32 %var397, i8* %var399, i8* %var400) + %var401 = call i32 @js_create_marker() + call void @js_append_child(i32 %var397, i32 %var401) + store i32 %var401, i32* @cond_1_marker call void @_init_conditional_1() - call void @js_append_child(i32 %var215, i32 %var245) - %var247 = 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 %var247, 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.65, i32 0, i32 0)) - %var248 = 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 - %var249 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.66, i32 0, i32 0)) - call void @js_append_child(i32 %var248, i32 %var249) - call void @js_append_child(i32 %var247, i32 %var248) - call void @js_append_child(i32 %var215, i32 %var247) - ret i32 %var215 + call void @js_append_child(i32 %var336, i32 %var397) + %var403 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.9, i32 0, i32 0 + %var402 = call i32 @js_create_element(i8* %var403) + %var404 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.3, i32 0, i32 0 + %var405 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.66, i32 0, i32 0 + call void @js_set_attribute(i32 %var402, i8* %var404, i8* %var405) + %var407 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.13, i32 0, i32 0 + %var406 = call i32 @js_create_element(i8* %var407) + %var408 = getelementptr inbounds [9 x i8], [9 x i8]* @.str.32, i32 0, i32 0 + %var409 = load i32, i32* @signal_Tabs_tab_index + %var410 = call i32 @js_create_text_with_int(i8* %var408, i32 %var409) + store i32 %var410, i32* @reactive_text_0_node + call void @js_append_child(i32 %var406, i32 %var410) + call void @js_append_child(i32 %var402, i32 %var406) + call void @js_append_child(i32 %var336, i32 %var402) + ret i32 %var336 } ; Main entry point diff --git a/examples/tabs/Tabs.wasm b/examples/tabs/Tabs.wasm index fb059d8..979afd8 100755 Binary files a/examples/tabs/Tabs.wasm and b/examples/tabs/Tabs.wasm differ diff --git a/examples/textinput/TextInput.ll b/examples/textinput/TextInput.ll index d569374..3f9c49e 100644 --- a/examples/textinput/TextInput.ll +++ b/examples/textinput/TextInput.ll @@ -2,21 +2,21 @@ ; Components: TextInput ; String constants -@.str.0 = private unnamed_addr constant [4 x i8] c"div\00" -@.str.1 = private unnamed_addr constant [6 x i8] c"class\00" -@.str.2 = private unnamed_addr constant [10 x i8] c"container\00" -@.str.3 = private unnamed_addr constant [3 x i8] c"h1\00" -@.str.4 = private unnamed_addr constant [17 x i8] c"Reactive Counter\00" -@.str.5 = private unnamed_addr constant [2 x i8] c"p\00" -@.str.6 = private unnamed_addr constant [13 x i8] c"instructions\00" -@.str.7 = private unnamed_addr constant [65 x i8] c"Click buttons to see reactive updates (text input coming soon!):\00" -@.str.8 = private unnamed_addr constant [13 x i8] c"button-group\00" -@.str.9 = private unnamed_addr constant [7 x i8] c"button\00" -@.str.10 = private unnamed_addr constant [6 x i8] c"click\00" -@.str.11 = private unnamed_addr constant [10 x i8] c"decrement\00" -@.str.12 = private unnamed_addr constant [4 x i8] c"−\00" -@.str.13 = private unnamed_addr constant [16 x i8] c"counter-display\00" -@.str.14 = private unnamed_addr constant [2 x i8] c"0\00" +@.str.0 = private unnamed_addr constant [8 x i8] c"Count: \00" +@.str.1 = private unnamed_addr constant [4 x i8] c"div\00" +@.str.2 = private unnamed_addr constant [6 x i8] c"class\00" +@.str.3 = private unnamed_addr constant [10 x i8] c"container\00" +@.str.4 = private unnamed_addr constant [3 x i8] c"h1\00" +@.str.5 = private unnamed_addr constant [17 x i8] c"Reactive Counter\00" +@.str.6 = private unnamed_addr constant [2 x i8] c"p\00" +@.str.7 = private unnamed_addr constant [13 x i8] c"instructions\00" +@.str.8 = private unnamed_addr constant [65 x i8] c"Click buttons to see reactive updates (text input coming soon!):\00" +@.str.9 = private unnamed_addr constant [13 x i8] c"button-group\00" +@.str.10 = private unnamed_addr constant [7 x i8] c"button\00" +@.str.11 = private unnamed_addr constant [6 x i8] c"click\00" +@.str.12 = private unnamed_addr constant [10 x i8] c"decrement\00" +@.str.13 = private unnamed_addr constant [4 x i8] c"−\00" +@.str.14 = private unnamed_addr constant [16 x i8] c"counter-display\00" @.str.15 = private unnamed_addr constant [10 x i8] c"increment\00" @.str.16 = private unnamed_addr constant [2 x i8] c"+\00" @.str.17 = private unnamed_addr constant [5 x i8] c"todo\00" @@ -32,17 +32,22 @@ ; JavaScript bridge function declarations declare i32 @js_create_element(i8*) declare i32 @js_create_text(i8*) +declare i32 @js_create_text_with_int(i8*, i32) 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 void @js_update_text_with_int(i32, i8*, i32) declare i32 @js_create_marker() declare void @js_replace_at_marker(i32, i32, i32) ; Signal storage for TextInput (reactive state in WASM memory) @signal_TextInput_count = global i32 0 +; Reactive text node storage +@reactive_text_0_node = global i32 0 + ; Signal helper functions define i32 @get_count() { entry: @@ -63,76 +68,115 @@ entry: %var0 = load i32, i32* @signal_TextInput_count %var1 = add i32 %var0, 1 store i32 %var1, i32* @signal_TextInput_count + %var2 = load i32, i32* @reactive_text_0_node + %var3 = getelementptr inbounds [8 x i8], [8 x i8]* @.str.0, i32 0, i32 0 + %var4 = load i32, i32* @signal_TextInput_count + call void @js_update_text_with_int(i32 %var2, i8* %var3, i32 %var4) ret void } ; Event handler: decrement define void @decrement() { entry: - %var2 = load i32, i32* @signal_TextInput_count - %var3 = sub i32 %var2, 1 - store i32 %var3, i32* @signal_TextInput_count + %var5 = load i32, i32* @signal_TextInput_count + %var6 = sub i32 %var5, 1 + store i32 %var6, i32* @signal_TextInput_count + %var7 = load i32, i32* @reactive_text_0_node + %var8 = getelementptr inbounds [8 x i8], [8 x i8]* @.str.0, i32 0, i32 0 + %var9 = load i32, i32* @signal_TextInput_count + call void @js_update_text_with_int(i32 %var7, i8* %var8, i32 %var9) ret void } ; Component render function define i32 @render_TextInput() { entry: - %var4 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.0, i32 0, i32 0)) - call void @js_set_attribute(i32 %var4, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.2, i32 0, i32 0)) - %var5 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.3, i32 0, i32 0)) - %var6 = call i32 @js_create_text(i8* getelementptr inbounds ([17 x i8], [17 x i8]* @.str.4, i32 0, i32 0)) - call void @js_append_child(i32 %var5, i32 %var6) - call void @js_append_child(i32 %var4, i32 %var5) - %var7 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.5, i32 0, i32 0)) - call void @js_set_attribute(i32 %var7, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.6, i32 0, i32 0)) - %var8 = call i32 @js_create_text(i8* getelementptr inbounds ([65 x i8], [65 x i8]* @.str.7, i32 0, i32 0)) - call void @js_append_child(i32 %var7, i32 %var8) - call void @js_append_child(i32 %var4, i32 %var7) - %var9 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.0, i32 0, i32 0)) - call void @js_set_attribute(i32 %var9, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0)) - %var10 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.9, i32 0, i32 0)) - call void @js_bind_event(i32 %var10, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.10, i32 0, i32 0), i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.11, i32 0, i32 0)) - %var11 = call i32 @js_create_text(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.12, i32 0, i32 0)) - call void @js_append_child(i32 %var10, i32 %var11) - call void @js_append_child(i32 %var9, i32 %var10) - %var12 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.5, i32 0, i32 0)) - call void @js_set_attribute(i32 %var12, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.13, i32 0, i32 0)) - ; TODO: Format f-string with signal count - %var13 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.14, i32 0, i32 0)) - call void @js_append_child(i32 %var12, i32 %var13) - call void @js_append_child(i32 %var9, i32 %var12) - %var14 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.9, i32 0, i32 0)) - call void @js_bind_event(i32 %var14, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.10, i32 0, i32 0), i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.15, i32 0, i32 0)) - %var15 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.16, i32 0, i32 0)) - call void @js_append_child(i32 %var14, i32 %var15) - call void @js_append_child(i32 %var9, i32 %var14) - call void @js_append_child(i32 %var4, i32 %var9) - %var16 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.5, i32 0, i32 0)) - call void @js_set_attribute(i32 %var16, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([5 x i8], [5 x i8]* @.str.17, i32 0, i32 0)) - %var17 = call i32 @js_create_text(i8* getelementptr inbounds ([49 x i8], [49 x i8]* @.str.18, i32 0, i32 0)) - call void @js_append_child(i32 %var16, i32 %var17) - call void @js_append_child(i32 %var4, i32 %var16) - %var18 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.19, i32 0, i32 0)) - call void @js_set_attribute(i32 %var18, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.20, i32 0, i32 0)) - %var19 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.21, i32 0, i32 0)) - %var20 = call i32 @js_create_text(i8* getelementptr inbounds ([32 x i8], [32 x i8]* @.str.22, i32 0, i32 0)) - call void @js_append_child(i32 %var19, i32 %var20) - call void @js_append_child(i32 %var18, i32 %var19) - %var21 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.21, i32 0, i32 0)) - %var22 = call i32 @js_create_text(i8* getelementptr inbounds ([25 x i8], [25 x i8]* @.str.23, i32 0, i32 0)) - call void @js_append_child(i32 %var21, i32 %var22) - call void @js_append_child(i32 %var18, i32 %var21) - %var23 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.21, i32 0, i32 0)) - %var24 = call i32 @js_create_text(i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.24, i32 0, i32 0)) - call void @js_append_child(i32 %var23, i32 %var24) - call void @js_append_child(i32 %var18, i32 %var23) - %var25 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.21, i32 0, i32 0)) - %var26 = call i32 @js_create_text(i8* getelementptr inbounds ([39 x i8], [39 x i8]* @.str.25, i32 0, i32 0)) - call void @js_append_child(i32 %var25, i32 %var26) - call void @js_append_child(i32 %var18, i32 %var25) - call void @js_append_child(i32 %var4, i32 %var18) - ret i32 %var4 + %var11 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.1, i32 0, i32 0 + %var10 = call i32 @js_create_element(i8* %var11) + %var12 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0 + %var13 = getelementptr inbounds [10 x i8], [10 x i8]* @.str.3, i32 0, i32 0 + call void @js_set_attribute(i32 %var10, i8* %var12, i8* %var13) + %var15 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.4, i32 0, i32 0 + %var14 = call i32 @js_create_element(i8* %var15) + %var16 = call i32 @js_create_text(i8* getelementptr inbounds ([17 x i8], [17 x i8]* @.str.5, i32 0, i32 0)) + call void @js_append_child(i32 %var14, i32 %var16) + call void @js_append_child(i32 %var10, i32 %var14) + %var18 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.6, i32 0, i32 0 + %var17 = call i32 @js_create_element(i8* %var18) + %var19 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0 + %var20 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.7, i32 0, i32 0 + call void @js_set_attribute(i32 %var17, i8* %var19, i8* %var20) + %var21 = call i32 @js_create_text(i8* getelementptr inbounds ([65 x i8], [65 x i8]* @.str.8, i32 0, i32 0)) + call void @js_append_child(i32 %var17, i32 %var21) + call void @js_append_child(i32 %var10, i32 %var17) + %var23 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.1, i32 0, i32 0 + %var22 = call i32 @js_create_element(i8* %var23) + %var24 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0 + %var25 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.9, i32 0, i32 0 + call void @js_set_attribute(i32 %var22, i8* %var24, i8* %var25) + %var27 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.10, i32 0, i32 0 + %var26 = call i32 @js_create_element(i8* %var27) + %var28 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.11, i32 0, i32 0 + %var29 = getelementptr inbounds [10 x i8], [10 x i8]* @.str.12, i32 0, i32 0 + call void @js_bind_event(i32 %var26, i8* %var28, i8* %var29) + %var30 = call i32 @js_create_text(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.13, i32 0, i32 0)) + call void @js_append_child(i32 %var26, i32 %var30) + call void @js_append_child(i32 %var22, i32 %var26) + %var32 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.6, i32 0, i32 0 + %var31 = call i32 @js_create_element(i8* %var32) + %var33 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0 + %var34 = getelementptr inbounds [16 x i8], [16 x i8]* @.str.14, i32 0, i32 0 + call void @js_set_attribute(i32 %var31, i8* %var33, i8* %var34) + %var35 = getelementptr inbounds [8 x i8], [8 x i8]* @.str.0, i32 0, i32 0 + %var36 = load i32, i32* @signal_TextInput_count + %var37 = call i32 @js_create_text_with_int(i8* %var35, i32 %var36) + store i32 %var37, i32* @reactive_text_0_node + call void @js_append_child(i32 %var31, i32 %var37) + call void @js_append_child(i32 %var22, i32 %var31) + %var39 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.10, i32 0, i32 0 + %var38 = call i32 @js_create_element(i8* %var39) + %var40 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.11, i32 0, i32 0 + %var41 = getelementptr inbounds [10 x i8], [10 x i8]* @.str.15, i32 0, i32 0 + call void @js_bind_event(i32 %var38, i8* %var40, i8* %var41) + %var42 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.16, i32 0, i32 0)) + call void @js_append_child(i32 %var38, i32 %var42) + call void @js_append_child(i32 %var22, i32 %var38) + call void @js_append_child(i32 %var10, i32 %var22) + %var44 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.6, i32 0, i32 0 + %var43 = call i32 @js_create_element(i8* %var44) + %var45 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0 + %var46 = getelementptr inbounds [5 x i8], [5 x i8]* @.str.17, i32 0, i32 0 + call void @js_set_attribute(i32 %var43, i8* %var45, i8* %var46) + %var47 = call i32 @js_create_text(i8* getelementptr inbounds ([49 x i8], [49 x i8]* @.str.18, i32 0, i32 0)) + call void @js_append_child(i32 %var43, i32 %var47) + call void @js_append_child(i32 %var10, i32 %var43) + %var49 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.19, i32 0, i32 0 + %var48 = call i32 @js_create_element(i8* %var49) + %var50 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0 + %var51 = getelementptr inbounds [10 x i8], [10 x i8]* @.str.20, i32 0, i32 0 + call void @js_set_attribute(i32 %var48, i8* %var50, i8* %var51) + %var53 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.21, i32 0, i32 0 + %var52 = call i32 @js_create_element(i8* %var53) + %var54 = call i32 @js_create_text(i8* getelementptr inbounds ([32 x i8], [32 x i8]* @.str.22, i32 0, i32 0)) + call void @js_append_child(i32 %var52, i32 %var54) + call void @js_append_child(i32 %var48, i32 %var52) + %var56 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.21, i32 0, i32 0 + %var55 = call i32 @js_create_element(i8* %var56) + %var57 = call i32 @js_create_text(i8* getelementptr inbounds ([25 x i8], [25 x i8]* @.str.23, i32 0, i32 0)) + call void @js_append_child(i32 %var55, i32 %var57) + call void @js_append_child(i32 %var48, i32 %var55) + %var59 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.21, i32 0, i32 0 + %var58 = call i32 @js_create_element(i8* %var59) + %var60 = call i32 @js_create_text(i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.24, i32 0, i32 0)) + call void @js_append_child(i32 %var58, i32 %var60) + call void @js_append_child(i32 %var48, i32 %var58) + %var62 = getelementptr inbounds [3 x i8], [3 x i8]* @.str.21, i32 0, i32 0 + %var61 = call i32 @js_create_element(i8* %var62) + %var63 = call i32 @js_create_text(i8* getelementptr inbounds ([39 x i8], [39 x i8]* @.str.25, i32 0, i32 0)) + call void @js_append_child(i32 %var61, i32 %var63) + call void @js_append_child(i32 %var48, i32 %var61) + call void @js_append_child(i32 %var10, i32 %var48) + ret i32 %var10 } ; Main entry point diff --git a/examples/textinput/TextInput.wasm b/examples/textinput/TextInput.wasm index 9a9cb10..d18875c 100755 Binary files a/examples/textinput/TextInput.wasm and b/examples/textinput/TextInput.wasm differ diff --git a/ritz/__pycache__/llvm_codegen_signals.cpython-313.pyc b/ritz/__pycache__/llvm_codegen_signals.cpython-313.pyc index c25a0c7..6623e45 100644 Binary files a/ritz/__pycache__/llvm_codegen_signals.cpython-313.pyc and b/ritz/__pycache__/llvm_codegen_signals.cpython-313.pyc differ diff --git a/ritz/llvm_codegen_signals.py b/ritz/llvm_codegen_signals.py index fe7f42d..b3d31c4 100644 --- a/ritz/llvm_codegen_signals.py +++ b/ritz/llvm_codegen_signals.py @@ -47,6 +47,13 @@ class SignalLLVMIRGenerator: self.signal_attribute_deps: dict[str, list[int]] = {} # signal_name -> [attr_ids] self.stmt_reactive_attrs: dict[int, list[int]] = {} # stmt id() -> [attr_ids] + # Track reactive text nodes (f-strings with signal dependencies) + self.reactive_text_nodes: list[dict[str, Any]] = [] # List of reactive text node metadata + self.reactive_text_map: dict[int, dict[str, Any]] = {} # text_id -> text_info + self.next_reactive_text_id = 0 + self.signal_text_deps: dict[str, list[int]] = {} # signal_name -> [text_ids] + self.stmt_reactive_text: dict[int, int] = {} # stmt id() -> text_id + # Track current component for signal scoping self.current_component = None @@ -61,7 +68,7 @@ class SignalLLVMIRGenerator: def _signal_global(self, signal_name: str) -> str: """Get the scoped global name for a signal.""" if self.current_component: - return f"@signal_{self.current_component['name']}_{signal_name}" + return f"@signal_{self.current_component}_{signal_name}" return f"@signal_{signal_name}" def generate(self) -> str: @@ -73,7 +80,7 @@ class SignalLLVMIRGenerator: # Process each component for component in self.components: # Set current component for signal scoping - self.current_component = component + self.current_component = component["name"] # Reset component-specific state self.signals = {} @@ -90,11 +97,13 @@ class SignalLLVMIRGenerator: self._collect_signals_and_handlers(component) self._collect_conditionals(component) self._collect_reactive_attributes(component) + self._collect_reactive_text_nodes(component) # Generate component-specific code self._emit_signal_globals(component) self._emit_conditional_globals() self._emit_reactive_attribute_globals() + self._emit_reactive_text_globals() self._emit_helper_functions() self._emit_event_handlers() self._emit_conditional_functions() @@ -259,6 +268,96 @@ class SignalLLVMIRGenerator: scan_statements(component["body"]) + def _collect_reactive_text_nodes(self, component: dict[str, Any]) -> None: + """Scan IR tree for text nodes (f-strings) that depend on signals.""" + + def scan_statements(stmts: list[dict[str, Any]]): + for stmt in stmts: + if stmt["type"] == "yield" and stmt.get("value"): + value = stmt["value"] + # Check if it's an f-string with signal dependencies + if value["type"] == "fstring": + signals = self._extract_signals_from_fstring(value) + + if signals: + # This text node is reactive! + text_id = self.next_reactive_text_id + self.next_reactive_text_id += 1 + + stmt_id = id(stmt) + + text_info = { + "id": text_id, + "stmt_id": stmt_id, + "fstring": value, + "signals": signals, + } + + self.reactive_text_nodes.append(text_info) + self.reactive_text_map[text_id] = text_info + self.stmt_reactive_text[stmt_id] = text_id + + # Register this text node as dependent on these signals + for signal_name in signals: + if signal_name not in self.signal_text_deps: + self.signal_text_deps[signal_name] = [] + self.signal_text_deps[signal_name].append(text_id) + + elif stmt["type"] == "with": + # Recursively scan nested statements + scan_statements(stmt.get("body", [])) + elif stmt["type"] == "if": + scan_statements(stmt["body"]) + scan_statements(stmt.get("orelse", [])) + elif stmt["type"] == "match": + for case in stmt["cases"]: + scan_statements(case.get("body", [])) + + scan_statements(component["body"]) + + def _extract_signals_from_fstring(self, fstring: dict[str, Any]) -> list[str]: + """Extract signal names from an f-string expression.""" + signals = [] + for part in fstring.get("parts", []): + if part["type"] == "formatted_value": + signals.extend(self._extract_signals_from_expr(part["value"])) + return signals + + def _build_fstring_text(self, fstring: dict[str, Any]) -> tuple[str, str] | None: + """ + Analyze f-string and return (prefix_ptr, int_value) for simple "prefix{int}" pattern. + Returns None if the pattern doesn't match (need full string concatenation). + + For now, we only handle the simple case: "static_prefix{signal_value}" + e.g., "Count: {count}" -> ("Count: ", count_value) + """ + parts = fstring.get("parts", []) + + # Check for simple pattern: [constant, formatted_value] + if len(parts) == 2 and parts[0]["type"] == "constant" and parts[1]["type"] == "formatted_value": + # Get prefix string + prefix = str(parts[0]["value"]) + prefix_str = self._get_or_create_string(prefix) + prefix_var = self._new_var() + self.lines.append( + f" %{prefix_var} = getelementptr inbounds {self._string_type(prefix)}, " + f"{self._string_type(prefix)}* {prefix_str}, i32 0, i32 0" + ) + + # Get signal value + value_expr = parts[1]["value"] + if value_expr["type"] == "name": + signal_name = value_expr["id"] + if signal_name in self.signals: + val_var = self._new_var() + self.lines.append( + f" %{val_var} = load i32, i32* @signal_{self.current_component}_{signal_name}" + ) + return (f"%{prefix_var}", f"%{val_var}") + + # TODO: Handle more complex patterns + return None + def _emit_header(self) -> None: """Emit module header.""" self.lines.append("; Generated by Ritz Framework with Signals") @@ -325,11 +424,24 @@ class SignalLLVMIRGenerator: self.lines.append(f"@reactive_attr_{attr_id}_elem = global i32 0") self.lines.append("") + def _emit_reactive_text_globals(self) -> None: + """Emit global storage for reactive text node references.""" + if not self.reactive_text_nodes: + return + + self.lines.append("; Reactive text node storage") + for text_info in self.reactive_text_nodes: + text_id = text_info["id"] + # Store text node reference so we can update its content later + self.lines.append(f"@reactive_text_{text_id}_node = global i32 0") + self.lines.append("") + def _emit_function_declarations(self) -> None: """Emit JS bridge function declarations.""" self.lines.append("; JavaScript bridge function declarations") self.lines.append("declare i32 @js_create_element(i8*)") self.lines.append("declare i32 @js_create_text(i8*)") + self.lines.append("declare i32 @js_create_text_with_int(i8*, i32)") # Create text with prefix + int self.lines.append("declare void @js_append_child(i32, i32)") self.lines.append("declare void @js_set_attribute(i32, i8*, i8*)") self.lines.append("declare void @js_set_root(i32)") @@ -337,6 +449,7 @@ class SignalLLVMIRGenerator: "declare void @js_bind_event(i32, i8*, i8*)" ) # elem, event_name, handler_name self.lines.append("declare void @js_update_text_content(i32, i8*)") # Update DOM node text + self.lines.append("declare void @js_update_text_with_int(i32, i8*, i32)") # Update with prefix + int self.lines.append("declare i32 @js_create_marker()") # Create invisible marker element self.lines.append("declare void @js_replace_at_marker(i32, i32, i32)") # marker, old, new self.lines.append("") @@ -444,6 +557,11 @@ class SignalLLVMIRGenerator: if signal_name in self.signal_attribute_deps: for attr_id in self.signal_attribute_deps[signal_name]: self._emit_update_reactive_attribute(attr_id) + + # Trigger reactive updates for text nodes that depend on this signal + if signal_name in self.signal_text_deps: + for text_id in self.signal_text_deps[signal_name]: + self._emit_update_reactive_text_node(text_id) elif stmt["type"] == "augassign": # Handle signal updates (count += 1) signal_name = stmt["target"] @@ -471,6 +589,11 @@ class SignalLLVMIRGenerator: for attr_id in self.signal_attribute_deps[signal_name]: self._emit_update_reactive_attribute(attr_id) + # Trigger reactive updates for text nodes that depend on this signal + if signal_name in self.signal_text_deps: + for text_id in self.signal_text_deps[signal_name]: + self._emit_update_reactive_text_node(text_id) + def _emit_update_reactive_attribute(self, attr_id: int) -> None: """Emit inline code to update a reactive attribute.""" # Look up attribute by ID @@ -489,13 +612,42 @@ class SignalLLVMIRGenerator: value_ptr = self._emit_string_ifexp(expression) # Set the attribute name_str = self._get_or_create_string(attr_name) + attr_name_ptr = self._new_var() self.lines.append( - f" call void @js_set_attribute(i32 %{elem_var}, " - f"i8* getelementptr inbounds ({self._string_type(attr_name)}, {self._string_type(attr_name)}* {name_str}, i32 0, i32 0), " - f"i8* %{value_ptr})" + f" %{attr_name_ptr} = getelementptr inbounds {self._string_type(attr_name)}, " + f"{self._string_type(attr_name)}* {name_str}, i32 0, i32 0" + ) + self.lines.append( + f" call void @js_set_attribute(i32 %{elem_var}, i8* %{attr_name_ptr}, i8* %{value_ptr})" ) # Could add support for other expression types here + def _emit_update_reactive_text_node(self, text_id: int) -> None: + """Emit inline code to update a reactive text node.""" + # Look up text node by ID + text_info = self.reactive_text_map.get(text_id) + if not text_info: + return # Text node not found + + # Load the text node reference + node_var = self._new_var() + self.lines.append(f" %{node_var} = load i32, i32* @reactive_text_{text_id}_node") + + # Build the f-string text + result = self._build_fstring_text(text_info["fstring"]) + + if result: + # Simple "prefix{int}" pattern - use specialized function + prefix_ptr, int_val = result + self.lines.append( + f" call void @js_update_text_with_int(i32 %{node_var}, i8* {prefix_ptr}, i32 {int_val})" + ) + else: + # Complex pattern - would need full string concatenation + # For now, just update with empty string + empty_ptr = self._emit_string_ptr("") + self.lines.append(f" call void @js_update_text_content(i32 %{node_var}, i8* {empty_ptr})") + def _emit_conditional_functions(self) -> None: """Emit init and reevaluate functions for each conditional.""" for cond_info in self.conditionals: @@ -760,8 +912,8 @@ class SignalLLVMIRGenerator: # Create wrapper div for the branch content wrapper_var = self._new_var() - div_str = self._get_or_create_string("div") - self.lines.append(f" %{wrapper_var} = call i32 @js_create_element(i8* getelementptr inbounds ({self._string_type('div')}, {self._string_type('div')}* {div_str}, i32 0, i32 0))") + div_ptr = self._emit_string_ptr("div") + self.lines.append(f" %{wrapper_var} = call i32 @js_create_element(i8* {div_ptr})") # Push wrapper onto parent stack so child elements append to it self.parent_element_stack.append(wrapper_var) @@ -1019,15 +1171,14 @@ class SignalLLVMIRGenerator: true_str = str(expr["body"]["value"]) false_str = str(expr["orelse"]["value"]) - true_str_global = self._get_or_create_string(true_str) - false_str_global = self._get_or_create_string(false_str) + # Emit string pointers + true_ptr = self._emit_string_ptr(true_str) + false_ptr = self._emit_string_ptr(false_str) - # Use select with inline getelementptr + # Use select instruction result_var = self._new_var() self.lines.append( - f" %{result_var} = select i1 %{cond_var}, " - f"i8* getelementptr inbounds ({self._string_type(true_str)}, {self._string_type(true_str)}* {true_str_global}, i32 0, i32 0), " - f"i8* getelementptr inbounds ({self._string_type(false_str)}, {self._string_type(false_str)}* {false_str_global}, i32 0, i32 0)" + f" %{result_var} = select i1 %{cond_var}, i8* {true_ptr}, i8* {false_ptr}" ) return result_var @@ -1124,10 +1275,8 @@ class SignalLLVMIRGenerator: # Create element elem_var = self._new_var() - tag_str = self._get_or_create_string(tag) - self.lines.append( - f" %{elem_var} = call i32 @js_create_element(i8* getelementptr inbounds ({self._string_type(tag)}, {self._string_type(tag)}* {tag_str}, i32 0, i32 0))" - ) + tag_ptr = self._emit_string_ptr(tag) + self.lines.append(f" %{elem_var} = call i32 @js_create_element(i8* {tag_ptr})") # Handle onclick prop specially onclick_handler = None @@ -1141,31 +1290,25 @@ class SignalLLVMIRGenerator: attr_name = prop_name.rstrip("_") if prop_value["type"] == "constant": value = str(prop_value["value"]) - name_str = self._get_or_create_string(attr_name) - value_str = self._get_or_create_string(value) + name_ptr = self._emit_string_ptr(attr_name) + value_ptr = self._emit_string_ptr(value) self.lines.append( - f" call void @js_set_attribute(i32 %{elem_var}, " - f"i8* getelementptr inbounds ({self._string_type(attr_name)}, {self._string_type(attr_name)}* {name_str}, i32 0, i32 0), " - f"i8* getelementptr inbounds ({self._string_type(value)}, {self._string_type(value)}* {value_str}, i32 0, i32 0))" + f" call void @js_set_attribute(i32 %{elem_var}, i8* {name_ptr}, i8* {value_ptr})" ) elif prop_value["type"] == "ifexp": # Handle ternary expression for attribute value value_ptr = self._emit_string_ifexp(prop_value) - name_str = self._get_or_create_string(attr_name) + name_ptr = self._emit_string_ptr(attr_name) self.lines.append( - f" call void @js_set_attribute(i32 %{elem_var}, " - f"i8* getelementptr inbounds ({self._string_type(attr_name)}, {self._string_type(attr_name)}* {name_str}, i32 0, i32 0), " - f"i8* %{value_ptr})" + f" call void @js_set_attribute(i32 %{elem_var}, i8* {name_ptr}, i8* %{value_ptr})" ) # Bind onclick if present if onclick_handler: - event_str = self._get_or_create_string("click") - handler_str = self._get_or_create_string(onclick_handler) + event_ptr = self._emit_string_ptr("click") + handler_ptr = self._emit_string_ptr(onclick_handler) self.lines.append( - f" call void @js_bind_event(i32 %{elem_var}, " - f"i8* getelementptr inbounds ({self._string_type('click')}, {self._string_type('click')}* {event_str}, i32 0, i32 0), " - f"i8* getelementptr inbounds ({self._string_type(onclick_handler)}, {self._string_type(onclick_handler)}* {handler_str}, i32 0, i32 0))" + f" call void @js_bind_event(i32 %{elem_var}, i8* {event_ptr}, i8* {handler_ptr})" ) # Store element reference if this element has reactive attributes @@ -1207,29 +1350,48 @@ class SignalLLVMIRGenerator: return text_var elif value["type"] == "fstring": - # Handle f-strings with signal references - # For now, create text with signal value - # TODO: Implement proper string concatenation - parts = value["parts"] + # Handle f-strings - check if reactive + stmt_id = id(stmt) - # Find signal references - for part in parts: - if part["type"] == "formatted_value": - if part["value"]["type"] == "name": - signal_name = part["value"]["id"] - if signal_name in self.signals: - # Load signal value and create text node - # This is simplified - real impl would concat strings - text_var = self._new_var() - self.lines.append( - f" ; TODO: Format f-string with signal {signal_name}" - ) - # For now, just create placeholder text - placeholder = self._get_or_create_string("0") - self.lines.append( - f" %{text_var} = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* {placeholder}, i32 0, i32 0))" - ) - return text_var + if stmt_id in self.stmt_reactive_text: + # This is a reactive text node! + text_id = self.stmt_reactive_text[stmt_id] + text_info = self.reactive_text_map[text_id] + + # Build the initial text from f-string + result = self._build_fstring_text(text_info["fstring"]) + + text_var = self._new_var() + if result: + # Simple "prefix{int}" pattern + prefix_ptr, int_val = result + self.lines.append( + f" %{text_var} = call i32 @js_create_text_with_int(i8* {prefix_ptr}, i32 {int_val})" + ) + else: + # Complex pattern - create empty for now + empty_ptr = self._emit_string_ptr("") + self.lines.append(f" %{text_var} = call i32 @js_create_text(i8* {empty_ptr})") + + # Store the text node reference for reactive updates + self.lines.append(f" store i32 %{text_var}, i32* @reactive_text_{text_id}_node") + + return text_var + else: + # Non-reactive f-string (no signal dependencies) + result = self._build_fstring_text(value) + text_var = self._new_var() + if result: + # Simple "prefix{int}" pattern + prefix_ptr, int_val = result + self.lines.append( + f" %{text_var} = call i32 @js_create_text_with_int(i8* {prefix_ptr}, i32 {int_val})" + ) + else: + # Complex pattern - create empty for now + empty_ptr = self._emit_string_ptr("") + self.lines.append(f" %{text_var} = call i32 @js_create_text(i8* {empty_ptr})") + return text_var # Fallback: create empty text empty_str = self._get_or_create_string("") @@ -1256,6 +1418,16 @@ class SignalLLVMIRGenerator: byte_length = len(value.encode("utf-8")) + 1 # +1 for null terminator return f"[{byte_length} x i8]" + def _emit_string_ptr(self, value: str) -> str: + """Emit code to get a pointer to a string constant and return the variable name.""" + str_global = self._get_or_create_string(value) + ptr_var = self._new_var() + self.lines.append( + f" %{ptr_var} = getelementptr inbounds {self._string_type(value)}, " + f"{self._string_type(value)}* {str_global}, i32 0, i32 0" + ) + return f"%{ptr_var}" + def _new_var(self) -> str: """Generate a new SSA variable name.""" var_name = f"var{self.next_var_id}"