forked from codecombat/codecombat
-
Notifications
You must be signed in to change notification settings - Fork 0
/
compile-static-templates.coffee
112 lines (94 loc) · 3.56 KB
/
compile-static-templates.coffee
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
pug = require 'pug'
path = require 'path'
cheerio = require 'cheerio'
en = require './app/locale/en'
basePath = path.resolve('./app')
_ = require 'lodash'
fs = require('fs')
compile = (contents, locals, filename, cb) ->
# console.log "Compile", filename, basePath
outFile = filename.replace /.static.pug$/, '.html'
# console.log {outFile, filename, basePath}
out = pug.compileClientWithDependenciesTracked contents,
pretty: true
filename: path.join(basePath, 'templates/static', filename)
basedir: basePath
translate = (key) ->
html = /^\[html\]/.test(key)
key = key.substring(6) if html
t = en.translation
#TODO: Replace with _.property when we get modern lodash
translationPath = key.split(/[.]/)
while translationPath.length > 0
k = translationPath.shift()
t = t[k]
return key unless t?
return out =
text: t
html: html
i18n = (k,v) ->
return k.i18n.en[a] if 'i18n' in k
k[v]
try
fn = new Function(out.body + '\n return template;')()
str = fn(_.merge {_, i18n}, locals, require './static-mock')
catch e
return cb(e.message)
c = cheerio.load(str)
elms = c('[data-i18n]')
elms.each (i, e) ->
i = c(@)
t = translate(i.data('i18n'))
if t.html
i.html(t.text)
else
i.text(t.text)
deps = ['static-mock.coffee'].concat(out.dependencies)
# console.log "Wrote to #{outFile}", deps
# console.log {outFile}
if not fs.existsSync(path.resolve('./public'))
fs.mkdirSync(path.resolve('./public'))
if not fs.existsSync(path.resolve('./public/templates'))
fs.mkdirSync(path.resolve('./public/templates'))
if not fs.existsSync(path.resolve('./public/templates/static'))
fs.mkdirSync(path.resolve('./public/templates/static'))
fs.writeFileSync(path.join(path.resolve('./public/templates/static'), outFile), c.html())
cb()
# cb(null, [{filename: outFile, content: c.html()}], deps) # old brunch callback
module.exports = WebpackStaticStuff = (options = {}) ->
@options = options
@prevTemplates = {}
return null # Need this for webpack to be happy
WebpackStaticStuff.prototype.apply = (compiler) ->
# Compile the static files
compiler.plugin 'emit', (compilation, callback) =>
files = fs.readdirSync(path.resolve('./app/templates/static'))
promises = []
for filename in files
relativeFilePath = path.join(path.resolve('./app/templates/static/'), filename)
content = fs.readFileSync(path.resolve('./app/templates/static/'+filename)).toString()
if @prevTemplates[filename] is content
continue
@prevTemplates[filename] = content
locals = _.merge({}, @options.locals, {
chunkPaths: _.zipObject.apply(null, _.zip(compilation.chunks.map((c)=>[
c.name,
compiler.options.output.chunkFilename.replace('[name]',c.name).replace('[chunkhash]',c.renderedHash)
])))
})
try
compile(content, locals, filename, _.noop)
console.log "\nCompiled static file: #{filename}"
catch err
console.log "\nError compiling #{filename}:", err
callback()
# Watch the static template files for changes
compiler.plugin 'after-emit', (compilation, callback) =>
files = fs.readdirSync(path.resolve('./app/templates/static'))
compilationFileDependencies = new Set(compilation.fileDependencies)
_.forEach(files, (filename) =>
absoluteFilePath = path.join(path.resolve('./app/templates/static/'), filename)
unless compilationFileDependencies.has(absoluteFilePath)
compilation.fileDependencies.push(absoluteFilePath)
)
callback()