@textbus/adapter-viewfly 5.1.5 → 5.2.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/dist/index.esm.js

@@ -0,0 +1,120 @@
+import { makeError as R, VElement as w, VTextNode as V, merge as A, Adapter as y } from "@textbus/core";
+import { jsx as f, createDynamicRef as m, DynamicRef as C, getCurrentInstance as x, onUnmounted as E, onUpdated as p, ReflectiveInjector as g } from "@viewfly/core";
+import { DomAdapter as u } from "@textbus/platform-browser";
+import { NodeViewAdapter as k } from "@textbus/platform-node";
+const h = R("ViewflyDOMRenderer");
+class d extends u {
+  components = {};
+  componentRefs = /* @__PURE__ */ new WeakMap();
+  constructor(c, a) {
+    super({
+      createCompositionNode(e, r) {
+        const t = m((n) => (r(n), () => {
+          r(null);
+        }));
+        return new w("span", {
+          style: {
+            textDecoration: "underline"
+          },
+          ref: t
+        }, [
+          new V(e.text)
+        ]);
+      },
+      getParentNode(e) {
+        return e.parentNode;
+      },
+      getChildNodes(e) {
+        return Array.from(e.childNodes);
+      },
+      isNativeElementNode(e) {
+        return e instanceof Element;
+      },
+      getChildByIndex(e, r) {
+        return e.childNodes[r];
+      },
+      getAndUpdateSlotRootNativeElement(e, r) {
+        const t = e.attrs.get("ref"), n = m((o) => (r(o), () => {
+          r(null);
+        }));
+        t instanceof C ? e.attrs.set("ref", [t, n]) : Array.isArray(t) ? t.push(n) : e.attrs.set("ref", n);
+      },
+      componentRender: (e) => {
+        const r = this.components[e.name] || this.components["*"];
+        if (r) {
+          let t = this.componentRefs.get(e);
+          return t || (t = m((n) => (this.componentRootElementCaches.set(e, n), () => {
+            this.componentRootElementCaches.get(e) === n && this.componentRootElementCaches.remove(e);
+          })), this.componentRefs.set(e, t)), f(r, {
+            component: e,
+            rootRef: t
+          }, e.id);
+        }
+        throw h(`cannot found view component \`${e.name}\`!`);
+      },
+      vElementToViewElement(e, r) {
+        let t;
+        const n = Array.from(e.attrs).reduce((o, s) => {
+          const l = s[0];
+          return l === "key" ? (t = s[1], o) : (o[l] = s[1], o);
+        }, {});
+        return e.classes.size && (n.class = Array.from(e.classes).join(" ")), e.styles && (n.style = Array.from(e.styles).reduce((o, s) => (o[s[0]] = s[1], o), {})), r.length && (n.children = r), f(e.tagName, n, t);
+      }
+    }, a);
+    let i = !0;
+    Object.entries(c).forEach(([e, r]) => {
+      this.components[e] = (t) => {
+        const n = x(), o = t.component, s = A(
+          o.changeMarker.onChange,
+          o.changeMarker.onForceChange
+        ).subscribe(() => {
+          o.changeMarker.dirty && n.markAsDirtied();
+        });
+        return E(() => {
+          s.unsubscribe();
+        }), i && (p(() => {
+          this.onViewUpdated.next();
+        }), i = !1), p(() => {
+          if (o.changeMarker.rendered(), !this.componentRootElementCaches.get(o))
+            throw h(`Component \`${o.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
+        }), r(t);
+      };
+    });
+  }
+  render(c, a) {
+    const i = new g(a, [{
+      provide: y,
+      useValue: this
+    }, {
+      provide: u,
+      useValue: this
+    }, {
+      provide: d,
+      useValue: this
+    }]);
+    return super.render(c, i);
+  }
+  copy() {
+    document.execCommand("copy");
+  }
+}
+class I extends k {
+  render(c, a) {
+    const i = new g(a, [{
+      provide: y,
+      useValue: this
+    }, {
+      provide: u,
+      useValue: this
+    }, {
+      provide: d,
+      useValue: this
+    }]);
+    return super.render(c, i);
+  }
+}
+export {
+  d as ViewflyAdapter,
+  I as ViewflyVDomAdapter
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/viewfly-adapter.ts","../src/viewfly-vdom-adapter.ts"],"sourcesContent":["import { Component, CompositionState, makeError, VElement, ViewMount, VTextNode, merge, Adapter } from '@textbus/core'\nimport {\n  ComponentSetup,\n  createDynamicRef,\n  DynamicRef,\n  getCurrentInstance, Injector,\n  jsx,\n  JSXNode, onUnmounted,\n  onUpdated, ReflectiveInjector,\n  ViewFlyNode,\n} from '@viewfly/core'\nimport { DomAdapter } from '@textbus/platform-browser'\n\nconst adapterError = makeError('ViewflyDOMRenderer')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: DynamicRef<Element>\n}\n\nexport interface ViewflyAdapterComponents {\n  [key: string]: ComponentSetup<ViewComponentProps<any>>\n}\n\nexport class ViewflyAdapter extends DomAdapter<ViewFlyNode, ViewFlyNode> {\n  private components: ViewflyAdapterComponents = {}\n\n  private componentRefs = new WeakMap<Component, DynamicRef<Element>>()\n\n  constructor(components: ViewflyAdapterComponents,\n              mount: ViewMount<ViewFlyNode, Element>\n  ) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        const ref = createDynamicRef<Element>(node => {\n          updateNativeCompositionNode(node)\n          return () => {\n            updateNativeCompositionNode(null)\n          }\n        })\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        const ref = createDynamicRef<Element>(nativeNode => {\n          update(nativeNode)\n          return () => {\n            update(null)\n          }\n        })\n        if (currentRef instanceof DynamicRef) {\n          vEle.attrs.set('ref', [currentRef, ref])\n        } else if (Array.isArray(currentRef)) {\n          currentRef.push(ref)\n        } else {\n          vEle.attrs.set('ref', ref)\n        }\n      },\n      componentRender: (component: Component<any>): ViewFlyNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let ref = this.componentRefs.get(component)\n          if (!ref) {\n            ref = createDynamicRef<Element>(rootNode => {\n              this.componentRootElementCaches.set(component, rootNode)\n              return () => {\n                // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n                if (this.componentRootElementCaches.get(component) === rootNode) {\n                  this.componentRootElementCaches.remove(component)\n                }\n              }\n            })\n            this.componentRefs.set(component, ref)\n          }\n          return jsx(comp, {\n            component,\n            rootRef: ref\n          }, component.id)\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<JSXNode>): ViewFlyNode {\n        let key: any\n        const props = Array.from(vNode.attrs).reduce((a, b) => {\n          const propName = b[0]\n          if (propName === 'key') {\n            key = b[1]\n            return a\n          }\n          a[propName] = b[1]\n          return a\n        }, {} as Record<string, any>)\n        if (vNode.classes.size) {\n          props.class = Array.from(vNode.classes).join(' ')\n        }\n        if (vNode.styles) {\n          props.style = Array.from(vNode.styles).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>)\n        }\n        if (children.length) {\n          props.children = children\n        }\n        return jsx(vNode.tagName, props, key)\n      }\n    }, mount)\n\n    let isRoot = true\n    Object.entries(components).forEach(([key, viewFlyComponent]) => {\n      this.components[key] = (props: ViewComponentProps<Component>) => {\n        const comp = getCurrentInstance()\n        const textbusComponent = props.component\n        const subscription = merge(textbusComponent.changeMarker.onChange,\n          textbusComponent.changeMarker.onForceChange).subscribe(() => {\n          if (textbusComponent.changeMarker.dirty) {\n            comp.markAsDirtied()\n          }\n        })\n        onUnmounted(() => {\n          subscription.unsubscribe()\n        })\n        if (isRoot) {\n          onUpdated(() => {\n            this.onViewUpdated.next()\n          })\n          isRoot = false\n        }\n        onUpdated(() => {\n          textbusComponent.changeMarker.rendered()\n          if (!this.componentRootElementCaches.get(textbusComponent)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${textbusComponent.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return viewFlyComponent(props)\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n","import { NodeViewAdapter } from '@textbus/platform-node'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { Adapter, Component } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { ViewflyAdapter } from './viewfly-adapter'\n\nexport class ViewflyVDomAdapter extends NodeViewAdapter {\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n}\n"],"names":["adapterError","makeError","ViewflyAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","ref","createDynamicRef","node","VElement","VTextNode","parentElement","index","vEle","update","currentRef","nativeNode","DynamicRef","component","comp","rootNode","jsx","vNode","children","key","props","a","b","propName","isRoot","viewFlyComponent","getCurrentInstance","textbusComponent","subscription","merge","onUnmounted","onUpdated","rootComponent","injector","childInjector","ReflectiveInjector","Adapter","ViewflyVDomAdapter","NodeViewAdapter"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@textbus/core"),s=require("@viewfly/core"),m=require("@textbus/platform-browser"),h=require("@textbus/platform-node"),p=a.makeError("ViewflyDOMRenderer");class l extends m.DomAdapter{components={};componentRefs=new WeakMap;constructor(d,u){super({createCompositionNode(e,r){const t=s.createDynamicRef(n=>(r(n),()=>{r(null)}));return new a.VElement("span",{style:{textDecoration:"underline"},ref:t},[new a.VTextNode(e.text)])},getParentNode(e){return e.parentNode},getChildNodes(e){return Array.from(e.childNodes)},isNativeElementNode(e){return e instanceof Element},getChildByIndex(e,r){return e.childNodes[r]},getAndUpdateSlotRootNativeElement(e,r){const t=e.attrs.get("ref"),n=s.createDynamicRef(o=>(r(o),()=>{r(null)}));t instanceof s.DynamicRef?e.attrs.set("ref",[t,n]):Array.isArray(t)?t.push(n):e.attrs.set("ref",n)},componentRender:e=>{const r=this.components[e.name]||this.components["*"];if(r){let t=this.componentRefs.get(e);return t||(t=s.createDynamicRef(n=>(this.componentRootElementCaches.set(e,n),()=>{this.componentRootElementCaches.get(e)===n&&this.componentRootElementCaches.remove(e)})),this.componentRefs.set(e,t)),s.jsx(r,{component:e,rootRef:t},e.id)}throw p(`cannot found view component \`${e.name}\`!`)},vElementToViewElement(e,r){let t;const n=Array.from(e.attrs).reduce((o,i)=>{const f=i[0];return f==="key"?(t=i[1],o):(o[f]=i[1],o)},{});return e.classes.size&&(n.class=Array.from(e.classes).join(" ")),e.styles&&(n.style=Array.from(e.styles).reduce((o,i)=>(o[i[0]]=i[1],o),{})),r.length&&(n.children=r),s.jsx(e.tagName,n,t)}},u);let c=!0;Object.entries(d).forEach(([e,r])=>{this.components[e]=t=>{const n=s.getCurrentInstance(),o=t.component,i=a.merge(o.changeMarker.onChange,o.changeMarker.onForceChange).subscribe(()=>{o.changeMarker.dirty&&n.markAsDirtied()});return s.onUnmounted(()=>{i.unsubscribe()}),c&&(s.onUpdated(()=>{this.onViewUpdated.next()}),c=!1),s.onUpdated(()=>{if(o.changeMarker.rendered(),!this.componentRootElementCaches.get(o))throw p(`Component \`${o.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)}),r(t)}})}render(d,u){const c=new s.ReflectiveInjector(u,[{provide:a.Adapter,useValue:this},{provide:m.DomAdapter,useValue:this},{provide:l,useValue:this}]);return super.render(d,c)}copy(){document.execCommand("copy")}}class y extends h.NodeViewAdapter{render(d,u){const c=new s.ReflectiveInjector(u,[{provide:a.Adapter,useValue:this},{provide:m.DomAdapter,useValue:this},{provide:l,useValue:this}]);return super.render(d,c)}}exports.ViewflyAdapter=l;exports.ViewflyVDomAdapter=y;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/viewfly-adapter.ts","../src/viewfly-vdom-adapter.ts"],"sourcesContent":["import { Component, CompositionState, makeError, VElement, ViewMount, VTextNode, merge, Adapter } from '@textbus/core'\nimport {\n  ComponentSetup,\n  createDynamicRef,\n  DynamicRef,\n  getCurrentInstance, Injector,\n  jsx,\n  JSXNode, onUnmounted,\n  onUpdated, ReflectiveInjector,\n  ViewFlyNode,\n} from '@viewfly/core'\nimport { DomAdapter } from '@textbus/platform-browser'\n\nconst adapterError = makeError('ViewflyDOMRenderer')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: DynamicRef<Element>\n}\n\nexport interface ViewflyAdapterComponents {\n  [key: string]: ComponentSetup<ViewComponentProps<any>>\n}\n\nexport class ViewflyAdapter extends DomAdapter<ViewFlyNode, ViewFlyNode> {\n  private components: ViewflyAdapterComponents = {}\n\n  private componentRefs = new WeakMap<Component, DynamicRef<Element>>()\n\n  constructor(components: ViewflyAdapterComponents,\n              mount: ViewMount<ViewFlyNode, Element>\n  ) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        const ref = createDynamicRef<Element>(node => {\n          updateNativeCompositionNode(node)\n          return () => {\n            updateNativeCompositionNode(null)\n          }\n        })\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        const ref = createDynamicRef<Element>(nativeNode => {\n          update(nativeNode)\n          return () => {\n            update(null)\n          }\n        })\n        if (currentRef instanceof DynamicRef) {\n          vEle.attrs.set('ref', [currentRef, ref])\n        } else if (Array.isArray(currentRef)) {\n          currentRef.push(ref)\n        } else {\n          vEle.attrs.set('ref', ref)\n        }\n      },\n      componentRender: (component: Component<any>): ViewFlyNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let ref = this.componentRefs.get(component)\n          if (!ref) {\n            ref = createDynamicRef<Element>(rootNode => {\n              this.componentRootElementCaches.set(component, rootNode)\n              return () => {\n                // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n                if (this.componentRootElementCaches.get(component) === rootNode) {\n                  this.componentRootElementCaches.remove(component)\n                }\n              }\n            })\n            this.componentRefs.set(component, ref)\n          }\n          return jsx(comp, {\n            component,\n            rootRef: ref\n          }, component.id)\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<JSXNode>): ViewFlyNode {\n        let key: any\n        const props = Array.from(vNode.attrs).reduce((a, b) => {\n          const propName = b[0]\n          if (propName === 'key') {\n            key = b[1]\n            return a\n          }\n          a[propName] = b[1]\n          return a\n        }, {} as Record<string, any>)\n        if (vNode.classes.size) {\n          props.class = Array.from(vNode.classes).join(' ')\n        }\n        if (vNode.styles) {\n          props.style = Array.from(vNode.styles).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>)\n        }\n        if (children.length) {\n          props.children = children\n        }\n        return jsx(vNode.tagName, props, key)\n      }\n    }, mount)\n\n    let isRoot = true\n    Object.entries(components).forEach(([key, viewFlyComponent]) => {\n      this.components[key] = (props: ViewComponentProps<Component>) => {\n        const comp = getCurrentInstance()\n        const textbusComponent = props.component\n        const subscription = merge(textbusComponent.changeMarker.onChange,\n          textbusComponent.changeMarker.onForceChange).subscribe(() => {\n          if (textbusComponent.changeMarker.dirty) {\n            comp.markAsDirtied()\n          }\n        })\n        onUnmounted(() => {\n          subscription.unsubscribe()\n        })\n        if (isRoot) {\n          onUpdated(() => {\n            this.onViewUpdated.next()\n          })\n          isRoot = false\n        }\n        onUpdated(() => {\n          textbusComponent.changeMarker.rendered()\n          if (!this.componentRootElementCaches.get(textbusComponent)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${textbusComponent.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return viewFlyComponent(props)\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n","import { NodeViewAdapter } from '@textbus/platform-node'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { Adapter, Component } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { ViewflyAdapter } from './viewfly-adapter'\n\nexport class ViewflyVDomAdapter extends NodeViewAdapter {\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n}\n"],"names":["adapterError","makeError","ViewflyAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","ref","createDynamicRef","node","VElement","VTextNode","parentElement","index","vEle","update","currentRef","nativeNode","DynamicRef","component","comp","rootNode","jsx","vNode","children","key","props","a","b","propName","isRoot","viewFlyComponent","getCurrentInstance","textbusComponent","subscription","merge","onUnmounted","onUpdated","rootComponent","injector","childInjector","ReflectiveInjector","Adapter","ViewflyVDomAdapter","NodeViewAdapter"],"mappings":"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"}

package/{bundles → dist}/viewfly-adapter.d.ts

@@ -1,6 +1,6 @@
-import { Component, ViewMount } from '@textbus/core';
+import { Component, ViewMount } from '../../core/src/index.ts';
 import { ComponentSetup, DynamicRef, Injector, ViewFlyNode } from '@viewfly/core';
-import { DomAdapter } from '@textbus/platform-browser';
+import { DomAdapter } from '../../platform-browser/src/index.ts';
 export interface ViewComponentProps<T extends Component> {
     component: T;
     rootRef: DynamicRef<Element>;

package/{bundles → dist}/viewfly-vdom-adapter.d.ts

@@ -1,6 +1,6 @@
-import { NodeViewAdapter } from '@textbus/platform-node';
+import { NodeViewAdapter } from '../../platform-node/src/index.ts';
 import { Injector } from '@viewfly/core';
-import { Component } from '@textbus/core';
+import { Component } from '../../core/src/index.ts';
 export declare class ViewflyVDomAdapter extends NodeViewAdapter {
     render(rootComponent: Component, injector: Injector): void | (() => void);
 }

package/package.json

@@ -1,18 +1,25 @@
 {
   "name": "@textbus/adapter-viewfly",
-  "version": "5.1.5",
+  "version": "5.2.0",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
-  "main": "./bundles/index.js",
-  "module": "./bundles/index.esm.js",
-  "typings": "./bundles/public-api.d.ts",
-  "scripts": {
-    "start": "webpack-dev-server",
-    "test": "cross-env env=test jest",
-    "test-c": "cross-env env=test jest --coverage",
-    "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
-    "publish:lib": "npm run build:lib && npm publish --access=public"
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
   },
-  "license": "GPL-3.0-only",
+  "license": "MIT",
   "keywords": [
     "textbus",
     "富文本编辑器",
@@ -26,17 +33,14 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.7",
-    "@textbus/core": "^5.1.5",
-    "@textbus/platform-browser": "^5.1.5",
-    "@textbus/platform-node": "^5.1.5",
-    "@viewfly/core": "^2.0.0",
-    "@viewfly/platform-browser": "^2.0.0"
+    "@viewfly/core": "^2.2.0 || >=3.0.0-alpha.0 <4",
+    "@viewfly/platform-browser": "^2.2.0 || >=3.0.0-alpha.0 <4",
+    "@textbus/core": "^5.2.0",
+    "@textbus/platform-browser": "^5.2.0",
+    "@textbus/platform-node": "^5.2.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-typescript": "^12.1.2",
     "rimraf": "^3.0.2",
-    "rollup": "4.22.4",
     "tslib": "^2.4.1"
   },
   "author": {
@@ -50,5 +54,10 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "cf4fd289b73bc777124a32fe42bb58eba05a34f1"
-}
+  "scripts": {
+    "test": "cross-env env=test jest",
+    "test-c": "cross-env env=test jest --coverage",
+    "build:lib": "rimraf dist && vite build",
+    "publish:lib": "npm run build:lib && npm publish --access=public"
+  }
+}

package/bundles/index.esm.js

@@ -1,181 +0,0 @@
-import { makeError, VElement, VTextNode, merge, Adapter } from '@textbus/core';
-import { createDynamicRef, DynamicRef, jsx, getCurrentInstance, onUnmounted, onUpdated, ReflectiveInjector } from '@viewfly/core';
-import { DomAdapter } from '@textbus/platform-browser';
-import { NodeViewAdapter } from '@textbus/platform-node';
-
-const adapterError = makeError('ViewflyDOMRenderer');
-class ViewflyAdapter extends DomAdapter {
-    constructor(components, mount) {
-        super({
-            createCompositionNode(compositionState, updateNativeCompositionNode) {
-                const ref = createDynamicRef(node => {
-                    updateNativeCompositionNode(node);
-                    return () => {
-                        updateNativeCompositionNode(null);
-                    };
-                });
-                return new VElement('span', {
-                    style: {
-                        textDecoration: 'underline'
-                    },
-                    ref
-                }, [
-                    new VTextNode(compositionState.text)
-                ]);
-            },
-            getParentNode(node) {
-                return node.parentNode;
-            },
-            getChildNodes(parentElement) {
-                return Array.from(parentElement.childNodes);
-            },
-            isNativeElementNode(node) {
-                return node instanceof Element;
-            },
-            getChildByIndex(parentElement, index) {
-                return parentElement.childNodes[index];
-            },
-            getAndUpdateSlotRootNativeElement(vEle, update) {
-                const currentRef = vEle.attrs.get('ref');
-                const ref = createDynamicRef(nativeNode => {
-                    update(nativeNode);
-                    return () => {
-                        update(null);
-                    };
-                });
-                if (currentRef instanceof DynamicRef) {
-                    vEle.attrs.set('ref', [currentRef, ref]);
-                }
-                else if (Array.isArray(currentRef)) {
-                    currentRef.push(ref);
-                }
-                else {
-                    vEle.attrs.set('ref', ref);
-                }
-            },
-            componentRender: (component) => {
-                const comp = this.components[component.name] || this.components['*'];
-                if (comp) {
-                    let ref = this.componentRefs.get(component);
-                    if (!ref) {
-                        ref = createDynamicRef(rootNode => {
-                            this.componentRootElementCaches.set(component, rootNode);
-                            return () => {
-                                // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点
-                                if (this.componentRootElementCaches.get(component) === rootNode) {
-                                    this.componentRootElementCaches.remove(component);
-                                }
-                            };
-                        });
-                        this.componentRefs.set(component, ref);
-                    }
-                    return jsx(comp, {
-                        component,
-                        rootRef: ref
-                    }, component.id);
-                }
-                throw adapterError(`cannot found view component \`${component.name}\`!`);
-            },
-            vElementToViewElement(vNode, children) {
-                let key;
-                const props = Array.from(vNode.attrs).reduce((a, b) => {
-                    const propName = b[0];
-                    if (propName === 'key') {
-                        key = b[1];
-                        return a;
-                    }
-                    a[propName] = b[1];
-                    return a;
-                }, {});
-                if (vNode.classes.size) {
-                    props.class = Array.from(vNode.classes).join(' ');
-                }
-                if (vNode.styles) {
-                    props.style = Array.from(vNode.styles).reduce((a, b) => {
-                        a[b[0]] = b[1];
-                        return a;
-                    }, {});
-                }
-                if (children.length) {
-                    props.children = children;
-                }
-                return jsx(vNode.tagName, props, key);
-            }
-        }, mount);
-        Object.defineProperty(this, "components", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "componentRefs", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new WeakMap()
-        });
-        let isRoot = true;
-        Object.entries(components).forEach(([key, viewFlyComponent]) => {
-            this.components[key] = (props) => {
-                const comp = getCurrentInstance();
-                const textbusComponent = props.component;
-                const subscription = merge(textbusComponent.changeMarker.onChange, textbusComponent.changeMarker.onForceChange).subscribe(() => {
-                    if (textbusComponent.changeMarker.dirty) {
-                        comp.markAsDirtied();
-                    }
-                });
-                onUnmounted(() => {
-                    subscription.unsubscribe();
-                });
-                if (isRoot) {
-                    onUpdated(() => {
-                        this.onViewUpdated.next();
-                    });
-                    isRoot = false;
-                }
-                onUpdated(() => {
-                    textbusComponent.changeMarker.rendered();
-                    if (!this.componentRootElementCaches.get(textbusComponent)) {
-                        // eslint-disable-next-line max-len
-                        throw adapterError(`Component \`${textbusComponent.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
-                    }
-                });
-                return viewFlyComponent(props);
-            };
-        });
-    }
-    render(rootComponent, injector) {
-        const childInjector = new ReflectiveInjector(injector, [{
-                provide: Adapter,
-                useValue: this
-            }, {
-                provide: DomAdapter,
-                useValue: this
-            }, {
-                provide: ViewflyAdapter,
-                useValue: this
-            }]);
-        return super.render(rootComponent, childInjector);
-    }
-    copy() {
-        document.execCommand('copy');
-    }
-}
-
-class ViewflyVDomAdapter extends NodeViewAdapter {
-    render(rootComponent, injector) {
-        const childInjector = new ReflectiveInjector(injector, [{
-                provide: Adapter,
-                useValue: this
-            }, {
-                provide: DomAdapter,
-                useValue: this
-            }, {
-                provide: ViewflyAdapter,
-                useValue: this
-            }]);
-        return super.render(rootComponent, childInjector);
-    }
-}
-
-export { ViewflyAdapter, ViewflyVDomAdapter };

package/bundles/index.js

@@ -1,184 +0,0 @@
-'use strict';
-
-var core = require('@textbus/core');
-var core$1 = require('@viewfly/core');
-var platformBrowser = require('@textbus/platform-browser');
-var platformNode = require('@textbus/platform-node');
-
-const adapterError = core.makeError('ViewflyDOMRenderer');
-class ViewflyAdapter extends platformBrowser.DomAdapter {
-    constructor(components, mount) {
-        super({
-            createCompositionNode(compositionState, updateNativeCompositionNode) {
-                const ref = core$1.createDynamicRef(node => {
-                    updateNativeCompositionNode(node);
-                    return () => {
-                        updateNativeCompositionNode(null);
-                    };
-                });
-                return new core.VElement('span', {
-                    style: {
-                        textDecoration: 'underline'
-                    },
-                    ref
-                }, [
-                    new core.VTextNode(compositionState.text)
-                ]);
-            },
-            getParentNode(node) {
-                return node.parentNode;
-            },
-            getChildNodes(parentElement) {
-                return Array.from(parentElement.childNodes);
-            },
-            isNativeElementNode(node) {
-                return node instanceof Element;
-            },
-            getChildByIndex(parentElement, index) {
-                return parentElement.childNodes[index];
-            },
-            getAndUpdateSlotRootNativeElement(vEle, update) {
-                const currentRef = vEle.attrs.get('ref');
-                const ref = core$1.createDynamicRef(nativeNode => {
-                    update(nativeNode);
-                    return () => {
-                        update(null);
-                    };
-                });
-                if (currentRef instanceof core$1.DynamicRef) {
-                    vEle.attrs.set('ref', [currentRef, ref]);
-                }
-                else if (Array.isArray(currentRef)) {
-                    currentRef.push(ref);
-                }
-                else {
-                    vEle.attrs.set('ref', ref);
-                }
-            },
-            componentRender: (component) => {
-                const comp = this.components[component.name] || this.components['*'];
-                if (comp) {
-                    let ref = this.componentRefs.get(component);
-                    if (!ref) {
-                        ref = core$1.createDynamicRef(rootNode => {
-                            this.componentRootElementCaches.set(component, rootNode);
-                            return () => {
-                                // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点
-                                if (this.componentRootElementCaches.get(component) === rootNode) {
-                                    this.componentRootElementCaches.remove(component);
-                                }
-                            };
-                        });
-                        this.componentRefs.set(component, ref);
-                    }
-                    return core$1.jsx(comp, {
-                        component,
-                        rootRef: ref
-                    }, component.id);
-                }
-                throw adapterError(`cannot found view component \`${component.name}\`!`);
-            },
-            vElementToViewElement(vNode, children) {
-                let key;
-                const props = Array.from(vNode.attrs).reduce((a, b) => {
-                    const propName = b[0];
-                    if (propName === 'key') {
-                        key = b[1];
-                        return a;
-                    }
-                    a[propName] = b[1];
-                    return a;
-                }, {});
-                if (vNode.classes.size) {
-                    props.class = Array.from(vNode.classes).join(' ');
-                }
-                if (vNode.styles) {
-                    props.style = Array.from(vNode.styles).reduce((a, b) => {
-                        a[b[0]] = b[1];
-                        return a;
-                    }, {});
-                }
-                if (children.length) {
-                    props.children = children;
-                }
-                return core$1.jsx(vNode.tagName, props, key);
-            }
-        }, mount);
-        Object.defineProperty(this, "components", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "componentRefs", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new WeakMap()
-        });
-        let isRoot = true;
-        Object.entries(components).forEach(([key, viewFlyComponent]) => {
-            this.components[key] = (props) => {
-                const comp = core$1.getCurrentInstance();
-                const textbusComponent = props.component;
-                const subscription = core.merge(textbusComponent.changeMarker.onChange, textbusComponent.changeMarker.onForceChange).subscribe(() => {
-                    if (textbusComponent.changeMarker.dirty) {
-                        comp.markAsDirtied();
-                    }
-                });
-                core$1.onUnmounted(() => {
-                    subscription.unsubscribe();
-                });
-                if (isRoot) {
-                    core$1.onUpdated(() => {
-                        this.onViewUpdated.next();
-                    });
-                    isRoot = false;
-                }
-                core$1.onUpdated(() => {
-                    textbusComponent.changeMarker.rendered();
-                    if (!this.componentRootElementCaches.get(textbusComponent)) {
-                        // eslint-disable-next-line max-len
-                        throw adapterError(`Component \`${textbusComponent.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
-                    }
-                });
-                return viewFlyComponent(props);
-            };
-        });
-    }
-    render(rootComponent, injector) {
-        const childInjector = new core$1.ReflectiveInjector(injector, [{
-                provide: core.Adapter,
-                useValue: this
-            }, {
-                provide: platformBrowser.DomAdapter,
-                useValue: this
-            }, {
-                provide: ViewflyAdapter,
-                useValue: this
-            }]);
-        return super.render(rootComponent, childInjector);
-    }
-    copy() {
-        document.execCommand('copy');
-    }
-}
-
-class ViewflyVDomAdapter extends platformNode.NodeViewAdapter {
-    render(rootComponent, injector) {
-        const childInjector = new core$1.ReflectiveInjector(injector, [{
-                provide: core.Adapter,
-                useValue: this
-            }, {
-                provide: platformBrowser.DomAdapter,
-                useValue: this
-            }, {
-                provide: ViewflyAdapter,
-                useValue: this
-            }]);
-        return super.render(rootComponent, childInjector);
-    }
-}
-
-exports.ViewflyAdapter = ViewflyAdapter;
-exports.ViewflyVDomAdapter = ViewflyVDomAdapter;