const fs = require('fs')
var path = require('path')
/* arguments:
all
index
canvas
convert
attachments
sitemap
*/
// settings
const debug = false
const ignoreFiles = ['_navbar.md', '_sidbar.md']
const scheme = 'https://'
const hostname = 'wiki.mint-system.ch'
const basePath = '/'
const basePathAttachments = './'
const uriSuffix = '.html'
const anchorPrefix = '#'
const attachmentsFolder = 'attachments'
const gitUrl = 'https://github.com/Mint-System/Knowledge/blob/master/'
const wikiImage = /!\[\[([^\]]+\..+)\]\]/g
const obsidianCanvas = /\[\[([^\]]+\.canvas.+)\]\]/g
const embededContent = /!\[\[([^\]]*)\]\]/g
const wikiLink = /\[\[([^\]]*)\]\]/g
function sanitizeName(file) {
return file.toLocaleLowerCase()
.replace(/\s+/g, '-')
.replace('---', '-')
.replace('--', '-')
.replace("'", '-')
}
function sanitizeAssetname(file) {
return file.toLocaleLowerCase()
.replace(/\s+/g, '-')
.replace('---', '-')
.replace('--', '-')
.replace("'", '-')
.replace(/ö/g, 'o')
.replace(/ü/g, 'u')
.replace(/ä/g, 'a')
}
function loopMdFiles() {
return fs.readdirSync(__dirname).filter(file => (path.extname(file) === '.md') && (ignoreFiles.indexOf(file) != 0))
}
const groupBy = key => array =>
array.reduce((objectsByKeyValue, obj) => {
const value = obj[key];
objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
return objectsByKeyValue;
}, {});
function mapColor(color) {
colors = {
0: '#7e7e7e',
1: '#aa363d',
2: '#a56c3a',
3: '#aba960',
4: '#199e5c',
5: '#249391',
6: '#795fac'
}
let appliedColor = colors[0]
if (color && (0 < color.length < 2)) {
appliedColor = colors[color]
}
if (color && (1 < color.length)) {
appliedColor = color
}
return appliedColor
}
function renderEdge(edge) {
const id = edge['id']
const strockWidth = 5
const color = mapColor(edge['color'])
const fromSide = edge['fromSide']
const toSide = edge['toSide']
const fontFamily = 'Roboto, Oxygen, Ubuntu, Cantarell, sans-serif'
const fontColor = '#2c2d2c'
let marker = `marker-end="url(#arrow-end-${id})"`
let fromOffset = 1
let toOffset = 11
let fromX = edge['fromX']
let fromY = edge['fromY']
let toX = edge['toX']
let toY = edge['toY']
let label = ''
// Set arrow marker
if(edge['fromEnd'] === 'arrow') {
marker = `marker-end="url(#arrow-end-${id})" marker-start="url(#arrow-start-${id})"`
fromOffset = 11
}
if(edge['toEnd'] === 'none') {
marker = ''
toOffset = 1
}
// Calculate position with offset
if (fromSide === 'right') {
fromX += fromOffset
}
if (fromSide === 'bottom') {
fromY += fromOffset
}
if (fromSide === 'left') {
fromX -= fromOffset
}
if (fromSide === 'top') {
fromY -= fromOffset
}
if (toSide === 'right') {
toX += toOffset
}
if (toSide === 'bottom') {
toY += toOffset
}
if (toSide === 'left') {
toX -= toOffset
}
if (toSide === 'top') {
toY -= toOffset
}
// Add label if is set
if(edge['label']) {
// Calculate position of label
let labelLength = edge['label'].length*4
let labelX = fromX - labelLength
let labelY = fromY
if (toX < fromX) {
labelX -= Math.abs(toX - fromX)/2
}
if (toX > fromX) {
labelX += Math.abs(fromX - toX)/2
}
if (toY < fromY) {
labelY += Math.abs(toY - fromY)/2
}
if (toY > fromY) {
labelY += Math.abs(fromY - toY)/2
}
// console.log(`(${labelX}/${labelY}) toX:${toX} fromX:${fromX} toY:${toY} fromY:${fromY}`)
label_text = edge['label']
if (debug) {
label_text += ` (${labelX}/${labelY})`
}
label = `
${label_text}
`
}
return `
${label}
`
}
function renderNode(node) {
const strockWidth = 4
const fontWeight = 'bold'
const fontFamily = 'Roboto, Oxygen, Ubuntu, Cantarell, sans-serif'
let textOffsetX = 15
let textOffsetY = 7
let fontColor = '#2c2d2c'
let fontSize = 15
let content = ''
// Render default text
if (node['text']) {
// Compare text length to node length
if ((node['text'].length / node['width']) >= 0.11 && node['text'].split('\n').length == 1) {
textOffsetY = 0
}
content = `
${node['text']}
`
}
// Render multiline text
if (node['text'] && node['text'].split('\n').length > 1) {
let spans = ''
for (const line of node['text'].split('\n')) {
spans += `${line}`
}
textOffsetY = 10
content = `${spans}`
}
// Render linked markdown file
if (node['file'] && node['file'].endsWith('.md')) {
title = node['file'].replace('.md', '')
text = `${title}`
fontColor = '#9a7fee'
fontSize = 28
textOffsetX = 30
textOffsetY = 45
content = `${text}`
}
// Render image
if (node['file'] && !node['file'].endsWith('.md')) {
filePath = node['file']
const base64_content = fs.readFileSync(filePath, "base64")
extension = path.extname(filePath).replace('.', '')
content = ``
fontColor = '#9a7fee'
}
return `
${content}
`
}
function renderGroup(group) {
const strockWidth = 4
const fontWeight = 'bold'
const fontFamily = 'Roboto, Oxygen, Ubuntu, Cantarell, sans-serif'
let textOffsetX = 15
let textOffsetY = -15
let fontColor = '#2c2d2c'
let fillColor = '#fbfbfb'
let text = group['label']
let fontSize = 24
return `
${text}
`
}
function convertCanvasToSVG(content) {
nodes = content['nodes']
edges = content['edges']
let svg = ""
svg += '\n'
svg += '\n'
// Calculate view box position
let minX = 0
let minY = 0
for (const node of nodes) {
nodeX = node['x']
nodeY = node['y']
nodeWith = node['width']
nodeHeight = node['height']
if (nodeX < minX) {
minX = nodeX
}
if (nodeY < minY) {
minY = nodeY
}
}
// Caclulate view box size
let width = 0
let height = 0
for (const node of nodes) {
nodeX = node['x']
nodeY = node['y']
nodeWith = node['width']
nodeHeight = node['height']
nodeMaxX = Math.abs(nodeX - minX) + nodeWith
if (width < nodeMaxX) {
width = nodeMaxX
}
nodeMaxY = Math.abs(nodeY - minY) + nodeHeight
if (height < nodeMaxY) {
height = nodeMaxY
}
}
// Add view box
const spacing = 50
svg += `'
return svg
}
function convert(content, file) {
// Convert Obsidian canvas
// [[S3.canvas|S3]] -> [](./s3.svg)
let matches = content.match(obsidianCanvas) || []
for (i = 0; i < matches.length; i++) {
let match = matches[i]
let title = sanitizeAssetname(match.match(/\|(.*)\]\]/)[1])
let href = title
// Set title and href
if (match.indexOf('|') > 0) {
href = sanitizeAssetname(match.match(/\|(.*)\]\]/)[1])
title = match.match(/\|(.*)\]\]/)[1]
}
content = content.replace(match, `[${title}](${basePathAttachments}${href}.svg)`)
}
// Convert wiki image links
// ![[image.png]] -> "/>
matches = content.match(wikiImage) || []
for (i = 0; i < matches.length; i++) {
let match = matches[i]
let image = sanitizeAssetname(match.match(/!\[\[([^\]]*)/)[1])
content = content.replace(match, ``)
}
// Convert embeded content links
// ![[Content]] -> !!!include(content.md)!!!
matches = content.match(embededContent) || []
for (i = 0; i < matches.length; i++) {
let match = matches[i]
let title = sanitizeName(match.match(/\[\[([^\]|#]*)/)[1])
content = content.replace(embededContent, `!!!include(${title}.md)!!!`)
}
// Convert wiki links
// [[href#anchor|title] -> [title > anchor](href#anchor)
matches = content.match(wikiLink) || []
for (i = 0; i < matches.length; i++) {
let match = matches[i]
let href = match.match(/\[\[([^\]|#]*)/)[1]
let title = match.match(/\[\[([^\]|#]*)/)[1]
let anchor = null
// Set anchor
if (match.indexOf('#') > 0) {
anchor = match.match(/#([^\||\]]*)/)[1]
// Combine title and href text
title = `${title} > ${anchor}`
// Sanitize anchor link
anchor = sanitizeName(anchor)
}
// Set title and href
if (match.indexOf('|') > 0) {
href = match.match(/\[\[([^\||#]*)/)[1]
title = match.match(/\|(.*)\]\]/)[1]
}
// Sanitize href
href = sanitizeName(href ? href : file.replace('\.md', ''))
let mdLink = `[${title}](${basePath}${href}${uriSuffix}${anchor ? (anchorPrefix + anchor) : ''})`
content = content.replace(match, mdLink)
}
return content
}
// Build vars
var links = []
var files = []
var args = process.argv.slice(2);
var firstArg = args[0]
if (!firstArg || ['all', 'index'].indexOf(firstArg) >= 0) {
// log
console.log('Build title index ...')
// loop all markdown files
loopMdFiles().forEach((file) => {
// get markdown content
var content = fs.readFileSync(file, 'utf8')
// get wiki links
matches = content.match(wikiLink) || []
// create backlink list
for (i = 0; i < matches.length; i++) {
let match = matches[i]
links.push({ source: file.replace('\.md', ''), target: match.match(/\[\[([^\]|#]*)/)[1] })
}
// create file link list
files.push({ source: file.replace('\.md', ''), target: file, firstLetter: file[0].toUpperCase() })
})
// log
console.log('Building title index finished.')
}
if (!firstArg || ['all', 'canvas'].indexOf(firstArg) > 0) {
// log
console.log('Convert canvas files ...')
// Loop all cavas files
fs.readdirSync(__dirname).filter(file => (path.extname(file) === '.canvas')).forEach((file) => {
// Get file name
let fileName = sanitizeAssetname(file.replace('\.canvas', ''))
// Get content
let content = fs.readFileSync(file, 'utf8')
content = convertCanvasToSVG(JSON.parse(content))
fs.writeFileSync(fileName + '.svg', content)
})
// log
console.log('Converting canvas files finished.')
}
if (!firstArg || ['all', 'convert'].indexOf(firstArg) > 0) {
// log
console.log('Convert files ...')
// process all markdown files
loopMdFiles().forEach((file) => {
// get markdown content
let content = fs.readFileSync(file, 'utf8')
// set new file name
let newfile = sanitizeName(file)
// Get file name
let fileName = file.replace('\.md', '')
// convert content
content = convert(content, file)
// get backlinks
let backLinks = links.filter(link => link.target === fileName)
// remove duplicates
backLinks = Array.from(new Set(backLinks.map(o => JSON.stringify(o)))).map(s => JSON.parse(s))
content = content + [
'\n',
'\n',
''
].join('')
// Delete existing file
fs.unlinkSync(file)
// write content to new file
fs.writeFileSync(newfile, content, 'utf8')
})
// log
console.log('Converting files finished.')
}
if (!firstArg || ['all', 'index'].indexOf(firstArg) > 0) {
// log
console.log('Build glossary ...')
// Group files by first letter
groupedFiles = groupBy('firstLetter')(files)
content = [
'# Glossary',
'\n'
]
Object.keys(groupedFiles).forEach(function(key) {
content.push(`## ${key}`)
content.push('\n','\n')
groupedFiles[key].forEach((link) => {
content.push(`[${link.source}](${sanitizeName(link.target)}) `)
content.push('\n')
})
content.push('\n')
})
// write content to index file
fs.writeFileSync('glossary.md', content.join(''), 'utf8')
// log
console.log('Building glossary finished.')
}
if (!firstArg || ['all', 'attachments'].indexOf(firstArg) > 0) {
// log
console.log('Move attachments ...')
// Loop all asset files
fs.readdirSync(path.join(__dirname, attachmentsFolder)).forEach((file) => {
// set new file name
newfile = sanitizeAssetname(file)
// move asset file
fs.renameSync(path.join(__dirname, attachmentsFolder, file), path.join(__dirname, newfile))
})
// log
console.log('Moving attachments finished.')
}
if (!firstArg || ['all', 'sitemap'].indexOf(firstArg) > 0) {
// log
console.log('Build sitemap ...')
content = []
loopMdFiles().forEach((file) => {
href = sanitizeName(file.replace('\.md', ''))
content.push(`${scheme}${hostname}${basePath}${href}${uriSuffix}\n`)
})
// write content to index file
fs.writeFileSync('.vuepress/public/sitemap.txt', content.join(''), 'utf8')
// log
console.log('Building sitemap finished.')
}