frappe-ui 0.0.73 → 0.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "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/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
+}

package/src/utils/tailwind.config.js

@@ -71,6 +71,13 @@ module.exports = {
           50: '#F8F8FC',
         },
       },
+      typography: (theme) => ({
+        gray: {
+          css: {
+            '--tw-prose-body': theme('colors.gray.900'),
+          },
+        },
+      }),
     },
     container: {
       padding: {