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

package/bundles/dom-renderer.d.ts

@@ -35,8 +35,7 @@ export declare class DomRenderer extends NativeRenderer<HTMLElement, Text> {
     remove(node: HTMLElement | Text): void;
     setProperty(node: HTMLElement, key: string, value: any): void;
     removeProperty(node: HTMLElement, key: string): void;
-    addClass(target: HTMLElement, name: string): void;
-    removeClass(target: HTMLElement, name: string): 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;

package/bundles/fork.d.ts

@@ -0,0 +1,2 @@
+import { RootNode, Viewfly } from '@viewfly/core';
+export declare function fork(host: HTMLElement, root: RootNode): Viewfly;

package/bundles/index.esm.js

@@ -1,4 +1,4 @@
-import { NativeRenderer, Viewfly } from '@viewfly/core';
+import { NativeRenderer, Viewfly, makeError, provide, onDestroy } from '@viewfly/core';
 import { Injectable } from '@tanbo/di';
 
 /******************************************************************************
@@ -145,15 +145,9 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
         parent.appendChild(newChild);
     }
     prependChild(parent, newChild) {
-        if (newChild === parent.childNodes[0]) {
-            return;
-        }
         parent.prepend(newChild);
     }
     insertAfter(newNode, ref) {
-        if (ref.nextSibling === newNode) {
-            return;
-        }
         if (ref.nextSibling) {
             this.insertBefore(newNode, ref.nextSibling);
         }
@@ -176,7 +170,7 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
         if (booleanTagNames && booleanTagNames.includes(key)) {
             node[key] = Boolean(value);
         }
-        if (valueTagNames && valueTagNames.includes(key)) {
+        else if (valueTagNames && valueTagNames.includes(key)) {
             if (node[key] === value) {
                 return;
             }
@@ -186,6 +180,7 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
     removeProperty(node, key) {
         if (this.possibleXlinkNames[key]) {
             this.removeXlinkAttribute(node, this.possibleXlinkNames[key]);
+            return;
         }
         node.removeAttribute(key);
         const tag = node.tagName.toLowerCase();
@@ -194,15 +189,12 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
         if (booleanTagNames && booleanTagNames.includes(key)) {
             node[key] = false;
         }
-        if (valueTagNames && valueTagNames.includes(key)) {
+        else if (valueTagNames && valueTagNames.includes(key)) {
             node[key] = '';
         }
     }
-    addClass(target, name) {
-        target.classList.add(name);
-    }
-    removeClass(target, name) {
-        target.classList.remove(name);
+    setClass(target, className) {
+        target.className = className || '';
     }
     setStyle(target, key, value) {
         target.style[key] = value !== null && value !== void 0 ? value : '';
@@ -217,20 +209,15 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
         node.removeEventListener(type, callback);
     }
     syncTextContent(target, content) {
-        if (target.textContent !== content) {
-            target.textContent = content;
-        }
+        target.textContent = content;
     }
     setXlinkAttribute(target, key, value) {
         target.setAttributeNS(this.xlinkNameSpace, key, value);
     }
     removeXlinkAttribute(target, key) {
-        target.removeAttributeNS(this.xlinkNameSpace, key);
+        target.removeAttributeNS(this.xlinkNameSpace, key.split(':')[1]);
     }
     insertBefore(newNode, ref) {
-        if (ref.previousSibling === newNode) {
-            return;
-        }
         ref.parentNode.insertBefore(newNode, ref);
     }
 };
@@ -267,8 +254,34 @@ function createApp(host, root, autoUpdate = true) {
             }
         ]
     });
-    app.start();
+    app.run();
+    return app;
+}
+
+const forkErrorFn = makeError('fork');
+function fork(host, root) {
+    let parentComponent;
+    try {
+        parentComponent = provide([]);
+    }
+    catch (_a) {
+        throw forkErrorFn('The fork function can only be called synchronously within a component.');
+    }
+    const app = new Viewfly({
+        host,
+        root,
+        context: parentComponent,
+        providers: [
+            {
+                provide: NativeRenderer,
+                useClass: DomRenderer
+            }
+        ]
+    });
+    onDestroy(() => {
+        app.destroy();
+    });
     return app;
 }
 
-export { DomRenderer, createApp };
+export { DomRenderer, createApp, fork };

package/bundles/index.js

@@ -147,15 +147,9 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
         parent.appendChild(newChild);
     }
     prependChild(parent, newChild) {
-        if (newChild === parent.childNodes[0]) {
-            return;
-        }
         parent.prepend(newChild);
     }
     insertAfter(newNode, ref) {
-        if (ref.nextSibling === newNode) {
-            return;
-        }
         if (ref.nextSibling) {
             this.insertBefore(newNode, ref.nextSibling);
         }
@@ -178,7 +172,7 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
         if (booleanTagNames && booleanTagNames.includes(key)) {
             node[key] = Boolean(value);
         }
-        if (valueTagNames && valueTagNames.includes(key)) {
+        else if (valueTagNames && valueTagNames.includes(key)) {
             if (node[key] === value) {
                 return;
             }
@@ -188,6 +182,7 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
     removeProperty(node, key) {
         if (this.possibleXlinkNames[key]) {
             this.removeXlinkAttribute(node, this.possibleXlinkNames[key]);
+            return;
         }
         node.removeAttribute(key);
         const tag = node.tagName.toLowerCase();
@@ -196,15 +191,12 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
         if (booleanTagNames && booleanTagNames.includes(key)) {
             node[key] = false;
         }
-        if (valueTagNames && valueTagNames.includes(key)) {
+        else if (valueTagNames && valueTagNames.includes(key)) {
             node[key] = '';
         }
     }
-    addClass(target, name) {
-        target.classList.add(name);
-    }
-    removeClass(target, name) {
-        target.classList.remove(name);
+    setClass(target, className) {
+        target.className = className || '';
     }
     setStyle(target, key, value) {
         target.style[key] = value !== null && value !== void 0 ? value : '';
@@ -219,20 +211,15 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
         node.removeEventListener(type, callback);
     }
     syncTextContent(target, content) {
-        if (target.textContent !== content) {
-            target.textContent = content;
-        }
+        target.textContent = content;
     }
     setXlinkAttribute(target, key, value) {
         target.setAttributeNS(this.xlinkNameSpace, key, value);
     }
     removeXlinkAttribute(target, key) {
-        target.removeAttributeNS(this.xlinkNameSpace, key);
+        target.removeAttributeNS(this.xlinkNameSpace, key.split(':')[1]);
     }
     insertBefore(newNode, ref) {
-        if (ref.previousSibling === newNode) {
-            return;
-        }
         ref.parentNode.insertBefore(newNode, ref);
     }
 };
@@ -269,8 +256,35 @@ function createApp(host, root, autoUpdate = true) {
             }
         ]
     });
-    app.start();
+    app.run();
+    return app;
+}
+
+const forkErrorFn = core.makeError('fork');
+function fork(host, root) {
+    let parentComponent;
+    try {
+        parentComponent = core.provide([]);
+    }
+    catch (_a) {
+        throw forkErrorFn('The fork function can only be called synchronously within a component.');
+    }
+    const app = new core.Viewfly({
+        host,
+        root,
+        context: parentComponent,
+        providers: [
+            {
+                provide: core.NativeRenderer,
+                useClass: exports.DomRenderer
+            }
+        ]
+    });
+    core.onDestroy(() => {
+        app.destroy();
+    });
     return app;
 }
 
 exports.createApp = createApp;
+exports.fork = fork;

package/bundles/public-api.d.ts

@@ -1,2 +1,3 @@
 export * from './create-app';
+export * from './fork';
 export * from './dom-renderer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.11",
   "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -16,7 +16,7 @@
   "keywords": [],
   "dependencies": {
     "@tanbo/di": "^1.1.4",
-    "@viewfly/core": "^0.0.1-alpha.1",
+    "@viewfly/core": "^0.0.1-alpha.11",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -37,5 +37,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "abca65615d81e3a6617d5fe588cdf38142a3523a"
+  "gitHead": "38e6182b1ae82b0f9626742507ca7a4583d182f9"
 }