Update thyn version

Author: twharmon

frameworks/keyed/thyn/package-lock.json

@@ -13,9 +13,9 @@
   },
   "devDependencies": {
     "vite": "6.3.5",
-    "@thyn/vite-plugin": "0.0.12"
+    "@thyn/vite-plugin": "0.0.16"
   },
   "dependencies": {
-    "@thyn/core": "0.0.12"
+    "@thyn/core": "0.0.16"
   }
 }

frameworks/keyed/thyn/package.json

@@ -1,17 +1,17 @@
 <script>
-  import {data, setData, buildData, selected} from "./state.thyn.js";
+  import {data, buildData, selected} from "./state.thyn.js";
   import Row from "./Row.thyn";
 
-  const add = () => setData(d => [...d, ...buildData(1000)]);
-  const clear = () => setData([]);
-  const partialUpdate = () => {for (let i = 0, d = data(), len = d.length; i < len; i += 10) d[i].setLabel((l) => l + " !!!")};
+  const add = () => data(d => [...d, ...buildData(1000)]);
+  const clear = () => data([]);
+  const partialUpdate = () => {for (let i = 0, d = data(), len = d.length; i < len; i += 10) d[i].label(l => l + " !!!")};
   const run = () => {
-    setData(buildData(1000));
+    data(buildData(1000));
   };
   const runLots = () => {
-    setData(buildData(10000));
+    data(buildData(10000));
   };
-  const swapRows = () => setData(d => {
+  const swapRows = () => data(d => {
     if (d.length > 998) {
       const clone = d.slice();
       const tmp = clone[1];
@@ -63,4 +63,4 @@
     </tbody>
   </table>
   <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
-</div>
+</div>

frameworks/keyed/thyn/src/App.thyn

@@ -1,5 +1,5 @@
 <script>
-  import {setSelected, setData, isSelected} from "./state.thyn.js";
+  import {selected, data, isSelected} from "./state.thyn.js";
 
   const {row} = $props;
   const {id, label} = row;
@@ -8,10 +8,10 @@
 <tr :class="isSelected(id) ? 'danger' : undefined">
   <td class="col-md-1">{{ id }}</td>
   <td class="col-md-4">
-    <a :onclick="() => setSelected(id)">{{ label() }}</a>
+    <a :onclick="() => selected(id)">{{ label() }}</a>
   </td>
   <td class="col-md-1">
-    <a :onclick="() => setData(d => {
+    <a :onclick="() => data(d => {
       const clone = d.slice();
       clone.splice(clone.indexOf(row), 1);
       return clone;

frameworks/keyed/thyn/src/Row.thyn

@@ -1,6 +1,6 @@
 let rowId = 1;
-export const [data, setData] = $state([]);
-export const [selected, setSelected] = $state();
+export const data = $state([]);
+export const selected = $state();
 export const isSelected = $compare(selected);
 
 const adjectives = [
@@ -66,10 +66,10 @@ function random(max) {
 export const buildData = (count) => {
   let data = new Array(count);
   for (let i = 0; i < count; i++) {
-    const [label, setLabel] = $state(
+    const label = $state(
       `${adjectives[random(adjectives.length)]} ${colors[random(colors.length)]} ${nouns[random(nouns.length)]}`
     );
-    data[i] = { id: rowId++, label, setLabel };
+    data[i] = { id: rowId++, label };
   }
   return data;
 };