mirror of https://github.com/requarks/wiki
NGPixel
8 years ago
parent
ebe288a5b2
commit
f577a8134e
@ -0,0 +1,161 @@
|
|||||||
|
'use strict'
|
||||||
|
|
||||||
|
const _ = require('lodash')
|
||||||
|
const Promise = require('bluebird')
|
||||||
|
const colors = require('colors/safe')
|
||||||
|
const fs = Promise.promisifyAll(require('fs-extra'))
|
||||||
|
const path = require('path')
|
||||||
|
const uglify = require('uglify-es')
|
||||||
|
|
||||||
|
module.exports = Promise.mapSeries([
|
||||||
|
/**
|
||||||
|
* SimpleMDE
|
||||||
|
*/
|
||||||
|
() => {
|
||||||
|
return fs.accessAsync('./assets/js/simplemde').then(() => {
|
||||||
|
console.info(colors.white(' └── ') + colors.magenta('SimpleMDE directory already exists. Task aborted.'))
|
||||||
|
return true
|
||||||
|
}).catch(err => {
|
||||||
|
if (err.code === 'ENOENT') {
|
||||||
|
console.info(colors.white(' └── ') + colors.green('Copy + Minify SimpleMDE to assets...'))
|
||||||
|
return fs.copy('./node_modules/simplemde/dist/simplemde.min.js', './assets/js/simplemde/simplemde.min.js')
|
||||||
|
} else {
|
||||||
|
throw err
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* ACE Modes
|
||||||
|
*/
|
||||||
|
() => {
|
||||||
|
return fs.accessAsync('./assets/js/ace').then(() => {
|
||||||
|
console.info(colors.white(' └── ') + colors.magenta('ACE modes directory already exists. Task aborted.'))
|
||||||
|
return true
|
||||||
|
}).catch(err => {
|
||||||
|
if (err.code === 'ENOENT') {
|
||||||
|
console.info(colors.white(' └── ') + colors.green('Copy + Minify ACE modes to assets...'))
|
||||||
|
return fs.ensureDirAsync('./assets/js/ace').then(() => {
|
||||||
|
return Promise.join(
|
||||||
|
// Core
|
||||||
|
Promise.all([
|
||||||
|
fs.readFileAsync('./node_modules/brace/index.js', 'utf8'),
|
||||||
|
fs.readFileAsync('./node_modules/brace/ext/modelist.js', 'utf8'),
|
||||||
|
fs.readFileAsync('./node_modules/brace/theme/dawn.js', 'utf8'),
|
||||||
|
fs.readFileAsync('./node_modules/brace/theme/tomorrow_night.js', 'utf8'),
|
||||||
|
fs.readFileAsync('./node_modules/brace/mode/markdown.js', 'utf8')
|
||||||
|
]).then(items => {
|
||||||
|
console.info(colors.white(' ace.js'))
|
||||||
|
let result = uglify.minify(items.join(';\n'), { output: { 'max_line_len': 1000000 } })
|
||||||
|
return fs.writeFileAsync('./assets/js/ace/ace.js', result.code)
|
||||||
|
}),
|
||||||
|
// Modes
|
||||||
|
fs.readdirAsync('./node_modules/brace/mode').then(modeList => {
|
||||||
|
return Promise.map(modeList, mdFile => {
|
||||||
|
return fs.readFileAsync(path.join('./node_modules/brace/mode', mdFile), 'utf8').then(modeCode => {
|
||||||
|
console.info(colors.white(' mode-' + mdFile))
|
||||||
|
let result = uglify.minify(modeCode, { output: { 'max_line_len': 1000000 } })
|
||||||
|
return fs.writeFileAsync(path.join('./assets/js/ace', 'mode-' + mdFile), result.code)
|
||||||
|
})
|
||||||
|
}, { concurrency: 3 })
|
||||||
|
})
|
||||||
|
)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
throw err
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* MathJax
|
||||||
|
*/
|
||||||
|
() => {
|
||||||
|
return fs.accessAsync('./assets/js/mathjax').then(() => {
|
||||||
|
console.info(colors.white(' └── ') + colors.magenta('MathJax directory already exists. Task aborted.'))
|
||||||
|
return true
|
||||||
|
}).catch(err => {
|
||||||
|
if (err.code === 'ENOENT') {
|
||||||
|
console.info(colors.white(' └── ') + colors.green('Copy MathJax dependencies to assets...'))
|
||||||
|
return fs.ensureDirAsync('./assets/js/mathjax').then(() => {
|
||||||
|
return fs.copyAsync('./node_modules/mathjax', './assets/js/mathjax', {
|
||||||
|
filter: (src, dest) => {
|
||||||
|
let srcNormalized = src.replace(/\\/g, '/')
|
||||||
|
let shouldCopy = false
|
||||||
|
console.info(colors.white(' ' + srcNormalized))
|
||||||
|
_.forEach([
|
||||||
|
'/node_modules/mathjax',
|
||||||
|
'/node_modules/mathjax/jax',
|
||||||
|
'/node_modules/mathjax/jax/input',
|
||||||
|
'/node_modules/mathjax/jax/output'
|
||||||
|
], chk => {
|
||||||
|
if (srcNormalized.endsWith(chk)) {
|
||||||
|
shouldCopy = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
_.forEach([
|
||||||
|
'/node_modules/mathjax/extensions',
|
||||||
|
'/node_modules/mathjax/MathJax.js',
|
||||||
|
'/node_modules/mathjax/jax/element',
|
||||||
|
'/node_modules/mathjax/jax/input/MathML',
|
||||||
|
'/node_modules/mathjax/jax/input/TeX',
|
||||||
|
'/node_modules/mathjax/jax/output/SVG'
|
||||||
|
], chk => {
|
||||||
|
if (srcNormalized.indexOf(chk) > 0) {
|
||||||
|
shouldCopy = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (shouldCopy && srcNormalized.indexOf('/fonts/') > 0 && srcNormalized.indexOf('/STIX-Web') <= 1) {
|
||||||
|
shouldCopy = false
|
||||||
|
}
|
||||||
|
return shouldCopy
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
throw err
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* i18n
|
||||||
|
*/
|
||||||
|
() => {
|
||||||
|
console.info(colors.white(' └── ') + colors.green('Copying i18n client files...'))
|
||||||
|
return fs.ensureDirAsync('./assets/js/i18n').then(() => {
|
||||||
|
return fs.readJsonAsync('./server/locales/en/browser.json').then(enContent => {
|
||||||
|
return fs.readdirAsync('./server/locales').then(langs => {
|
||||||
|
return Promise.map(langs, lang => {
|
||||||
|
console.info(colors.white(' ' + lang + '.json'))
|
||||||
|
let outputPath = path.join('./assets/js/i18n', lang + '.json')
|
||||||
|
return fs.readJsonAsync(path.join('./server/locales', lang + '.json'), 'utf8').then((content) => {
|
||||||
|
return fs.outputJsonAsync(outputPath, _.defaultsDeep(content, enContent))
|
||||||
|
}).catch(err => { // eslint-disable-line handle-callback-err
|
||||||
|
return fs.outputJsonAsync(outputPath, enContent)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Bundle pre-init scripts
|
||||||
|
*/
|
||||||
|
() => {
|
||||||
|
console.info(colors.white(' └── ') + colors.green('Bundling pre-init scripts...'))
|
||||||
|
let preInitContent = ''
|
||||||
|
return fs.readdirAsync('./client/js/pre-init').map(f => {
|
||||||
|
let fPath = path.join('./client/js/pre-init/', f)
|
||||||
|
return fs.readFileAsync(fPath, 'utf8').then(fContent => {
|
||||||
|
preInitContent += fContent + ';\n'
|
||||||
|
})
|
||||||
|
}).then(() => {
|
||||||
|
return fs.outputFileAsync('./.build/_preinit.js', preInitContent, 'utf8')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Delete Fusebox cache
|
||||||
|
*/
|
||||||
|
() => {
|
||||||
|
console.info(colors.white(' └── ') + colors.green('Clearing fuse-box cache...'))
|
||||||
|
return fs.emptyDirAsync('./.fusebox')
|
||||||
|
}
|
||||||
|
], f => { return f() })
|
||||||
@ -1,87 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
import $ from 'jquery'
|
|
||||||
import Vue from 'vue'
|
|
||||||
import _ from 'lodash'
|
|
||||||
import * as ace from 'brace'
|
|
||||||
import 'brace/theme/tomorrow_night'
|
|
||||||
import 'brace/mode/markdown'
|
|
||||||
import 'brace-ext-modelist'
|
|
||||||
|
|
||||||
let codeEditor = null
|
|
||||||
|
|
||||||
// ACE - Mode Loader
|
|
||||||
|
|
||||||
let modelistLoaded = []
|
|
||||||
let loadAceMode = (m) => {
|
|
||||||
return $.ajax({
|
|
||||||
url: '/js/ace/mode-' + m + '.js',
|
|
||||||
dataType: 'script',
|
|
||||||
cache: true,
|
|
||||||
beforeSend: () => {
|
|
||||||
if (_.includes(modelistLoaded, m)) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
success: () => {
|
|
||||||
modelistLoaded.push(m)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vue Code Block instance
|
|
||||||
|
|
||||||
module.exports = (mde, mdeModalOpenState) => {
|
|
||||||
let modelist = ace.acequire('ace/ext/modelist')
|
|
||||||
let vueCodeBlock = new Vue({
|
|
||||||
el: '#modal-editor-codeblock',
|
|
||||||
data: {
|
|
||||||
modes: modelist.modesByName,
|
|
||||||
modeSelected: 'text',
|
|
||||||
initContent: ''
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
modeSelected: (val, oldVal) => {
|
|
||||||
loadAceMode(val).done(() => {
|
|
||||||
ace.acequire('ace/mode/' + val)
|
|
||||||
codeEditor.getSession().setMode('ace/mode/' + val)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
open: (ev) => {
|
|
||||||
mdeModalOpenState = true
|
|
||||||
$('#modal-editor-codeblock').addClass('is-active')
|
|
||||||
|
|
||||||
_.delay(() => {
|
|
||||||
codeEditor = ace.edit('codeblock-editor')
|
|
||||||
codeEditor.setTheme('ace/theme/tomorrow_night')
|
|
||||||
codeEditor.getSession().setMode('ace/mode/' + vueCodeBlock.modeSelected)
|
|
||||||
codeEditor.setOption('fontSize', '14px')
|
|
||||||
codeEditor.setOption('hScrollBarAlwaysVisible', false)
|
|
||||||
codeEditor.setOption('wrap', true)
|
|
||||||
|
|
||||||
codeEditor.setValue(vueCodeBlock.initContent)
|
|
||||||
|
|
||||||
codeEditor.focus()
|
|
||||||
codeEditor.renderer.updateFull()
|
|
||||||
}, 300)
|
|
||||||
},
|
|
||||||
cancel: (ev) => {
|
|
||||||
mdeModalOpenState = false // eslint-disable-line no-undef
|
|
||||||
$('#modal-editor-codeblock').removeClass('is-active')
|
|
||||||
vueCodeBlock.initContent = ''
|
|
||||||
},
|
|
||||||
insertCode: (ev) => {
|
|
||||||
if (mde.codemirror.doc.somethingSelected()) {
|
|
||||||
mde.codemirror.execCommand('singleSelection')
|
|
||||||
}
|
|
||||||
let codeBlockText = '\n```' + vueCodeBlock.modeSelected + '\n' + codeEditor.getValue() + '\n```\n'
|
|
||||||
|
|
||||||
mde.codemirror.doc.replaceSelection(codeBlockText)
|
|
||||||
vueCodeBlock.cancel()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
return vueCodeBlock
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue