; Generated by Ritz Framework with Signals
; Component: HighFive

; 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 [14 x i8] c"high-five-app\00"
@.str.3 = private unnamed_addr constant [2 x i8] c"p\00"
@.str.4 = private unnamed_addr constant [25 x i8] c"Give me a high five! ✋\00"
@.str.5 = private unnamed_addr constant [6 x i8] c"count\00"
@.str.6 = private unnamed_addr constant [2 x i8] c"0\00"
@.str.7 = private unnamed_addr constant [7 x i8] c"button\00"
@.str.8 = private unnamed_addr constant [6 x i8] c"click\00"
@.str.9 = private unnamed_addr constant [10 x i8] c"increment\00"
@.str.10 = private unnamed_addr constant [11 x i8] c"High Five!\00"

; Signal storage (reactive state in WASM memory)
@signal_high_fives = global i32 0

; JavaScript bridge function declarations
declare i32 @js_create_element(i8*)
declare i32 @js_create_text(i8*)
declare void @js_append_child(i32, i32)
declare void @js_set_attribute(i32, i8*, i8*)
declare void @js_set_root(i32)
declare void @js_bind_event(i32, i8*, i8*)
declare void @js_update_text_content(i32, i8*)

; Signal helper functions
define i32 @get_high_fives() {
entry:
  %val = load i32, i32* @signal_high_fives
  ret i32 %val
}

define void @set_high_fives(i32 %newval) {
entry:
  store i32 %newval, i32* @signal_high_fives
  ; TODO: Trigger DOM update callback
  ret void
}

; Event handler: increment
define void @increment() {
entry:
  %var0 = load i32, i32* @signal_high_fives
  %var1 = add i32 %var0, 1
  store i32 %var1, i32* @signal_high_fives
  ; TODO: Update DOM nodes bound to high_fives
  ret void
}

; Component render function
define void @render_HighFive() {
entry:
  %var2 = 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 %var2, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.2, i32 0, i32 0))
  %var3 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.3, i32 0, i32 0))
  %var4 = call i32 @js_create_text(i8* getelementptr inbounds ([25 x i8], [25 x i8]* @.str.4, i32 0, i32 0))
  call void @js_append_child(i32 %var3, i32 %var4)
  call void @js_append_child(i32 %var2, i32 %var3)
  %var5 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.3, i32 0, i32 0))
  call void @js_set_attribute(i32 %var5, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0))
  ; TODO: Format f-string with signal high_fives
  %var6 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.6, i32 0, i32 0))
  call void @js_append_child(i32 %var5, i32 %var6)
  call void @js_append_child(i32 %var2, i32 %var5)
  %var7 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.7, i32 0, i32 0))
  call void @js_bind_event(i32 %var7, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.8, i32 0, i32 0), i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.9, i32 0, i32 0))
  %var8 = call i32 @js_create_text(i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.10, i32 0, i32 0))
  call void @js_append_child(i32 %var7, i32 %var8)
  call void @js_append_child(i32 %var2, i32 %var7)
  call void @js_set_root(i32 %var2)
  ret void
}