@textbus/xnote 0.3.2 → 0.3.4

package/bundles/textbus/components/SlotRender.d.ts

@@ -1,7 +1,7 @@
 import { Slot } from '@textbus/core';
 import { DynamicRef } from '@viewfly/core';
 import { HTMLAttributes } from '@viewfly/platform-browser';
-interface Props extends HTMLAttributes<unknown> {
+export interface SlotRenderProps extends HTMLAttributes<unknown> {
     slot: Slot;
     /** 默认值为 div */
     tag?: string;
@@ -10,5 +10,4 @@ interface Props extends HTMLAttributes<unknown> {
     elRef?: DynamicRef<HTMLElement>;
     elKey?: number | string;
 }
-export declare function SlotRender(props: Props): () => any;
-export {};
+export declare function SlotRender(props: SlotRenderProps): () => any;

package/index.tsx

@@ -6,7 +6,7 @@ import { FileUploader } from './src/interfaces'
 import { UserInfo } from './src/xnote-message-bus'
 import { StaticToolbarPlugin, SuspensionToolbarPlugin } from '@textbus/xnote'
 import { VIEW_CONTAINER } from '@textbus/platform-browser'
-import { createRef, onMounted } from '@viewfly/core'
+import { createRef, createSignal, onMounted } from '@viewfly/core'
 import { createApp } from '@viewfly/platform-browser'
 import { RootComponentRef } from '@textbus/core'
 
@@ -83,47 +83,52 @@ class Http extends Organization {
   }
 }
 
-const editor = new Editor({
-  readonly: false,
-  // content: document.getElementById('article')!.innerHTML,
-  collaborateConfig: {
-    userinfo: user,
-    createConnector(yDoc): SyncConnector {
-      return new YWebsocketConnector('ws://localhost:1234', 'xnote', yDoc)
-      // return new YWebsocketConnector('wss://textbus.io/api', 'xnote', yDoc)
-    }
-  },
-  // plugins: [
-  //   new SuspensionToolbarPlugin()
-  // ],
-  providers: [
-    {
-      provide: Organization,
-      useValue: new Http()
-    },
-    {
-      provide: FileUploader,
-      useValue: {
-        uploadFile(type: string) {
-          console.log(type)
-        }
-      }
-    }
-  ]
-})
 
-function App() {
+function EditorContainer() {
   const editorRef = createRef<HTMLElement>()
   const htmlRef = createRef<HTMLTextAreaElement>()
 
+  const editor = new Editor({
+    readonly: false,
+    // content: document.getElementById('article')!.innerHTML,
+    collaborateConfig: {
+      userinfo: user,
+      createConnector(yDoc): SyncConnector {
+        return new YWebsocketConnector('ws://localhost:1234', 'xnote', yDoc)
+        // return new YWebsocketConnector('wss://textbus.io/api', 'xnote', yDoc)
+      }
+    },
+    // plugins: [
+    //   new SuspensionToolbarPlugin()
+    // ],
+    providers: [
+      {
+        provide: Organization,
+        useValue: new Http()
+      },
+      {
+        provide: FileUploader,
+        useValue: {
+          uploadFile(type: string) {
+            console.log(type)
+          }
+        }
+      }
+    ]
+  })
   onMounted(() => {
     editor.mount(editorRef.current!).then(() => {
-      const root = editor.get(RootComponentRef).component
-      root.changeMarker.onChange.subscribe(op => {
-        console.log(op)
-      })
+      // const root = editor.get(RootComponentRef).component
+      // root.changeMarker.onChange.subscribe(op => {
+      //   console.log(op)
+      // })
     })
+
+    return () => {
+      editor.destroy()
+    }
   })
+  const contentRef = createRef<HTMLDivElement>()
   return () => {
     return (
       <div>
@@ -134,14 +139,37 @@ function App() {
           <button type="button" onClick={() => {
             const html = editor.getHTML()
             htmlRef.current!.value = html
-          }}>获取 HTML</button>
+            contentRef.current!.innerHTML = html
+          }}>获取 HTML
+          </button>
           <textarea name="" id="" ref={htmlRef} cols="30" rows="10"></textarea>
           <button type="button" onClick={() => {
             const html = htmlRef.current!.value
             editor.setContent(html)
-          }}>设置 HTML</button>
+          }}>设置 HTML
+          </button>
         </div>
         <div ref={editorRef}></div>
+        <div ref={contentRef}></div>
+      </div>
+    )
+  }
+}
+
+function App() {
+  const is = createSignal(true)
+  return () => {
+    return (
+      <div>
+        <div>
+          <button onClick={() => {
+            is.set(!is())
+          }}>switch
+          </button>
+        </div>
+        {
+          is() ? <EditorContainer/> : null
+        }
       </div>
     )
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/xnote",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "A high-performance rich text editor that supports multiplayer online collaboration.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -27,14 +27,14 @@
   },
   "dependencies": {
     "@tanbo/color": "^0.1.1",
-    "@textbus/adapter-viewfly": "^4.3.3",
-    "@textbus/collaborate": "^4.3.3",
-    "@textbus/core": "^4.3.3",
-    "@textbus/platform-browser": "^4.3.3",
-    "@viewfly/core": "^1.1.2",
-    "@viewfly/hooks": "^1.1.2",
-    "@viewfly/platform-browser": "^1.1.5",
-    "@viewfly/scoped-css": "^1.1.2",
+    "@textbus/adapter-viewfly": "^4.4.2",
+    "@textbus/collaborate": "^4.4.2",
+    "@textbus/core": "^4.4.2",
+    "@textbus/platform-browser": "^4.4.2",
+    "@viewfly/core": "^1.2.2",
+    "@viewfly/hooks": "^1.2.2",
+    "@viewfly/platform-browser": "^1.2.2",
+    "@viewfly/scoped-css": "^1.2.2",
     "highlight.js": "^11.9.0",
     "katex": "^0.16.10",
     "uuid": "^10.0.0"
@@ -47,7 +47,7 @@
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.8.0",
     "@typescript-eslint/parser": "^5.8.0",
-    "@viewfly/devtools": "^1.1.4",
+    "@viewfly/devtools": "^1.1.10",
     "autoprefixer": "^10.4.0",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "core-js": "^3.20.1",