From f9b0bef35afcb5f42a698899c7c48c22e79357e8 Mon Sep 17 00:00:00 2001
From: Nic Barker <contact+github@nicbarker.com>
Date: Sun, 26 Jan 2025 15:27:54 +1300
Subject: [PATCH] update official website example

---
 .../build/clay/index.html                     |   8 +++++++-
 .../build/clay/index.wasm                     | Bin 167733 -> 167878 bytes
 examples/clay-official-website/index.html     |   8 +++++++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/examples/clay-official-website/build/clay/index.html b/examples/clay-official-website/build/clay/index.html
index 07eff3f..f168175 100644
--- a/examples/clay-official-website/build/clay/index.html
+++ b/examples/clay-official-website/build/clay/index.html
@@ -96,6 +96,11 @@
         {name: 'length', type: 'uint32_t' },
         {name: 'chars', type: 'uint32_t' },
     ]};
+    let stringSliceDefinition = { type: 'struct', members: [
+        {name: 'length', type: 'uint32_t' },
+        {name: 'chars', type: 'uint32_t' },
+        {name: 'baseChars', type: 'uint32_t' },
+    ]};
     let borderDefinition = { type: 'struct', members: [
         {name: 'width', type: 'uint32_t'},
         {name: 'color', ...colorDefinition},
@@ -155,7 +160,8 @@
                 { name: 'height', type: 'float' },
             ]},
             { name: 'config', type: 'uint32_t'},
-            { name: 'text', ...stringDefinition },
+            { name: 'text', ...stringSliceDefinition },
+            { name: 'zIndex', type: 'int32_t' },
             { name: 'id', type: 'uint32_t' },
             { name: 'commandType', type: 'uint32_t', },
         ]
diff --git a/examples/clay-official-website/build/clay/index.wasm b/examples/clay-official-website/build/clay/index.wasm
index 15bae80e3b93d1b22ebec2250b87bfa6084da308..1e11080c574d7bea297fddfbaad073fc92939a2d 100755
GIT binary patch
delta 4423
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

delta 4382
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
VySnv^UVQm{xBip!-E8Zo{{a@B*Ej$G

diff --git a/examples/clay-official-website/index.html b/examples/clay-official-website/index.html
index 07eff3f..f168175 100644
--- a/examples/clay-official-website/index.html
+++ b/examples/clay-official-website/index.html
@@ -96,6 +96,11 @@
         {name: 'length', type: 'uint32_t' },
         {name: 'chars', type: 'uint32_t' },
     ]};
+    let stringSliceDefinition = { type: 'struct', members: [
+        {name: 'length', type: 'uint32_t' },
+        {name: 'chars', type: 'uint32_t' },
+        {name: 'baseChars', type: 'uint32_t' },
+    ]};
     let borderDefinition = { type: 'struct', members: [
         {name: 'width', type: 'uint32_t'},
         {name: 'color', ...colorDefinition},
@@ -155,7 +160,8 @@
                 { name: 'height', type: 'float' },
             ]},
             { name: 'config', type: 'uint32_t'},
-            { name: 'text', ...stringDefinition },
+            { name: 'text', ...stringSliceDefinition },
+            { name: 'zIndex', type: 'int32_t' },
             { name: 'id', type: 'uint32_t' },
             { name: 'commandType', type: 'uint32_t', },
         ]