{"version":3,"file":"create_element-BUG6undN.cjs","sources":["../src/methods/wrap_element.ts","../src/components/fragment.ts","../src/methods/wrap_clone_element.ts","../src/jsx/runtime.ts","../src/methods/create_element.ts"],"sourcesContent":["import { SYMBOL_UNTRACKED_UNWRAPPED } from '../constants'\r\nimport { DEBUGGER, Stack } from 'soby'\r\nexport const SYMBOL_STACK = Symbol('STACK')\r\n\r\nexport interface StackTaggedFunction extends Function {\r\n [SYMBOL_STACK]?: Stack\r\n}\r\n\r\n\r\nexport const wrapElement = (element: T): T & StackTaggedFunction => {\r\n\r\n element[SYMBOL_UNTRACKED_UNWRAPPED] = true\r\n if (DEBUGGER.test)\r\n element[SYMBOL_STACK] = new Stack(\"createElement\")\r\n\r\n return element\r\n\r\n}","import type { Child } from '../types'\r\n\r\nexport const Fragment = ({ children, ...props }: { children?: Child }): Child => {\r\n\r\n return children\r\n\r\n}\r\n","import { SYMBOL_CLONE } from '../constants'\r\nimport type { Component, Child, Refs } from '../types'\r\n\r\nexport interface CloneableType

{\r\n Component: Component

\r\n props?: P | null\r\n};\r\n\r\nexport const wrapCloneElement = (target: T, component: Component

, props?: P | null) => {\r\n target[SYMBOL_CLONE] = { Component: component, props } as CloneableType\r\n return target\r\n}\r\n","\n/* IMPORT */\n\nimport '../types'\nimport './types'\nexport { Fragment } from '../components/fragment'\n// import createElement from '../methods/create_element';\n// import { wrapCloneElement } from '../methods/wrap_clone_element';\nimport type { Child, Component, ComponentFunction, Element } from '../types'\nimport { wrapCloneElement, CloneableType } from '../methods/wrap_clone_element'\nimport { createElement } from '../index'\nimport { SYMBOL_CLONE, SYMBOL_DEFAULT, SYMBOL_JSX } from '../constants'\n\nconst wrapJsx =

(props: P) => {\n if (props[SYMBOL_JSX]) return props\n props[SYMBOL_JSX] = true\n return props\n}\n\nexport const unwrapJsx =

(props: P) => {\n delete props[SYMBOL_JSX]\n return props\n}\n\nexport const isJsx =

(props: P) => !!props[SYMBOL_JSX]\n\n\nfunction getProps

(component: string | Node | ComponentFunction

, props: P) {\n if (typeof component === 'string') {\n const ce = customElements.get(component)\n if (!!ce) {\n const defaultPropsFn = (ce as any).__component__?.[SYMBOL_DEFAULT]\n if (!defaultPropsFn) {\n console.error(`Component ${component} is missing default props. Please use the 'defaults' helper function to provide default props.`)\n }\n if (!props) props = defaultPropsFn() ?? {}\n }\n }\n if (!props) props = {} as any\n\n return wrapJsx(props)\n}\n\n\n/* MAIN */\n// const jsx =

(component: Component

, props?: P | null, ...children: Child[]): Element => {\n// return wrapCloneElement(createElement

(component as any, props, ...children), component, props);\n// };\n\n// React 16\nexport function jsx

(component: Component

, props?: P, ...children: Child[]): Element\n//React 17\nexport function jsx

(component: Component

, props?: P, key?: string): Element\nexport function jsx

(component: Component

, props?: P, ...children: (string | Child)[]): Element {\n if (typeof children === 'string') // React 16, key\n return wrapCloneElement(createElement

(component as any, props ?? {} as P, children as string), component, props)\n\n props = getProps

(component, props)\n\n if (typeof children === 'string') // React 16, key\n Object.assign(props as any, { children })\n\n return wrapCloneElement(createElement

(component as any, props, (props as any)?.key as string), component, props)\n};\n\n//React 17 only\nexport const jsxDEV =

(component: Component

, props: P | null, key: string, isStatic: boolean, source: { fileName: string, lineNumber: number, columnNumber: number }, self: any): Element => {\n props = getProps

(component, props)\n\n if (key)\n Object.assign(props, { key })\n\n return wrapCloneElement(createElement

(component as any, props), component, props)\n}\n\nexport const getMeta = (target: Element) => target?.[SYMBOL_CLONE] as CloneableType\n\n\nexport const jsxs = jsx ","/**\n * Element Creation API for Woby Framework\n * \n * This module provides the createElement function which is responsible for creating elements \n * in the Woby framework. It handles different types of components including functional components,\n * HTML elements, SVG elements, and custom elements.\n * \n * @module createElement\n */\n\nimport { untrack } from '../methods/soby'\nimport { wrapElement } from '../methods/wrap_element'\nimport { createComment, createHTMLNode, createSVGNode, createText } from '../utils/creators'\nimport { isClass, isFunction, isNode, isObject, isString, isSVGElement, isVoidChild } from '../utils/lang'\nimport { setChild, setProps } from '../utils/setters'\nimport type { Child, Component, Element } from '../types'\nimport { FragmentUtils } from '../utils/fragment'\nimport { customElement } from './custom_element'\nimport { Stack } from 'soby'\n\n/**\n * Creates an element from a component, props, and children\n * \n * This function is the core of the Woby rendering system. It handles the creation of elements\n * from various types of components:\n * 1. Functional components - Calls the function with props\n * 2. Class components - Instantiates the class with props\n * 3. String components - Creates HTML/SVG elements or custom elements\n * 4. Node components - Wraps existing DOM nodes\n * \n * @template P - The type of props for the component\n * @param component - The component to create (function, class, string tag name, or DOM node)\n * @param _props - The props to pass to the component\n * @param _children - The children elements\n * @returns A wrapped element that can be rendered\n * \n * @example\n * ```tsx\n * // Creating a functional component\n * const MyComponent = ({ name }: { name: string }) =>

Hello, {name}!
\n * const element = createElement(MyComponent, { name: 'World' })\n * \n * // Creating an HTML element\n * const divElement = createElement('div', { className: 'container' }, 'Hello World')\n * \n * // Creating an SVG element\n * const svgElement = createElement('svg', { width: 100, height: 100 })\n * \n * // Creating a custom element\n * customElement('my-custom-element', ({ value }: { value: number }) =>
Value: {value}
)\n * const customElementInstance = createElement('my-custom-element', { value: 42 })\n * ```\n */\nexport const createElement =

(component: Component

, _props?: P | null, ..._children: Child[]) => {\n\n const children = _children.length > 1 ? _children : (_children.length > 0 ? _children[0] : undefined)\n const hasChildren = !isVoidChild(children)\n const { ...rest } = _props ?? {}\n\n if (hasChildren && isObject(_props) && 'children' in _props) {\n\n throw new Error('Providing \"children\" both as a prop and as rest arguments is forbidden')\n\n }\n\n if (isFunction(component)) {\n\n const props = hasChildren ? Object.assign(_props, { children }) : _props\n\n return wrapElement(() => {\n\n return untrack(() => isClass(component) ? new (component as any)(props) : component.call(component, props as P)) //TSC\n\n })\n\n } else if (isString(component)) {\n\n const isSVG = isSVGElement(component)\n const isComment = component === 'comment'\n const isText = component === 'text'\n\n const createNode = isSVG ? createSVGNode : createHTMLNode\n const create = isComment ? () => createComment((_props as any).data ?? '') : isText ? () => createText((_props as any).data ?? '') : createNode\n\n return wrapElement((): Child => {\n const ce = customElements.get(component) as ReturnType\n\n const child = !!ce ? new ce(_props) : create(component) as HTMLElement\n\n // if (!!ce)\n // (child as InstanceType>).props = { ..._props }\n\n if (isSVG) child['isSVG'] = true\n\n const stack = new Stack()\n\n untrack(() => {\n\n if (_props) {\n if (!!ce) {\n const { children, ...np } = _props as any //children already initialized in new ce(_props)\n setProps(child, np, stack)\n }\n else\n setProps(child, _props as any, stack)\n }\n\n // //already in prop\n // if (hasChildren || ce?.__component__) {\n // // setChild(child, !!ce ? createElement(ce.__component__, (child as InstanceType>).props) : children, FragmentUtils.make(), stack)\n // setChild(child, children ?? _props.children, FragmentUtils.make(), stack)\n // }\n\n })\n\n return child\n\n })\n\n } else if (isNode(component)) {\n\n return wrapElement(() => component)\n\n } else {\n\n throw new Error('Invalid component')\n\n }\n\n}"],"names":["SYMBOL_UNTRACKED_UNWRAPPED","DEBUGGER","Stack","SYMBOL_CLONE","SYMBOL_JSX","SYMBOL_DEFAULT","isVoidChild","isObject","isFunction","untrack","isClass","isString","isSVGElement","createSVGNode","createHTMLNode","createComment","createText","children","setProps","isNode"],"mappings":"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"}