@sprlab/wccompiler 0.13.0 → 0.14.0

package/lib/wcc-runtime.js

@@ -1,68 +1,68 @@
-/**
- * wcc-runtime.js — Optional reactive binding helper for consuming wcc components.
- * This is NOT required. Components are 100% native and work without it.
- * It provides declarative :prop and @event bindings in HTML.
- */
-const state = {};
-const listeners = [];
-const handlers = {};
-
-/**
- * Initialize the runtime with an initial state and bind :prop and @event attributes.
- *
- * @param {Record<string, any>} initialState
- * @returns {void}
- */
-export function init(initialState) {
-  Object.assign(state, initialState);
-  document.querySelectorAll('*').forEach(el => {
-    for (const attr of Array.from(el.attributes)) {
-      if (attr.name.startsWith(':')) {
-        const prop = attr.name.slice(1);
-        const key = attr.value;
-        listeners.push({ key, update: (val) => { el[prop] = val; } });
-        if (key in state) el[prop] = state[key];
-      }
-      if (attr.name.startsWith('@')) {
-        const event = attr.name.slice(1);
-        const handlerName = attr.value;
-        el.addEventListener(event, (e) => {
-          if (handlers[handlerName]) handlers[handlerName](e);
-        });
-      }
-    }
-  });
-}
-
-/**
- * Set a state value and notify all listeners bound to that key.
- *
- * @param {string} key
- * @param {any} value
- * @returns {void}
- */
-export function set(key, value) {
-  state[key] = value;
-  listeners.filter(l => l.key === key).forEach(l => l.update(state[key]));
-}
-
-/**
- * Get the current value for a state key.
- *
- * @param {string} key
- * @returns {any}
- */
-export function get(key) {
-  return state[key];
-}
-
-/**
- * Register a named event handler.
- *
- * @param {string} name
- * @param {Function} fn
- * @returns {void}
- */
-export function on(name, fn) {
-  handlers[name] = fn;
-}
+/**
+ * wcc-runtime.js — Optional reactive binding helper for consuming wcc components.
+ * This is NOT required. Components are 100% native and work without it.
+ * It provides declarative :prop and @event bindings in HTML.
+ */
+const state = {};
+const listeners = [];
+const handlers = {};
+
+/**
+ * Initialize the runtime with an initial state and bind :prop and @event attributes.
+ *
+ * @param {Record<string, any>} initialState
+ * @returns {void}
+ */
+export function init(initialState) {
+  Object.assign(state, initialState);
+  document.querySelectorAll('*').forEach(el => {
+    for (const attr of Array.from(el.attributes)) {
+      if (attr.name.startsWith(':')) {
+        const prop = attr.name.slice(1);
+        const key = attr.value;
+        listeners.push({ key, update: (val) => { el[prop] = val; } });
+        if (key in state) el[prop] = state[key];
+      }
+      if (attr.name.startsWith('@')) {
+        const event = attr.name.slice(1);
+        const handlerName = attr.value;
+        el.addEventListener(event, (e) => {
+          if (handlers[handlerName]) handlers[handlerName](e);
+        });
+      }
+    }
+  });
+}
+
+/**
+ * Set a state value and notify all listeners bound to that key.
+ *
+ * @param {string} key
+ * @param {any} value
+ * @returns {void}
+ */
+export function set(key, value) {
+  state[key] = value;
+  listeners.filter(l => l.key === key).forEach(l => l.update(state[key]));
+}
+
+/**
+ * Get the current value for a state key.
+ *
+ * @param {string} key
+ * @returns {any}
+ */
+export function get(key) {
+  return state[key];
+}
+
+/**
+ * Register a named event handler.
+ *
+ * @param {string} name
+ * @param {Function} fn
+ * @returns {void}
+ */
+export function on(name, fn) {
+  handlers[name] = fn;
+}

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@sprlab/wccompiler",
-  "version": "0.13.0",
-  "description": "Zero-runtime compiler that transforms .wcc single-file components into native web components with signals-based reactivity",
-  "type": "module",
-  "exports": {
-    ".": "./lib/compiler.js",
-    "./integrations/vue": "./integrations/vue.js",
-    "./integrations/react": "./integrations/react.js",
-    "./integrations/angular": "./integrations/angular.js",
-    "./adapters/vue": "./adapters/vue.js",
-    "./adapters/angular": {
-      "types": "./adapters/angular-compiled/angular.d.ts",
-      "default": "./adapters/angular-compiled/angular.mjs"
-    },
-    "./adapters/react": "./adapters/react.js"
-  },
-  "bin": {
-    "wcc": "./bin/wcc.js"
-  },
-  "files": [
-    "bin/",
-    "lib/*.js",
-    "!lib/*.test.js",
-    "integrations/",
-    "adapters/",
-    "types/",
-    "README.md"
-  ],
-  "types": "./types/wcc.d.ts",
-  "scripts": {
-    "test": "vitest --run",
-    "typecheck": "tsc --project jsconfig.json --noEmit"
-  },
-  "keywords": [
-    "web-components",
-    "compiler",
-    "custom-elements",
-    "zero-runtime",
-    "signals",
-    "native"
-  ],
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@babel/generator": "^7.27.0",
-    "@babel/parser": "^7.27.0",
-    "@babel/traverse": "^7.27.0",
-    "@babel/types": "^7.27.0",
-    "esbuild": "^0.27.0",
-    "linkedom": "^0.18.12"
-  },
-  "peerDependencies": {
-    "@angular/core": ">=14.0.0",
-    "@vitejs/plugin-vue": ">=4.0.0",
-    "react": ">=18.0.0",
-    "vue": ">=3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@angular/core": {
-      "optional": true
-    },
-    "@vitejs/plugin-vue": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "vue": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "fast-check": "^4.1.1",
-    "jsdom": "^29.1.1",
-    "typescript": "^6.0.3",
-    "vitest": "^3.2.1"
-  },
-  "volta": {
-    "node": "24.0.0",
-    "yarn": "4.12.0"
-  }
-}
+{
+  "name": "@sprlab/wccompiler",
+  "version": "0.14.0",
+  "description": "Zero-runtime compiler that transforms .wcc single-file components into native web components with signals-based reactivity",
+  "type": "module",
+  "exports": {
+    ".": "./lib/compiler.js",
+    "./integrations/vue": "./integrations/vue.js",
+    "./integrations/react": "./integrations/react.js",
+    "./integrations/angular": "./integrations/angular.js",
+    "./adapters/vue": "./adapters/vue.js",
+    "./adapters/angular": {
+      "types": "./adapters/angular-compiled/angular.d.ts",
+      "default": "./adapters/angular-compiled/angular.mjs"
+    },
+    "./adapters/react": "./adapters/react.js"
+  },
+  "bin": {
+    "wcc": "./bin/wcc.js"
+  },
+  "files": [
+    "bin/",
+    "lib/*.js",
+    "!lib/*.test.js",
+    "integrations/",
+    "adapters/",
+    "types/",
+    "README.md"
+  ],
+  "types": "./types/wcc.d.ts",
+  "scripts": {
+    "test": "vitest --run",
+    "typecheck": "tsc --project jsconfig.json --noEmit"
+  },
+  "keywords": [
+    "web-components",
+    "compiler",
+    "custom-elements",
+    "zero-runtime",
+    "signals",
+    "native"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@babel/generator": "^7.27.0",
+    "@babel/parser": "^7.27.0",
+    "@babel/traverse": "^7.27.0",
+    "@babel/types": "^7.27.0",
+    "esbuild": "^0.27.0",
+    "linkedom": "^0.18.12"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=14.0.0",
+    "@vitejs/plugin-vue": ">=4.0.0",
+    "react": ">=18.0.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": true
+    },
+    "@vitejs/plugin-vue": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "fast-check": "^4.1.1",
+    "jsdom": "^29.1.1",
+    "typescript": "^6.0.3",
+    "vitest": "^3.2.1"
+  },
+  "volta": {
+    "node": "24.0.0",
+    "yarn": "4.12.0"
+  }
+}

package/types/wcc.d.ts

@@ -1,28 +1,28 @@
-declare module 'wcc' {
-  interface Signal<T> {
-    (): T;
-    set(value: T): void;
-  }
-
-  export function signal<T>(value: T): Signal<T>;
-  export function computed<T>(fn: () => T): () => T;
-  export function effect(fn: () => void): void;
-  export function watch<T>(target: Signal<T>, fn: (newVal: T, oldVal: T) => void): void;
-  export function watch<T>(target: () => T, fn: (newVal: T, oldVal: T) => void): void;
-  export function defineComponent(options: {
-    tag: string;
-  }): void;
-
-  export function defineProps<T extends Record<string, any>>(defaults: T): T;
-  export function defineProps(names: string[]): Record<string, any>;
-
-  export function defineEmits<T>(): T;
-  export function defineEmits(names: string[]): (name: string, detail?: any) => void;
-
-  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;
-  export function onAdopt(fn: () => void | Promise<void>): void;
-  export function defineExpose(bindings: Record<string, any>): void;
-}
+declare module 'wcc' {
+  interface Signal<T> {
+    (): T;
+    set(value: T): void;
+  }
+
+  export function signal<T>(value: T): Signal<T>;
+  export function computed<T>(fn: () => T): () => T;
+  export function effect(fn: () => void): void;
+  export function watch<T>(target: Signal<T>, fn: (newVal: T, oldVal: T) => void): void;
+  export function watch<T>(target: () => T, fn: (newVal: T, oldVal: T) => void): void;
+  export function defineComponent(options: {
+    tag: string;
+  }): void;
+
+  export function defineProps<T extends Record<string, any>>(defaults: T): T;
+  export function defineProps(names: string[]): Record<string, any>;
+
+  export function defineEmits<T>(): T;
+  export function defineEmits(names: string[]): (name: string, detail?: any) => void;
+
+  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;
+  export function onAdopt(fn: () => void | Promise<void>): void;
+  export function defineExpose(bindings: Record<string, any>): void;
+}

package/types/wcc.test.js

@@ -1,46 +1,46 @@
-import { describe, it, expect } from 'vitest';
-import { readFileSync, existsSync } from 'node:fs';
-import { resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const __dirname = fileURLToPath(new URL('.', import.meta.url));
-const dtsPath = resolve(__dirname, 'wcc.d.ts');
-
-describe('type declarations (wcc.d.ts)', () => {
-  it('file exists', () => {
-    expect(existsSync(dtsPath)).toBe(true);
-  });
-
-  it('contains signal declaration', () => {
-    const content = readFileSync(dtsPath, 'utf-8');
-    expect(content).toContain('function signal<T>(value: T): Signal<T>');
-  });
-
-  it('contains computed declaration', () => {
-    const content = readFileSync(dtsPath, 'utf-8');
-    expect(content).toContain('function computed<T>(fn: () => T): () => T');
-  });
-
-  it('contains effect declaration', () => {
-    const content = readFileSync(dtsPath, 'utf-8');
-    expect(content).toContain('function effect(fn: () => void): void');
-  });
-
-  it('contains defineComponent declaration', () => {
-    const content = readFileSync(dtsPath, 'utf-8');
-    expect(content).toContain('function defineComponent');
-    expect(content).toContain('tag: string');
-    expect(content).not.toContain('template?: string');
-    expect(content).not.toContain('styles?: string');
-  });
-
-  it('Signal<T> interface has call signature (): T', () => {
-    const content = readFileSync(dtsPath, 'utf-8');
-    expect(content).toContain('(): T');
-  });
-
-  it('Signal<T> interface has set(value: T): void', () => {
-    const content = readFileSync(dtsPath, 'utf-8');
-    expect(content).toContain('set(value: T): void');
-  });
-});
+import { describe, it, expect } from 'vitest';
+import { readFileSync, existsSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const dtsPath = resolve(__dirname, 'wcc.d.ts');
+
+describe('type declarations (wcc.d.ts)', () => {
+  it('file exists', () => {
+    expect(existsSync(dtsPath)).toBe(true);
+  });
+
+  it('contains signal declaration', () => {
+    const content = readFileSync(dtsPath, 'utf-8');
+    expect(content).toContain('function signal<T>(value: T): Signal<T>');
+  });
+
+  it('contains computed declaration', () => {
+    const content = readFileSync(dtsPath, 'utf-8');
+    expect(content).toContain('function computed<T>(fn: () => T): () => T');
+  });
+
+  it('contains effect declaration', () => {
+    const content = readFileSync(dtsPath, 'utf-8');
+    expect(content).toContain('function effect(fn: () => void): void');
+  });
+
+  it('contains defineComponent declaration', () => {
+    const content = readFileSync(dtsPath, 'utf-8');
+    expect(content).toContain('function defineComponent');
+    expect(content).toContain('tag: string');
+    expect(content).not.toContain('template?: string');
+    expect(content).not.toContain('styles?: string');
+  });
+
+  it('Signal<T> interface has call signature (): T', () => {
+    const content = readFileSync(dtsPath, 'utf-8');
+    expect(content).toContain('(): T');
+  });
+
+  it('Signal<T> interface has set(value: T): void', () => {
+    const content = readFileSync(dtsPath, 'utf-8');
+    expect(content).toContain('set(value: T): void');
+  });
+});