@viewfly/platform-browser 1.0.0-alpha.1 → 1.0.0-alpha.11

package/bundles/{jsx-dom.d.ts → index.d.ts}

@@ -1,5 +1,141 @@
+import { NativeNode, JSXNode, Application, Config, NativeRenderer } from '@viewfly/core';
 import * as CSS from 'csstype';
-export interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> {
+
+/**
+ * 创建一个 Viewfly 实例
+ * @param root 应用根节点
+ * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
+ * 只会首次渲染，直到手动调用 app 的 render() 方法，这在单元测试中非常有用，
+ * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
+ * ```tsx
+ * const app = createApp(<App/>, false).mount(document.getElementById('app'))
+ *
+ * // do something...
+ *
+ * app.render() // 手动更新视图
+ * ```
+ */
+declare function createApp<T extends NativeNode>(root: JSXNode, autoUpdate?: boolean): Application<T>;
+declare function createApp<T extends NativeNode>(root: JSXNode, config?: Partial<Omit<Config, 'root'>>): Application<T>;
+
+/**
+ * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
+ * @param childRender
+ * @param host
+ * @example
+ * ```tsx
+ * function App() {
+ *   const number = createSignal(0)
+ *
+ *   setInterval(() => {
+ *     number.set(number() + 1)
+ *   }, 1000)
+ *
+ *   const ModalPortal = function (props) {
+ *     return createPortal(() => {
+ *       return <div class="modal">parent data is {props.text}</div>
+ *     }, document.body)
+ *   }
+ *   return () => {
+ *     return (
+ *       <div>
+ *         <div>data is {number()}</div>
+ *         <ModalPortal text={number()}/>
+ *       </div>
+ *     )
+ *   }
+ * }
+ * ```
+ */
+declare function createPortal<T extends NativeNode>(childRender: () => JSXNode, host: T): {
+    $portalHost: T;
+    $render: () => JSXNode;
+};
+
+declare class VDOMNode {
+    parent: VDOMElement | null;
+    remove(): void;
+}
+declare class VDOMElement extends VDOMNode {
+    name: string;
+    props: Map<string, any>;
+    children: Array<VDOMElement | VDOMText>;
+    style: Map<string, any>;
+    className: string;
+    constructor(name: string);
+}
+declare class VDOMText extends VDOMNode {
+    text: string;
+    constructor(text: string);
+}
+/**
+ * 用于生成模拟轻量 DOM 节点的渲染器
+ */
+declare class HTMLRenderer extends NativeRenderer<VDOMElement, VDOMText> {
+    createElement(name: string): VDOMElement;
+    createTextNode(textContent: string): VDOMText;
+    setProperty(node: VDOMElement, key: string, value: any): void;
+    appendChild(parent: VDOMElement, newChild: VDOMElement | VDOMText): void;
+    prependChild(parent: VDOMElement, newChild: VDOMElement | VDOMText): void;
+    removeProperty(node: VDOMElement, key: string): void;
+    setStyle(target: VDOMElement, key: string, value: any): void;
+    removeStyle(target: VDOMElement, key: string): void;
+    setClass(target: VDOMElement, value: string): void;
+    listen(): void;
+    unListen(): void;
+    remove(node: VDOMElement | VDOMText): void;
+    cleanChildren(node: VDOMElement): void;
+    syncTextContent(target: VDOMText, content: string): void;
+    insertAfter(newNode: VDOMElement | VDOMText, ref: VDOMElement | VDOMText): void;
+}
+/**
+ * 轻量 DOM 转换为 HTML 字符串的转换器
+ */
+declare class OutputTranslator {
+    static singleTags: string[];
+    static simpleXSSFilter: {
+        text(text: string): string;
+        attrName(text: string): string;
+        attrValue(text: string): string;
+    };
+    private singleTagTest;
+    /**
+     * 将虚拟 DOM 转换为 HTML 字符串的方法
+     * @param vDom 虚拟 DOM 节点
+     */
+    transform(vDom: VDOMElement): string;
+    private vDomToHTMLString;
+    private replaceEmpty;
+}
+
+declare class DomRenderer extends NativeRenderer<HTMLElement, Text> {
+    static NAMESPACES: {
+        svg: string;
+        html: string;
+        xml: string;
+        xlink: string;
+        xmlns: string;
+    };
+    propMap: Record<string, Record<string, string>>;
+    createElement(name: string, isSvg: boolean): HTMLElement;
+    createTextNode(textContent: string): Text;
+    appendChild(parent: HTMLElement, newChild: any): void;
+    prependChild(parent: HTMLElement, newChild: HTMLElement | Text): void;
+    insertAfter(newNode: HTMLElement | Text, ref: HTMLElement | Text): void;
+    remove(node: HTMLElement | Text): void;
+    cleanChildren(node: HTMLElement): void;
+    setProperty(node: HTMLElement, key: string, value: any, isSvg: boolean): void;
+    removeProperty(node: HTMLElement, key: string, isSvg: boolean): void;
+    setClass(target: HTMLElement, className: string): void;
+    setStyle(target: HTMLElement, key: string, value: any): void;
+    removeStyle(target: HTMLElement, key: string): void;
+    listen<T = any>(node: HTMLElement, type: string, callback: (ev: T) => any): void;
+    unListen(node: HTMLElement, type: string, callback: (ev: any) => any): void;
+    syncTextContent(target: Text, content: string): void;
+    private insertBefore;
+}
+
+interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> {
     /**
      * The index signature was removed to enable closed typing for style
      * using CSSType. You're able to use type assertion or module augmentation
@@ -198,8 +334,8 @@ interface AriaAttributes {
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     'aria-valuetext'?: string;
 }
-export type StyleValue = string | CSSProperties | null;
-export interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSXInternal.RefAttributes<T> {
+type StyleValue = string | CSSProperties | null;
+interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSXInternal.RefAttributes<T> {
     innerHTML?: string;
     class?: JSXInternal.ClassNames;
     style?: StyleValue;
@@ -246,7 +382,7 @@ export interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>
     [k: string]: any;
 }
 type HTMLAttributeReferrerPolicy = '' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
-export interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: any;
     href?: string;
     hreflang?: string;
@@ -257,7 +393,7 @@ export interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: string;
     referrerpolicy?: HTMLAttributeReferrerPolicy;
 }
-export interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string;
     coords?: string;
     download?: any;
@@ -269,16 +405,16 @@ export interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
     shape?: string;
     target?: string;
 }
-export interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
 }
-export interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
     href?: string;
     target?: string;
 }
-export interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
 }
-export interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
     autofocus?: Booleanish;
     disabled?: Booleanish;
     form?: string;
@@ -291,42 +427,42 @@ export interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: 'submit' | 'reset' | 'button';
     value?: string | string[] | number;
 }
-export interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: Numberish;
     width?: Numberish;
 }
-export interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
     span?: Numberish;
     width?: Numberish;
 }
-export interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
     span?: Numberish;
 }
-export interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
+interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
 }
-export interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
     open?: Booleanish;
 }
-export interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
     datetime?: string;
 }
-export interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
     open?: Booleanish;
 }
-export interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: Numberish;
     src?: string;
     type?: string;
     width?: Numberish;
 }
-export interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: Booleanish;
     form?: string;
     name?: string;
 }
-export interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     acceptcharset?: string;
     action?: string;
     autocomplete?: string;
@@ -336,10 +472,10 @@ export interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     novalidate?: Booleanish;
     target?: string;
 }
-export interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
     manifest?: string;
 }
-export interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
     allow?: string;
     allowfullscreen?: Booleanish;
     allowtransparency?: Booleanish;
@@ -356,7 +492,7 @@ export interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
     srcdoc?: string;
     width?: Numberish;
 }
-export interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string;
     crossorigin?: 'anonymous' | 'use-credentials' | '';
     decoding?: 'async' | 'auto' | 'sync';
@@ -368,11 +504,11 @@ export interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     usemap?: string;
     width?: Numberish;
 }
-export interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
     datetime?: string;
 }
-export interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
     accept?: string;
     alt?: string;
     autocomplete?: string;
@@ -407,7 +543,7 @@ export interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: any;
     width?: Numberish;
 }
-export interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
     autofocus?: Booleanish;
     challenge?: string;
     disabled?: Booleanish;
@@ -416,14 +552,14 @@ export interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
     keyparams?: string;
     name?: string;
 }
-export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
     for?: string;
     form?: string;
 }
-export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
 }
-export interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     as?: string;
     crossorigin?: string;
     href?: string;
@@ -435,13 +571,13 @@ export interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     sizes?: string;
     type?: string;
 }
-export interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string;
 }
-export interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: string;
 }
-export interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     autoplay?: Booleanish;
     controls?: Booleanish;
     controlslist?: string;
@@ -453,13 +589,13 @@ export interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     preload?: string;
     src?: string;
 }
-export interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
     charset?: string;
     content?: string;
     httpequiv?: string;
     name?: string;
 }
-export interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     high?: Numberish;
     low?: Numberish;
@@ -468,10 +604,10 @@ export interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     optimum?: Numberish;
     value?: string | string[] | number;
 }
-export interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
 }
-export interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
     classid?: string;
     data?: string;
     form?: string;
@@ -482,35 +618,35 @@ export interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
     width?: Numberish;
     wmode?: string;
 }
-export interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
     reversed?: Booleanish;
     start?: Numberish;
     type?: '1' | 'a' | 'A' | 'i' | 'I';
 }
-export interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: Booleanish;
     label?: string;
 }
-export interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: Booleanish;
     label?: string;
     selected?: Booleanish;
     value?: string;
 }
-export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
     for?: string;
     form?: string;
     name?: string;
 }
-export interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string;
     value?: string | string[] | number;
 }
-export interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
     max?: Numberish;
     value?: string | string[] | number;
 }
-export interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
     async?: Booleanish;
     charset?: string;
     crossorigin?: string;
@@ -522,7 +658,7 @@ export interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
     src?: string;
     type?: string;
 }
-export interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
     autocomplete?: string;
     autofocus?: Booleanish;
     disabled?: Booleanish;
@@ -533,25 +669,25 @@ export interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
     size?: Numberish;
     value?: string;
 }
-export interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: string;
     sizes?: string;
     src?: string;
     srcset?: string;
     type?: string;
 }
-export interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: string;
     nonce?: string;
     scoped?: Booleanish;
     type?: string;
 }
-export interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
     cellpadding?: Numberish;
     cellspacing?: Numberish;
     summary?: string;
 }
-export interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
     autocomplete?: string;
     autofocus?: Booleanish;
     cols?: Numberish;
@@ -568,7 +704,7 @@ export interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
     wrap?: string;
 }
-export interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
     align?: 'left' | 'center' | 'right' | 'justify' | 'char';
     colspan?: Numberish;
     headers?: string;
@@ -576,31 +712,31 @@ export interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
     scope?: string;
     valign?: 'top' | 'middle' | 'bottom' | 'baseline';
 }
-export interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
     align?: 'left' | 'center' | 'right' | 'justify' | 'char';
     colspan?: Numberish;
     headers?: string;
     rowspan?: Numberish;
     scope?: string;
 }
-export interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
     datetime?: string;
 }
-export interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
     default?: Booleanish;
     kind?: string;
     label?: string;
     src?: string;
     srclang?: string;
 }
-export interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
     height?: Numberish;
     playsinline?: Booleanish;
     poster?: string;
     width?: Numberish;
     disablePictureInPicture?: Booleanish;
 }
-export interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
+interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
     allowfullscreen?: Booleanish;
     allowpopups?: Booleanish;
     autoFocus?: Booleanish;
@@ -619,7 +755,7 @@ export interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
     useragent?: string;
     webpreferences?: string;
 }
-export interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSXInternal.RefAttributes<T> {
+interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSXInternal.RefAttributes<T> {
     innerHTML?: string;
     /**
      * SVG Styling Attributes
@@ -878,7 +1014,7 @@ export interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>,
     z?: Numberish;
     zoomAndPan?: string;
 }
-export interface DOMElements {
+interface DOMElements {
     a: AnchorHTMLAttributes<HTMLAnchorElement>;
     abbr: HTMLAttributes<HTMLElement>;
     address: HTMLAttributes<HTMLElement>;
@@ -992,7 +1128,7 @@ export interface DOMElements {
     wbr: HTMLAttributes<HTMLElement>;
     webview: WebViewHTMLAttributes<HTMLElement>;
 }
-export interface SVGElements {
+interface SVGElements {
     svg: SVGAttributes<SVGElement>;
     animate: SVGAttributes<SVGAnimateElement>;
     animateMotion: SVGAttributes<SVGAnimateMotionElement>;
@@ -1052,9 +1188,9 @@ export interface SVGElements {
     use: SVGAttributes<SVGUseElement>;
     view: SVGAttributes<SVGViewElement>;
 }
-export interface NativeElements extends DOMElements, SVGElements {
+interface NativeElements extends DOMElements, SVGElements {
 }
-export interface Events {
+interface Events {
     onCopy: ClipboardEvent;
     onCut: ClipboardEvent;
     onPaste: ClipboardEvent;
@@ -1147,4 +1283,5 @@ declare global {
         }
     }
 }
-export {};
+
+export { type AnchorHTMLAttributes, type AreaHTMLAttributes, type AudioHTMLAttributes, type BaseHTMLAttributes, type BlockquoteHTMLAttributes, type ButtonHTMLAttributes, type CSSProperties, type CanvasHTMLAttributes, type ColHTMLAttributes, type ColgroupHTMLAttributes, type DOMElements, type DataHTMLAttributes, type DelHTMLAttributes, type DetailsHTMLAttributes, type DialogHTMLAttributes, DomRenderer, type EmbedHTMLAttributes, type Events, type FieldsetHTMLAttributes, type FormHTMLAttributes, type HTMLAttributes, HTMLRenderer, type HtmlHTMLAttributes, type IframeHTMLAttributes, type ImgHTMLAttributes, type InputHTMLAttributes, type InsHTMLAttributes, type KeygenHTMLAttributes, type LabelHTMLAttributes, type LiHTMLAttributes, type LinkHTMLAttributes, type MapHTMLAttributes, type MediaHTMLAttributes, type MenuHTMLAttributes, type MetaHTMLAttributes, type MeterHTMLAttributes, type NativeElements, type ObjectHTMLAttributes, type OlHTMLAttributes, type OptgroupHTMLAttributes, type OptionHTMLAttributes, type OutputHTMLAttributes, OutputTranslator, type ParamHTMLAttributes, type ProgressHTMLAttributes, type QuoteHTMLAttributes, type SVGAttributes, type SVGElements, type ScriptHTMLAttributes, type SelectHTMLAttributes, type SourceHTMLAttributes, type StyleHTMLAttributes, type StyleValue, type TableHTMLAttributes, type TdHTMLAttributes, type TextareaHTMLAttributes, type ThHTMLAttributes, type TimeHTMLAttributes, type TrackHTMLAttributes, VDOMElement, VDOMNode, VDOMText, type VideoHTMLAttributes, type WebViewHTMLAttributes, createApp, createPortal };

package/bundles/index.esm.js

@@ -168,20 +168,34 @@ function createPortal(childRender, host) {
     };
 }
 
-class VDOMElement {
+class VDOMNode {
+    constructor() {
+        this.parent = null;
+    }
+    remove() {
+        if (this.parent) {
+            const i = this.parent.children.indexOf(this);
+            if (i > -1) {
+                this.parent.children.splice(i, 1);
+            }
+        }
+        this.parent = null;
+    }
+}
+class VDOMElement extends VDOMNode {
     constructor(name) {
+        super();
         this.name = name;
         this.props = new Map();
         this.children = [];
         this.style = new Map();
         this.className = '';
-        this.parent = null;
     }
 }
-class VDOMText {
+class VDOMText extends VDOMNode {
     constructor(text) {
+        super();
         this.text = text;
-        this.parent = null;
     }
 }
 /**
@@ -198,10 +212,12 @@ class HTMLRenderer extends NativeRenderer {
         node.props.set(key, value);
     }
     appendChild(parent, newChild) {
+        newChild.remove();
         parent.children.push(newChild);
         newChild.parent = parent;
     }
     prependChild(parent, newChild) {
+        newChild.remove();
         parent.children.unshift(newChild);
         newChild.parent = parent;
     }
@@ -224,21 +240,17 @@ class HTMLRenderer extends NativeRenderer {
         //
     }
     remove(node) {
-        if (node.parent) {
-            const i = node.parent.children.indexOf(node);
-            if (i > -1) {
-                node.parent.children.splice(i, 1);
-            }
-        }
-        node.parent = null;
+        node.remove();
     }
     cleanChildren(node) {
+        node.children.forEach(i => i.parent = null);
         node.children = [];
     }
     syncTextContent(target, content) {
         target.text = content;
     }
     insertAfter(newNode, ref) {
+        newNode.remove();
         const parent = ref.parent;
         if (parent) {
             const i = parent.children.indexOf(ref);
@@ -284,7 +296,7 @@ class OutputTranslator {
         const attrs = Array.from(vDom.props.keys()).filter(key => key !== 'ref' && vDom.props.get(key) !== false).map(k => {
             const key = xssFilter.attrName(k);
             const value = vDom.props.get(k);
-            return (value === true ? `${key}` : `${key}="${xssFilter.attrValue(`${value}`)}"`);
+            return (value === true && /^\w+$/.test(key) ? `${key}` : `${key}="${xssFilter.attrValue(`${value}`)}"`);
         });
         if (styles) {
             attrs.push(`style="${styles}"`);
@@ -346,4 +358,4 @@ OutputTranslator.simpleXSSFilter = {
     }
 };
 
-export { DomRenderer, HTMLRenderer, OutputTranslator, VDOMElement, VDOMText, createApp, createPortal };
+export { DomRenderer, HTMLRenderer, OutputTranslator, VDOMElement, VDOMNode, VDOMText, createApp, createPortal };

package/bundles/index.js

@@ -170,20 +170,34 @@ function createPortal(childRender, host) {
     };
 }
 
-class VDOMElement {
+class VDOMNode {
+    constructor() {
+        this.parent = null;
+    }
+    remove() {
+        if (this.parent) {
+            const i = this.parent.children.indexOf(this);
+            if (i > -1) {
+                this.parent.children.splice(i, 1);
+            }
+        }
+        this.parent = null;
+    }
+}
+class VDOMElement extends VDOMNode {
     constructor(name) {
+        super();
         this.name = name;
         this.props = new Map();
         this.children = [];
         this.style = new Map();
         this.className = '';
-        this.parent = null;
     }
 }
-class VDOMText {
+class VDOMText extends VDOMNode {
     constructor(text) {
+        super();
         this.text = text;
-        this.parent = null;
     }
 }
 /**
@@ -200,10 +214,12 @@ class HTMLRenderer extends core.NativeRenderer {
         node.props.set(key, value);
     }
     appendChild(parent, newChild) {
+        newChild.remove();
         parent.children.push(newChild);
         newChild.parent = parent;
     }
     prependChild(parent, newChild) {
+        newChild.remove();
         parent.children.unshift(newChild);
         newChild.parent = parent;
     }
@@ -226,21 +242,17 @@ class HTMLRenderer extends core.NativeRenderer {
         //
     }
     remove(node) {
-        if (node.parent) {
-            const i = node.parent.children.indexOf(node);
-            if (i > -1) {
-                node.parent.children.splice(i, 1);
-            }
-        }
-        node.parent = null;
+        node.remove();
     }
     cleanChildren(node) {
+        node.children.forEach(i => i.parent = null);
         node.children = [];
     }
     syncTextContent(target, content) {
         target.text = content;
     }
     insertAfter(newNode, ref) {
+        newNode.remove();
         const parent = ref.parent;
         if (parent) {
             const i = parent.children.indexOf(ref);
@@ -286,7 +298,7 @@ class OutputTranslator {
         const attrs = Array.from(vDom.props.keys()).filter(key => key !== 'ref' && vDom.props.get(key) !== false).map(k => {
             const key = xssFilter.attrName(k);
             const value = vDom.props.get(k);
-            return (value === true ? `${key}` : `${key}="${xssFilter.attrValue(`${value}`)}"`);
+            return (value === true && /^\w+$/.test(key) ? `${key}` : `${key}="${xssFilter.attrValue(`${value}`)}"`);
         });
         if (styles) {
             attrs.push(`style="${styles}"`);
@@ -352,6 +364,7 @@ exports.DomRenderer = DomRenderer;
 exports.HTMLRenderer = HTMLRenderer;
 exports.OutputTranslator = OutputTranslator;
 exports.VDOMElement = VDOMElement;
+exports.VDOMNode = VDOMNode;
 exports.VDOMText = VDOMText;
 exports.createApp = createApp;
 exports.createPortal = createPortal;

package/package.json

@@ -1,18 +1,20 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "description": "This project is used to enable the Viewfly framework to run in a browser.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
-  "typings": "./bundles/public-api.d.ts",
+  "typings": "./bundles/index.d.ts",
   "scripts": {
-    "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "build:lib": "rimraf bundles && npm run build  && npm run build-d",
+    "build": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "build-d": "rollup --config rollup-d.config.ts --configPlugin @rollup/plugin-typescript",
     "publish:lib": "npm run build:lib && npm publish --access=public"
   },
   "license": "MIT",
   "keywords": [],
   "dependencies": {
-    "@viewfly/core": "^1.0.0-alpha.1",
+    "@viewfly/core": "^1.0.0-alpha.11",
     "csstype": "^3.1.2"
   },
   "devDependencies": {
@@ -20,6 +22,7 @@
     "@rollup/plugin-typescript": "^11.1.2",
     "rimraf": "^3.0.2",
     "rollup": "^3.26.3",
+    "rollup-plugin-dts": "^6.1.1",
     "tslib": "^2.6.0"
   },
   "author": {
@@ -33,5 +36,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "8a25e6e350ba9cade6036506e7fe2aba4e4396ac"
+  "gitHead": "723da75a9e8e13e8addbe4646358667f476e06f3"
 }

package/rollup-d.config.ts

@@ -0,0 +1,14 @@
+import dts from 'rollup-plugin-dts'
+
+export default {
+  input: 'src/public-api.ts',
+  output: [
+    {
+      file: './bundles/index.d.ts',
+      format: 'es'
+    }
+  ],
+  plugins: [
+    dts(),
+  ]
+}

package/bundles/create-app.d.ts

@@ -1,17 +0,0 @@
-import { JSXNode, Application, Config, NativeNode } from '@viewfly/core';
-/**
- * 创建一个 Viewfly 实例
- * @param root 应用根节点
- * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
- * 只会首次渲染，直到手动调用 app 的 render() 方法，这在单元测试中非常有用，
- * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
- * ```tsx
- * const app = createApp(<App/>, false).mount(document.getElementById('app'))
- *
- * // do something...
- *
- * app.render() // 手动更新视图
- * ```
- */
-export declare function createApp<T extends NativeNode>(root: JSXNode, autoUpdate?: boolean): Application<T>;
-export declare function createApp<T extends NativeNode>(root: JSXNode, config?: Partial<Omit<Config, 'root'>>): Application<T>;

package/bundles/create-portal.d.ts

@@ -1,34 +0,0 @@
-import { JSXNode, NativeNode } from '@viewfly/core';
-/**
- * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
- * @param childRender
- * @param host
- * @example
- * ```tsx
- * function App() {
- *   const number = createSignal(0)
- *
- *   setInterval(() => {
- *     number.set(number() + 1)
- *   }, 1000)
- *
- *   const ModalPortal = function (props) {
- *     return createPortal(() => {
- *       return <div class="modal">parent data is {props.text}</div>
- *     }, document.body)
- *   }
- *   return () => {
- *     return (
- *       <div>
- *         <div>data is {number()}</div>
- *         <ModalPortal text={number()}/>
- *       </div>
- *     )
- *   }
- * }
- * ```
- */
-export declare function createPortal<T extends NativeNode>(childRender: () => JSXNode, host: T): {
-    $portalHost: T;
-    $render: () => JSXNode;
-};

package/bundles/dom-renderer.d.ts

@@ -1,27 +0,0 @@
-import { NativeRenderer } from '@viewfly/core';
-export declare class DomRenderer extends NativeRenderer<HTMLElement, Text> {
-    static NAMESPACES: {
-        svg: string;
-        html: string;
-        xml: string;
-        xlink: string;
-        xmlns: string;
-    };
-    propMap: Record<string, Record<string, string>>;
-    createElement(name: string, isSvg: boolean): HTMLElement;
-    createTextNode(textContent: string): Text;
-    appendChild(parent: HTMLElement, newChild: any): void;
-    prependChild(parent: HTMLElement, newChild: HTMLElement | Text): void;
-    insertAfter(newNode: HTMLElement | Text, ref: HTMLElement | Text): void;
-    remove(node: HTMLElement | Text): void;
-    cleanChildren(node: HTMLElement): void;
-    setProperty(node: HTMLElement, key: string, value: any, isSvg: boolean): void;
-    removeProperty(node: HTMLElement, key: string, isSvg: boolean): void;
-    setClass(target: HTMLElement, className: string): void;
-    setStyle(target: HTMLElement, key: string, value: any): void;
-    removeStyle(target: HTMLElement, key: string): void;
-    listen<T = any>(node: HTMLElement, type: string, callback: (ev: T) => any): void;
-    unListen(node: HTMLElement, type: string, callback: (ev: any) => any): void;
-    syncTextContent(target: Text, content: string): void;
-    private insertBefore;
-}

package/bundles/html-renderer.d.ts

@@ -1,54 +0,0 @@
-import { NativeRenderer } from '@viewfly/core';
-export declare class VDOMElement {
-    name: string;
-    props: Map<string, any>;
-    children: Array<VDOMElement | VDOMText>;
-    style: Map<string, any>;
-    className: string;
-    parent: VDOMElement | null;
-    constructor(name: string);
-}
-export declare class VDOMText {
-    text: string;
-    parent: VDOMElement | null;
-    constructor(text: string);
-}
-/**
- * 用于生成模拟轻量 DOM 节点的渲染器
- */
-export declare class HTMLRenderer extends NativeRenderer<VDOMElement, VDOMText> {
-    createElement(name: string): VDOMElement;
-    createTextNode(textContent: string): VDOMText;
-    setProperty(node: VDOMElement, key: string, value: any): void;
-    appendChild(parent: VDOMElement, newChild: VDOMElement | VDOMText): void;
-    prependChild(parent: VDOMElement, newChild: VDOMElement | VDOMText): void;
-    removeProperty(node: VDOMElement, key: string): void;
-    setStyle(target: VDOMElement, key: string, value: any): void;
-    removeStyle(target: VDOMElement, key: string): void;
-    setClass(target: VDOMElement, value: string): void;
-    listen(): void;
-    unListen(): void;
-    remove(node: VDOMElement | VDOMText): void;
-    cleanChildren(node: VDOMElement): void;
-    syncTextContent(target: VDOMText, content: string): void;
-    insertAfter(newNode: VDOMElement | VDOMText, ref: VDOMElement | VDOMText): void;
-}
-/**
- * 轻量 DOM 转换为 HTML 字符串的转换器
- */
-export declare class OutputTranslator {
-    static singleTags: string[];
-    static simpleXSSFilter: {
-        text(text: string): string;
-        attrName(text: string): string;
-        attrValue(text: string): string;
-    };
-    private singleTagTest;
-    /**
-     * 将虚拟 DOM 转换为 HTML 字符串的方法
-     * @param vDom 虚拟 DOM 节点
-     */
-    transform(vDom: VDOMElement): string;
-    private vDomToHTMLString;
-    private replaceEmpty;
-}

package/bundles/public-api.d.ts

@@ -1,5 +0,0 @@
-export * from './create-app';
-export * from './create-portal';
-export * from './html-renderer';
-export * from './dom-renderer';
-export * from './jsx-dom';