krausest · twharmon · Jun 24, 2025 · Jun 24, 2025 · Jun 24, 2025 · Jun 24, 2025
diff --git a/frameworks/keyed/thyn/index.html b/frameworks/keyed/thyn/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Thyn</title>
+  <link href="/css/currentStyle.css" rel="stylesheet"/>
+  <script type="module" crossorigin src="./src/main.js"></script>
+</head>
+
+<body></body>
+
+</html>
diff --git a/frameworks/keyed/thyn/package-lock.json b/frameworks/keyed/thyn/package-lock.json
diff --git a/frameworks/keyed/thyn/package.json b/frameworks/keyed/thyn/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "thyn",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "js-framework-benchmark": {
+    "frameworkVersionFromPackage": "@thyn/core",
+    "frameworkHomeURL": "https://github.com/thynjs/thyn",
+    "customURL": "/dist"
+  },
+  "scripts": {
+    "build-prod": "vite build"
+  },
+  "devDependencies": {
+    "vite": "6.3.5",
+    "@thyn/vite-plugin": "0.0.45"
+  },
+  "dependencies": {
+    "@thyn/core": "0.0.45"
+  }
+}
diff --git a/frameworks/keyed/thyn/src/App.thyn b/frameworks/keyed/thyn/src/App.thyn
@@ -0,0 +1,66 @@
+<script>
+  import {data, buildData, selected} from "./state.thyn.js";
+  import Row from "./Row.thyn";
+
+  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 = () => {
+    data(buildData(1000));
+  };
+  const runLots = () => {
+    data(buildData(10000));
+  };
+  const swapRows = () => data(d => {
+    if (d.length > 998) {
+      const clone = d.slice();
+      const tmp = clone[1];
+      clone[1] = clone[998];
+      clone[998] = tmp;
+      return clone;
+    }
+    return d;
+  });
+</script>
+
+<div id="main" class="container">
+  <div class="jumbotron">
+    <div class="row">
+      <div class="col-md-6">
+        <h1>Thyn</h1>
+      </div>
+      <div class="col-md-6">
+        <div class="row">
+          <div class="col-sm-6 smallpad">
+            <button type="button" class="btn btn-primary btn-block" id="run" @click={run}>Create 1,000 rows</button>
+          </div>
+          <div class="col-sm-6 smallpad">
+            <button type="button" class="btn btn-primary btn-block" id="runlots" @click={runLots}>
+              Create 10,000 rows
+            </button>
+          </div>
+          <div class="col-sm-6 smallpad">
+            <button type="button" class="btn btn-primary btn-block" id="add" @click={add}>Append 1,000 rows</button>
+          </div>
+          <div class="col-sm-6 smallpad">
+            <button type="button" class="btn btn-primary btn-block" id="update" @click={partialUpdate}>
+              Update every 10th row
+            </button>
+          </div>
+          <div class="col-sm-6 smallpad">
+            <button type="button" class="btn btn-primary btn-block" id="clear" @click={clear}>Clear</button>
+          </div>
+          <div class="col-sm-6 smallpad">
+            <button type="button" class="btn btn-primary btn-block" id="swaprows" @click={swapRows}>Swap Rows</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <table class="table table-hover table-striped test-data">
+    <tbody>
+      <Row #each={row in data()} row={row} />
+    </tbody>
+  </table>
+  <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
+</div>
diff --git a/frameworks/keyed/thyn/src/Row.thyn b/frameworks/keyed/thyn/src/Row.thyn
@@ -0,0 +1,23 @@
+<script>
+  import {selected, data, isSelected} from "./state.thyn.js";
+
+  const {row} = $props;
+  const {id, label} = row;
+</script>
+
+<tr class={isSelected(id) ? 'danger' : undefined}>
+  <td class="col-md-1">{{ id }}</td>
+  <td class="col-md-4">
+    <a @click={() => selected(id)}>{{ label() }}</a>
+  </td>
+  <td class="col-md-1">
+    <a @click={() => data(d => {
+      const clone = d.slice();
+      clone.splice(clone.indexOf(row), 1);
+      return clone;
+    })}>
+      <span class="glyphicon glyphicon-remove" aria-hidden="true" />
+    </a>
+  </td>
+  <td class="col-md-6" />
+</tr>
diff --git a/frameworks/keyed/thyn/src/main.js b/frameworks/keyed/thyn/src/main.js
@@ -0,0 +1,4 @@
+import { mount } from '@thyn/core';
+import App from './App.thyn';
+
+mount(App, document.body);
diff --git a/frameworks/keyed/thyn/src/state.thyn.js b/frameworks/keyed/thyn/src/state.thyn.js
@@ -0,0 +1,75 @@
+let rowId = 1;
+export const data = $signal([]);
+export const selected = $signal();
+export const isSelected = $compare(selected);
+
+const adjectives = [
+  'pretty',
+  'large',
+  'big',
+  'small',
+  'tall',
+  'short',
+  'long',
+  'handsome',
+  'plain',
+  'quaint',
+  'clean',
+  'elegant',
+  'easy',
+  'angry',
+  'crazy',
+  'helpful',
+  'mushy',
+  'odd',
+  'unsightly',
+  'adorable',
+  'important',
+  'inexpensive',
+  'cheap',
+  'expensive',
+  'fancy'
+];
+const colors = [
+  'red',
+  'yellow',
+  'blue',
+  'green',
+  'pink',
+  'brown',
+  'purple',
+  'brown',
+  'white',
+  'black',
+  'orange'
+];
+const nouns = [
+  'table',
+  'chair',
+  'house',
+  'bbq',
+  'desk',
+  'car',
+  'pony',
+  'cookie',
+  'sandwich',
+  'burger',
+  'pizza',
+  'mouse',
+  'keyboard'
+];
+
+function random(max) {
+  return Math.round(Math.random() * 1000) % max;
+}
+
+export const buildData = (count) => {
+  let data = new Array(count);
+  for (let i = 0; i < count; i++) {
+    data[i] = {
+      id: rowId++,
+      label: $signal(`${adjectives[random(adjectives.length)]} ${colors[random(colors.length)]} ${nouns[random(nouns.length)]}`),
+    };
+  }
+  return data;
+};
diff --git a/frameworks/keyed/thyn/vite.config.js b/frameworks/keyed/thyn/vite.config.js
@@ -0,0 +1,8 @@
+import thyn from "@thyn/vite-plugin";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [thyn()],
+  base: '/frameworks/keyed/thyn/dist/',
+  build: { modulePreload: false },
+});
diff --git a/webdriver-ts-results/src/results.ts b/webdriver-ts-results/src/results.ts
diff --git a/webdriver-ts/results.json b/webdriver-ts/results.json