@fluid-app/widget-runtime 0.1.0

package/dist/worker-react-renderer-BKzig_Vy.mjs

@@ -0,0 +1,185 @@
+import { a as REMOTE_DOM_SEARCH_SORT_EVENTS, c as isRemoteDomSerializableValue, n as FLUID_SPACER_WIDGET_TAG_NAME, o as SUPPORTED_REMOTE_DOM_EVENTS, r as REMOTE_DOM_ALLOWED_TAG_NAMES, t as FLUID_SEARCH_SORT_TAG_NAME } from "./remote-dom-values-BSAxrOE7.mjs";
+import { BatchingRemoteConnection, RemoteRootElement, createRemoteElement } from "@remote-dom/core/elements";
+import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
+//#region src/worker-react-renderer.ts
+const REMOTE_ROOT_TAG_NAME = "remote-root";
+const standardEventDefinitions = createRemoteEventDefinitions(SUPPORTED_REMOTE_DOM_EVENTS);
+const searchSortEventDefinitions = {
+	...standardEventDefinitions,
+	...createRemoteEventDefinitions(REMOTE_DOM_SEARCH_SORT_EVENTS)
+};
+const FluidRemoteElement = createRemoteElement({ events: standardEventDefinitions });
+const RemoteInputElement = createRemoteElement({
+	events: standardEventDefinitions,
+	properties: {
+		checked: {
+			attribute: false,
+			default: false
+		},
+		type: {
+			attribute: true,
+			default: "text"
+		},
+		value: {
+			attribute: false,
+			default: ""
+		}
+	}
+});
+var FluidRemoteInputElement = class extends RemoteInputElement {
+	applyHostState(detail) {
+		const value = readSerializableString(detail, "value");
+		if (value !== void 0) this.updateRemoteProperty("value", value);
+		const checked = detail.checked;
+		if (typeof checked === "boolean") this.updateRemoteProperty("checked", checked);
+	}
+};
+const FluidRemoteSearchSortElement = createRemoteElement({
+	events: searchSortEventDefinitions,
+	properties: {
+		placeholder: { attribute: false },
+		searchValue: {
+			attribute: false,
+			default: ""
+		},
+		sortOptions: { attribute: false },
+		sortValue: { attribute: false }
+	}
+});
+const FluidRemoteSpacerWidgetElement = createRemoteElement({
+	events: standardEventDefinitions,
+	properties: {
+		customHeight: { attribute: false },
+		previewMode: {
+			attribute: false,
+			default: false
+		}
+	}
+});
+let remoteElementsRegistered = false;
+function createRemoteDomReactWorkerRenderer({ connection }) {
+	registerRemoteElements();
+	const remoteRoot = document.createElement(REMOTE_ROOT_TAG_NAME);
+	const batchedConnection = new BatchingRemoteConnection(connection);
+	remoteRoot.connect(batchedConnection);
+	const reactRoot = createRoot(remoteRoot);
+	try {
+		document.body.append(remoteRoot);
+	} catch (error) {
+		reactRoot.unmount();
+		throw error;
+	}
+	let disposed = false;
+	return {
+		render(node) {
+			flushSync(() => {
+				reactRoot.render(node);
+			});
+			batchedConnection.flush();
+		},
+		dispose() {
+			if (disposed) return;
+			disposed = true;
+			const cleanupErrors = [];
+			try {
+				flushSync(() => {
+					reactRoot.unmount();
+				});
+			} catch (error) {
+				cleanupErrors.push(error);
+			}
+			try {
+				remoteRoot.remove();
+			} catch (error) {
+				cleanupErrors.push(error);
+			}
+			try {
+				batchedConnection.flush();
+			} catch (error) {
+				cleanupErrors.push(error);
+			}
+			if (cleanupErrors.length > 0) throw new AggregateError(cleanupErrors, "Remote DOM React session cleanup failed.");
+		}
+	};
+}
+function registerRemoteElements() {
+	if (remoteElementsRegistered) return;
+	remoteElementsRegistered = true;
+	defineRemoteElement(REMOTE_ROOT_TAG_NAME, RemoteRootElement);
+	for (const tagName of REMOTE_DOM_ALLOWED_TAG_NAMES) {
+		if (tagName === "fluid-ui-search-sort" || tagName === "fluid-spacer-widget") continue;
+		defineRemoteElement(tagName, tagName === "input" ? FluidRemoteInputElement : FluidRemoteElement);
+	}
+	defineRemoteElement(FLUID_SEARCH_SORT_TAG_NAME, FluidRemoteSearchSortElement);
+	defineRemoteElement(FLUID_SPACER_WIDGET_TAG_NAME, FluidRemoteSpacerWidgetElement);
+}
+function defineRemoteElement(tagName, constructor) {
+	if (customElements.get(tagName)) return;
+	customElements.define(tagName, constructor);
+}
+function createRemoteEventDefinitions(eventNames) {
+	return Object.fromEntries(eventNames.map((eventName) => [eventName, {
+		bubbles: true,
+		dispatchEvent(payload) {
+			const detail = readHostEventDetail(payload);
+			if (this instanceof FluidRemoteInputElement && isObjectRecord(detail)) this.applyHostState(detail);
+			return createRemoteDomReactEvent(eventName, detail);
+		}
+	}]));
+}
+function readHostEventDetail(payload) {
+	if (!isObjectRecord(payload)) return void 0;
+	const detail = payload.detail;
+	return isRemoteDomSerializableValue(detail) ? detail : void 0;
+}
+function createRemoteDomReactEvent(eventName, detail) {
+	const customDetail = parseCustomEventDetail(eventName, detail);
+	const event = new CustomEvent(eventName, {
+		bubbles: true,
+		cancelable: true,
+		detail: customDetail.ok ? customDetail.value : detail
+	});
+	if (!isObjectRecord(detail)) return event;
+	const key = readSerializableString(detail, "key");
+	if (key !== void 0) setObjectProperty(event, "key", key);
+	const eventType = readSerializableString(detail, "type");
+	if (eventType !== void 0) setObjectProperty(event, "inputType", eventType);
+	return event;
+}
+function parseCustomEventDetail(eventName, detail) {
+	if (!isSearchSortEvent(eventName) || !isObjectRecord(detail)) return { ok: false };
+	const detailJson = detail.detailJson;
+	if (typeof detailJson !== "string") return { ok: false };
+	try {
+		const value = JSON.parse(detailJson);
+		return isRemoteDomSerializableValue(value) ? {
+			ok: true,
+			value
+		} : { ok: false };
+	} catch {
+		return { ok: false };
+	}
+}
+function isSearchSortEvent(eventName) {
+	return REMOTE_DOM_SEARCH_SORT_EVENTS.some((candidate) => candidate === eventName);
+}
+function readSerializableString(detail, key) {
+	const value = detail[key];
+	return typeof value === "string" ? value : void 0;
+}
+function setObjectProperty(target, key, value) {
+	Object.defineProperty(target, key, {
+		configurable: true,
+		enumerable: true,
+		value,
+		writable: true
+	});
+}
+function isObjectRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+//#endregion
+export { createRemoteDomReactWorkerRenderer };
+
+//# sourceMappingURL=worker-react-renderer-BKzig_Vy.mjs.map

package/dist/worker-react-renderer-BKzig_Vy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-react-renderer-BKzig_Vy.mjs","names":[],"sources":["../src/worker-react-renderer.ts"],"sourcesContent":["import {\n  BatchingRemoteConnection,\n  createRemoteElement,\n  RemoteRootElement,\n  type RemoteElementEventListenerDefinition,\n  type RemoteConnection,\n} from \"@remote-dom/core/elements\";\nimport type { ReactNode } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { createRoot, type Root } from \"react-dom/client\";\n\nimport {\n  FLUID_SEARCH_SORT_TAG_NAME,\n  FLUID_SPACER_WIDGET_TAG_NAME,\n  isRemoteDomSerializableValue,\n  REMOTE_DOM_ALLOWED_TAG_NAMES,\n  REMOTE_DOM_SEARCH_SORT_EVENTS,\n  SUPPORTED_REMOTE_DOM_EVENTS,\n  type RemoteDomSerializableValue,\n} from \"./remote-dom-values\";\n\nexport interface RemoteDomReactWorkerRendererOptions {\n  /**\n   * The host-backed connection ({@link RemoteConnection}); its `mutate` is the\n   * threads-proxied `host.mutate`. The renderer wraps it in a\n   * `BatchingRemoteConnection` and flushes explicitly after every commit.\n   */\n  readonly connection: RemoteConnection;\n}\n\nexport interface RemoteDomReactWorkerRenderer {\n  readonly render: (node: ReactNode) => void;\n  readonly dispose: () => void;\n}\n\nconst REMOTE_ROOT_TAG_NAME = \"remote-root\";\n\ntype NoRemoteMembers = Record<never, never>;\ntype RemoteEventListeners = Record<string, (payload?: unknown) => unknown>;\n\nconst standardEventDefinitions = createRemoteEventDefinitions(\n  SUPPORTED_REMOTE_DOM_EVENTS,\n);\nconst searchSortEventDefinitions = {\n  ...standardEventDefinitions,\n  ...createRemoteEventDefinitions(REMOTE_DOM_SEARCH_SORT_EVENTS),\n};\n\nconst FluidRemoteElement = createRemoteElement<\n  NoRemoteMembers,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({ events: standardEventDefinitions });\n\ninterface RemoteInputProperties {\n  readonly checked: boolean;\n  readonly type: string;\n  readonly value: string;\n}\n\nconst RemoteInputElement = createRemoteElement<\n  RemoteInputProperties,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({\n  events: standardEventDefinitions,\n  properties: {\n    checked: { attribute: false, default: false },\n    type: { attribute: true, default: \"text\" },\n    value: { attribute: false, default: \"\" },\n  },\n});\n\nclass FluidRemoteInputElement extends RemoteInputElement {\n  applyHostState(detail: Readonly<Record<string, unknown>>): void {\n    // React wraps public input setters with its value tracker. Update Remote\n    // DOM's upstream property cache directly so the following native event is\n    // extracted, while still synchronizing the host-controlled value.\n    const value = readSerializableString(detail, \"value\");\n    if (value !== undefined) this.updateRemoteProperty(\"value\", value);\n\n    const checked = detail.checked;\n    if (typeof checked === \"boolean\") {\n      this.updateRemoteProperty(\"checked\", checked);\n    }\n  }\n}\n\ninterface RemoteSearchSortOption {\n  readonly label: string;\n  readonly value: string;\n}\n\ninterface RemoteSearchSortProperties {\n  readonly placeholder: string | undefined;\n  readonly searchValue: string;\n  readonly sortOptions: readonly RemoteSearchSortOption[] | undefined;\n  readonly sortValue: string | undefined;\n}\n\nconst FluidRemoteSearchSortElement = createRemoteElement<\n  RemoteSearchSortProperties,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({\n  events: searchSortEventDefinitions,\n  properties: {\n    placeholder: { attribute: false },\n    searchValue: { attribute: false, default: \"\" },\n    sortOptions: { attribute: false },\n    sortValue: { attribute: false },\n  },\n});\n\ninterface RemoteSpacerProperties {\n  readonly customHeight: string | undefined;\n  readonly previewMode: boolean;\n}\n\nconst FluidRemoteSpacerWidgetElement = createRemoteElement<\n  RemoteSpacerProperties,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({\n  events: standardEventDefinitions,\n  properties: {\n    customHeight: { attribute: false },\n    previewMode: { attribute: false, default: false },\n  },\n});\n\nlet remoteElementsRegistered = false;\n\nexport function createRemoteDomReactWorkerRenderer({\n  connection,\n}: RemoteDomReactWorkerRendererOptions): RemoteDomReactWorkerRenderer {\n  registerRemoteElements();\n\n  const remoteRoot = document.createElement(\n    REMOTE_ROOT_TAG_NAME,\n  ) as RemoteRootElement;\n  const batchedConnection = new BatchingRemoteConnection(connection);\n  remoteRoot.connect(batchedConnection);\n  const reactRoot: Root = createRoot(remoteRoot);\n  // Remote DOM installs bubbling event proxies from custom-element lifecycle\n  // callbacks. Keep the remote tree connected to its synthetic document so\n  // those callbacks run for every element React mounts.\n  try {\n    document.body.append(remoteRoot);\n  } catch (error) {\n    reactRoot.unmount();\n    throw error;\n  }\n  let disposed = false;\n\n  return {\n    render(node) {\n      flushSync(() => {\n        reactRoot.render(node);\n      });\n      // The host must never observe a capability/event side effect before the\n      // DOM it references, so force mutations out immediately after commit.\n      batchedConnection.flush();\n    },\n    dispose() {\n      if (disposed) return;\n      disposed = true;\n      const cleanupErrors: unknown[] = [];\n\n      try {\n        flushSync(() => {\n          reactRoot.unmount();\n        });\n      } catch (error) {\n        cleanupErrors.push(error);\n      }\n      try {\n        remoteRoot.remove();\n      } catch (error) {\n        cleanupErrors.push(error);\n      }\n      try {\n        batchedConnection.flush();\n      } catch (error) {\n        cleanupErrors.push(error);\n      }\n\n      if (cleanupErrors.length > 0) {\n        throw new AggregateError(\n          cleanupErrors,\n          \"Remote DOM React session cleanup failed.\",\n        );\n      }\n    },\n  };\n}\n\nfunction registerRemoteElements(): void {\n  if (remoteElementsRegistered) return;\n  remoteElementsRegistered = true;\n\n  defineRemoteElement(REMOTE_ROOT_TAG_NAME, RemoteRootElement);\n  for (const tagName of REMOTE_DOM_ALLOWED_TAG_NAMES) {\n    if (\n      tagName === FLUID_SEARCH_SORT_TAG_NAME ||\n      tagName === FLUID_SPACER_WIDGET_TAG_NAME\n    ) {\n      continue;\n    }\n    defineRemoteElement(\n      tagName,\n      tagName === \"input\" ? FluidRemoteInputElement : FluidRemoteElement,\n    );\n  }\n  defineRemoteElement(FLUID_SEARCH_SORT_TAG_NAME, FluidRemoteSearchSortElement);\n  defineRemoteElement(\n    FLUID_SPACER_WIDGET_TAG_NAME,\n    FluidRemoteSpacerWidgetElement,\n  );\n}\n\nfunction defineRemoteElement(\n  tagName: string,\n  constructor: CustomElementConstructor,\n): void {\n  if (customElements.get(tagName)) return;\n  customElements.define(tagName, constructor);\n}\n\nfunction createRemoteEventDefinitions(\n  eventNames: readonly string[],\n): Readonly<Record<string, RemoteElementEventListenerDefinition>> {\n  return Object.fromEntries(\n    eventNames.map((eventName) => [\n      eventName,\n      {\n        bubbles: true,\n        dispatchEvent(this: Element, payload?: unknown) {\n          const detail = readHostEventDetail(payload);\n          if (\n            this instanceof FluidRemoteInputElement &&\n            isObjectRecord(detail)\n          ) {\n            this.applyHostState(detail);\n          }\n          return createRemoteDomReactEvent(eventName, detail);\n        },\n      },\n    ]),\n  );\n}\n\nfunction readHostEventDetail(\n  payload: unknown,\n): RemoteDomSerializableValue | undefined {\n  if (!isObjectRecord(payload)) return undefined;\n  const detail = payload.detail;\n  return isRemoteDomSerializableValue(detail) ? detail : undefined;\n}\n\nfunction createRemoteDomReactEvent(\n  eventName: string,\n  detail: RemoteDomSerializableValue | undefined,\n): Event {\n  const customDetail = parseCustomEventDetail(eventName, detail);\n  const event = new CustomEvent(eventName, {\n    bubbles: true,\n    cancelable: true,\n    detail: customDetail.ok ? customDetail.value : detail,\n  });\n  if (!isObjectRecord(detail)) return event;\n\n  const key = readSerializableString(detail, \"key\");\n  if (key !== undefined) setObjectProperty(event, \"key\", key);\n\n  const eventType = readSerializableString(detail, \"type\");\n  if (eventType !== undefined) setObjectProperty(event, \"inputType\", eventType);\n\n  return event;\n}\n\nfunction parseCustomEventDetail(\n  eventName: string,\n  detail: RemoteDomSerializableValue | undefined,\n):\n  | { readonly ok: true; readonly value: RemoteDomSerializableValue }\n  | { readonly ok: false } {\n  if (!isSearchSortEvent(eventName) || !isObjectRecord(detail)) {\n    return { ok: false };\n  }\n  const detailJson = detail.detailJson;\n  if (typeof detailJson !== \"string\") return { ok: false };\n\n  try {\n    const value: unknown = JSON.parse(detailJson);\n    return isRemoteDomSerializableValue(value)\n      ? { ok: true, value }\n      : { ok: false };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction isSearchSortEvent(eventName: string): boolean {\n  return REMOTE_DOM_SEARCH_SORT_EVENTS.some(\n    (candidate) => candidate === eventName,\n  );\n}\n\nfunction readSerializableString(\n  detail: Readonly<Record<string, unknown>>,\n  key: string,\n): string | undefined {\n  const value = detail[key];\n  return typeof value === \"string\" ? value : undefined;\n}\n\nfunction setObjectProperty(target: object, key: string, value: unknown): void {\n  Object.defineProperty(target, key, {\n    configurable: true,\n    enumerable: true,\n    value,\n    writable: true,\n  });\n}\n\nfunction isObjectRecord(\n  value: unknown,\n): value is Readonly<Record<string, unknown>> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n"],"mappings":"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"}

package/dist/worker-react-renderer-BSFxMMf7.cjs

@@ -0,0 +1,186 @@
+require("./remote-dom-renderer-DUQf80Nu.cjs");
+const require_remote_dom_values = require("./remote-dom-values-DbgIedSg.cjs");
+let _remote_dom_core_elements = require("@remote-dom/core/elements");
+let react_dom = require("react-dom");
+let react_dom_client = require("react-dom/client");
+//#region src/worker-react-renderer.ts
+const REMOTE_ROOT_TAG_NAME = "remote-root";
+const standardEventDefinitions = createRemoteEventDefinitions(require_remote_dom_values.SUPPORTED_REMOTE_DOM_EVENTS);
+const searchSortEventDefinitions = {
+	...standardEventDefinitions,
+	...createRemoteEventDefinitions(require_remote_dom_values.REMOTE_DOM_SEARCH_SORT_EVENTS)
+};
+const FluidRemoteElement = (0, _remote_dom_core_elements.createRemoteElement)({ events: standardEventDefinitions });
+const RemoteInputElement = (0, _remote_dom_core_elements.createRemoteElement)({
+	events: standardEventDefinitions,
+	properties: {
+		checked: {
+			attribute: false,
+			default: false
+		},
+		type: {
+			attribute: true,
+			default: "text"
+		},
+		value: {
+			attribute: false,
+			default: ""
+		}
+	}
+});
+var FluidRemoteInputElement = class extends RemoteInputElement {
+	applyHostState(detail) {
+		const value = readSerializableString(detail, "value");
+		if (value !== void 0) this.updateRemoteProperty("value", value);
+		const checked = detail.checked;
+		if (typeof checked === "boolean") this.updateRemoteProperty("checked", checked);
+	}
+};
+const FluidRemoteSearchSortElement = (0, _remote_dom_core_elements.createRemoteElement)({
+	events: searchSortEventDefinitions,
+	properties: {
+		placeholder: { attribute: false },
+		searchValue: {
+			attribute: false,
+			default: ""
+		},
+		sortOptions: { attribute: false },
+		sortValue: { attribute: false }
+	}
+});
+const FluidRemoteSpacerWidgetElement = (0, _remote_dom_core_elements.createRemoteElement)({
+	events: standardEventDefinitions,
+	properties: {
+		customHeight: { attribute: false },
+		previewMode: {
+			attribute: false,
+			default: false
+		}
+	}
+});
+let remoteElementsRegistered = false;
+function createRemoteDomReactWorkerRenderer({ connection }) {
+	registerRemoteElements();
+	const remoteRoot = document.createElement(REMOTE_ROOT_TAG_NAME);
+	const batchedConnection = new _remote_dom_core_elements.BatchingRemoteConnection(connection);
+	remoteRoot.connect(batchedConnection);
+	const reactRoot = (0, react_dom_client.createRoot)(remoteRoot);
+	try {
+		document.body.append(remoteRoot);
+	} catch (error) {
+		reactRoot.unmount();
+		throw error;
+	}
+	let disposed = false;
+	return {
+		render(node) {
+			(0, react_dom.flushSync)(() => {
+				reactRoot.render(node);
+			});
+			batchedConnection.flush();
+		},
+		dispose() {
+			if (disposed) return;
+			disposed = true;
+			const cleanupErrors = [];
+			try {
+				(0, react_dom.flushSync)(() => {
+					reactRoot.unmount();
+				});
+			} catch (error) {
+				cleanupErrors.push(error);
+			}
+			try {
+				remoteRoot.remove();
+			} catch (error) {
+				cleanupErrors.push(error);
+			}
+			try {
+				batchedConnection.flush();
+			} catch (error) {
+				cleanupErrors.push(error);
+			}
+			if (cleanupErrors.length > 0) throw new AggregateError(cleanupErrors, "Remote DOM React session cleanup failed.");
+		}
+	};
+}
+function registerRemoteElements() {
+	if (remoteElementsRegistered) return;
+	remoteElementsRegistered = true;
+	defineRemoteElement(REMOTE_ROOT_TAG_NAME, _remote_dom_core_elements.RemoteRootElement);
+	for (const tagName of require_remote_dom_values.REMOTE_DOM_ALLOWED_TAG_NAMES) {
+		if (tagName === "fluid-ui-search-sort" || tagName === "fluid-spacer-widget") continue;
+		defineRemoteElement(tagName, tagName === "input" ? FluidRemoteInputElement : FluidRemoteElement);
+	}
+	defineRemoteElement(require_remote_dom_values.FLUID_SEARCH_SORT_TAG_NAME, FluidRemoteSearchSortElement);
+	defineRemoteElement(require_remote_dom_values.FLUID_SPACER_WIDGET_TAG_NAME, FluidRemoteSpacerWidgetElement);
+}
+function defineRemoteElement(tagName, constructor) {
+	if (customElements.get(tagName)) return;
+	customElements.define(tagName, constructor);
+}
+function createRemoteEventDefinitions(eventNames) {
+	return Object.fromEntries(eventNames.map((eventName) => [eventName, {
+		bubbles: true,
+		dispatchEvent(payload) {
+			const detail = readHostEventDetail(payload);
+			if (this instanceof FluidRemoteInputElement && isObjectRecord(detail)) this.applyHostState(detail);
+			return createRemoteDomReactEvent(eventName, detail);
+		}
+	}]));
+}
+function readHostEventDetail(payload) {
+	if (!isObjectRecord(payload)) return void 0;
+	const detail = payload.detail;
+	return require_remote_dom_values.isRemoteDomSerializableValue(detail) ? detail : void 0;
+}
+function createRemoteDomReactEvent(eventName, detail) {
+	const customDetail = parseCustomEventDetail(eventName, detail);
+	const event = new CustomEvent(eventName, {
+		bubbles: true,
+		cancelable: true,
+		detail: customDetail.ok ? customDetail.value : detail
+	});
+	if (!isObjectRecord(detail)) return event;
+	const key = readSerializableString(detail, "key");
+	if (key !== void 0) setObjectProperty(event, "key", key);
+	const eventType = readSerializableString(detail, "type");
+	if (eventType !== void 0) setObjectProperty(event, "inputType", eventType);
+	return event;
+}
+function parseCustomEventDetail(eventName, detail) {
+	if (!isSearchSortEvent(eventName) || !isObjectRecord(detail)) return { ok: false };
+	const detailJson = detail.detailJson;
+	if (typeof detailJson !== "string") return { ok: false };
+	try {
+		const value = JSON.parse(detailJson);
+		return require_remote_dom_values.isRemoteDomSerializableValue(value) ? {
+			ok: true,
+			value
+		} : { ok: false };
+	} catch {
+		return { ok: false };
+	}
+}
+function isSearchSortEvent(eventName) {
+	return require_remote_dom_values.REMOTE_DOM_SEARCH_SORT_EVENTS.some((candidate) => candidate === eventName);
+}
+function readSerializableString(detail, key) {
+	const value = detail[key];
+	return typeof value === "string" ? value : void 0;
+}
+function setObjectProperty(target, key, value) {
+	Object.defineProperty(target, key, {
+		configurable: true,
+		enumerable: true,
+		value,
+		writable: true
+	});
+}
+function isObjectRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+//#endregion
+exports.createRemoteDomReactWorkerRenderer = createRemoteDomReactWorkerRenderer;
+
+//# sourceMappingURL=worker-react-renderer-BSFxMMf7.cjs.map

package/dist/worker-react-renderer-BSFxMMf7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-react-renderer-BSFxMMf7.cjs","names":["SUPPORTED_REMOTE_DOM_EVENTS","REMOTE_DOM_SEARCH_SORT_EVENTS","BatchingRemoteConnection","RemoteRootElement","REMOTE_DOM_ALLOWED_TAG_NAMES","FLUID_SEARCH_SORT_TAG_NAME","FLUID_SPACER_WIDGET_TAG_NAME","isRemoteDomSerializableValue"],"sources":["../src/worker-react-renderer.ts"],"sourcesContent":["import {\n  BatchingRemoteConnection,\n  createRemoteElement,\n  RemoteRootElement,\n  type RemoteElementEventListenerDefinition,\n  type RemoteConnection,\n} from \"@remote-dom/core/elements\";\nimport type { ReactNode } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { createRoot, type Root } from \"react-dom/client\";\n\nimport {\n  FLUID_SEARCH_SORT_TAG_NAME,\n  FLUID_SPACER_WIDGET_TAG_NAME,\n  isRemoteDomSerializableValue,\n  REMOTE_DOM_ALLOWED_TAG_NAMES,\n  REMOTE_DOM_SEARCH_SORT_EVENTS,\n  SUPPORTED_REMOTE_DOM_EVENTS,\n  type RemoteDomSerializableValue,\n} from \"./remote-dom-values\";\n\nexport interface RemoteDomReactWorkerRendererOptions {\n  /**\n   * The host-backed connection ({@link RemoteConnection}); its `mutate` is the\n   * threads-proxied `host.mutate`. The renderer wraps it in a\n   * `BatchingRemoteConnection` and flushes explicitly after every commit.\n   */\n  readonly connection: RemoteConnection;\n}\n\nexport interface RemoteDomReactWorkerRenderer {\n  readonly render: (node: ReactNode) => void;\n  readonly dispose: () => void;\n}\n\nconst REMOTE_ROOT_TAG_NAME = \"remote-root\";\n\ntype NoRemoteMembers = Record<never, never>;\ntype RemoteEventListeners = Record<string, (payload?: unknown) => unknown>;\n\nconst standardEventDefinitions = createRemoteEventDefinitions(\n  SUPPORTED_REMOTE_DOM_EVENTS,\n);\nconst searchSortEventDefinitions = {\n  ...standardEventDefinitions,\n  ...createRemoteEventDefinitions(REMOTE_DOM_SEARCH_SORT_EVENTS),\n};\n\nconst FluidRemoteElement = createRemoteElement<\n  NoRemoteMembers,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({ events: standardEventDefinitions });\n\ninterface RemoteInputProperties {\n  readonly checked: boolean;\n  readonly type: string;\n  readonly value: string;\n}\n\nconst RemoteInputElement = createRemoteElement<\n  RemoteInputProperties,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({\n  events: standardEventDefinitions,\n  properties: {\n    checked: { attribute: false, default: false },\n    type: { attribute: true, default: \"text\" },\n    value: { attribute: false, default: \"\" },\n  },\n});\n\nclass FluidRemoteInputElement extends RemoteInputElement {\n  applyHostState(detail: Readonly<Record<string, unknown>>): void {\n    // React wraps public input setters with its value tracker. Update Remote\n    // DOM's upstream property cache directly so the following native event is\n    // extracted, while still synchronizing the host-controlled value.\n    const value = readSerializableString(detail, \"value\");\n    if (value !== undefined) this.updateRemoteProperty(\"value\", value);\n\n    const checked = detail.checked;\n    if (typeof checked === \"boolean\") {\n      this.updateRemoteProperty(\"checked\", checked);\n    }\n  }\n}\n\ninterface RemoteSearchSortOption {\n  readonly label: string;\n  readonly value: string;\n}\n\ninterface RemoteSearchSortProperties {\n  readonly placeholder: string | undefined;\n  readonly searchValue: string;\n  readonly sortOptions: readonly RemoteSearchSortOption[] | undefined;\n  readonly sortValue: string | undefined;\n}\n\nconst FluidRemoteSearchSortElement = createRemoteElement<\n  RemoteSearchSortProperties,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({\n  events: searchSortEventDefinitions,\n  properties: {\n    placeholder: { attribute: false },\n    searchValue: { attribute: false, default: \"\" },\n    sortOptions: { attribute: false },\n    sortValue: { attribute: false },\n  },\n});\n\ninterface RemoteSpacerProperties {\n  readonly customHeight: string | undefined;\n  readonly previewMode: boolean;\n}\n\nconst FluidRemoteSpacerWidgetElement = createRemoteElement<\n  RemoteSpacerProperties,\n  NoRemoteMembers,\n  NoRemoteMembers,\n  RemoteEventListeners\n>({\n  events: standardEventDefinitions,\n  properties: {\n    customHeight: { attribute: false },\n    previewMode: { attribute: false, default: false },\n  },\n});\n\nlet remoteElementsRegistered = false;\n\nexport function createRemoteDomReactWorkerRenderer({\n  connection,\n}: RemoteDomReactWorkerRendererOptions): RemoteDomReactWorkerRenderer {\n  registerRemoteElements();\n\n  const remoteRoot = document.createElement(\n    REMOTE_ROOT_TAG_NAME,\n  ) as RemoteRootElement;\n  const batchedConnection = new BatchingRemoteConnection(connection);\n  remoteRoot.connect(batchedConnection);\n  const reactRoot: Root = createRoot(remoteRoot);\n  // Remote DOM installs bubbling event proxies from custom-element lifecycle\n  // callbacks. Keep the remote tree connected to its synthetic document so\n  // those callbacks run for every element React mounts.\n  try {\n    document.body.append(remoteRoot);\n  } catch (error) {\n    reactRoot.unmount();\n    throw error;\n  }\n  let disposed = false;\n\n  return {\n    render(node) {\n      flushSync(() => {\n        reactRoot.render(node);\n      });\n      // The host must never observe a capability/event side effect before the\n      // DOM it references, so force mutations out immediately after commit.\n      batchedConnection.flush();\n    },\n    dispose() {\n      if (disposed) return;\n      disposed = true;\n      const cleanupErrors: unknown[] = [];\n\n      try {\n        flushSync(() => {\n          reactRoot.unmount();\n        });\n      } catch (error) {\n        cleanupErrors.push(error);\n      }\n      try {\n        remoteRoot.remove();\n      } catch (error) {\n        cleanupErrors.push(error);\n      }\n      try {\n        batchedConnection.flush();\n      } catch (error) {\n        cleanupErrors.push(error);\n      }\n\n      if (cleanupErrors.length > 0) {\n        throw new AggregateError(\n          cleanupErrors,\n          \"Remote DOM React session cleanup failed.\",\n        );\n      }\n    },\n  };\n}\n\nfunction registerRemoteElements(): void {\n  if (remoteElementsRegistered) return;\n  remoteElementsRegistered = true;\n\n  defineRemoteElement(REMOTE_ROOT_TAG_NAME, RemoteRootElement);\n  for (const tagName of REMOTE_DOM_ALLOWED_TAG_NAMES) {\n    if (\n      tagName === FLUID_SEARCH_SORT_TAG_NAME ||\n      tagName === FLUID_SPACER_WIDGET_TAG_NAME\n    ) {\n      continue;\n    }\n    defineRemoteElement(\n      tagName,\n      tagName === \"input\" ? FluidRemoteInputElement : FluidRemoteElement,\n    );\n  }\n  defineRemoteElement(FLUID_SEARCH_SORT_TAG_NAME, FluidRemoteSearchSortElement);\n  defineRemoteElement(\n    FLUID_SPACER_WIDGET_TAG_NAME,\n    FluidRemoteSpacerWidgetElement,\n  );\n}\n\nfunction defineRemoteElement(\n  tagName: string,\n  constructor: CustomElementConstructor,\n): void {\n  if (customElements.get(tagName)) return;\n  customElements.define(tagName, constructor);\n}\n\nfunction createRemoteEventDefinitions(\n  eventNames: readonly string[],\n): Readonly<Record<string, RemoteElementEventListenerDefinition>> {\n  return Object.fromEntries(\n    eventNames.map((eventName) => [\n      eventName,\n      {\n        bubbles: true,\n        dispatchEvent(this: Element, payload?: unknown) {\n          const detail = readHostEventDetail(payload);\n          if (\n            this instanceof FluidRemoteInputElement &&\n            isObjectRecord(detail)\n          ) {\n            this.applyHostState(detail);\n          }\n          return createRemoteDomReactEvent(eventName, detail);\n        },\n      },\n    ]),\n  );\n}\n\nfunction readHostEventDetail(\n  payload: unknown,\n): RemoteDomSerializableValue | undefined {\n  if (!isObjectRecord(payload)) return undefined;\n  const detail = payload.detail;\n  return isRemoteDomSerializableValue(detail) ? detail : undefined;\n}\n\nfunction createRemoteDomReactEvent(\n  eventName: string,\n  detail: RemoteDomSerializableValue | undefined,\n): Event {\n  const customDetail = parseCustomEventDetail(eventName, detail);\n  const event = new CustomEvent(eventName, {\n    bubbles: true,\n    cancelable: true,\n    detail: customDetail.ok ? customDetail.value : detail,\n  });\n  if (!isObjectRecord(detail)) return event;\n\n  const key = readSerializableString(detail, \"key\");\n  if (key !== undefined) setObjectProperty(event, \"key\", key);\n\n  const eventType = readSerializableString(detail, \"type\");\n  if (eventType !== undefined) setObjectProperty(event, \"inputType\", eventType);\n\n  return event;\n}\n\nfunction parseCustomEventDetail(\n  eventName: string,\n  detail: RemoteDomSerializableValue | undefined,\n):\n  | { readonly ok: true; readonly value: RemoteDomSerializableValue }\n  | { readonly ok: false } {\n  if (!isSearchSortEvent(eventName) || !isObjectRecord(detail)) {\n    return { ok: false };\n  }\n  const detailJson = detail.detailJson;\n  if (typeof detailJson !== \"string\") return { ok: false };\n\n  try {\n    const value: unknown = JSON.parse(detailJson);\n    return isRemoteDomSerializableValue(value)\n      ? { ok: true, value }\n      : { ok: false };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction isSearchSortEvent(eventName: string): boolean {\n  return REMOTE_DOM_SEARCH_SORT_EVENTS.some(\n    (candidate) => candidate === eventName,\n  );\n}\n\nfunction readSerializableString(\n  detail: Readonly<Record<string, unknown>>,\n  key: string,\n): string | undefined {\n  const value = detail[key];\n  return typeof value === \"string\" ? value : undefined;\n}\n\nfunction setObjectProperty(target: object, key: string, value: unknown): void {\n  Object.defineProperty(target, key, {\n    configurable: true,\n    enumerable: true,\n    value,\n    writable: true,\n  });\n}\n\nfunction isObjectRecord(\n  value: unknown,\n): value is Readonly<Record<string, unknown>> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n"],"mappings":"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"}