@sprlab/wccompiler 0.4.1 → 0.4.3

package/README.md

@@ -391,6 +391,15 @@ defineExpose({ doubled, handleUpdate, watchLog })
 
 `defineExpose()` exposes methods and properties for external access via ref.
 
+The language server automatically generates a typed interface (PascalCase of the tag name) that can be imported by consumers:
+
+```ts
+// In the parent component:
+import type { WccTypescript } from './wcc-typescript.wcc'
+const child = templateRef<WccTypescript>('myRef')
+child.value!.handleUpdate() // ✅ typed
+```
+
 ## CLI
 
 ```bash

package/lib/compiler.js

@@ -6,7 +6,7 @@
  * Takes a .wcc file path and produces a self-contained JavaScript web component string.
  */
 
-import { JSDOM } from 'jsdom';
+import { parseHTML } from 'linkedom';
 import { readFileSync, existsSync } from 'node:fs';
 import { dirname, extname, basename, resolve } from 'node:path';
 import { walkTree, processIfChains, processForBlocks, recomputeAnchorPath, detectRefs } from './tree-walker.js';
@@ -223,9 +223,9 @@ async function compileSFC(filePath, config) {
     exposeNames,
   };
 
-  // 16. Process template through jsdom → tree-walker → codegen (same as compile())
-  const dom = new JSDOM(`<div id="__root">${template}</div>`);
-  const rootEl = dom.window.document.getElementById('__root');
+  // 16. Process template through linkedom → tree-walker → codegen
+  const { document } = parseHTML(`<div id="__root">${template}</div>`);
+  const rootEl = document.getElementById('__root');
 
   const signalNames = new Set(signals.map(s => s.name));
   const computedNames = new Set(computeds.map(c => c.name));

package/lib/tree-walker.js

@@ -12,7 +12,7 @@
  * extracts branch templates, and replaces chains with comment anchors.
  */
 
-import { JSDOM } from 'jsdom';
+import { parseHTML } from 'linkedom';
 import { BOOLEAN_ATTRIBUTES } from './types.js';
 
 /** @import { Binding, EventBinding, IfBlock, IfBranch, ShowBinding, AttrBinding, ForBlock, ModelBinding, SlotBinding, SlotProp, RefBinding, ChildComponentBinding, ChildPropBinding } from './types.js' */
@@ -358,8 +358,8 @@ function isChainPredecessor(el) {
  * @returns {{ bindings: Binding[], events: EventBinding[], showBindings: ShowBinding[], attrBindings: AttrBinding[], modelBindings: ModelBinding[], slots: SlotBinding[], processedHtml: string }}
  */
 export function walkBranch(html, signalNames, computedNames, propNames) {
-  const dom = new JSDOM(`<div id="__branchRoot">${html}</div>`);
-  const branchRoot = dom.window.document.getElementById('__branchRoot');
+  const { document } = parseHTML(`<div id="__branchRoot">${html}</div>`);
+  const branchRoot = document.getElementById('__branchRoot');
 
   // Use walkTree on the branch root to discover bindings/events
   const result = walkTree(branchRoot, signalNames, computedNames, propNames);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprlab/wccompiler",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Zero-runtime compiler that transforms .wcc single-file components into native web components with signals-based reactivity",
   "type": "module",
   "bin": {
@@ -32,11 +32,11 @@
   },
   "dependencies": {
     "esbuild": "^0.27.0",
-    "jsdom": "^29.0.2"
+    "linkedom": "^0.18.12"
   },
   "devDependencies": {
-    "@types/jsdom": "^28.0.1",
     "fast-check": "^4.1.1",
+    "jsdom": "^29.1.1",
     "typescript": "^6.0.3",
     "vitest": "^3.2.1"
   },

package/types/wcc.d.ts

@@ -19,7 +19,7 @@ declare module 'wcc' {
   export function defineEmits<T>(): T;
   export function defineEmits(names: string[]): (name: string, detail?: any) => void;
 
-  export function templateRef<T = HTMLElement>(name: string): { value: (T & HTMLElement) | null };
+  export function templateRef<T = HTMLElement>(name: string): { value: T | null };
 
   export function onMount(fn: () => void | Promise<void>): void;
   export function onDestroy(fn: () => void | Promise<void>): void;