@estjs/template 0.0.13-beta.6 → 0.0.13

package/dist/template.d.ts

@@ -2221,38 +2221,21 @@ declare class ComponentNode$1 extends LifecycleContext implements JSX.Element {
     private rootNode;
     private trackMap;
     constructor(template: EssorComponent, props?: Props | undefined, key?: string | undefined);
+    private createProxyProps;
     get firstChild(): Node | null;
     get isConnected(): boolean;
     mount(parent: Node, before?: Node | null): Node[];
     unmount(): void;
-    /**
-     * Inherit props and state from another ComponentNode.
-     * It will:
-     * 1. Copy props from the node to this proxyProps.
-     * 2. Copy the rootNode, trackMap and hooks from the node.
-     * 3. Copy the props from the node to this.
-     * 4. Patch props from the props passed in the constructor.
-     * @param node The node to inherit from.
-     */
+    private callMountHooks;
+    private callDestroyHooks;
+    private clearEmitter;
     inheritNode(node: ComponentNode$1): void;
-    /**
-     * Get a NodeTrack from the trackMap. If the track is not in the trackMap, create a new one.
-     * Then, call the cleanup function to remove any previously registered hooks.
-     * @param trackKey the key of the node track to get.
-     * @returns the NodeTrack, cleaned up and ready to use.
-     */
     private getNodeTrack;
-    /**
-     * Patch the props of this node.
-     * It will:
-     * 1. Iterate the props and patch it.
-     * 2. If the prop is a event handler, add a event listener to the first child of the node.
-     * 3. If the prop is a ref, set the first child of the node to the ref.
-     * 4. If the prop is a update handler, update the prop in the node's props.
-     * 5. If the prop is a normal prop, create a signal for it and then patch it.
-     * @param props The props to patch.
-     */
     patchProps(props: Record<string, any> | undefined): void;
+    private patchEventListener;
+    private patchRef;
+    private patchUpdateHandler;
+    private patchNormalProp;
 }
 
 /**
@@ -2287,7 +2270,13 @@ declare function isJsxElement(node: unknown): node is EssorNode;
  * @returns A new HTML template element.
  */
 declare function createTemplate(html: string): HTMLTemplateElement;
-declare function Fragment<T extends JSX.JSXElement | (JSX.JSXElement | string | number | boolean)[]>(props: {
+/**
+ * @param props - An object containing the `children` prop.
+ * @param props.children - The children to be rendered. Can be a single JSX element, string, number, boolean,
+ *                         or an array of these. Falsy values in arrays will be filtered out.
+ * @returns A JSX element representing the fragment, wrapping the filtered children.
+ */
+declare function Fragment<T extends JSX.JSXElement | string | number | boolean | (JSX.JSXElement | string | number | boolean)[]>(props: {
     children: T;
 }): JSX.Element;
 
@@ -2341,7 +2330,7 @@ declare function useInject<T, K = InjectionKey<T> | string | number>(key: K, def
  * @returns a reactive ref signal
  *
  * @example
- * const inputRef = useRef(')
+ * const inputRef = useRef<HTMLInputElement>()
  *
  * <input ref={inputRef} />
  *
@@ -2353,10 +2342,17 @@ declare class SSGNode extends LifecycleContext {
     private template;
     private props;
     key?: string | undefined;
-    templates: string;
+    private templates;
     constructor(template: string[] | SSGNode | ((props: Props) => SSGNode), props?: Props, key?: string | undefined);
+    private processTemplate;
+    private processHtmlString;
     mount(): string;
     render(): string;
+    private renderTemplate;
+    private normalizeProps;
+    private generateAttributes;
+    private renderChildren;
+    private renderChild;
 }
 
 /**
@@ -2368,7 +2364,7 @@ declare class SSGNode extends LifecycleContext {
  * @param props Optional props to pass to the component.
  * @returns The rendered HTML string.
  */
-declare function renderToString(component: EssorComponent, props?: Record<string, unknown>): string;
+declare function renderToString(component: EssorComponent, props?: Props): string;
 /**
  * Hydrate a component in a container.
  *
@@ -2376,6 +2372,7 @@ declare function renderToString(component: EssorComponent, props?: Record<string
  *
  * @param component The component to hydrate.
  * @param container The container element to hydrate in. Can be a string selector or an Element.
+ * @throws Error if the container is not found.
  */
 declare function hydrate(component: EssorComponent, container: string | Element): void;
 /**
@@ -2387,6 +2384,6 @@ declare function hydrate(component: EssorComponent, container: string | Element)
  * @param props Optional props to pass to the component.
  * @returns The SSGNode or JSX element.
  */
-declare function ssg(component: any, props?: Props): SSGNode | JSX.Element;
+declare function ssg(component: EssorComponent, props?: Props): SSGNode | JSX.Element;
 
 export { Fragment, type InjectionKey, h, hydrate, isComponent, isJsxElement, onDestroy, onMount, renderToString, ssg, createTemplate as template, useInject, useProvide, useRef };