frappe-ui 0.0.72 → 0.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.0.72",
+  "version": "0.0.74",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.js",
   "scripts": {
@@ -39,6 +39,7 @@
     "feather-icons": "^4.28.0",
     "idb-keyval": "^6.2.0",
     "postcss": "^8.4.5",
+    "showdown": "^2.1.0",
     "socket.io-client": "^4.5.1",
     "tailwindcss": "^3.0.12",
     "tippy.js": "^6.3.7"

package/src/components/TextEditor/TextEditor.vue

@@ -29,6 +29,8 @@ import configureMention from './mention'
 import TextEditorFixedMenu from './TextEditorFixedMenu.vue'
 import TextEditorBubbleMenu from './TextEditorBubbleMenu.vue'
 import TextEditorFloatingMenu from './TextEditorFloatingMenu.vue'
+import { detectMarkdown, markdownToHTML } from '../../utils/markdown'
+import { DOMParser } from 'prosemirror-model'
 
 export default {
   name: 'TextEditor',
@@ -161,6 +163,26 @@ export default {
             this.editorClass,
           ]),
         },
+        clipboardTextParser: (text, $context) => {
+          if (!detectMarkdown(text)) return
+          if (
+            !confirm(
+              'Do you want to convert markdown content to HTML before pasting?'
+            )
+          )
+            return
+
+          let dom = document.createElement('div')
+          dom.innerHTML = markdownToHTML(text)
+          let parser =
+            this.editor.view.someProp('clipboardParser') ||
+            this.editor.view.someProp('domParser') ||
+            DOMParser.fromSchema(this.editor.schema)
+          return parser.parseSlice(dom, {
+            preserveWhitespace: true,
+            context: $context,
+          })
+        },
       }
     },
   },

package/src/resources/listResource.js

@@ -197,8 +197,16 @@ export function createListResource(options, vm, getResource) {
   }
 
   function reload() {
-    out.start = 0
-    return out.list.fetch()
+    let _start = out.start
+    let _limit = out.limit
+    if (out.start > 0) {
+      out.start = 0
+      out.limit = out.originalData.length
+    }
+    return out.list.fetch().finally(() => {
+      out.start = _start
+      out.limit = _limit
+    })
   }
 
   function setData(data) {

package/src/utils/markdown.js

@@ -0,0 +1,29 @@
+import showdown from 'showdown'
+
+export function markdownToHTML(text) {
+  const converter = new showdown.Converter()
+  return converter.makeHtml(text)
+}
+
+export function htmlToMarkdown(text) {
+  const converter = new showdown.Converter()
+  return converter.makeMarkdown(text)
+}
+
+export function detectMarkdown(text) {
+  const lines = text.split('\n')
+  const markdown = lines.filter(
+    (line) =>
+      line.startsWith('![') ||
+      line.startsWith('#') ||
+      line.startsWith('> ') ||
+      line.startsWith('*') ||
+      line.startsWith('- ') ||
+      line.startsWith('1. ') ||
+      line.startsWith('```') ||
+      line.startsWith('`') ||
+      line.startsWith('[') ||
+      line.startsWith('---')
+  )
+  return markdown.length > 0
+}