-
Notifications
You must be signed in to change notification settings - Fork 0
/
fuse.js
94 lines (74 loc) · 1.9 KB
/
fuse.js
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
const path = require('path')
const fb = {
FuseBox, CopyPlugin, QuantumPlugin,
LESSPlugin, CSSPlugin,
} = require('fuse-box')
const Ractive = require('ractive')
const rcu = require('rcu')
const typescript = require('typescript')
rcu.init(Ractive)
class RactivePlugin {
constructor(options) {
this.test = /\.html$/
this.dependencies = ['ractive/runtime']
}
init(context) {
context.allowExtension('.html')
}
transform(file) {
if (!file.analysis.ast) {
file.loadContents()
}
const { imports, script, css, template } = rcu.parse(file.contents)
file.contents = `
const Ractive = require('ractive/runtime')
${imports.map(this.importDeclaration).join('\n')}
const component = { exports: {} }
${script}
component.exports.components = {
${imports.map(this.componentDeclaration).join(', ')}
}
component.exports.template = ${JSON.stringify(template)}
component.exports.css = '${this.minify(css)}'
export default Ractive.extend(component.exports)
`
file.contents = typescript.transpileModule(
file.contents, file.context.tsConfig.getConfig()
).outputText
// TODO: sourcemap
// TODO: support plugin chain similar to Vue Plugin
}
importDeclaration({ name, href }) {
return `import ${name} from '${href}'`
}
componentDeclaration({ name, href }) {
return name
}
minify(css) {
return css.replace(/\s{2,}/g, ' ').replace(/\t|\r|\n/g, '').trim()
}
}
const fuse = FuseBox.init({
homeDir: 'app',
output: 'public/$name.js',
target : 'browser@es5',
plugins: [
new RactivePlugin(),
[LESSPlugin({
paths: [
path.resolve(__dirname, 'node_modules')
]
}), CSSPlugin({
outFile: file => `public/${file}`,
minify: true
})],
QuantumPlugin({
bakeApiIntoBundle: 'app',
treeshake : true,
uglify : true
})
]
})
fuse.bundle('app')
.instructions('> main.js **/*.html')
fuse.run()