microtags 0.0.0 → 0.0.3

package/README.md

@@ -1,70 +1,164 @@
 # microtags
 
-![tests](https://github.com/nichoth/microtags/actions/workflows/nodejs.yml/badge.svg)
+[![tests](https://img.shields.io/github/actions/workflow/status/nichoth/microtags/nodejs.yml?style=flat-square)](https://github.com/nichoth/microtags/actions/workflows/nodejs.yml)
 [![types](https://img.shields.io/npm/types/microtags?style=flat-square)](README.md)
 [![module](https://img.shields.io/badge/module-ESM%2FCJS-blue?style=flat-square)](README.md)
 [![semantic versioning](https://img.shields.io/badge/semver-2.0.0-blue?logo=semver&style=flat-square)](https://semver.org/)
 [![Common Changelog](https://nichoth.github.io/badge/common-changelog.svg)](./CHANGELOG.md)
+[![install size](https://flat.badgen.net/packagephobia/install/microtags?cache-control=no-cache)](https://packagephobia.com/result?p=microtags)
+[![gzip size](https://img.shields.io/bundlephobia/minzip/microtags?style=flat-square)](https://bundlephobia.com/package/microtags)
 [![license](https://img.shields.io/badge/license-Big_Time-blue?style=flat-square)](LICENSE)
 
 Web component helper with reactive props, automatic cleanup,
 and no Shadow DOM. Reactive via
 [alien-signals](https://github.com/stackblitz/alien-signals).
 
-Inspired by [nanotags](https://nanotags.psdcoder.dev/), with one change:
-reactive props are **alien-signals** instead of nanostores atoms.
-You call `count()` to read and `count(42)` to write — no `$` prefix,
-no `.get()` / `.set()`.
+**Size**: 3.41 kB with all dependencies, minified and brotlied
+
+Inspired by [nanotags](https://nanotags.psdcoder.dev/). Reactive props use
+**alien-signals** instead of nanostores atoms.
 
 <details><summary><h2>Contents</h2></summary>
 
+<!-- toc -->
+
 - [Install](#install)
-- [Quick start](#quick-start)
+  * [Import map](#import-map)
+  * [Pre-bundled](#pre-bundled)
+- [Example](#example)
+  * [Client-side validation](#client-side-validation)
+- [Serverside Example](#serverside-example)
+  * [`.TAG`](#tag)
+  * [`.refs`](#refs)
 - [API](#api)
-  - [define](#define)
-  - [withProps](#withprops)
-  - [withRefs](#withrefs)
-  - [withContexts](#withcontexts)
-  - [setup and ctx](#setup-and-ctx)
+  * [Props](#props)
+    + [`withProps`](#withprops)
+  * [Refs](#refs)
+    + [`withRefs`](#withrefs)
+    + [Element types](#element-types)
+  * [define](#define)
+  * [withContexts](#withcontexts)
+  * [setup and ctx](#setup-and-ctx)
+    + [peek and untracked](#peek-and-untracked)
 - [Subpaths](#subpaths)
-  - [microtags/context](#microtagscontext)
-  - [microtags/render](#microtagsrender)
+  * [microtags/context](#microtagscontext)
+  * [microtags/render](#microtagsrender)
 - [Divergence from nanotags](#divergence-from-nanotags)
 
+<!-- tocstop -->
+
 </details>
 
+----------------------------------------------------------------------
 ## Install
+----------------------------------------------------------------------
 
 ```sh
 npm i -S microtags
 ```
 
-## Quick start
+### Import map
+
+No build step needed. Resolve `microtags` with an
+[import map](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap)
+and `esm.sh`.
+
+
+```html
+<script type="importmap">
+{
+    "imports": {
+        "microtags": "https://esm.sh/microtags"
+    }
+}
+</script>
+
+<script type="module">
+    import { define } from 'microtags'
+</script>
+```
+
+Subpaths follow the same URL pattern: `microtags/context`, `microtags/render`.
+
+### Pre-bundled
+
+For raw-file CDNs (jsDelivr, unpkg) or local files, where dependencies are
+not resolved for you, use the pre-bundled `microtags/min` build. It is a
+single self-contained file with `alien-signals` inlined, so no other
+mappings are needed:
+
+```html
+<script type="importmap">
+{
+    "imports": {
+        "microtags": "https://cdn.jsdelivr.net/npm/microtags/dist/index.min.js"
+    }
+}
+</script>
+```
+
+
+----------------------------------------------------------------------
+## Example
+----------------------------------------------------------------------
+
+This example depends on having the full HTML already in the DOM. If you want
+to do client-side-rendered components, that is possible. You would update the
+DOM inside `.setup`.
+
+Since the full HTML exists already, defining your components in the
+client-side JS is about "hydrating" the page (adding behavior).
+
+---
+
+`withProps`, `withRefs`, and `withContexts` are optional and can appear in
+any order. `.setup` ends the chain: it calls `customElements.define` under the
+hood and returns a typed constructor.
 
 ```ts
 import { define } from 'microtags'
 import { signal } from 'alien-signals'
 
-define('my-counter')
+/**
+ *  - attribute-backed prop (`start`)
+ *  - data-ref elements (the <count-button> and <copy-btn> children)
+ *  - ctx.effect, ctx.on
+ */
+export const myCounter = define('my-counter')
     .withProps(p => ({
-        start: p.number(),   // hydrated from the `start` attribute
+        start: p.number(),
     }))
-    .withRefs(r => ({
-        display: r.one,      // [data-ref="display"] inside the element
-        inc: r.one,
-        dec: r.one,
+    .withRefs(r => ({  // the keys in this object are the ref names
+        display: r.one<HTMLDivElement>(),  // typed as HTMLDivElement
+        inc: r.one(),  // defaults to HTMLElement
+        dec: r.one(),
+        copy: r.one(),
     }))
     .setup(ctx => {
-        // Create a local signal seeded from the hydrated prop.
+        // all event <-> state logic here
         const count = signal(ctx.props.start())
+        const display = ctx.refs.display
+
+        ctx.effect(() => {
+            display.textContent = `Count: ${count()}`
+            display.style.color = count() < 0 ? 'red' : 'inherit'
+        })
+
+        // Reflect the live count onto the copy button's `value` attribute.
+        // Because `value` is attribute-backed, this flows into <copy-btn>'s
+        // own signal, so it always copies the current count.
+        ctx.effect(() => {
+            const copy = ctx.refs.copy
+            copy.setAttribute('value', String(count()))
+        })
 
-        // Two-way bind the display's textContent to a derived value.
-        ctx.bind(ctx.refs.display as HTMLElement, 'textContent',
-            () => `Count: ${count()}`)
+        ctx.on(ctx.refs.inc, 'click', () => {
+            count(count() + 1)
+        })
 
-        // Wire up click handlers — auto-removed on disconnect.
-        ctx.on(ctx.refs.inc as HTMLElement, 'click', () => count(count() + 1))
-        ctx.on(ctx.refs.dec as HTMLElement, 'click', () => count(count() - 1))
+        ctx.on(ctx.refs.dec, 'click', () => {
+            count(count() - 1)
+        })
     })
 ```
 
@@ -76,29 +170,164 @@ define('my-counter')
 </my-counter>
 ```
 
-## API
+### Client-side validation
 
-### define
+See [example/subscribe-form.ts](./example/subscribe-form.ts).
+
+There are two separate things people call "validation", and `microtags`
+handles them in different places:
+
+1. **Prop validation** checks the attributes passed *into* a component.
+   Pass a [Standard Schema](https://standardschema.dev) (Zod, Valibot,
+   ArkType) to [`p.schema`](#withprops); it coerces the attribute value
+   and falls back to `undefined` when the value doesn't match.
+2. **Form input validation** checks live user input in a form, for example a
+   value that changes on every keystroke and needs to report *why* it is invalid.
+   There is no dedicated API for this. Validate the schema directly
+   inside `.setup()` and hold the result in a signal:
+
+The example below is the second kind -- form input (client-side) validation.
 
 ```ts
+import { signal, startBatch, endBatch } from 'alien-signals'
+import { z } from 'zod'
 import { define } from 'microtags'
 
-define(tagName: string): ComponentBuilder
+const Email = z.email('Please enter a valid email address.')
+
+define('subscribe-form')
+    .withRefs(r => ({
+        form: r.one('form'),
+        input: r.one('input'),
+        submit: r.one('button'),
+        error: r.one('.error'),
+        status: r.one('.status'),
+    }))
+    .setup(ctx => {
+        const value = signal('')
+        const touched = signal(false)
+
+        // capture the live value (two-way; clears the field on reset)
+        ctx.bind(value, ctx.refs.input)
+        // only reveal errors after the first blur
+        ctx.on(ctx.refs.input, 'blur', () => touched(true))
+
+        ctx.effect(() => {
+            const result = Email.safeParse(value())
+            const message = result.success ?
+                '' :
+                result.error.issues[0].message
+            const showError = touched() && !result.success
+
+            ctx.refs.submit.disabled = !result.success
+            ctx.refs.input.setAttribute('aria-invalid', String(showError))
+            ctx.refs.error.textContent = showError ? message : ''
+        })
+
+        ctx.on(ctx.refs.form, 'submit', ev => {
+            ev.preventDefault()
+            if (!Email.safeParse(value()).success) return
+            ctx.refs.status.textContent = 'Thanks for subscribing!'
+            startBatch()
+            value('')
+            touched(false)
+            endBatch()
+        })
+    })
 ```
 
-Returns a fluent builder. Call `.setup()` to register the custom element.
-All builder methods are chainable and fully type-inferred.
+The error stays hidden until the field is blurred once, then updates live;
+the submit button is gated on validity. See `example/subscribe-form.ts`
+for the full working component.
+
+
+----------------------------------------------------------------------
+## Serverside Example
+----------------------------------------------------------------------
 
-### withProps
+### `.TAG`
+
+Each tag name that you pass to `define` is exposed as a property `.TAG`
+on the return value. It is possible to import your web components in Node,
+even though Node does not have browser APIs.
+
+### `.refs`
+
+All refs are defined per-component, and the ref names are exposed at `.refs`,
+so you can import your web components on the server and read the ref names
+as strings.
+
+```ts
+import { MyCounter, CountBtn, CopyBtn } from './index.js'
+
+// this runs in Node
+
+export function render ():string {
+    return `<div>
+        <${MyCounter.TAG} start="${START}">
+            <div data-ref="${MyCounter.refs.display}"
+                role="status"
+                class="count"
+            >${START}</div>
+
+            <div class="controls">
+                <${CountBtn.TAG}
+                    class="dec"
+                    data-ref="${MyCounter.refs.dec}"
+                    aria-label="Decrement"
+                >
+                    <button>-</button>
+                </${CountBtn.TAG}>
+
+                <${CopyBtn.TAG}
+                    class="copy"
+                    data-ref="${MyCounter.refs.copy}"
+                ></${CopyBtn.TAG}>
+
+                <${CountBtn.TAG}
+                    class="inc"
+                    data-ref="${MyCounter.refs.inc}"
+                    aria-label="Increment"
+                >
+                    <button>+</button>
+                </${CountBtn.TAG}>
+            </div>
+        </${MyCounter.TAG}>
+    </div>`
+}
+```
+
+----------------------------------------------------------------------
+## API
+----------------------------------------------------------------------
+
+### Props
+
+Declare reactive attributes via `withProps`. Each prop becomes:
+
+* An observed HTML attribute (auto-synced via `attributeChangedCallback`)
+* A signal at `ctx.props.propName`
+* A typed getter/setter on the element instance
+* Four built-in validators coerce raw attribute strings to typed values:
+
+| Validator | Coercion | `null` attr |
+|-----------|----------|-------------|
+| `p.string()` | `String(val)` | `""` |
+| `p.number()` | `Number(val)` | `0` |
+| `p.boolean()` | `"true"` / `""` &rarr; `true`, `"false"` &rarr; `false` | `false` |
+| `p.oneOf(opts)` | Picklist enum, throws on invalid | throws |
+
+
+#### `withProps`
 
 ```ts
 .withProps(p => ({
-    count:   p.number(),        // attribute -> number  (NaN when absent)
-    label:   p.string(),        // attribute -> string  ('' when absent)
-    active:  p.boolean(),       // attribute -> boolean (true if present)
-    data:    p.json<MyType>(),  // attribute -> JSON.parse or undefined
-    schema:  p.schema(zodSchema),  // Standard Schema (Zod, Valibot, ArkType …)
-    value:   p.prop(0),         // property-only, not observed as an attribute
+    count:   p.number(),           // attribute -> number  (NaN when absent)
+    label:   p.string(),           // attribute -> string  ('' when absent)
+    active:  p.boolean(),          // attribute -> boolean (true if present)
+    data:    p.json<MyType>(),     // attribute -> JSON.parse or undefined
+    schema:  p.schema(zodSchema),  // Standard Schema (Zod, Valibot, ArkType)
+    value:   p.prop(0),            // property-only, not an observed attribute
 }))
 ```
 
@@ -109,22 +338,86 @@ ctx.props.count()      // read
 ctx.props.count(42)    // write
 ```
 
-### withRefs
+
+### Refs
+
+The `data-ref` attribute is a fallback. It's used when you don't pass a
+selector to `r.one()`. If you pass explicit CSS selectors to `withRefs`,
+e.g. `{ copy: r.one('button') }`, then the HTML does not require a `data-ref`
+attribute.
+
+#### `withRefs`
+
+Call `r.one()` / `r.all()` with no argument to match `[data-ref="<key>"]`,
+where `key` is the key name you pass in, or pass a CSS selector to query by
+it instead. Queries are resolved relative to the host element, during
+[the `connectedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks).
+
 
 ```ts
 .withRefs(r => ({
-    button: r.one,   // resolves [data-ref="button"] — throws if missing
-    items:  r.all,   // resolves all [data-ref="items"] — empty array if none
+    button: r.one(),   // resolves [data-ref="button"] — throws if missing
+    items:  r.all(),   // resolves all [data-ref="items"] — empty array if none
 }))
 ```
 
-Refs are resolved from within the element during `connectedCallback`.
+If there are no `data-ref` attribtues in the HTML, use CSS query selectors.
 
 ```ts
-ctx.refs.button  // Element
-ctx.refs.items   // Element[]
+.withRefs(r => ({
+    code:  r.one('code'),    // host.querySelector('code')
+    items: r.all('li'),      // host.querySelectorAll('li')
+}))
 ```
 
+See [#refs in serverside-rendering](#refs). Each component created with
+`micortags` exposes a `.refs` property that is an object map
+of ref names, eg `MyComponent.refs.copyButton`.
+
+#### Element types
+
+An un-annotated `r.one()` is typed as `HTMLElement`, so `.style`,
+`.textContent`, and `.dataset` work without a cast. There are two ways to
+get a more specific element type:
+
+```ts
+.withRefs(r => ({
+    // Generic argument: sets the type, keeps the [data-ref] selector.
+    display: r.one<HTMLDivElement>(),
+
+    // Tag string: infers the type AND queries by that tag, exactly like
+    // document.querySelector('button'). It does NOT keep [data-ref].
+    save:    r.one('button'),     // SingleRefDef<HTMLButtonElement>
+    items:   r.all('li'),         // MultipleRefDef<HTMLLIElement>
+    button:  r.one(),             // HTMLElement (un-annotated default)
+}))
+```
+
+These flow straight through to `ctx.refs`:
+
+```ts
+ctx.refs.display  // HTMLDivElement
+ctx.refs.save     // HTMLButtonElement
+ctx.refs.items    // HTMLLIElement[]
+ctx.refs.button   // HTMLElement (the un-annotated default)
+```
+
+Non-HTML refs (SVG / MathML) are out of scope: the type parameter is
+constrained to `HTMLElement`, so cast at the use site if you need one
+(e.g. `ctx.refs.icon as unknown as SVGSVGElement`).
+
+
+### define
+
+```ts
+import { define } from 'microtags'
+
+define(tagName: string): ComponentBuilder
+```
+
+Returns a fluent builder. Call `.setup()` to register the custom element.
+All builder methods are chainable and fully type-inferred.
+
 ### withContexts
 
 ```ts
@@ -161,7 +454,7 @@ define('my-child')
     })
 
     // Bind a DOM property to a signal expression; auto-cleaned.
-    ctx.bind(el, 'textContent', () => String(ctx.props.count()))
+    ctx.bind(() => String(ctx.props.count()), el, { prop: 'textContent' })
 
     // Add an event listener; auto-removed on disconnect.
     ctx.on(el, 'click', handler)
@@ -244,3 +537,7 @@ renderList(container, template, {
 
 Props declared with `withProps` are native alien-signals callable signals.
 There is no `$` prefix convention — all prop names are plain identifiers.
+
+```
+/ed3d-plan-and-execute:execute-implementation-plan /Users/nick/code/_microtags/docs/implementation-plans/2026-06-28-zod-validation-example/ /Users/nick/code/_microtags/
+```

package/dist/attributes.d.ts

@@ -0,0 +1,10 @@
+export type Attrs = Record<string, undefined | null | string | number | boolean | (string | number)[]>;
+/**
+ * Transform an object into an HTML attributes string. The object should be
+ * like `{ attributeName: value }`.
+ *
+ * @param attrs An object for the attributes.
+ * @returns {string} A string suitable for use as HTML attributes.
+ */
+export declare function toAttributes(attrs: Attrs): string;
+//# sourceMappingURL=attributes.d.ts.map

package/dist/attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../src/attributes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,GAAC,IAAI,GAAC,MAAM,GAAC,MAAM,GAAC,OAAO,GAAC,CAAC,MAAM,GAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AAE1F;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,KAAK,EAAC,KAAK,GAAE,MAAM,CAgBhD"}

package/dist/builders.d.ts

@@ -12,11 +12,20 @@ export type PropDSL = {
 export declare const propDSL: PropDSL;
 /**
  * DSL object passed to the withRefs callback.
- * Assign `r.one` for a single element or `r.all` for multiple.
+ * Call `r.one()` for a single element or `r.all()` for multiple. Pass a
+ * CSS selector to query by it, or omit it to match `[data-ref="<key>"]`.
+ *
+ * Element typing:
+ * - `r.one()` defaults to `HTMLElement`.
+ * - `r.one<T>()` sets the type and keeps the `[data-ref]` selector.
+ * - `r.one('button')` infers the type from the tag AND queries by that
+ *   tag, exactly like `document.querySelector('button')`.
  */
 export type RefsDSL = {
-    readonly one: SingleRefDef;
-    readonly all: MultipleRefDef;
+    one<K extends keyof HTMLElementTagNameMap>(selector: K): SingleRefDef<HTMLElementTagNameMap[K]>;
+    one<T extends HTMLElement = HTMLElement>(selector?: string): SingleRefDef<T>;
+    all<K extends keyof HTMLElementTagNameMap>(selector: K): MultipleRefDef<HTMLElementTagNameMap[K]>;
+    all<T extends HTMLElement = HTMLElement>(selector?: string): MultipleRefDef<T>;
 };
 export declare const refsDSL: RefsDSL;
 /**
@@ -25,6 +34,30 @@ export declare const refsDSL: RefsDSL;
  * context tokens directly in the returned record.
  */
 export type ContextDSL = Record<never, never>;
+/**
+ * Maps each declared ref key to its own name as a string literal. Exposed
+ * as the static `refs` on a registered element so server-rendered templates
+ * can fill in `data-ref` values without hardcoding the names, e.g.
+ * `data-ref="${myCounter.refs.dec}"`.
+ */
+export type RefNames<RefDefs extends Record<string, RefDef>> = {
+    readonly [K in keyof RefDefs]: K & string;
+};
+/**
+ * A registered custom element class that also exposes, as static members,
+ * the tag name it was registered under (`TAG`) and the names of its
+ * declared refs (`refs`).
+ */
+export type MicrotagElementClass<RefDefs extends Record<string, RefDef> = Record<never, never>> = typeof HTMLElement & {
+    /** The custom element tag name, e.g. 'my-counter'. */
+    readonly TAG: string;
+    /**
+     * The declared ref names, each mapping to its own `data-ref` string.
+     * Lets server-rendered markup reference refs by key instead of a magic
+     * string: `myCounter.refs.dec`.
+     */
+    readonly refs: RefNames<RefDefs>;
+};
 /**
  * Fluent builder that accumulates props/refs/contexts config
  * before registering a custom element via `.setup()`.
@@ -36,10 +69,16 @@ export declare class ComponentBuilder<Props extends Record<string, PropDef> = Re
     private readonly _refDefs;
     private readonly _ctxDefs;
     constructor(tagName: string, coercers?: Record<string, Coercer<unknown>>, observed?: string[], refDefs?: Record<string, RefDef>, ctxDefs?: Record<string, ContextToken<unknown>>);
+    /**
+     * The custom element tag name, e.g. 'my-counter'. Available at every
+     * point in the fluent chain since each builder method returns a new
+     * builder carrying the same tag name.
+     */
+    get TAG(): string;
     withProps<P extends Record<string, PropDef>>(fn: (p: PropDSL) => P): ComponentBuilder<P, RefDefs, CtxDefs>;
     withRefs<R extends Record<string, RefDef>>(fn: (r: RefsDSL) => R): ComponentBuilder<Props, R, CtxDefs>;
     withContexts<C extends Record<string, ContextToken<unknown>>>(fn: (c: ContextDSL) => C): ComponentBuilder<Props, RefDefs, C>;
-    setup(fn: (ctx: SetupContext<Props, RefsMap<RefDefs>, ContextsMap<CtxDefs>>) => void): typeof HTMLElement;
+    setup(fn: (ctx: SetupContext<Props, RefsMap<RefDefs>, ContextsMap<CtxDefs>>) => void): MicrotagElementClass<RefDefs>;
 }
 /** Create a new component builder for the given tag name. */
 export declare function define(tagName: string): ComponentBuilder;

package/dist/builders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builders.d.ts","sourceRoot":"","sources":["../src/builders.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"builders.d.ts","sourceRoot":"","sources":["../src/builders.ts"],"names":[],"mappings":"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"}

package/dist/chunk-7QVYU63E.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};
+//# sourceMappingURL=chunk-7QVYU63E.js.map

package/dist/chunk-7QVYU63E.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}