foldkit 0.146.0 → 0.148.0

package/README.md

@@ -18,7 +18,7 @@
 
 ---
 
-Foldkit is a TypeScript frontend framework built on [Effect](https://effect.website/) and architected like [Elm](https://guide.elm-lang.org/architecture/). One Model, one update function, one way to do things. No hooks, no local state, no hidden mutations. It's all in on Effect with no escape hatch, though a program doesn't have to own the whole page: [`Runtime.embed`](https://foldkit.dev/core/embedding) runs a Foldkit widget inside any existing app, React included.
+Foldkit is a TypeScript frontend framework built on [Effect](https://effect.website/) and architected like [Elm](https://guide.elm-lang.org/architecture/). One Model, one update function, one way to do things. No hooks, no local state, no hidden mutations. It's all in on Effect with no escape hatch, though a program doesn't have to own the whole page: [`Runtime.embed`](https://foldkit.dev/core/embedding) runs a Foldkit widget inside any existing app, React included. The same program also [renders on the server](https://foldkit.dev/core/server-rendering), at build time or per request, and hydrates in place.
 
 Your Model is a [Schema](https://effect.website/docs/schema/introduction/) and side effects are values you return, not callbacks you fire. If you know Effect, Foldkit feels natural. If you're new to it, Foldkit is a good way in. Coming from React? [Start here](https://foldkit.dev/react/coming-from-react), or read the [same pixel-art editor built in both frameworks](https://foldkit.dev/react/foldkit-vs-react-side-by-side).
 
@@ -27,7 +27,7 @@ Your Model is a [Schema](https://effect.website/docs/schema/introduction/) and s
 
 ## Get Started
 
-`create-foldkit-app` scaffolds a complete setup with Tailwind, TypeScript, [Oxlint](https://foldkit.dev/tooling/oxlint-plugin), Prettier, and the Vite plugin for state-preserving HMR, starting from an example you choose.
+`create-foldkit-app` scaffolds a complete setup with Tailwind, TypeScript, [Oxlint](https://foldkit.dev/tooling/oxlint-plugin), Prettier, and the Vite plugin for state-preserving HMR. Pick a rendering mode (browser-only SPA, static generation, or server rendering) and, for a SPA, the example to start from.
 
 ```bash
 npx create-foldkit-app@latest
@@ -137,6 +137,7 @@ A complete system, not a collection of libraries you stitch together. Each of th
 - **UI Components**: Accessible, keyboard-friendly primitives in the `@foldkit/ui` package.
 - **Field Validation**: Per-field validation state modeled as a discriminated union.
 - **Virtual DOM**: Declarative views with lazy memoization and keyed diffing, powered by [Snabbdom](https://github.com/snabbdom/snabbdom).
+- **Server Rendering**: The same program rendered to HTML at build time (SSG) or per request (SSR), then hydrated in place.
 - **DevTools**: In-browser overlay for inspecting Messages, Model, and Commands, with time-travel.
 - **DevTools MCP**: Expose a running app to AI agents over the Model Context Protocol.
 - **Crash View and Reporting**: A custom fallback UI when the update loop throws, plus a report callback.
@@ -169,6 +170,8 @@ Some of what you can build with Foldkit. [See all example apps on foldkit.dev](h
 - **[Kanban](https://foldkit.dev/example-apps/kanban)**: Drag-and-drop kanban board with cross-column reordering and keyboard navigation
 - **[Pixel Art](https://foldkit.dev/example-apps/pixel-art)**: Grid-based pixel editor with painting, erasing, and palette selection
 - **[UI Showcase](https://foldkit.dev/example-apps/ui-showcase)**: Interactive showcase of every Foldkit UI component
+- **[Static Site Generation](https://foldkit.dev/example-apps/ssg)**: Build-time prerendering with client hydration
+- **[Server-Side Rendering](https://foldkit.dev/example-apps/ssr)**: Per-request rendering on an Effect HttpServer with cookie-derived Flags
 - **[Typing Game](https://github.com/foldkit/foldkit/tree/main/packages/typing-game)**: Multiplayer typing game with Effect RPC backend ([play it live](https://typingterminal.com))
 
 ## License

package/dist/buildToken.d.ts

@@ -0,0 +1,3 @@
+/** The attribute a hydratable render stamps the build id onto. */
+export declare const HYDRATION_BUILD_ATTRIBUTE = "data-foldkit-build";
+//# sourceMappingURL=buildToken.d.ts.map

package/dist/buildToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildToken.d.ts","sourceRoot":"","sources":["../src/buildToken.ts"],"names":[],"mappings":"AAoBA,kEAAkE;AAClE,eAAO,MAAM,yBAAyB,uBAAuB,CAAA"}

package/dist/buildToken.js

@@ -0,0 +1,21 @@
+// The build id names the deployment a page came from. `renderToString` stamps it
+// on the rendered root and `Runtime.hydrate` compares it before adopting
+// anything, so a page from one deployment is never reconciled against a client
+// from another.
+//
+// View identities cannot answer that question on their own. They move when the
+// view they name changes, but what a view renders also depends on the constants
+// it imports, the configuration it reads, and the arguments its caller passes. A
+// component whose own source is untouched renders something different when its
+// caller changes, and its identity is the one that wins on the element, so the
+// DOM state on a stale page could otherwise be carried into a view that now
+// means something else.
+//
+// Both sides are given the id explicitly rather than reading it from a
+// compile-time constant inside this package. Vite externalizes an installed
+// dependency from a server build, where a define never reaches it, so a
+// framework-internal read is silently absent in exactly the production shape
+// that matters. Application code is always transformed, so the entries read
+// `import.meta.env.FOLDKIT_BUILD_ID` and pass what they find.
+/** The attribute a hydratable render stamps the build id onto. */
+export const HYDRATION_BUILD_ATTRIBUTE = 'data-foldkit-build';

package/dist/controlledDomState.d.ts

@@ -0,0 +1,25 @@
+import type { VNode } from './snabbdom/vnode.js';
+/** Synchronizes the default state that parsed HTML necessarily creates for a
+ * controlled property.
+ *
+ * @internal
+ */
+export declare const synchronizeControlledDefault: (element: Element, propertyName: string, value: unknown) => void;
+/** Clears default state owned by a controlled property that left a vnode.
+ *
+ * @internal
+ */
+export declare const clearControlledDefault: (element: Element, propertyName: string) => void;
+export declare const restoreUncontrolledContent: (element: Element, vnode: VNode) => void;
+/** Restores live state after a controlled property gives ownership to a raw
+ * attribute when that property has separate current and default state.
+ *
+ * @internal
+ */
+export declare const restoreControlledStateFromRawAttribute: (element: Element, propertyName: string) => void;
+/** Live and default properties jointly owned by a controlled vnode property.
+ *
+ * @internal
+ */
+export declare const controlledStatePropertyNames: (element: Element, properties: Readonly<Record<string, unknown>> | undefined) => ReadonlyArray<string>;
+//# sourceMappingURL=controlledDomState.d.ts.map

package/dist/controlledDomState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlledDomState.d.ts","sourceRoot":"","sources":["../src/controlledDomState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAoBhD;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,GACvC,SAAS,OAAO,EAChB,cAAc,MAAM,EACpB,OAAO,OAAO,KACb,IAqDF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,OAAO,EAChB,cAAc,MAAM,KACnB,IA0CF,CAAA;AAsFD,eAAO,MAAM,0BAA0B,GACrC,SAAS,OAAO,EAChB,OAAO,KAAK,KACX,IAYF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,sCAAsC,GACjD,SAAS,OAAO,EAChB,cAAc,MAAM,KACnB,IA0BF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GACvC,SAAS,OAAO,EAChB,YAAY,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,KACxD,aAAa,CAAC,MAAM,CAuBtB,CAAA"}

package/dist/controlledDomState.js

@@ -0,0 +1,240 @@
+import { HTML_NAMESPACE, htmlAttributeValue } from './domReflection.js';
+import { isClientOnlyProperty } from './propertyProvenance.js';
+import { tagNameFromSelector } from './tagName.js';
+const htmlTagName = (element) => element.namespaceURI === null || element.namespaceURI === HTML_NAMESPACE
+    ? element.localName
+    : undefined;
+const setBooleanDefaultAttribute = (element, name, value) => {
+    if (value && !element.hasAttribute(name)) {
+        element.setAttribute(name, '');
+    }
+    else if (!value && element.hasAttribute(name)) {
+        element.removeAttribute(name);
+    }
+};
+/** Synchronizes the default state that parsed HTML necessarily creates for a
+ * controlled property.
+ *
+ * @internal
+ */
+export const synchronizeControlledDefault = (element, propertyName, value) => {
+    const tagName = htmlTagName(element);
+    if (propertyName === 'value' &&
+        (tagName === 'input' || tagName === 'textarea' || tagName === 'output')) {
+        const nextValue = String(value);
+        if (Reflect.get(element, 'defaultValue') !== nextValue) {
+            Reflect.set(element, 'defaultValue', nextValue);
+        }
+        if (tagName === 'input') {
+            if (element.getAttribute('value') !== nextValue) {
+                element.setAttribute('value', nextValue);
+            }
+        }
+        return;
+    }
+    if (propertyName === 'checked' && tagName === 'input') {
+        const isChecked = Boolean(value);
+        if (Reflect.get(element, 'defaultChecked') !== isChecked) {
+            Reflect.set(element, 'defaultChecked', isChecked);
+        }
+        setBooleanDefaultAttribute(element, 'checked', isChecked);
+        return;
+    }
+    if (propertyName === 'selected' && tagName === 'option') {
+        const isSelected = Boolean(value);
+        if (Reflect.get(element, 'defaultSelected') !== isSelected) {
+            Reflect.set(element, 'defaultSelected', isSelected);
+        }
+        setBooleanDefaultAttribute(element, 'selected', isSelected);
+        return;
+    }
+    if (propertyName === 'muted' &&
+        (tagName === 'audio' || tagName === 'video')) {
+        const isMuted = Boolean(value);
+        if (Reflect.get(element, 'defaultMuted') !== isMuted) {
+            Reflect.set(element, 'defaultMuted', isMuted);
+        }
+        setBooleanDefaultAttribute(element, 'muted', isMuted);
+        return;
+    }
+    if (propertyName === 'value' && tagName === 'select') {
+        for (const option of element.querySelectorAll('option')) {
+            if (option.defaultSelected !== option.selected) {
+                option.defaultSelected = option.selected;
+            }
+            setBooleanDefaultAttribute(option, 'selected', option.selected);
+        }
+        Reflect.set(element, 'value', value);
+    }
+};
+/** Clears default state owned by a controlled property that left a vnode.
+ *
+ * @internal
+ */
+export const clearControlledDefault = (element, propertyName) => {
+    const tagName = htmlTagName(element);
+    if (propertyName === 'value' &&
+        (tagName === 'input' || tagName === 'textarea' || tagName === 'output')) {
+        Reflect.set(element, 'defaultValue', '');
+        if (tagName === 'input') {
+            element.removeAttribute('value');
+            Reflect.set(element, 'value', '');
+        }
+        else if (tagName === 'output') {
+            Reflect.set(element, 'value', '');
+        }
+        return;
+    }
+    if (propertyName === 'checked' && tagName === 'input') {
+        Reflect.set(element, 'defaultChecked', false);
+        element.removeAttribute('checked');
+        Reflect.set(element, 'checked', false);
+        return;
+    }
+    if (propertyName === 'selected' && tagName === 'option') {
+        Reflect.set(element, 'defaultSelected', false);
+        element.removeAttribute('selected');
+        Reflect.set(element, 'selected', false);
+        return;
+    }
+    if (propertyName === 'muted' &&
+        (tagName === 'audio' || tagName === 'video')) {
+        Reflect.set(element, 'defaultMuted', false);
+        element.removeAttribute('muted');
+        Reflect.set(element, 'muted', false);
+        return;
+    }
+    if (propertyName === 'value' && tagName === 'select') {
+        for (const option of element.querySelectorAll('option')) {
+            option.defaultSelected = false;
+            option.removeAttribute('selected');
+        }
+    }
+};
+const optionOwnershipOf = (vnode) => {
+    const props = vnode.data?.props;
+    const hasSelectedProperty = props !== undefined && Object.hasOwn(props, 'selected');
+    const isSelectedClientOnly = isClientOnlyProperty(props, 'selected');
+    const rawSelected = htmlAttributeValue(vnode.data?.attrs, 'selected') !== undefined;
+    return {
+        defaultSelected: hasSelectedProperty && !isSelectedClientOnly
+            ? Boolean(props['selected'])
+            : rawSelected,
+        selected: hasSelectedProperty ? Boolean(props['selected']) : undefined,
+    };
+};
+const collectOptionOwnership = (vnode, collected) => {
+    if (vnode.sel !== undefined &&
+        tagNameFromSelector(vnode.sel).toLowerCase() === 'option') {
+        collected.push(optionOwnershipOf(vnode));
+        return;
+    }
+    for (const child of vnode.children ?? []) {
+        if (typeof child !== 'string') {
+            collectOptionOwnership(child, collected);
+        }
+    }
+};
+const restoreUncontrolledSelect = (element, vnode) => {
+    const isContentPropertyOwned = vnode.data?.props !== undefined &&
+        Object.hasOwn(vnode.data.props, 'innerHTML');
+    const ownership = [];
+    if (!isContentPropertyOwned) {
+        collectOptionOwnership(vnode, ownership);
+        const ownershipIterator = ownership.values();
+        for (const option of Array.from(element.options)) {
+            const nextOwnership = ownershipIterator.next().value;
+            const isDefaultSelected = nextOwnership?.defaultSelected ?? false;
+            if (option.defaultSelected !== isDefaultSelected) {
+                option.defaultSelected = isDefaultSelected;
+            }
+            setBooleanDefaultAttribute(option, 'selected', isDefaultSelected);
+        }
+    }
+    const probe = element.cloneNode(true);
+    if (!(probe instanceof HTMLSelectElement)) {
+        return;
+    }
+    for (let index = 0; index < element.options.length; index += 1) {
+        const option = element.options.item(index);
+        const probeOption = probe.options.item(index);
+        if (option !== null && probeOption !== null) {
+            option.selected = probeOption.selected;
+        }
+    }
+    const ownershipIterator = ownership.values();
+    for (const option of Array.from(element.options)) {
+        const selected = ownershipIterator.next().value?.selected;
+        if (selected !== undefined) {
+            option.selected = selected;
+        }
+    }
+};
+export const restoreUncontrolledContent = (element, vnode) => {
+    if (element instanceof HTMLTextAreaElement) {
+        element.value = element.defaultValue;
+        return;
+    }
+    if (element instanceof HTMLOutputElement) {
+        element.defaultValue = element.textContent ?? '';
+        return;
+    }
+    if (element instanceof HTMLSelectElement) {
+        restoreUncontrolledSelect(element, vnode);
+    }
+};
+/** Restores live state after a controlled property gives ownership to a raw
+ * attribute when that property has separate current and default state.
+ *
+ * @internal
+ */
+export const restoreControlledStateFromRawAttribute = (element, propertyName) => {
+    const tagName = htmlTagName(element);
+    if (propertyName === 'value' && tagName === 'input') {
+        const value = Reflect.get(element, 'defaultValue');
+        Reflect.set(element, 'value', Reflect.get(element, 'type') === 'file' ? '' : value);
+        return;
+    }
+    if (propertyName === 'checked' && tagName === 'input') {
+        Reflect.set(element, 'checked', Reflect.get(element, 'defaultChecked'));
+        return;
+    }
+    if (propertyName === 'selected' && tagName === 'option') {
+        Reflect.set(element, 'selected', Reflect.get(element, 'defaultSelected'));
+        return;
+    }
+    if (propertyName === 'muted' &&
+        (tagName === 'audio' || tagName === 'video')) {
+        Reflect.set(element, 'muted', Reflect.get(element, 'defaultMuted'));
+        return;
+    }
+};
+/** Live and default properties jointly owned by a controlled vnode property.
+ *
+ * @internal
+ */
+export const controlledStatePropertyNames = (element, properties) => {
+    if (properties === undefined) {
+        return [];
+    }
+    const tagName = htmlTagName(element);
+    const names = [];
+    if ('value' in properties) {
+        if (tagName === 'input' || tagName === 'textarea' || tagName === 'output') {
+            names.push('value', 'defaultValue');
+        }
+        else if (tagName === 'select') {
+            names.push('value', 'selectedIndex');
+        }
+    }
+    if ('checked' in properties && tagName === 'input') {
+        names.push('checked', 'defaultChecked');
+    }
+    if ('selected' in properties && tagName === 'option') {
+        names.push('selected', 'defaultSelected');
+    }
+    if ('muted' in properties && (tagName === 'audio' || tagName === 'video')) {
+        names.push('muted', 'defaultMuted');
+    }
+    return names;
+};

package/dist/cssStyleProperties.d.ts

@@ -0,0 +1,6 @@
+/** CSSStyleDeclaration properties supported by typed Foldkit style objects.
+ *
+ * @internal
+ */
+export declare const CSS_STYLE_PROPERTIES: ReadonlySet<string>;
+//# sourceMappingURL=cssStyleProperties.d.ts.map

package/dist/cssStyleProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssStyleProperties.d.ts","sourceRoot":"","sources":["../src/cssStyleProperties.ts"],"names":[],"mappings":"AAuFA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAEpD,CAAA"}

package/dist/cssStyleProperties.js

@@ -0,0 +1,91 @@
+const CSS_STYLE_PROPERTY_SOURCE = `
+accentColor alignContent alignItems alignSelf alignmentBaseline all anchorName anchorScope
+animation animationComposition animationDelay animationDirection animationDuration animationFillMode
+animationIterationCount animationName animationPlayState animationRange animationRangeEnd
+animationRangeStart animationTimeline animationTimingFunction appearance aspectRatio backdropFilter
+backfaceVisibility background backgroundAttachment backgroundBlendMode backgroundClip backgroundColor
+backgroundImage backgroundOrigin backgroundPosition backgroundPositionX backgroundPositionY
+backgroundRepeat backgroundSize baselineShift baselineSource blockSize border borderBlock
+borderBlockColor borderBlockEnd borderBlockEndColor borderBlockEndStyle borderBlockEndWidth
+borderBlockStart borderBlockStartColor borderBlockStartStyle borderBlockStartWidth borderBlockStyle
+borderBlockWidth borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius
+borderBottomStyle borderBottomWidth borderCollapse borderColor borderEndEndRadius borderEndStartRadius
+borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth
+borderInline borderInlineColor borderInlineEnd borderInlineEndColor borderInlineEndStyle
+borderInlineEndWidth borderInlineStart borderInlineStartColor borderInlineStartStyle
+borderInlineStartWidth borderInlineStyle borderInlineWidth borderLeft borderLeftColor borderLeftStyle
+borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth
+borderSpacing borderStartEndRadius borderStartStartRadius borderStyle borderTop borderTopColor
+borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom
+boxDecorationBreak boxShadow boxSizing breakAfter breakBefore breakInside captionSide caretColor clear
+clip clipPath clipRule color colorInterpolation colorInterpolationFilters colorScheme columnCount
+columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columnSpan columnWidth
+columns contain containIntrinsicBlockSize containIntrinsicHeight containIntrinsicInlineSize
+containIntrinsicSize containIntrinsicWidth container containerName containerType content
+contentVisibility counterIncrement counterReset counterSet cssFloat cursor cx cy d direction display
+dominantBaseline dynamicRangeLimit emptyCells fieldSizing fill fillOpacity fillRule filter flex
+flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap float floodColor floodOpacity font
+fontFamily fontFeatureSettings fontKerning fontLanguageOverride fontOpticalSizing fontPalette fontSize
+fontSizeAdjust fontStretch fontStyle fontSynthesis fontSynthesisSmallCaps fontSynthesisStyle
+fontSynthesisWeight fontVariant fontVariantAlternates fontVariantCaps fontVariantEastAsian
+fontVariantEmoji fontVariantLigatures fontVariantNumeric fontVariantPosition fontVariationSettings
+fontWeight forcedColorAdjust gap grid gridArea gridAutoColumns gridAutoFlow gridAutoRows gridColumn
+gridColumnEnd gridColumnGap gridColumnStart gridGap gridRow gridRowEnd gridRowGap gridRowStart
+gridTemplate gridTemplateAreas gridTemplateColumns gridTemplateRows height hyphenateCharacter
+hyphenateLimitChars hyphens imageOrientation imageRendering inlineSize inset insetBlock insetBlockEnd
+insetBlockStart insetInline insetInlineEnd insetInlineStart isolation justifyContent justifyItems
+justifySelf left letterSpacing lightingColor lineBreak lineHeight listStyle listStyleImage
+listStylePosition listStyleType margin marginBlock marginBlockEnd marginBlockStart marginBottom
+marginInline marginInlineEnd marginInlineStart marginLeft marginRight marginTop marker markerEnd markerMid
+markerStart mask maskClip maskComposite maskImage maskMode maskOrigin maskPosition maskRepeat maskSize
+maskType mathDepth mathShift mathStyle maxBlockSize maxHeight maxInlineSize maxWidth minBlockSize
+minHeight minInlineSize minWidth mixBlendMode objectFit objectPosition offset offsetAnchor
+offsetDistance offsetPath offsetPosition offsetRotate opacity order orphans outline outlineColor
+outlineOffset outlineStyle outlineWidth overflow overflowAnchor overflowBlock overflowClipMargin
+overflowInline overflowWrap overflowX overflowY overscrollBehavior overscrollBehaviorBlock
+overscrollBehaviorInline overscrollBehaviorX overscrollBehaviorY padding paddingBlock paddingBlockEnd
+paddingBlockStart paddingBottom paddingInline paddingInlineEnd paddingInlineStart paddingLeft paddingRight
+paddingTop page pageBreakAfter pageBreakBefore pageBreakInside paintOrder perspective perspectiveOrigin
+placeContent placeItems placeSelf pointerEvents position positionAnchor positionArea positionTry
+positionTryFallbacks positionTryOrder positionVisibility printColorAdjust quotes r resize right rotate
+rowGap rubyAlign rubyPosition rx ry scale scrollBehavior scrollMargin scrollMarginBlock
+scrollMarginBlockEnd scrollMarginBlockStart scrollMarginBottom scrollMarginInline scrollMarginInlineEnd
+scrollMarginInlineStart scrollMarginLeft scrollMarginRight scrollMarginTop scrollPadding
+scrollPaddingBlock scrollPaddingBlockEnd scrollPaddingBlockStart scrollPaddingBottom scrollPaddingInline
+scrollPaddingInlineEnd scrollPaddingInlineStart scrollPaddingLeft scrollPaddingRight scrollPaddingTop
+scrollSnapAlign scrollSnapStop scrollSnapType scrollTimeline scrollTimelineAxis scrollTimelineName
+scrollbarColor scrollbarGutter scrollbarWidth shapeImageThreshold shapeMargin shapeOutside
+shapeRendering stopColor stopOpacity stroke strokeDasharray strokeDashoffset strokeLinecap
+strokeLinejoin strokeMiterlimit strokeOpacity strokeWidth tabSize tableLayout textAlign textAlignLast
+textAnchor textAutospace textBox textBoxEdge textBoxTrim textCombineUpright textDecoration
+textDecorationColor textDecorationLine textDecorationSkipInk textDecorationStyle
+textDecorationThickness textEmphasis textEmphasisColor textEmphasisPosition textEmphasisStyle
+textIndent textJustify textOrientation textOverflow textRendering textShadow textTransform
+textUnderlineOffset textUnderlinePosition textWrap textWrapMode textWrapStyle timelineScope top
+touchAction transform transformBox transformOrigin transformStyle transition transitionBehavior
+transitionDelay transitionDuration transitionProperty transitionTimingFunction translate unicodeBidi
+userSelect vectorEffect verticalAlign viewTimeline viewTimelineAxis viewTimelineInset viewTimelineName
+viewTransitionClass viewTransitionName visibility webkitAlignContent webkitAlignItems webkitAlignSelf
+webkitAnimation webkitAnimationDelay webkitAnimationDirection webkitAnimationDuration
+webkitAnimationFillMode webkitAnimationIterationCount webkitAnimationName webkitAnimationPlayState
+webkitAnimationTimingFunction webkitAppearance webkitBackfaceVisibility webkitBackgroundClip
+webkitBackgroundOrigin webkitBackgroundSize webkitBorderBottomLeftRadius
+webkitBorderBottomRightRadius webkitBorderRadius webkitBorderTopLeftRadius
+webkitBorderTopRightRadius webkitBoxAlign webkitBoxFlex webkitBoxOrdinalGroup webkitBoxOrient
+webkitBoxPack webkitBoxShadow webkitBoxSizing webkitFilter webkitFlex webkitFlexBasis
+webkitFlexDirection webkitFlexFlow webkitFlexGrow webkitFlexShrink webkitFlexWrap
+webkitJustifyContent webkitLineClamp webkitMask webkitMaskBoxImage webkitMaskBoxImageOutset
+webkitMaskBoxImageRepeat webkitMaskBoxImageSlice webkitMaskBoxImageSource webkitMaskBoxImageWidth
+webkitMaskClip webkitMaskComposite webkitMaskImage webkitMaskOrigin webkitMaskPosition webkitMaskRepeat
+webkitMaskSize webkitOrder webkitPerspective webkitPerspectiveOrigin webkitTextFillColor
+webkitTextSizeAdjust webkitTextStroke webkitTextStrokeColor webkitTextStrokeWidth webkitTransform
+webkitTransformOrigin webkitTransformStyle webkitTransition webkitTransitionDelay
+webkitTransitionDuration webkitTransitionProperty webkitTransitionTimingFunction webkitUserSelect
+whiteSpace whiteSpaceCollapse widows width willChange wordBreak wordSpacing wordWrap writingMode x y
+zIndex zoom
+`;
+/** CSSStyleDeclaration properties supported by typed Foldkit style objects.
+ *
+ * @internal
+ */
+export const CSS_STYLE_PROPERTIES = new Set(CSS_STYLE_PROPERTY_SOURCE.trim().split(/\s+/));

package/dist/customElement/index.d.ts.map

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

package/dist/customElement/index.js

@@ -4,6 +4,23 @@ import { OnCustomEvent, Prop, customElement as customElementVNode, } from '../ht
  *  the same `On*` factory this module generates. */
 export const kebabToPascal = (input) => pipe(input, String.split('-'), Array.map(String.capitalize), Array.join(''));
 const IDENTIFIER_PATTERN = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
+// A conservative subset of the custom-element name grammar: lowercase start,
+// then only characters that cannot carry markup. The hyphen requirement is
+// checked separately so its message stays specific.
+const CUSTOM_ELEMENT_NAME_PATTERN = /^[a-z][a-z0-9._-]*$/;
+// Hyphenated names the custom-element spec reserves for SVG and MathML, which
+// `customElements.define` rejects with a SyntaxError. They pass the character
+// grammar, so they are excluded by name.
+const RESERVED_CUSTOM_ELEMENT_NAMES = new Set([
+    'annotation-xml',
+    'color-profile',
+    'font-face',
+    'font-face-src',
+    'font-face-uri',
+    'font-face-format',
+    'font-face-name',
+    'missing-glyph',
+]);
 const isValidPropertyName = (name) => IDENTIFIER_PATTERN.test(name);
 const isValidEventName = (name) => {
     if (String.isEmpty(name)) {
@@ -95,6 +112,12 @@ const validateNames = (input) => {
     if (!input.tag.includes('-')) {
         throw new Error(`${context}: tag '${input.tag}' is not a valid custom element name. Autonomous custom elements must contain at least one hyphen (e.g. 'fk-emoji-rating').`);
     }
+    if (!CUSTOM_ELEMENT_NAME_PATTERN.test(input.tag)) {
+        throw new Error(`${context}: tag '${input.tag}' is not a valid custom element name. Names must be lowercase, start with a letter, and use only letters, numbers, hyphens, dots, and underscores.`);
+    }
+    if (RESERVED_CUSTOM_ELEMENT_NAMES.has(input.tag)) {
+        throw new Error(`${context}: tag '${input.tag}' is a reserved custom element name that the browser rejects.`);
+    }
     for (const propertyName of input.propertyNames) {
         if (!isValidPropertyName(propertyName)) {
             throw new Error(`${context}: property name '${propertyName}' is not a valid JS identifier.`);

package/dist/domReflection.d.ts

@@ -0,0 +1,73 @@
+/** DOM properties whose attribute is present or absent rather than valued.
+ *
+ * @internal */
+export declare const BOOLEAN_PROPERTIES: ReadonlySet<string>;
+/** DOM properties whose name differs from the attribute they reflect.
+ *
+ * @internal */
+export declare const RENAMED_PROPERTY_ATTRIBUTES: Readonly<Record<string, string>>;
+/** DOM properties whose value is written as the same-named attribute verbatim.
+ *
+ * @internal */
+export declare const PASSTHROUGH_PROPERTIES: ReadonlySet<string>;
+/** The property names that are universal HTML global attributes.
+ *
+ * @internal */
+export declare const GLOBAL_ATTRIBUTE_PROPERTIES: ReadonlySet<string>;
+/** @internal */
+export declare const FOREIGN_REPRESENTABLE_PROPERTIES: ReadonlySet<string>;
+/** The HTML attribute a typed builder's DOM property reflects, or `undefined`
+ *  when the property is not one the tables above describe.
+ *
+ * @internal */
+export declare const reflectedAttributeName: (propertyName: string) => string | undefined;
+/** @internal */
+export declare const toHtmlAttributeName: (name: string) => string;
+export declare const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
+export declare const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+export declare const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
+/** The attribute name produced by parsing HTML source in the given namespace.
+ *
+ * @internal
+ */
+export declare const parsedAttributeName: (namespace: string | undefined | null, name: string) => string;
+/** Whether assigning a typed property can be represented by parsed HTML for
+ * the target element.
+ *
+ * @internal
+ */
+export declare const isHtmlPropertyRepresentable: (tagName: string, propertyName: string) => boolean;
+/** The attribute spelling produced by assigning a typed property on a fresh
+ * element.
+ *
+ * @internal
+ */
+export declare const serializedHtmlPropertyValue: (tagName: string, propertyName: string, value: unknown) => string;
+/** Refuses style entries whose property assignment and serialized declaration
+ * can describe different CSS.
+ *
+ * @internal
+ */
+export declare const assertStyleIsRepresentable: (style: Readonly<Record<string, unknown>>) => void;
+/** The CSS declaration name corresponding to a CSSStyleDeclaration property.
+ *
+ * @internal
+ */
+export declare const serializedStylePropertyName: (name: string) => string;
+/** A style object keyed by the declaration names shared by CSSOM and HTML.
+ *
+ * @internal
+ */
+export declare const normalizedStyleProperties: (style: Readonly<Record<string, unknown>>) => Record<string, string>;
+/** Inline style source whose parsed declarations match fresh CSSOM property
+ * assignment, excluding Snabbdom lifecycle controls.
+ *
+ * @internal
+ */
+export declare const serializedStyleAttribute: (style: Readonly<Record<string, unknown>>) => string | undefined;
+/** The value of an HTML attribute written under any ASCII casing, or
+ *  `undefined` when no spelling of it is present.
+ *
+ * @internal */
+export declare const htmlAttributeValue: (attributes: Readonly<Record<string, unknown>> | undefined, name: string) => unknown;
+//# sourceMappingURL=domReflection.d.ts.map

package/dist/domReflection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domReflection.d.ts","sourceRoot":"","sources":["../src/domReflection.ts"],"names":[],"mappings":"AAaA;;eAEe;AACf,eAAO,MAAM,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAoBjD,CAAA;AAEF;;eAEe;AACf,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiBxE,CAAA;AAED;;eAEe;AACf,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAqCrD,CAAA;AAEF;;eAEe;AACf,eAAO,MAAM,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAU1D,CAAA;AAaF,gBAAgB;AAChB,eAAO,MAAM,gCAAgC,EAAE,WAAW,CAAC,MAAM,CAI/D,CAAA;AAEF;;;eAGe;AACf,eAAO,MAAM,sBAAsB,GACjC,cAAc,MAAM,KACnB,MAAM,GAAG,SAaX,CAAA;AAUD,gBAAgB;AAChB,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,KAAG,MACQ,CAAA;AA+D3D,eAAO,MAAM,cAAc,iCAAiC,CAAA;AAC5D,eAAO,MAAM,aAAa,+BAA+B,CAAA;AACzD,eAAO,MAAM,gBAAgB,uCAAuC,CAAA;AAEpE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,GAAG,SAAS,GAAG,IAAI,EACpC,MAAM,MAAM,KACX,MASF,CAAA;AA8HD;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,GACtC,SAAS,MAAM,EACf,cAAc,MAAM,KACnB,OAG2E,CAAA;AAU9E;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,GACtC,SAAS,MAAM,EACf,cAAc,MAAM,EACpB,OAAO,OAAO,KACb,MAYF,CAAA;AAgFD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KACvC,IA+DF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,MAAM,MAAM,KAAG,MAE1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,GACpC,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KACvC,MAAM,CAAC,MAAM,EAAE,MAAM,CAQvB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KACvC,MAAM,GAAG,SAQX,CAAA;AAED;;;eAGe;AACf,eAAO,MAAM,kBAAkB,GAC7B,YAAY,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,EACzD,MAAM,MAAM,KACX,OAWF,CAAA"}