@nisli/core 0.46.0 → 0.48.0

package/README.md

@@ -16,7 +16,7 @@ import { signal, component, html } from '@nisli/core';
 const Counter = component('x-counter', () => {
   const count = signal(0);
   return html`
-    <button @click=${() => count.set(count() + 1)}>
+    <button @click=${() => count.value++}>
       Count: ${count}
     </button>
   `;
@@ -45,7 +45,7 @@ effect(() => { ... })   // Side effect that tracks dependencies
 
 // Components
 component('tag-name', (props, host) => html`...`)
-component<Props>('tag-name', { props: [...] }, (props, host) => html`...`)
+component<Props>('tag-name', (props, host) => html`...`)
 
 // Templates — signals are implicit, no .value needed
 html`<div>${count}</div>`
@@ -69,11 +69,11 @@ const { data, loading, error } = query(
 // Lifecycle
 onMount(() => { ... })
 onCleanup(() => { ... })
-useHostEvent('click', handler)
+useHostEvent(host, 'click', handler)
 
 // Refs
 const el = ref<HTMLDivElement>()
-html`<div ${el}>...</div>`
+html`<div ref="${el}">...</div>`
 
 // Events
 class Nav extends Emitter<{ select: { id: string } }> {}
@@ -81,6 +81,26 @@ inject(Nav).emit('select', { id })
 inject(Nav).on('select', ({ id }) => { ... })
 ```
 
+## Static Site Generation
+
+Use the companion `@nisli/ssg` package when you want build-time pages,
+publication output, feeds, or other DOM-free static output.
+
+```typescript
+import { buildStaticSite } from '@nisli/ssg';
+
+await buildStaticSite({
+  outDir: 'dist',
+  routes: [
+    { path: '/', render: () => '<article>...</article>' },
+  ],
+});
+```
+
+`@nisli/core` stays focused on component authoring and the browser runtime.
+`@nisli/ssg` owns static site generation; static rendering internals stay behind
+the build tool.
+
 ## Size
 
 ~2,600 lines of TypeScript. Zero dependencies.

package/dist/ref.d.ts

@@ -10,11 +10,11 @@
  *
  * onMount(() => inputRef.current?.focus());
  *
- * return html`<input ${inputRef} @keydown.enter=${onSubmit} />`;
+ * return html`<input ref="${inputRef}" @keydown.enter=${onSubmit} />`;
  * ```
  *
- * The template engine detects `Ref` objects in expression positions
- * (not inside attribute values) and assigns the nearest parent element.
+ * The template engine detects `Ref` objects in `ref="${...}"`
+ * attribute bindings and assigns the referenced element.
  */
 export declare const REF_BRAND: unique symbol;
 export interface Ref<T extends Element = Element> {

package/dist/ref.js

@@ -10,11 +10,11 @@
  *
  * onMount(() => inputRef.current?.focus());
  *
- * return html`<input ${inputRef} @keydown.enter=${onSubmit} />`;
+ * return html`<input ref="${inputRef}" @keydown.enter=${onSubmit} />`;
  * ```
  *
- * The template engine detects `Ref` objects in expression positions
- * (not inside attribute values) and assigns the nearest parent element.
+ * The template engine detects `Ref` objects in `ref="${...}"`
+ * attribute bindings and assigns the referenced element.
  */
 // ── Brand for ref detection in templates ─────────────────────────────
 export const REF_BRAND = Symbol.for('backlog.ref');

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@nisli/core",
-  "version": "0.46.0",
+  "version": "0.48.0",
   "description": "A reactive web component framework. Signals, templates, dependency injection — no build step, no virtual DOM, no dependencies.",
   "type": "module",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/gkoreli/backlog-mcp",
-    "directory": "packages/framework"
+    "url": "https://github.com/gkoreli/nisli.git",
+    "directory": "packages/core"
   },
   "keywords": [
     "web-components",
@@ -18,9 +18,14 @@
     "dependency-injection"
   ],
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+    ".": "./src/index.ts"
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     }
   },
   "files": [
@@ -34,4 +39,4 @@
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist"
   }
-}
+}