@reckona/mreact-compat 0.0.143 → 0.0.145

package/dist/jsx-dev-runtime.d.ts

@@ -1,7 +1,8 @@
-import { Fragment } from "./jsx-runtime.js";
+import { Fragment, REACTIVE_TEXT_BINDING_META } from "./jsx-runtime.js";
 import type { ElementType, ReactCompatElement, ReactCompatNode } from "./element.js";
 import type { JSXIntrinsicAttributes, JSXIntrinsicElements } from "./jsx-runtime.js";
 export { Fragment };
+export { REACTIVE_TEXT_BINDING_META };
 export type { FormEvent, FormEventHandler, JSXEvent, JSXEventHandler, JSXHTMLAttributes, JSXIntrinsicAttributes, JSXIntrinsicElements, } from "./jsx-runtime.js";
 export declare namespace JSX {
     interface Element extends ReactCompatElement {

package/dist/jsx-dev-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAE1B,yBAAiB,GAAG,CAAC;IACnB,UAAiB,OAAQ,SAAQ,kBAAkB;KAAG;IAEtD,UAAiB,mBAAoB,SAAQ,sBAAsB;KAAG;IAEtE,UAAiB,iBAAkB,SAAQ,oBAAoB;KAAG;CACnE;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,IAAI,EAChF,GAAG,EAAE,OAAO,EACZ,iBAAiB,EAAE,OAAO,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,OAAO,GACb,kBAAkB,CAAC,CAAC,CAAC,CAEvB"}
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,0BAA0B,EAE3B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAE1B,yBAAiB,GAAG,CAAC;IACnB,UAAiB,OAAQ,SAAQ,kBAAkB;KAAG;IAEtD,UAAiB,mBAAoB,SAAQ,sBAAsB;KAAG;IAEtE,UAAiB,iBAAkB,SAAQ,oBAAoB;KAAG;CACnE;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,IAAI,EAChF,GAAG,EAAE,OAAO,EACZ,iBAAiB,EAAE,OAAO,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,OAAO,GACb,kBAAkB,CAAC,CAAC,CAAC,CAEvB"}

package/dist/jsx-dev-runtime.js

@@ -1,5 +1,6 @@
-import { Fragment, jsx } from "./jsx-runtime.js";
+import { Fragment, REACTIVE_TEXT_BINDING_META, jsx, } from "./jsx-runtime.js";
 export { Fragment };
+export { REACTIVE_TEXT_BINDING_META };
 export function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
     return jsx(type, props, key);
 }

package/dist/jsx-dev-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAWjD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAmBpB,MAAM,UAAU,MAAM,CACpB,IAAoB,EACpB,KAAgF,EAChF,GAAY,EACZ,iBAA0B,EAC1B,OAAgB,EAChB,KAAc;IAEd,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC/B,CAAC","sourcesContent":["import { Fragment, jsx } from \"./jsx-runtime.js\";\nimport type {\n  ElementType,\n  ReactCompatElement,\n  ReactCompatNode,\n} from \"./element.js\";\nimport type {\n  JSXIntrinsicAttributes,\n  JSXIntrinsicElements,\n} from \"./jsx-runtime.js\";\n\nexport { Fragment };\nexport type {\n  FormEvent,\n  FormEventHandler,\n  JSXEvent,\n  JSXEventHandler,\n  JSXHTMLAttributes,\n  JSXIntrinsicAttributes,\n  JSXIntrinsicElements,\n} from \"./jsx-runtime.js\";\n\nexport namespace JSX {\n  export interface Element extends ReactCompatElement {}\n\n  export interface IntrinsicAttributes extends JSXIntrinsicAttributes {}\n\n  export interface IntrinsicElements extends JSXIntrinsicElements {}\n}\n\nexport function jsxDEV<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key: unknown,\n  _isStaticChildren: boolean,\n  _source: unknown,\n  _self: unknown,\n): ReactCompatElement<P> {\n  return jsx(type, props, key);\n}\n"]}
+{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,0BAA0B,EAC1B,GAAG,GACJ,MAAM,kBAAkB,CAAC;AAW1B,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAmBtC,MAAM,UAAU,MAAM,CACpB,IAAoB,EACpB,KAAgF,EAChF,GAAY,EACZ,iBAA0B,EAC1B,OAAgB,EAChB,KAAc;IAEd,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC/B,CAAC","sourcesContent":["import {\n  Fragment,\n  REACTIVE_TEXT_BINDING_META,\n  jsx,\n} from \"./jsx-runtime.js\";\nimport type {\n  ElementType,\n  ReactCompatElement,\n  ReactCompatNode,\n} from \"./element.js\";\nimport type {\n  JSXIntrinsicAttributes,\n  JSXIntrinsicElements,\n} from \"./jsx-runtime.js\";\n\nexport { Fragment };\nexport { REACTIVE_TEXT_BINDING_META };\nexport type {\n  FormEvent,\n  FormEventHandler,\n  JSXEvent,\n  JSXEventHandler,\n  JSXHTMLAttributes,\n  JSXIntrinsicAttributes,\n  JSXIntrinsicElements,\n} from \"./jsx-runtime.js\";\n\nexport namespace JSX {\n  export interface Element extends ReactCompatElement {}\n\n  export interface IntrinsicAttributes extends JSXIntrinsicAttributes {}\n\n  export interface IntrinsicElements extends JSXIntrinsicElements {}\n}\n\nexport function jsxDEV<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key: unknown,\n  _isStaticChildren: boolean,\n  _source: unknown,\n  _self: unknown,\n): ReactCompatElement<P> {\n  return jsx(type, props, key);\n}\n"]}

package/dist/jsx-runtime.d.ts

@@ -1,6 +1,7 @@
-import { Fragment } from "./element.js";
+import { Fragment, REACTIVE_TEXT_BINDING_META } from "./element.js";
 import type { ElementType, ReactCompatElement, ReactCompatNode } from "./element.js";
 export { Fragment };
+export { REACTIVE_TEXT_BINDING_META };
 export type JSXEvent<TCurrentTarget extends EventTarget, TEvent extends Event = Event> = TEvent & {
     readonly currentTarget: TCurrentTarget;
 };

package/dist/jsx-runtime.d.ts.map

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

package/dist/jsx-runtime.js

@@ -1,5 +1,6 @@
-import { createElementFromJsxConfig, Fragment } from "./element.js";
+import { createElementFromJsxConfig, Fragment, REACTIVE_TEXT_BINDING_META, } from "./element.js";
 export { Fragment };
+export { REACTIVE_TEXT_BINDING_META };
 export function jsx(type, props, key) {
     return createElementFromJsx(type, props, key);
 }

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOpE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAyEpB,MAAM,UAAU,GAAG,CACjB,IAAoB,EACpB,KAAgF,EAChF,GAAa;IAEb,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,IAAI,CAClB,IAAoB,EACpB,KAAgF,EAChF,GAAa;IAEb,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,oBAAoB,CAC3B,IAAoB,EACpB,KAAgF,EAChF,GAAY;IAEZ,OAAO,0BAA0B,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACtD,CAAC","sourcesContent":["import { createElementFromJsxConfig, Fragment } from \"./element.js\";\nimport type {\n  ElementType,\n  ReactCompatElement,\n  ReactCompatNode,\n} from \"./element.js\";\n\nexport { Fragment };\n\nexport type JSXEvent<\n  TCurrentTarget extends EventTarget,\n  TEvent extends Event = Event,\n> = TEvent & {\n  readonly currentTarget: TCurrentTarget;\n};\n\nexport type JSXEventHandler<\n  TCurrentTarget extends EventTarget,\n  TEvent extends Event = Event,\n> = (event: JSXEvent<TCurrentTarget, TEvent>) => unknown;\n\nexport type FormEvent<TCurrentTarget extends EventTarget = Element> = JSXEvent<\n  TCurrentTarget,\n  SubmitEvent\n>;\n\nexport type FormEventHandler<TCurrentTarget extends EventTarget = Element> =\n  JSXEventHandler<TCurrentTarget, SubmitEvent>;\n\nexport interface JSXDOMAttributes<TElement extends EventTarget> {\n  children?: ReactCompatNode;\n  onClick?: JSXEventHandler<TElement, MouseEvent>;\n  onChange?: JSXEventHandler<TElement, Event>;\n  onInput?: JSXEventHandler<TElement, InputEvent>;\n  onSubmit?: JSXEventHandler<TElement, SubmitEvent>;\n}\n\nexport interface JSXHTMLAttributes<TElement extends HTMLElement>\n  extends JSXDOMAttributes<TElement> {\n  [attributeName: string]: unknown;\n}\n\nexport interface JSXIntrinsicAttributes {\n  key?: unknown;\n  ref?: unknown;\n}\n\nexport interface JSXIntrinsicElements {\n  form: JSXHTMLAttributes<HTMLFormElement> & {\n    onSubmit?: JSXEventHandler<HTMLFormElement, SubmitEvent>;\n  };\n  input: JSXHTMLAttributes<HTMLInputElement>;\n  button: JSXHTMLAttributes<HTMLButtonElement>;\n  textarea: JSXHTMLAttributes<HTMLTextAreaElement>;\n  select: JSXHTMLAttributes<HTMLSelectElement>;\n  option: JSXHTMLAttributes<HTMLOptionElement>;\n  a: JSXHTMLAttributes<HTMLAnchorElement>;\n  img: JSXHTMLAttributes<HTMLImageElement>;\n  main: JSXHTMLAttributes<HTMLElement>;\n  div: JSXHTMLAttributes<HTMLDivElement>;\n  span: JSXHTMLAttributes<HTMLSpanElement>;\n  [elementName: string]: Record<string, unknown>;\n}\n\nexport namespace JSX {\n  export interface Element extends ReactCompatElement {}\n\n  export interface IntrinsicAttributes extends JSXIntrinsicAttributes {}\n\n  export interface IntrinsicElements extends JSXIntrinsicElements {}\n}\n\ndeclare global {\n  namespace JSX {\n    interface Element extends ReactCompatElement {}\n    interface IntrinsicAttributes extends JSXIntrinsicAttributes {}\n    interface IntrinsicElements extends JSXIntrinsicElements {}\n  }\n}\n\nexport function jsx<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key?: unknown,\n): ReactCompatElement<P> {\n  return createElementFromJsx(type, props, key);\n}\n\nexport function jsxs<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key?: unknown,\n): ReactCompatElement<P> {\n  return createElementFromJsx(type, props, key);\n}\n\nfunction createElementFromJsx<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key: unknown,\n): ReactCompatElement<P> {\n  return createElementFromJsxConfig(type, props, key);\n}\n"]}
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,QAAQ,EACR,0BAA0B,GAC3B,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAyEtC,MAAM,UAAU,GAAG,CACjB,IAAoB,EACpB,KAAgF,EAChF,GAAa;IAEb,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,IAAI,CAClB,IAAoB,EACpB,KAAgF,EAChF,GAAa;IAEb,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,oBAAoB,CAC3B,IAAoB,EACpB,KAAgF,EAChF,GAAY;IAEZ,OAAO,0BAA0B,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACtD,CAAC","sourcesContent":["import {\n  createElementFromJsxConfig,\n  Fragment,\n  REACTIVE_TEXT_BINDING_META,\n} from \"./element.js\";\nimport type {\n  ElementType,\n  ReactCompatElement,\n  ReactCompatNode,\n} from \"./element.js\";\n\nexport { Fragment };\nexport { REACTIVE_TEXT_BINDING_META };\n\nexport type JSXEvent<\n  TCurrentTarget extends EventTarget,\n  TEvent extends Event = Event,\n> = TEvent & {\n  readonly currentTarget: TCurrentTarget;\n};\n\nexport type JSXEventHandler<\n  TCurrentTarget extends EventTarget,\n  TEvent extends Event = Event,\n> = (event: JSXEvent<TCurrentTarget, TEvent>) => unknown;\n\nexport type FormEvent<TCurrentTarget extends EventTarget = Element> = JSXEvent<\n  TCurrentTarget,\n  SubmitEvent\n>;\n\nexport type FormEventHandler<TCurrentTarget extends EventTarget = Element> =\n  JSXEventHandler<TCurrentTarget, SubmitEvent>;\n\nexport interface JSXDOMAttributes<TElement extends EventTarget> {\n  children?: ReactCompatNode;\n  onClick?: JSXEventHandler<TElement, MouseEvent>;\n  onChange?: JSXEventHandler<TElement, Event>;\n  onInput?: JSXEventHandler<TElement, InputEvent>;\n  onSubmit?: JSXEventHandler<TElement, SubmitEvent>;\n}\n\nexport interface JSXHTMLAttributes<TElement extends HTMLElement>\n  extends JSXDOMAttributes<TElement> {\n  [attributeName: string]: unknown;\n}\n\nexport interface JSXIntrinsicAttributes {\n  key?: unknown;\n  ref?: unknown;\n}\n\nexport interface JSXIntrinsicElements {\n  form: JSXHTMLAttributes<HTMLFormElement> & {\n    onSubmit?: JSXEventHandler<HTMLFormElement, SubmitEvent>;\n  };\n  input: JSXHTMLAttributes<HTMLInputElement>;\n  button: JSXHTMLAttributes<HTMLButtonElement>;\n  textarea: JSXHTMLAttributes<HTMLTextAreaElement>;\n  select: JSXHTMLAttributes<HTMLSelectElement>;\n  option: JSXHTMLAttributes<HTMLOptionElement>;\n  a: JSXHTMLAttributes<HTMLAnchorElement>;\n  img: JSXHTMLAttributes<HTMLImageElement>;\n  main: JSXHTMLAttributes<HTMLElement>;\n  div: JSXHTMLAttributes<HTMLDivElement>;\n  span: JSXHTMLAttributes<HTMLSpanElement>;\n  [elementName: string]: Record<string, unknown>;\n}\n\nexport namespace JSX {\n  export interface Element extends ReactCompatElement {}\n\n  export interface IntrinsicAttributes extends JSXIntrinsicAttributes {}\n\n  export interface IntrinsicElements extends JSXIntrinsicElements {}\n}\n\ndeclare global {\n  namespace JSX {\n    interface Element extends ReactCompatElement {}\n    interface IntrinsicAttributes extends JSXIntrinsicAttributes {}\n    interface IntrinsicElements extends JSXIntrinsicElements {}\n  }\n}\n\nexport function jsx<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key?: unknown,\n): ReactCompatElement<P> {\n  return createElementFromJsx(type, props, key);\n}\n\nexport function jsxs<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key?: unknown,\n): ReactCompatElement<P> {\n  return createElementFromJsx(type, props, key);\n}\n\nfunction createElementFromJsx<P extends Record<string, unknown>>(\n  type: ElementType<P>,\n  props: (P & { children?: ReactCompatNode; key?: unknown; ref?: unknown }) | null,\n  key: unknown,\n): ReactCompatElement<P> {\n  return createElementFromJsxConfig(type, props, key);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reckona/mreact-compat",
-  "version": "0.0.143",
+  "version": "0.0.145",
   "description": "React-compatible runtime implementation for mreact.",
   "keywords": [
     "compatibility",
@@ -69,7 +69,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@reckona/mreact-reactive-core": "0.0.143",
-    "@reckona/mreact-shared": "0.0.143"
+    "@reckona/mreact-reactive-core": "0.0.145",
+    "@reckona/mreact-shared": "0.0.145"
   }
 }

package/src/element.ts

@@ -15,6 +15,9 @@ export const HOST_OWN_PROPS_META = Symbol.for("modular.react.host_own_props_meta
 export const HOST_CHILDREN_ONLY_PROPS_META = Symbol.for(
   "modular.react.host_children_only_props_meta",
 );
+export const REACTIVE_TEXT_BINDING_META = Symbol.for(
+  "modular.react.reactive_text_binding_meta",
+);
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 export interface ReactCompatProviderType {
@@ -274,18 +277,19 @@ function copyElementProps(
   base?: Record<string, unknown>,
   omitChildren = false,
 ): Record<string, unknown> {
-  const props: Record<string, unknown> = {};
+  const props: Record<PropertyKey, unknown> = {};
 
   if (base !== undefined) {
     copyOwnStringElementProps(base, props, omitChildren);
   }
 
   if (source === null || source === undefined) {
-    return props;
+    return props as Record<string, unknown>;
   }
 
   copyOwnStringElementProps(source, props, omitChildren);
-  return props;
+  copyOwnSymbolElementProps(source, props);
+  return props as Record<string, unknown>;
 }
 
 function copyOwnStringElementProps(
@@ -310,6 +314,16 @@ function copyOwnStringElementProps(
   }
 }
 
+function copyOwnSymbolElementProps(
+  source: Record<string, unknown>,
+  target: Record<PropertyKey, unknown>,
+): void {
+  const symbolSource = source as Record<PropertyKey, unknown>;
+  for (const symbol of Object.getOwnPropertySymbols(source)) {
+    target[symbol] = symbolSource[symbol];
+  }
+}
+
 function normalizeElementType<P>(type: ElementType<P>): ElementType<P> {
   return isReactCompatContextProviderShorthand(type) ? (type.Provider as ElementType<P>) : type;
 }

package/src/hooks.ts

@@ -11,6 +11,7 @@ import {
   useContext,
   withContextReadObserver,
 } from "./context.js";
+import { REACTIVE_TEXT_BINDING_META } from "./element.js";
 import { isThenable } from "./thenable.js";
 
 export interface RootRuntime {
@@ -124,7 +125,7 @@ export type DevToolsHookValue =
   | { kind: "effect"; effectKind: "insertion" | "layout" | "normal"; deps?: readonly unknown[] };
 
 type HookSlot =
-  | { kind: "state"; value: unknown; hostCommitValue?: unknown }
+  | { kind: "state"; value: unknown; hostCommitValue?: unknown; textBinding?: ReactiveTextBinding }
   | {
       kind: "action-state";
       state: unknown;
@@ -195,6 +196,13 @@ const queuedTransitionRerenders = new Map<RootRuntime, TransitionContext>();
 const queuedEventRerenders = new Set<RootRuntime>();
 export const version = "19.2.6";
 
+export interface ReactiveTextBinding {
+  value: unknown;
+  subscribers: Set<Text>;
+}
+
+const reactiveTextBindingsByNode = new WeakMap<Text, ReactiveTextBinding>();
+
 export function act<T>(callback: () => T): T extends PromiseLike<unknown> ? Promise<void> : void {
   const previousPriority = currentEventPriority;
   currentEventPriority = "discrete";
@@ -778,6 +786,20 @@ export function useState<T>(
     }
 
     slot.value = nextValue;
+    const canUseDirectTextBinding =
+      hookRenderState.hostCommitDepth === 0 &&
+      hookRenderState.currentRuntime !== runtime &&
+      hookRenderState.currentInstance !== instance &&
+      runtime.effectFlushPhase === undefined &&
+      eventBatchDepth === 0 &&
+      transitionDepth === 0 &&
+      optionsAllowDirectTextBinding(value) &&
+      updateDirectTextBinding(slot.textBinding, nextValue);
+
+    if (canUseDirectTextBinding) {
+      return;
+    }
+
     if (hookRenderState.hostCommitDepth > 0) {
       updateHostCommitDirtyState(instance);
       hookRenderState.queuedHostCommitRerenders.add(runtime);
@@ -792,7 +814,86 @@ export function useState<T>(
     value: slot.value,
   });
 
-  return [slot.value as T, setState];
+  const result = [slot.value as T, setState] as [
+    T,
+    (value: T | ((previous: T) => T)) => void,
+  ] & Record<PropertyKey, unknown>;
+  result[REACTIVE_TEXT_BINDING_META] = getStateTextBinding(slot);
+  return result;
+}
+
+export function subscribeReactiveTextBinding(binding: unknown, node: Text): void {
+  if (!isReactiveTextBinding(binding)) {
+    clearReactiveTextBinding(node);
+    return;
+  }
+
+  const previous = reactiveTextBindingsByNode.get(node);
+
+  if (previous !== undefined && previous !== binding) {
+    previous.subscribers.delete(node);
+  }
+
+  reactiveTextBindingsByNode.set(node, binding);
+  binding.subscribers.add(node);
+}
+
+function clearReactiveTextBinding(node: Text): void {
+  const previous = reactiveTextBindingsByNode.get(node);
+
+  if (previous === undefined) {
+    return;
+  }
+
+  previous.subscribers.delete(node);
+  reactiveTextBindingsByNode.delete(node);
+}
+
+function getStateTextBinding(slot: Extract<HookSlot, { kind: "state" }>): ReactiveTextBinding {
+  slot.textBinding ??= {
+    value: slot.value,
+    subscribers: new Set(),
+  };
+  slot.textBinding.value = slot.value;
+  return slot.textBinding;
+}
+
+function optionsAllowDirectTextBinding(value: unknown): boolean {
+  return typeof value !== "function";
+}
+
+function updateDirectTextBinding(binding: ReactiveTextBinding | undefined, value: unknown): boolean {
+  if (binding === undefined || binding.subscribers.size === 0) {
+    return false;
+  }
+
+  let updated = false;
+  const nextText = String(value);
+
+  for (const node of binding.subscribers) {
+    if (node.parentNode === null) {
+      binding.subscribers.delete(node);
+      reactiveTextBindingsByNode.delete(node);
+      continue;
+    }
+
+    if (node.data !== nextText) {
+      node.data = nextText;
+    }
+    updated = true;
+  }
+
+  binding.value = value;
+  return updated;
+}
+
+function isReactiveTextBinding(value: unknown): value is ReactiveTextBinding {
+  return (
+    typeof value === "object" &&
+    value !== null &&
+    "subscribers" in value &&
+    (value as { subscribers?: unknown }).subscribers instanceof Set
+  );
 }
 
 export function useReducer<TState, TAction, TInitial = TState>(

package/src/host-reconciler.ts

@@ -8,6 +8,7 @@ import {
   LAZY_TYPE,
   MEMO_TYPE,
   Profiler,
+  REACTIVE_TEXT_BINDING_META,
   STRICT_MODE_TYPE,
   Suspense,
   SuspenseList,
@@ -49,6 +50,7 @@ import {
   collectRuntimeInstanceKeys,
   hasContextDependency,
   hasChangedContextDependency,
+  subscribeReactiveTextBinding,
   type RootRuntime,
 } from "./hooks.js";
 import { isThenable } from "./thenable.js";
@@ -1653,7 +1655,8 @@ function commitHostDirtyFiber(
     }
 
     if (directTextChild !== undefined) {
-      syncDirectHostTextChild(element, directTextChild);
+      const text = syncDirectHostTextChild(element, directTextChild);
+      subscribeReactiveHostTextBinding(props, text);
     } else if (fiber.subtreeFlags !== NoFlags) {
       commitHostDirtyChildren(fiber.child, element, eventRoot, `${path}.c`, options);
     }
@@ -2043,7 +2046,8 @@ function commitHostFiber(
       applyChangedRef(previousProps?.ref, props.ref, element);
     }
     if (directTextChild !== undefined) {
-      syncDirectHostTextChild(element, directTextChild);
+      const text = syncDirectHostTextChild(element, directTextChild);
+      subscribeReactiveHostTextBinding(props, text);
     } else if (
       fiber.hostChildListChanged ||
       fiber.childListChanged ||
@@ -2410,17 +2414,36 @@ function shouldUseDirectHostTextChild(): boolean {
   return globalProcess?.env?.NODE_ENV === "production";
 }
 
-function syncDirectHostTextChild(element: Element, text: string): void {
+function syncDirectHostTextChild(element: Element, text: string): Text {
   const firstChild = element.firstChild;
 
   if (firstChild instanceof Text && firstChild.nextSibling === null) {
     if (firstChild.data !== text) {
       firstChild.data = text;
     }
-    return;
+    return firstChild;
   }
 
   element.textContent = text;
+  const nextFirstChild = element.firstChild;
+
+  if (!(nextFirstChild instanceof Text)) {
+    const textNode = document.createTextNode(text);
+    element.replaceChildren(textNode);
+    return textNode;
+  }
+
+  return nextFirstChild;
+}
+
+function subscribeReactiveHostTextBinding(
+  props: Record<string, unknown>,
+  text: Text,
+): void {
+  subscribeReactiveTextBinding(
+    (props as Record<PropertyKey, unknown>)[REACTIVE_TEXT_BINDING_META],
+    text,
+  );
 }
 
 function shouldPreserveContentEditableChildren(

package/src/jsx-dev-runtime.ts

@@ -1,4 +1,8 @@
-import { Fragment, jsx } from "./jsx-runtime.js";
+import {
+  Fragment,
+  REACTIVE_TEXT_BINDING_META,
+  jsx,
+} from "./jsx-runtime.js";
 import type {
   ElementType,
   ReactCompatElement,
@@ -10,6 +14,7 @@ import type {
 } from "./jsx-runtime.js";
 
 export { Fragment };
+export { REACTIVE_TEXT_BINDING_META };
 export type {
   FormEvent,
   FormEventHandler,

package/src/jsx-runtime.ts

@@ -1,4 +1,8 @@
-import { createElementFromJsxConfig, Fragment } from "./element.js";
+import {
+  createElementFromJsxConfig,
+  Fragment,
+  REACTIVE_TEXT_BINDING_META,
+} from "./element.js";
 import type {
   ElementType,
   ReactCompatElement,
@@ -6,6 +10,7 @@ import type {
 } from "./element.js";
 
 export { Fragment };
+export { REACTIVE_TEXT_BINDING_META };
 
 export type JSXEvent<
   TCurrentTarget extends EventTarget,