@reckona/mreact-compat 0.0.186 → 0.0.187
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/element.d.ts +1 -0
- package/dist/element.d.ts.map +1 -1
- package/dist/element.js.map +1 -1
- package/dist/host-reconciler.d.ts.map +1 -1
- package/dist/host-reconciler.js +41 -12
- package/dist/host-reconciler.js.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/jsx-runtime.d.ts.map +1 -1
- package/dist/jsx-runtime.js +2 -0
- package/dist/jsx-runtime.js.map +1 -1
- package/package.json +4 -4
- package/src/element.ts +1 -0
- package/src/host-reconciler.ts +45 -12
- package/src/index.ts +4 -0
- package/src/jsx-runtime.ts +3 -0
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,SAAS,EACT,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,+EAA+E;AAC/E,YAAY,EACV,oBAAoB,EACpB,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,4BAA4B,GAC7B,MAAM,cAAc,CAAC;AACtB,4DAA4D;AAC5D,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,6BAA6B,EAC7B,6BAA6B,EAC7B,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,gCAAgC,EAChC,UAAU,EACV,4BAA4B,EAC5B,kCAAkC,EAClC,0BAA0B,EAC1B,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,0BAA0B,EAC1B,MAAM,EACN,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,kBAAkB,EAClB,6BAA6B,EAC7B,IAAI,EACJ,WAAW,EACX,0BAA0B,EAC1B,yBAAyB,EACzB,sBAAsB,EACtB,6BAA6B,GAC9B,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,GAAG,EACH,cAAc,EACd,GAAG,EACH,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,OAAO,GACR,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACnE,iDAAiD;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { installCompatRenderValueNormalizer } from "@reckona/mreact-reactive-dom/compat-normalize";
|
|
2
|
+
installCompatRenderValueNormalizer();
|
|
1
3
|
export { Component, PureComponent, } from "./class-component.js";
|
|
2
4
|
export { Fragment, Activity, Profiler, Suspense, SuspenseList, StrictMode, Children, cloneElement, createElement, createErrorBoundary, createPortal, createRef, forwardRef, isValidElement, lazy, memo, } from "./element.js";
|
|
3
5
|
export { createContext, renderContextConsumerToString, renderContextProviderToString, useContext, } from "./context.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,GACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EACL,aAAa,EACb,6BAA6B,EAC7B,6BAA6B,EAC7B,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,gCAAgC,EAChC,UAAU,EACV,4BAA4B,EAC5B,kCAAkC,EAClC,0BAA0B,EAC1B,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,0BAA0B,EAC1B,MAAM,EACN,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAarB,OAAO,EACL,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,GAAG,EACH,cAAc,EACd,GAAG,EACH,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,OAAO,GACR,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzE,iDAAiD;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,+CAA+C,CAAC;AAEnG,kCAAkC,EAAE,CAAC;AAErC,OAAO,EACL,SAAS,EACT,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,GACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EACL,aAAa,EACb,6BAA6B,EAC7B,6BAA6B,EAC7B,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,gCAAgC,EAChC,UAAU,EACV,4BAA4B,EAC5B,kCAAkC,EAClC,0BAA0B,EAC1B,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,0BAA0B,EAC1B,MAAM,EACN,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAarB,OAAO,EACL,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,GAAG,EACH,cAAc,EACd,GAAG,EACH,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,OAAO,GACR,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzE,iDAAiD;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["import { installCompatRenderValueNormalizer } from \"@reckona/mreact-reactive-dom/compat-normalize\";\n\ninstallCompatRenderValueNormalizer();\n\nexport {\n Component,\n PureComponent,\n} from \"./class-component.js\";\nexport {\n Fragment,\n Activity,\n Profiler,\n Suspense,\n SuspenseList,\n StrictMode,\n Children,\n cloneElement,\n createElement,\n createErrorBoundary,\n createPortal,\n createRef,\n forwardRef,\n isValidElement,\n lazy,\n memo,\n} from \"./element.js\";\n/** Element and node types exported by the React-compatible root entrypoint. */\nexport type {\n ErrorBoundaryOptions,\n ElementType,\n ReactCompatElement,\n ReactCompatNode,\n ReactCompatRenderableElement,\n} from \"./element.js\";\n/** DOM and form event types exported by the JSX runtime. */\nexport type {\n FormEvent,\n FormEventHandler,\n JSXEvent,\n JSXEventHandler,\n} from \"./jsx-runtime.js\";\n\nexport {\n createContext,\n renderContextConsumerToString,\n renderContextProviderToString,\n useContext,\n} from \"./context.js\";\nexport {\n applyStreamingHydrationFragments,\n createRoot,\n createStreamingHydrationRoot,\n enableEventHydrationManifestReplay,\n enableHydrationEventReplay,\n flushSync,\n hydrateRoot,\n queueHydrationEvent,\n readEventHydrationManifest,\n render,\n unmountComponentAtNode,\n} from \"./render.js\";\nexport type {\n EventHydrationManifest,\n EventHydrationManifestEntry,\n HydrateRootOptions,\n HydrationRecoverableErrorInfo,\n Root,\n RootOptions,\n SelectiveHydrationBoundary,\n SelectiveHydrationOptions,\n StreamingHydrationRoot,\n StreamingHydrationRootOptions,\n} from \"./render.js\";\nexport {\n useCallback,\n useDebugValue,\n useDeferredValue,\n useEffectEvent,\n useEffect,\n useId,\n useImperativeHandle,\n useInsertionEffect,\n useLayoutEffect,\n useMemo,\n useOptimistic,\n useReducer,\n useRef,\n useState,\n useSyncExternalStore,\n use,\n useActionState,\n act,\n cache,\n cacheSignal,\n captureOwnerStack,\n startTransition,\n unstable_useCacheRefresh,\n useTransition,\n version,\n} from \"./hooks.js\";\nexport { renderChildToString, renderToString } from \"./server-render.js\";\nexport type { StartTransition, TransitionScope } from \"./hooks.js\";\n/** Default React-compatible namespace export. */\nexport { default } from \"./react-default.js\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"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"}
|
package/dist/jsx-runtime.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import { installCompatRenderValueNormalizer } from "@reckona/mreact-reactive-dom/compat-normalize";
|
|
1
2
|
import { createElementFromJsxConfig, Fragment, REACTIVE_DOM_BLOCK_TYPE, REACTIVE_STATE_BINDING_META, REACTIVE_TEXT_BINDING_META, } from "./element.js";
|
|
3
|
+
installCompatRenderValueNormalizer();
|
|
2
4
|
/** Fragment marker used by the automatic JSX runtime. */
|
|
3
5
|
export { Fragment };
|
|
4
6
|
/** Metadata key used by compiled JSX for reactive text bindings. */
|
package/dist/jsx-runtime.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,QAAQ,EACR,uBAAuB,EACvB,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,cAAc,CAAC;AAStB,yDAAyD;AACzD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,oEAAoE;AACpE,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,CAAC;AAEvC,MAAM,UAAU,sBAAsB,CACpC,MAAiC,EACjC,UAAc;IAEd,MAAM,KAAK,GAA0B,EAAE,MAAM,EAAE,MAAgC,EAAE,CAAC;IAClF,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,KAAK,CAAC,UAAU,GAAG,UAAqC,CAAC;IAC3D,CAAC;IACD,OAAO,0BAA0B,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;AACpE,CAAC;AAkFD,wEAAwE;AACxE,MAAM,UAAU,GAAG,CACjB,IAAoB,EACpB,KAAgF,EAChF,GAAa;IAEb,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,uEAAuE;AACvE,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_DOM_BLOCK_TYPE,\n REACTIVE_STATE_BINDING_META,\n REACTIVE_TEXT_BINDING_META,\n} from \"./element.js\";\nimport type {\n ElementType,\n ReactiveDomBlockProps,\n ReactiveDomBlockRender,\n ReactCompatElement,\n ReactCompatNode,\n} from \"./element.js\";\n\n/** Fragment marker used by the automatic JSX runtime. */\nexport { Fragment };\n/** Metadata key used by compiled JSX for reactive text bindings. */\nexport { REACTIVE_TEXT_BINDING_META };\nexport { REACTIVE_STATE_BINDING_META };\n\nexport function createReactiveDomBlock<P extends object = Record<string, unknown>>(\n render: ReactiveDomBlockRender<P>,\n blockProps?: P,\n): ReactCompatElement<ReactiveDomBlockProps> {\n const props: ReactiveDomBlockProps = { render: render as ReactiveDomBlockRender };\n if (blockProps !== undefined) {\n props.blockProps = blockProps as Record<string, unknown>;\n }\n return createElementFromJsxConfig(REACTIVE_DOM_BLOCK_TYPE, props);\n}\n\n/** DOM event type with a narrowed currentTarget. */\nexport type JSXEvent<\n TCurrentTarget extends EventTarget,\n TEvent extends Event = Event,\n> = TEvent & {\n readonly currentTarget: TCurrentTarget;\n};\n\n/** Event handler type used by JSX DOM attributes. */\nexport type JSXEventHandler<\n TCurrentTarget extends EventTarget,\n TEvent extends Event = Event,\n> = (event: JSXEvent<TCurrentTarget, TEvent>) => unknown;\n\n/** Submit event type used by form-related JSX attributes. */\nexport type FormEvent<TCurrentTarget extends EventTarget = Element> = JSXEvent<\n TCurrentTarget,\n SubmitEvent\n>;\n\n/** Submit event handler type used by form-related JSX attributes. */\nexport type FormEventHandler<TCurrentTarget extends EventTarget = Element> =\n JSXEventHandler<TCurrentTarget, SubmitEvent>;\n\n/** DOM event attributes accepted by JSX elements. */\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\n/** HTML attributes accepted by JSX host elements. */\nexport interface JSXHTMLAttributes<TElement extends HTMLElement>\n extends JSXDOMAttributes<TElement> {\n [attributeName: string]: unknown;\n}\n\n/** Attributes accepted by every JSX element. */\nexport interface JSXIntrinsicAttributes {\n key?: unknown;\n ref?: unknown;\n}\n\n/** Built-in JSX element names and their attribute types. */\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\n/** JSX namespace exported by the automatic JSX runtime. */\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\n/** Creates a single-child JSX element for the automatic JSX runtime. */\nexport function jsx<P extends object>(\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\n/** Creates a multi-child JSX element for the automatic JSX runtime. */\nexport function jsxs<P extends object>(\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 object>(\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"]}
|
|
1
|
+
{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,+CAA+C,CAAC;AACnG,OAAO,EACL,0BAA0B,EAC1B,QAAQ,EACR,uBAAuB,EACvB,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,cAAc,CAAC;AAStB,kCAAkC,EAAE,CAAC;AAErC,yDAAyD;AACzD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,oEAAoE;AACpE,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,CAAC;AAEvC,MAAM,UAAU,sBAAsB,CACpC,MAAiC,EACjC,UAAc;IAEd,MAAM,KAAK,GAA0B,EAAE,MAAM,EAAE,MAAgC,EAAE,CAAC;IAClF,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,KAAK,CAAC,UAAU,GAAG,UAAqC,CAAC;IAC3D,CAAC;IACD,OAAO,0BAA0B,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;AACpE,CAAC;AAkFD,wEAAwE;AACxE,MAAM,UAAU,GAAG,CACjB,IAAoB,EACpB,KAAgF,EAChF,GAAa;IAEb,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,uEAAuE;AACvE,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 { installCompatRenderValueNormalizer } from \"@reckona/mreact-reactive-dom/compat-normalize\";\nimport {\n createElementFromJsxConfig,\n Fragment,\n REACTIVE_DOM_BLOCK_TYPE,\n REACTIVE_STATE_BINDING_META,\n REACTIVE_TEXT_BINDING_META,\n} from \"./element.js\";\nimport type {\n ElementType,\n ReactiveDomBlockProps,\n ReactiveDomBlockRender,\n ReactCompatElement,\n ReactCompatNode,\n} from \"./element.js\";\n\ninstallCompatRenderValueNormalizer();\n\n/** Fragment marker used by the automatic JSX runtime. */\nexport { Fragment };\n/** Metadata key used by compiled JSX for reactive text bindings. */\nexport { REACTIVE_TEXT_BINDING_META };\nexport { REACTIVE_STATE_BINDING_META };\n\nexport function createReactiveDomBlock<P extends object = Record<string, unknown>>(\n render: ReactiveDomBlockRender<P>,\n blockProps?: P,\n): ReactCompatElement<ReactiveDomBlockProps> {\n const props: ReactiveDomBlockProps = { render: render as ReactiveDomBlockRender };\n if (blockProps !== undefined) {\n props.blockProps = blockProps as Record<string, unknown>;\n }\n return createElementFromJsxConfig(REACTIVE_DOM_BLOCK_TYPE, props);\n}\n\n/** DOM event type with a narrowed currentTarget. */\nexport type JSXEvent<\n TCurrentTarget extends EventTarget,\n TEvent extends Event = Event,\n> = TEvent & {\n readonly currentTarget: TCurrentTarget;\n};\n\n/** Event handler type used by JSX DOM attributes. */\nexport type JSXEventHandler<\n TCurrentTarget extends EventTarget,\n TEvent extends Event = Event,\n> = (event: JSXEvent<TCurrentTarget, TEvent>) => unknown;\n\n/** Submit event type used by form-related JSX attributes. */\nexport type FormEvent<TCurrentTarget extends EventTarget = Element> = JSXEvent<\n TCurrentTarget,\n SubmitEvent\n>;\n\n/** Submit event handler type used by form-related JSX attributes. */\nexport type FormEventHandler<TCurrentTarget extends EventTarget = Element> =\n JSXEventHandler<TCurrentTarget, SubmitEvent>;\n\n/** DOM event attributes accepted by JSX elements. */\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\n/** HTML attributes accepted by JSX host elements. */\nexport interface JSXHTMLAttributes<TElement extends HTMLElement>\n extends JSXDOMAttributes<TElement> {\n [attributeName: string]: unknown;\n}\n\n/** Attributes accepted by every JSX element. */\nexport interface JSXIntrinsicAttributes {\n key?: unknown;\n ref?: unknown;\n}\n\n/** Built-in JSX element names and their attribute types. */\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\n/** JSX namespace exported by the automatic JSX runtime. */\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\n/** Creates a single-child JSX element for the automatic JSX runtime. */\nexport function jsx<P extends object>(\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\n/** Creates a multi-child JSX element for the automatic JSX runtime. */\nexport function jsxs<P extends object>(\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 object>(\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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reckona/mreact-compat",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.187",
|
|
4
4
|
"description": "React-compatible runtime implementation for mreact.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"compatibility",
|
|
@@ -73,8 +73,8 @@
|
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@reckona/mreact-reactive-
|
|
77
|
-
"@reckona/mreact-
|
|
78
|
-
"@reckona/mreact-
|
|
76
|
+
"@reckona/mreact-reactive-dom": "0.0.187",
|
|
77
|
+
"@reckona/mreact-shared": "0.0.187",
|
|
78
|
+
"@reckona/mreact-reactive-core": "0.0.187"
|
|
79
79
|
}
|
|
80
80
|
}
|
package/src/element.ts
CHANGED
package/src/host-reconciler.ts
CHANGED
|
@@ -86,6 +86,7 @@ import {
|
|
|
86
86
|
type RenderOptions,
|
|
87
87
|
withHydrationComponentStack,
|
|
88
88
|
} from "./hydration.js";
|
|
89
|
+
import { withBatchedDelegatedRootReleases } from "@reckona/mreact-reactive-dom";
|
|
89
90
|
|
|
90
91
|
interface MemoFiberState {
|
|
91
92
|
props: Record<string, unknown>;
|
|
@@ -108,6 +109,7 @@ interface SuspenseFiberState {
|
|
|
108
109
|
|
|
109
110
|
const committedPortalContainers = new Set<Element>();
|
|
110
111
|
const pendingHostRefUpdates: { ref: unknown; node: unknown }[] = [];
|
|
112
|
+
const pendingReactiveDomBlockAfterCommits: (() => void)[] = [];
|
|
111
113
|
const emptyInstanceKeys: string[] = [];
|
|
112
114
|
|
|
113
115
|
interface FiberHydrationOptions extends RenderOptions {
|
|
@@ -278,6 +280,7 @@ export function commitHostFiberRoot(
|
|
|
278
280
|
try {
|
|
279
281
|
committedPortalContainers.clear();
|
|
280
282
|
pendingHostRefUpdates.length = 0;
|
|
283
|
+
pendingReactiveDomBlockAfterCommits.length = 0;
|
|
281
284
|
const commitPath = getRootCommitPath(options);
|
|
282
285
|
if (!hasChildListMutation(finishedWork)) {
|
|
283
286
|
commitHostDirtyChildrenOf(
|
|
@@ -288,6 +291,7 @@ export function commitHostFiberRoot(
|
|
|
288
291
|
commitPath,
|
|
289
292
|
options,
|
|
290
293
|
);
|
|
294
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
291
295
|
committed = true;
|
|
292
296
|
return;
|
|
293
297
|
}
|
|
@@ -302,6 +306,7 @@ export function commitHostFiberRoot(
|
|
|
302
306
|
options,
|
|
303
307
|
)
|
|
304
308
|
) {
|
|
309
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
305
310
|
committed = true;
|
|
306
311
|
return;
|
|
307
312
|
}
|
|
@@ -311,12 +316,14 @@ export function commitHostFiberRoot(
|
|
|
311
316
|
finishedWork.subtreeChildListChanged &&
|
|
312
317
|
commitHostKeyedChildListMutation(finishedWork.child, root.container, root.container, commitPath, options)
|
|
313
318
|
) {
|
|
319
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
314
320
|
committed = true;
|
|
315
321
|
return;
|
|
316
322
|
}
|
|
317
323
|
|
|
318
324
|
const nodes = commitHostChildren(finishedWork.child, root.container, root.container, commitPath, options);
|
|
319
325
|
syncChildNodes(root.container, nodes);
|
|
326
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
320
327
|
committed = true;
|
|
321
328
|
} finally {
|
|
322
329
|
if (committed) {
|
|
@@ -340,15 +347,18 @@ export function commitHydratingHostFiberRoot(
|
|
|
340
347
|
try {
|
|
341
348
|
committedPortalContainers.clear();
|
|
342
349
|
pendingHostRefUpdates.length = 0;
|
|
350
|
+
pendingReactiveDomBlockAfterCommits.length = 0;
|
|
343
351
|
const eventRoot = root.container;
|
|
344
352
|
const nodes = commitHostChildren(finishedWork.child, scope.parent, eventRoot, "", options);
|
|
345
353
|
syncScopedChildNodes(scope.parent, scope.before, scope.after, nodes);
|
|
354
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
346
355
|
committed = true;
|
|
347
356
|
} finally {
|
|
348
357
|
if (committed) {
|
|
349
358
|
flushPendingHostRefUpdates();
|
|
350
359
|
} else {
|
|
351
360
|
pendingHostRefUpdates.length = 0;
|
|
361
|
+
pendingReactiveDomBlockAfterCommits.length = 0;
|
|
352
362
|
}
|
|
353
363
|
committedPortalContainers.clear();
|
|
354
364
|
}
|
|
@@ -365,16 +375,18 @@ export function disposeHostFiberResources(fiber: Fiber | undefined): void {
|
|
|
365
375
|
return;
|
|
366
376
|
}
|
|
367
377
|
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
+
withBatchedDelegatedRootReleases(() => {
|
|
379
|
+
// Dispose this fiber and its SUBTREE only — not its siblings. This is called
|
|
380
|
+
// once per deleted fiber, and deleted siblings are disposed by their own
|
|
381
|
+
// calls; walking siblings here re-walked the whole deleted list per deletion
|
|
382
|
+
// (O(n^2) on a cleared 1k-row reactive list). The dedupe set is allocated
|
|
383
|
+
// once for the subtree walk.
|
|
384
|
+
const seen = new Set<unknown>();
|
|
385
|
+
if (fiber.tag === "reactive-dom-block") {
|
|
386
|
+
disposeReactiveDomBlockState(fiber.stateNode, seen);
|
|
387
|
+
}
|
|
388
|
+
disposeHostFiberChildResources(fiber.child, seen);
|
|
389
|
+
});
|
|
378
390
|
}
|
|
379
391
|
|
|
380
392
|
export function disposeUnretainedHostFiberResources(
|
|
@@ -385,8 +397,10 @@ export function disposeUnretainedHostFiberResources(
|
|
|
385
397
|
return;
|
|
386
398
|
}
|
|
387
399
|
|
|
388
|
-
|
|
389
|
-
|
|
400
|
+
withBatchedDelegatedRootReleases(() => {
|
|
401
|
+
const seen = new Set<unknown>();
|
|
402
|
+
disposeUnretainedHostFiberSubtreeResources(fiber, seen, retained);
|
|
403
|
+
});
|
|
390
404
|
}
|
|
391
405
|
|
|
392
406
|
function disposeHostFiberChildResources(
|
|
@@ -2923,6 +2937,7 @@ function commitHostDirtyFiber(
|
|
|
2923
2937
|
!(isDomElement && shouldPreserveContentEditableChildren(element, props, childNodes))
|
|
2924
2938
|
) {
|
|
2925
2939
|
syncChildNodes(element as ParentNode, childNodes);
|
|
2940
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
2926
2941
|
}
|
|
2927
2942
|
} else if (fiber.subtreeFlags !== NoFlags) {
|
|
2928
2943
|
commitHostDirtyChildrenOf(fiber, fiber.child, element, eventRoot, `${path}.c`, options);
|
|
@@ -3353,6 +3368,7 @@ function commitHostFiber(
|
|
|
3353
3368
|
|
|
3354
3369
|
if (fiber.tag === "reactive-dom-block") {
|
|
3355
3370
|
const node = getReactiveDomBlockNode(fiber.stateNode);
|
|
3371
|
+
enqueueReactiveDomBlockAfterCommit(fiber.stateNode);
|
|
3356
3372
|
fiber.memoizedProps = fiber.pendingProps;
|
|
3357
3373
|
finishCommittedFiber(fiber);
|
|
3358
3374
|
return node === undefined ? [] : [node];
|
|
@@ -3427,6 +3443,7 @@ function commitHostFiber(
|
|
|
3427
3443
|
!(isDomElement && shouldPreserveContentEditableChildren(element, props, childNodes))
|
|
3428
3444
|
) {
|
|
3429
3445
|
syncChildNodes(element as ParentNode, childNodes);
|
|
3446
|
+
flushPendingReactiveDomBlockAfterCommits();
|
|
3430
3447
|
}
|
|
3431
3448
|
} else if (fiber.subtreeFlags !== NoFlags) {
|
|
3432
3449
|
commitHostChildren(fiber.child, element, eventRoot, `${path}.c`, options);
|
|
@@ -3583,6 +3600,22 @@ function getReactiveDomBlockNode(state: unknown): ChildNode | undefined {
|
|
|
3583
3600
|
return undefined;
|
|
3584
3601
|
}
|
|
3585
3602
|
|
|
3603
|
+
function enqueueReactiveDomBlockAfterCommit(state: unknown): void {
|
|
3604
|
+
const afterCommit = (state as { afterCommit?: unknown } | undefined)?.afterCommit;
|
|
3605
|
+
|
|
3606
|
+
if (typeof afterCommit === "function") {
|
|
3607
|
+
pendingReactiveDomBlockAfterCommits.push(afterCommit as () => void);
|
|
3608
|
+
}
|
|
3609
|
+
}
|
|
3610
|
+
|
|
3611
|
+
function flushPendingReactiveDomBlockAfterCommits(): void {
|
|
3612
|
+
const pending = pendingReactiveDomBlockAfterCommits.splice(0);
|
|
3613
|
+
|
|
3614
|
+
for (const afterCommit of pending) {
|
|
3615
|
+
afterCommit();
|
|
3616
|
+
}
|
|
3617
|
+
}
|
|
3618
|
+
|
|
3586
3619
|
function disposeReactiveDomBlockState(
|
|
3587
3620
|
state: unknown,
|
|
3588
3621
|
seen: Set<unknown>,
|
package/src/index.ts
CHANGED
package/src/jsx-runtime.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { installCompatRenderValueNormalizer } from "@reckona/mreact-reactive-dom/compat-normalize";
|
|
1
2
|
import {
|
|
2
3
|
createElementFromJsxConfig,
|
|
3
4
|
Fragment,
|
|
@@ -13,6 +14,8 @@ import type {
|
|
|
13
14
|
ReactCompatNode,
|
|
14
15
|
} from "./element.js";
|
|
15
16
|
|
|
17
|
+
installCompatRenderValueNormalizer();
|
|
18
|
+
|
|
16
19
|
/** Fragment marker used by the automatic JSX runtime. */
|
|
17
20
|
export { Fragment };
|
|
18
21
|
/** Metadata key used by compiled JSX for reactive text bindings. */
|