Implement display function for links

package.json

@@ -1,6 +1,6 @@
 {
   "name": "imdone-vue-lib",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "description": "imdone vue components",
   "author": "Jesse <[email protected]>",
   "main": "dist/lib/imdone-vue-lib.min.js",

src/components/card.vue

@@ -129,13 +129,23 @@ export default {
       let links = []
       if (!this.task) return links
       const frontMatter = {...this.task.frontMatter}
+      const { encodedText, encodedMD } = this.description
+      const frontMatterCopy = {props: {}, ...frontMatter}
+      frontMatterCopy.props.encodedText = encodedText
+      frontMatterCopy.props.encodedMD = encodedMD
+      const task = {...this.task, frontMatter: frontMatterCopy}
       if (frontMatter && frontMatter.links) {
-        links = frontMatter.links.map(({pack, icon, title, href, action}) => {
-          const { encodedText, encodedMD } = this.description
-          const frontMatterCopy = {props: {}, ...frontMatter}
-          frontMatterCopy.props.encodedText = encodedText
-          frontMatterCopy.props.encodedMD = encodedMD
-          const task = {...this.task, frontMatter: frontMatterCopy}
+        links = frontMatter.links.filter(({display}) => {
+          if (!display) return true
+          try {
+            const func = display
+            return func.apply({...taskTextUtils.getTaskProperties(this.task), ...taskTextUtils.description(this.task)})
+          } catch (e) {
+            console.error(e)
+          }
+          return false
+        })
+        .map(({pack, icon, title, href, action}) => {
           href = taskTextUtils.formatDescription(task, href).description
           title = taskTextUtils.formatDescription(task, title).description
           return {pack, icon, title, href, action}

src/utils/task-text-utils.js

@@ -45,7 +45,7 @@ function getTaskProperties (task) {
   const frontMatterComputed = _.get(task, 'frontMatter.computed') || {}
   const props = {...frontMatterProps, content: CONTENT_TOKEN}
   const computed = {...frontMatterComputed}
-  const taskProps = _.pick(task, 'progress', 'line', 'list', 'source', 'due', 'created', 'completed', 'tags', 'context', 'meta', 'allTags', 'allContext', 'allMeta')
+  const taskProps = _.pick(task, 'text', 'description', 'progress', 'line', 'list', 'source', 'due', 'created', 'completed', 'tags', 'context', 'meta', 'allTags', 'allContext', 'allMeta')
   try {
     for (let [key, value] of Object.entries(computed)) {
       let computedValue = value.toString()
@@ -137,9 +137,8 @@ export default {
         encodedMD: ''
       }
     }
-    let {description} = formatDescription(task, getCardMarkdown(task, lines).content, true)
-    let {encodedText, encodedMD} = formatDescription(task, getCardMarkdown(task).content, true)
-    const html = md.render(description)
+    let {encodedText, encodedMD, description} = formatDescription(task, getCardMarkdown(task).content, true)
+    const html = md.render(formatDescription(task, getCardMarkdown(task, lines).content, true).description)
     const $ = cheerio.load(html)
 
     $('a').each(function () {
@@ -182,7 +181,8 @@ export default {
     return {
       html: $.html(),
       encodedText,
-      encodedMD
+      encodedMD,
+      markdown: description
     }
   },
   formatText (text, data) {