@thyn/vite-plugin 0.0.281 → 0.0.295

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thyn/vite-plugin",
-  "version": "0.0.281",
+  "version": "0.0.295",
   "scripts": {
     "build": "tsc",
     "pub": "tsc && npm version patch -f && npm -f publish --access=public",
@@ -26,7 +26,7 @@
     "typescript": "^5.9.3"
   },
   "devDependencies": {
-    "@thyn/core": "^0.0.222",
+    "@thyn/core": "^0.0.295",
     "@types/jsdom": "^27.0.0",
     "vite": "^7.3.1",
     "vitest": "^4.0.16"

package/tests/Bind.thyn

@@ -1,8 +1,7 @@
 <script>
   const foo = $signal("bar");
-  const isSelected = $compare(foo);
 </script>
 
-<div class={isSelected('foo') ? 'danger' : 'bar'}>
+<div class={foo.get() === 'foo' ? 'danger' : 'bar'}>
 const n={run:t,deps:new Set,td:null}
 </div>

package/tests/ConsecInterps.thyn

@@ -4,6 +4,6 @@
 </script>
 
 <div>
-  {{ foo() }}{{ bar() }}
+  {{ foo.get() }}{{ bar.get() }}
 </div>
 

package/tests/Counter.thyn

@@ -2,6 +2,6 @@
   const count = $signal(0);
 </script>
 
-<button onclick={() => count(c => c + 1)}>
-  Count: {{ count() }}
+<button onclick={() => count.update(c => c + 1)}>
+  Count: {{ count.get() }}
 </button>

package/tests/EscapeDollar.thyn

@@ -2,4 +2,4 @@
   const foo = $signal("foo");
 </script>
 
-<div>${{ foo() }}</div>
+<div>${{ foo.get() }}</div>

package/tests/EventPipes.thyn

@@ -3,9 +3,9 @@
   const bar = $signal(0);
 </script>
 
-<div onclick={() => bar(c => c + 1)}>
-  <div class="inner" onclick.stop={() => foo(c => c + 1)}>
-    <span>{{ foo() }}</span><span>{{ bar() }}</span>
+<div onclick={() => bar.update(c => c + 1)}>
+  <div class="inner" onclick.stop={() => foo.update(c => c + 1)}>
+    <span>{{ foo.get() }}</span><span>{{ bar.get() }}</span>
   </div>
 </div>
 

package/tests/List.test.ts

@@ -13,9 +13,9 @@ describe("List component", () => {
     await Promise.resolve();
     await Promise.resolve();
     expect(root.textContent).toBe("startend");
-    // root.click();
-    // await Promise.resolve();
-    // await Promise.resolve();
-    // expect(root.textContent).toBe("start0end");
+    root.click();
+    await Promise.resolve();
+    await Promise.resolve();
+    expect(root.textContent).toBe("start0end");
   });
 });

package/tests/List.thyn

@@ -2,11 +2,11 @@
   const items = $signal([0, 1, 2]);
 </script>
 
-<div onclick={() => items(v => v.length === 4 ? [] : [...v, v.length])}>
+<div onclick={() => items.update(v => v.length === 4 ? [] : [...v, v.length])}>
   <p>
     start 
   </p>
-  <p #for={item in items()}>
+  <p #for={item in items.get()}>
     {{ item }}
   </p>
   <p>

package/tests/ListV2.test.ts

@@ -0,0 +1,25 @@
+import { describe, expect, it } from "vitest";
+import List from "./ListV2.thyn";
+
+describe("List component", () => {
+  it("appends on click", async () => {
+    const root = List();
+    expect(root.textContent).toBe("start012end");
+    expect(root.querySelector(".three")).toBeTruthy();
+    root.click();
+    await Promise.resolve();
+    await Promise.resolve();
+    expect(root.textContent).toBe("start0123end");
+    expect(root.querySelector(".not-three")).toBeTruthy();
+    root.click();
+    await Promise.resolve();
+    await Promise.resolve();
+    expect(root.textContent).toBe("startend");
+    expect(root.querySelector(".not-three")).toBeFalsy();
+    root.click();
+    await Promise.resolve();
+    await Promise.resolve();
+    expect(root.textContent).toBe("start0end");
+    expect(root.querySelector(".not-three")).toBeTruthy();
+  });
+});

package/tests/ListV2.thyn

@@ -0,0 +1,15 @@
+<script>
+  const items = $signal([0, 1, 2]);
+</script>
+
+<div onclick={() => items.update(v => v.length === 4 ? [] : [...v, v.length])}>
+  <p>
+    start 
+  </p>
+  <p #for={item in items.get()} class={items.get().length === 3 ? 'three' : 'not-three'}>
+    {{ item }}
+  </p>
+  <p>
+    end
+  </p>
+</div>

package/tests/MixElemAndText.thyn

@@ -4,9 +4,9 @@
 </script>
 
 <div>
-  {{ foo() }}
+  {{ foo.get() }}
   <span>
-    {{ bar() }}
+    {{ bar.get() }}
   </span>
 </div>
 

package/tests/Show.thyn

@@ -2,7 +2,7 @@
   const show = $signal(true);
 </script>
 
-<div onclick={() => show(c => !c)}>
-  <p #if={show()}>foo</p>
+<div onclick={() => show.update(c => !c)}>
+  <p #if={show.get()}>foo</p>
   <p #else>bar</p>
 </div>

package/tests/Template.thyn

@@ -4,5 +4,5 @@
 
 <div>
   <h1>foo</h1>
-  <p>{{ foo() }}</p>
+  <p>{{ foo.get() }}</p>
 </div>