playbook_ui 14.24.0.pre.alpha.play23649503 → 14.24.0.pre.alpha.reactupgradetest9656

data/dist/chunks/componentRegistry-B0YbRR45.js

@@ -0,0 +1 @@
+import React__default from"react";import{g as getDefaultExportFromCjs}from"./lib-7ookneKo.js";import ReactDOM__default from"react-dom";var client={};var hasRequiredClient;function requireClient(){if(hasRequiredClient)return client;hasRequiredClient=1;var m=ReactDOM__default;{client.createRoot=m.createRoot;client.hydrateRoot=m.hydrateRoot}return client}var clientExports=requireClient();const ReactDOM=getDefaultExportFromCjs(clientExports);class ComponentRegistry{constructor(){this.components=new Map;this.mountedComponents=new Set}register(name,component){this.components.set(name,component);const kebabName=this.toKebabCase(name);if(kebabName!==name){this.components.set(kebabName,component)}}registerComponents(components){Object.entries(components).forEach((([name,component])=>{this.register(name,component)}))}get(name){return this.components.get(name)}mountComponents(){document.querySelectorAll("[data-react-component]").forEach((element=>{const componentName=element.getAttribute("data-react-component");const component=this.get(componentName);if(component&&!this.mountedComponents.has(element)){this.mountComponent(element,component)}}))}mountComponent(element,component){if(this.mountedComponents.has(element)){return}try{const props=this.extractProps(element);const root=ReactDOM.createRoot(element);root.render(React__default.createElement(component,props));this.mountedComponents.add(element)}catch(error){console.error("Failed to mount component:",error)}}unmountComponents(){this.mountedComponents.forEach((element=>{if(element._reactRoot){element._reactRoot.unmount()}}));this.mountedComponents.clear()}extractProps(element){const props={};const propsData=element.getAttribute("data-react-props");if(propsData){try{Object.assign(props,JSON.parse(propsData))}catch(e){console.warn("Failed to parse react props:",e)}}Array.from(element.attributes).forEach((attr=>{if(attr.name.startsWith("data-")&&attr.name!=="data-react-component"){const key=attr.name.replace("data-","");props[key]=attr.value}}));return props}toKebabCase(str){return str.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([a-zA-Z])([0-9])/g,"$1-$2").replace(/([0-9])([a-zA-Z])/g,"$1-$2").toLowerCase()}}window.ComponentRegistry=new ComponentRegistry;const ComponentRegistry$1=window.ComponentRegistry;export{ComponentRegistry$1 as C};