###
# Copyright (C) 2014-2018 Taiga Agile LLC
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see .
#
# File: components/wysiwyg/wysiwyg.service.coffee
###
class WysiwygService
@.$inject = [
"tgWysiwygCodeHightlighterService",
"tgProjectService",
"$tgNavUrls",
"$tgEmojis"
]
constructor: (@wysiwygCodeHightlighterService, @projectService, @navurls, @emojis) ->
searchEmojiByName: (name) ->
return @emojis.searchByName(name)
pipeLinks: (text) ->
return text.replace /\[\[(.*?)\]\]/g, (match, p1, offset, str) ->
linkParams = p1.split('|')
link = linkParams[0]
title = linkParams[1] || linkParams[0]
return '[' + title + '](' + link + ')'
replaceUrls: (html) ->
el = document.createElement( 'html' )
el.innerHTML = html
links = el.querySelectorAll('a')
for link in links
if link.getAttribute('href').indexOf('/profile/') != -1
link.parentNode.replaceChild(document.createTextNode(link.innerText), link)
else if link.getAttribute('href').indexOf('/t/') != -1
link.parentNode.replaceChild(document.createTextNode(link.innerText), link)
return el.innerHTML
searchWikiLinks: (html) ->
el = document.createElement( 'html' )
el.innerHTML = html
links = el.querySelectorAll('a')
for link in links
if link.getAttribute('href').indexOf('/') == -1
url = @navurls.resolve('project-wiki-page', {
project: @projectService.project.get('slug'),
slug: link.getAttribute('href')
})
link.setAttribute('href', url)
return el.innerHTML
removeTrailingListBr: (text) ->
return text.replace(/
(.*?)
<\/li>/g, '$1')
getMarkdown: (html) ->
# https://github.com/yabwe/medium-editor/issues/543
cleanIssueConverter = {
filter: ['html', 'body', 'span', 'div'],
replacement: (innerHTML) ->
return innerHTML
}
codeLanguageConverter = {
filter: (node) =>
return node.nodeName == 'PRE' &&
node.firstChild &&
node.firstChild.nodeName == 'CODE'
replacement: (content, node) =>
lan = @wysiwygCodeHightlighterService.getLanguageInClassList(node.firstChild.classList)
lan = '' if !lan
return '\n\n```' + lan + '\n' + _.trim(node.firstChild.textContent) + '\n```\n\n'
}
html = html.replace(/ (<\/.*>)/g, "$1")
html = @emojis.replaceImgsByEmojiName(html)
html = @.replaceUrls(html)
html = @.removeTrailingListBr(html)
markdown = toMarkdown(html, {
gfm: true,
converters: [cleanIssueConverter, codeLanguageConverter]
})
return markdown
parseMentionMatches: (text) ->
serviceName = 'twitter'
tagBuilder = this.tagBuilder
matches = []
regex = /@[^\s]{1,50}[^.\s]/g
m = regex.exec(text)
while m != null
offset = m.index
prevChar = text.charAt( offset - 1 )
if m.index == regex.lastIndex
regex.lastIndex++
m.forEach (match, groupIndex) ->
matches.push( new Autolinker.match.Mention({
tagBuilder : tagBuilder,
matchedText : match,
offset : offset,
serviceName : serviceName,
mention : match.slice(1)
}))
m = regex.exec(text)
return matches
autoLinkHTML: (html) ->
# override Autolink parser
matchRegexStr = String(Autolinker.matcher.Mention.prototype.matcherRegexes.twitter)
if matchRegexStr.indexOf('.') == -1
matchRegexStr = '@[^\s]{1,50}[^.\s]'
autolinker = new Autolinker({
mention: 'twitter',
hashtag: 'twitter',
replaceFn: (match) =>
if match.getType() == 'mention'
profileUrl = @navurls.resolve('user-profile', {
project: @projectService.project.get('slug'),
username: match.getMention()
})
return '@' + match.getMention() + ''
else if match.getType() == 'hashtag'
url = @navurls.resolve('project-detail-ref', {
project: @projectService.project.get('slug'),
ref: match.getHashtag()
})
return '#' + match.getHashtag() + ''
})
Autolinker.matcher.Mention.prototype.parseMatches = @.parseMentionMatches.bind(autolinker)
return autolinker.link(html);
getHTML: (text) ->
return "" if !text || !text.length
options = {
breaks: true
}
text = @emojis.replaceEmojiNameByImgs(text)
text = @.pipeLinks(text)
md = window.markdownit({
breaks: true
})
md.use(window.markdownitLazyHeaders)
result = md.render(text)
result = @.searchWikiLinks(result)
result = @.autoLinkHTML(result)
return result
angular.module("taigaComponents")
.service("tgWysiwygService", WysiwygService)