From a43b325755bbb8e78f7723f8d4292f277a3f50c0 Mon Sep 17 00:00:00 2001
From: Aaron Sinclair <aaron.sinclair@bettercomp.com>
Date: Sat, 15 Nov 2025 15:09:37 -0800
Subject: [PATCH] Fix HighFive example paths and rebuild with latest codegen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Bug:** HighFive.html couldn't load - "main function not found"
**Root Cause:** Incorrect paths in HTML (../runtime/ instead of runtime/)

**Fixes:**
1. Updated HighFive.html paths:
   - ../runtime/ritz-runtime.js → runtime/ritz-runtime.js
   - ../runtime/ritz-debug.js → runtime/ritz-debug.js
   - ../runtime/ritz-debug.css → runtime/ritz-debug.css

2. Rebuilt HighFive.wasm with latest codegen (includes LLVM syntax fixes)

**Result:**
✅ HighFive example now loads correctly
✅ All runtime scripts found at correct paths

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 examples/HighFive.html |   6 +--
 examples/HighFive.ll   |  99 ++++++++++++++++++++++++++---------------
 examples/HighFive.wasm | Bin 860 -> 1019 bytes
 3 files changed, 67 insertions(+), 38 deletions(-)

diff --git a/examples/HighFive.html b/examples/HighFive.html
index 5a2d878..234fc89 100644
--- a/examples/HighFive.html
+++ b/examples/HighFive.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>HighFive Counter - Ritz Framework</title>
-    <link rel="stylesheet" href="../runtime/ritz-debug.css">
+    <link rel="stylesheet" href="runtime/ritz-debug.css">
     <style>
         body {
             font-family: system-ui, sans-serif;
@@ -80,8 +80,8 @@ ritzInstance.exports.increment()</pre>
         </div>
     </div>
 
-    <script src="../runtime/ritz-runtime.js"></script>
-    <script src="../runtime/ritz-debug.js"></script>
+    <script src="runtime/ritz-runtime.js"></script>
+    <script src="runtime/ritz-debug.js"></script>
     <script>
         // Wait for DOM to be ready
         if (document.readyState === 'loading') {
diff --git a/examples/HighFive.ll b/examples/HighFive.ll
index 7262a39..25254a0 100644
--- a/examples/HighFive.ll
+++ b/examples/HighFive.ll
@@ -1,41 +1,48 @@
 ; Generated by Ritz Framework with Signals
-; Component: HighFive
+; Components: 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.0 = private unnamed_addr constant [13 x i8] c"High fives: \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 [14 x i8] c"high-five-app\00"
+@.str.4 = private unnamed_addr constant [2 x i8] c"p\00"
+@.str.5 = private unnamed_addr constant [25 x i8] c"Give me a high five! ✋\00"
+@.str.6 = private unnamed_addr constant [6 x i8] c"count\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 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 HighFive (reactive state in WASM memory)
+@signal_HighFive_high_fives = global i32 0
+
+; Reactive text node storage
+@reactive_text_0_node = global i32 0
 
 ; Signal helper functions
 define i32 @get_high_fives() {
 entry:
-  %val = load i32, i32* @signal_high_fives
+  %val = load i32, i32* @signal_HighFive_high_fives
   ret i32 %val
 }
 
 define void @set_high_fives(i32 %newval) {
 entry:
-  store i32 %newval, i32* @signal_high_fives
+  store i32 %newval, i32* @signal_HighFive_high_fives
   ; TODO: Trigger DOM update callback
   ret void
 }
@@ -43,33 +50,55 @@ entry:
 ; Event handler: increment
 define void @increment() {
 entry:
-  %var0 = load i32, i32* @signal_high_fives
+  %var0 = load i32, i32* @signal_HighFive_high_fives
   %var1 = add i32 %var0, 1
-  store i32 %var1, i32* @signal_high_fives
-  ; TODO: Update DOM nodes bound to high_fives
+  store i32 %var1, i32* @signal_HighFive_high_fives
+  %var2 = load i32, i32* @reactive_text_0_node
+  %var3 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.0, i32 0, i32 0
+  %var4 = load i32, i32* @signal_HighFive_high_fives
+  call void @js_update_text_with_int(i32 %var2, i8* %var3, i32 %var4)
   ret void
 }
 
 ; Component render function
-define void @render_HighFive() {
+define i32 @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)
+  %var6 = getelementptr inbounds [4 x i8], [4 x i8]* @.str.1, i32 0, i32 0
+  %var5 = call i32 @js_create_element(i8* %var6)
+  %var7 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0
+  %var8 = getelementptr inbounds [14 x i8], [14 x i8]* @.str.3, i32 0, i32 0
+  call void @js_set_attribute(i32 %var5, i8* %var7, i8* %var8)
+  %var10 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.4, i32 0, i32 0
+  %var9 = call i32 @js_create_element(i8* %var10)
+  %var11 = call i32 @js_create_text(i8* getelementptr inbounds ([25 x i8], [25 x i8]* @.str.5, i32 0, i32 0))
+  call void @js_append_child(i32 %var9, i32 %var11)
+  call void @js_append_child(i32 %var5, i32 %var9)
+  %var13 = getelementptr inbounds [2 x i8], [2 x i8]* @.str.4, i32 0, i32 0
+  %var12 = call i32 @js_create_element(i8* %var13)
+  %var14 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.2, i32 0, i32 0
+  %var15 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.6, i32 0, i32 0
+  call void @js_set_attribute(i32 %var12, i8* %var14, i8* %var15)
+  %var16 = getelementptr inbounds [13 x i8], [13 x i8]* @.str.0, i32 0, i32 0
+  %var17 = load i32, i32* @signal_HighFive_high_fives
+  %var18 = call i32 @js_create_text_with_int(i8* %var16, i32 %var17)
+  store i32 %var18, i32* @reactive_text_0_node
+  call void @js_append_child(i32 %var12, i32 %var18)
+  call void @js_append_child(i32 %var5, i32 %var12)
+  %var20 = getelementptr inbounds [7 x i8], [7 x i8]* @.str.7, i32 0, i32 0
+  %var19 = call i32 @js_create_element(i8* %var20)
+  %var21 = getelementptr inbounds [6 x i8], [6 x i8]* @.str.8, i32 0, i32 0
+  %var22 = getelementptr inbounds [10 x i8], [10 x i8]* @.str.9, i32 0, i32 0
+  call void @js_bind_event(i32 %var19, i8* %var21, i8* %var22)
+  %var23 = 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 %var19, i32 %var23)
+  call void @js_append_child(i32 %var5, i32 %var19)
+  ret i32 %var5
+}
+
+; Main entry point
+define void @main() {
+entry:
+  %root = call i32 @render_HighFive()
+  call void @js_set_root(i32 %root)
   ret void
 }
diff --git a/examples/HighFive.wasm b/examples/HighFive.wasm
index d79aeac8baab3d4213942a6990e0b5ce8d0082df..ec8f4941ad3833b1f5f5bd10b8c5e30a5a3baab0 100755
GIT binary patch
literal 1019
zcmY*Yy^ho{5FW?btar0_n*$^ys@zsct4LH7bdeD77Cvv{-Q?CuR<W}ORj!}`S}Jrk
zqN75hLE;g325O2ccmT%n{gJ|%`R4OC_RJWBt_T2-#rTBweGex9C!{AmE@<Q5vmh>{
z_kIvYWxaoRs(H7|g^}FI*M^^!rr>350BrOKqgg9$R4Q3X#662gh-+!MFs3b6oso`y
zcuTipjyp$C>~^xwc~+DvhtYN3E9L+51~z(tdsZdxkb9eRI7@hyvuzp!l#T=9Q{s~m
zCEx|m!yeK<%&wQidOoawojtMm`8$93Iq1r9G_U~@jxW4>K_#oEedECq=Vw??o(ZLR
zW|~$5JKW%%i*i%&b-9-sCXaNvsfFUN5PN~pogjrnTcJDb>7=aj%0m^y2Uyk2*e%2L
zpYXcLB_;C~>m=J7L74fKC~G*Fah~gj7oyIUq}~)=VFX7ur6K3qh-}MMb4Gn+I?tx2
zqXW)2s#)P7S3*k~Ai0oY=e#lM44&0tNOiY&!3ioEu~O2x(-|St?<DXbWVY6i(U@8z
zhNoyQ2<g#rfs~vsEQ-xQTKW??5riF~eR|F!vLNY4mVRQ9mwvV`q`z21BR?j{^RF?a
zytR}|h5}AE8ZA7OjUo1K*k7E&SC+nKQ4mA=?T%JV!T_RKG!Dat;0&;^$jd!sO^0K3
z+m1{Lt-%&7v7JqDUIEA2G&N+Z%(h?~9NP{bJ9Fs&vl#GuiD+EOSj2XJY$M0<?~4zx
zog2~GiCN<V>RPFT<-F>KiYBfldU?NYYSUu6vfd=?ooVptEyGo(wux)SlGzbU@HH)Q
YHr5j7Ba?}Fvy*x`tvZDxBvdE=0T6p8<^TWy

literal 860
zcmYjPv5wO~5S{fVj$_{?j%X+-d{ju5B`QiJH^5(P*3KmHWo<{^b&jhH5(R<|Q6XwX
zM}_zezJZ#8hMrkF=v;U;^XAQ4@0$UsO9lY!fx8A+vyOFZ-gTV~VeQxeSm(TEF30M$
zy4E6ZP#P4du*Av$vv^3jMkAy#O_8+*!Ljh-j&AVfnY$!V9*<aUM7}T71}2tzNoZCO
zh9|4qw+Cm{rmhWe?oMIKfj$O~`_%6s{p|&GzUt3E<MZugR5&LC4Qzo0v%f5KODyZ=
z)`67}H)MmzrBWg{b)&&u?C3fBVz(FD;)EJzD_!g=sYV!wg?;mg<jsqU?CE`(FB^Iy
zHsS?|JR=S8FNE0WTI^-DQOKE3sWeg$jXQx5+Q|GMRDHuaF^9~G^U0+UJ5^_NdnPsV
zDUtUmk3;5?PM=ww8BvF44MmTXjLZ}c>HLB@{s%U7An>exk0|hM5Wy1)S2i5rlwDh7
z$DED~4&fn7KYHmWFJ$Q#n?m~23!RWhEP{~#$B6QVC=sOJ$JMVx$2Tv1=Y<oh{uosw
z7EXg;>-2+6H^m9^x}_DkvocpwYp_-%b{Gk5573gCx`JF4`2ik-H94{_U)diE?mwq6
zDlw9gZHsK%RrKrgdpInOZ0u~ew8d?M+KrcG+gp?j9_#pCRad5=TZ(FzY>%ccDia4;
ks}9NFZS2`)NNA;Fn(`KD(m5vP_J}(6%T}4<Bvp(50G}-PRR910