@viewfly/platform-browser 0.0.18 → 0.0.20

package/README.md

@@ -24,7 +24,8 @@ function App() {
   }
 }
 
-const app = createApp(document.getElementById('app'), <App/>)
+const app = createApp(<App/>)
+app.mount(document.getElementById('app'))
 
 // 销毁 app 实例
 app.destroy()

package/bundles/create-app.d.ts

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

package/bundles/fork.d.ts

@@ -1,2 +1,2 @@
 import { JSXInternal, Viewfly } from '@viewfly/core';
-export declare function fork(root: JSXInternal.Element): Viewfly;
+export declare function fork(root: JSXInternal.Element, autoUpdate?: boolean): Viewfly<import("@viewfly/core").NativeNode>;

package/bundles/index.esm.js

@@ -1,5 +1,4 @@
-import { NativeRenderer, Viewfly, makeError, provide, onDestroy } from '@viewfly/core';
-import { Injectable } from '@tanbo/di';
+import { Injectable, NativeRenderer, Viewfly, makeError, inject, Injector, THROW_IF_NOT_FOUND, InjectFlags, onDestroy } from '@viewfly/core';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -232,13 +231,12 @@ DomRenderer = __decorate([
 
 /**
  * 创建一个 Viewfly 实例
- * @param host 应用根节点
  * @param root 应用根节点
  * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
  * 只会首次渲染，直到手动调用 Renderer 类的 refresh() 方法，这在单元测试中非常有用，
  * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
  * ```tsx
- * const app = createApp(document.getElementById('app'), <App/>, false)
+ * const app = createApp(<App/>, false).mount(document.getElementById('app'))
  * const renderer = app.get(Renderer)
  *
  * // do something...
@@ -246,41 +244,36 @@ DomRenderer = __decorate([
  * renderer.refresh() // 手动更新视图
  * ```
  */
-function createApp(host, root, autoUpdate = true) {
-    host.innerHTML = '';
+function createApp(root, autoUpdate = true) {
     const app = new Viewfly({
         root,
         autoUpdate,
-        providers: [
-            {
-                provide: NativeRenderer,
-                useClass: DomRenderer
-            }
-        ]
     });
-    app.mount(host);
+    app.provide({
+        provide: NativeRenderer,
+        useClass: DomRenderer
+    });
     return app;
 }
 
 const forkErrorFn = makeError('fork');
-function fork(root) {
-    let parentComponent;
+function fork(root, autoUpdate = true) {
+    let injector;
     try {
-        parentComponent = provide([]);
+        injector = inject(Injector, THROW_IF_NOT_FOUND, InjectFlags.Default);
     }
     catch (_a) {
         throw forkErrorFn('The fork function can only be called synchronously within a component.');
     }
     const app = new Viewfly({
         root,
-        context: parentComponent,
-        providers: [
-            {
-                provide: NativeRenderer,
-                useClass: DomRenderer
-            }
-        ]
+        context: injector,
+        autoUpdate
     });
+    app.provide([{
+            provide: NativeRenderer,
+            useClass: DomRenderer
+        }]);
     onDestroy(() => {
         app.destroy();
     });

package/bundles/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var core = require('@viewfly/core');
-var di = require('@tanbo/di');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -229,18 +228,17 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
     }
 };
 exports.DomRenderer = __decorate([
-    di.Injectable()
+    core.Injectable()
 ], exports.DomRenderer);
 
 /**
  * 创建一个 Viewfly 实例
- * @param host 应用根节点
  * @param root 应用根节点
  * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
  * 只会首次渲染，直到手动调用 Renderer 类的 refresh() 方法，这在单元测试中非常有用，
  * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
  * ```tsx
- * const app = createApp(document.getElementById('app'), <App/>, false)
+ * const app = createApp(<App/>, false).mount(document.getElementById('app'))
  * const renderer = app.get(Renderer)
  *
  * // do something...
@@ -248,41 +246,36 @@ exports.DomRenderer = __decorate([
  * renderer.refresh() // 手动更新视图
  * ```
  */
-function createApp(host, root, autoUpdate = true) {
-    host.innerHTML = '';
+function createApp(root, autoUpdate = true) {
     const app = new core.Viewfly({
         root,
         autoUpdate,
-        providers: [
-            {
-                provide: core.NativeRenderer,
-                useClass: exports.DomRenderer
-            }
-        ]
     });
-    app.mount(host);
+    app.provide({
+        provide: core.NativeRenderer,
+        useClass: exports.DomRenderer
+    });
     return app;
 }
 
 const forkErrorFn = core.makeError('fork');
-function fork(root) {
-    let parentComponent;
+function fork(root, autoUpdate = true) {
+    let injector;
     try {
-        parentComponent = core.provide([]);
+        injector = core.inject(core.Injector, core.THROW_IF_NOT_FOUND, core.InjectFlags.Default);
     }
     catch (_a) {
         throw forkErrorFn('The fork function can only be called synchronously within a component.');
     }
     const app = new core.Viewfly({
         root,
-        context: parentComponent,
-        providers: [
-            {
-                provide: core.NativeRenderer,
-                useClass: exports.DomRenderer
-            }
-        ]
+        context: injector,
+        autoUpdate
     });
+    app.provide([{
+            provide: core.NativeRenderer,
+            useClass: exports.DomRenderer
+        }]);
     core.onDestroy(() => {
         app.destroy();
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "This project is used to enable the Viewfly framework to run in a browser.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -12,10 +12,8 @@
   "license": "MIT",
   "keywords": [],
   "dependencies": {
-    "@tanbo/di": "^1.1.5",
-    "@viewfly/core": "^0.0.18",
-    "csstype": "^3.1.2",
-    "reflect-metadata": "^0.1.13"
+    "@viewfly/core": "^0.0.20",
+    "csstype": "^3.1.2"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.3",
@@ -35,5 +33,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "1cc6ec2decf3173792086553af0b3e171d49deae"
+  "gitHead": "a19a00bd5aff994452cba16277e0d1d90570bdb9"
 }