11'use strict' ;
2+ const fs = require ( "fs" ) ;
3+ const path = require ( "path" ) ;
24
35const { CSSBlocksAggregate, CSSBlocksAnalyze, Transport } = require ( "@css-blocks/broccoli" ) ;
46const { GlimmerAnalyzer, GlimmerRewriter } = require ( "@css-blocks/glimmer" ) ;
7+
8+ const BroccoliStew = require ( "broccoli-stew" ) ;
9+ const BroccoliConcat = require ( "broccoli-concat" ) ;
10+ const BroccoliMerge = require ( "broccoli-merge-trees" ) ;
11+
512const debugGenerator = require ( "debug" ) ;
6- const path = require ( "path" ) ;
713
814const DEBUG = debugGenerator ( "css-blocks:ember-cli" ) ;
915
@@ -21,6 +27,8 @@ const NOOP_PLUGIN = { name: 'css-blocks-noop', visitors: {}, visitor: {} };
2127
2228module . exports = {
2329 name : '@css-blocks/ember-cli' ,
30+ outputFile : 'app.css' ,
31+ aggregateFile : 'css-blocks.css' ,
2432 isDevelopingAddon ( ) { return true ; } ,
2533 transports : new Map ( ) ,
2634 _owners : new Set ( ) ,
@@ -123,19 +131,25 @@ module.exports = {
123131 this . _owners . add ( parent ) ;
124132
125133 // Fetch information about the environment we're running in.
126- let env = this . getEnv ( parent ) ;
134+ let env = this . env = this . getEnv ( parent ) ;
127135
128136 // Fetch and validate user-provided options.
129137 let options = this . _options = this . getOptions ( env ) ;
130138
131139 // If the consuming app has explicitly disabled CSS Blocks, exit.
132140 if ( options . disabled ) { return ; }
133141
142+ // Determine the aggregate file that we'll be storing Block styles in
143+ // during the build.
144+ this . aggregateFile = options . output || ( env . isEmber ? `css-blocks.css` : "src/ui/styles/css-blocks.css" ) ;
145+
134146 // In Ember, we need to inject the CSS Blocks runtime helpers. Only do this in
135147 // the top level addon. `app.import` is not a thing in Glimmer.
136148 // TODO: Pull in as CJS so we don't need to build @css-blocks/glimmer to CJS *and* AMD.
137149 // Blocked by: https://github.com/rwjblue/ember-cli-cjs-transform/issues/72
138150 if ( env . isEmber && env . app === parent ) {
151+ this . outputFile = env . app . options . outputPaths . app . css . app . slice ( 1 ) ;
152+
139153 env . app . import ( 'node_modules/@css-blocks/glimmer/dist/amd/src/helpers/classnames.js' , {
140154 using : [ { transformation : 'amd' , as : '@css-blocks/helpers/classnames' } ] ,
141155 resolveFrom : __dirname ,
@@ -172,6 +186,27 @@ module.exports = {
172186
173187 } ,
174188
189+ // At the very end of the build, append our CSS Blocks aggregate file to
190+ // the main `app.css` file. Un-link the destination file first to make sure
191+ // we don't modify the source file if broccoli sym-linked it all the way back.
192+ postprocessTree ( name , tree ) {
193+
194+ const aggregatorTree = this . env . app . trees . cssblocks ;
195+
196+ // If this is not the root app, or the css tree, no-op.
197+ if ( this . env . isAddon || name !== 'css' || ! aggregatorTree ) { return tree ; }
198+
199+ DEBUG ( `Writing all CSS Blocks output to "${ this . outputFile } ) ;
200+ let merged = new BroccoliMerge ( [ tree , aggregatorTree ] , { overwrite : true } )
201+ merged = new BroccoliConcat ( merged , {
202+ outputFile : this . outputFile ,
203+ inputFiles : [ this . outputFile , this . aggregateFile ] ,
204+ allowNone : true ,
205+ } ) ;
206+
207+ return new BroccoliMerge ( [ tree , merged ] , { overwrite : true } ) ;
208+ } ,
209+
175210 getEnv ( parent ) {
176211
177212 // Fetch a reference to the parent app
@@ -251,8 +286,6 @@ module.exports = {
251286 genTreeWrapper ( env , options , prev = NOOP ) {
252287 const { isEmber, app, parent, rootDir, moduleConfig, modulePrefix } = env ;
253288
254- const outputPath = options . output || ( isEmber ? `app.css` : "src/ui/styles/app.css" ) ;
255-
256289 // In Ember, we treat every template as an entry point. `BroccoliCSSBlocks` will
257290 // automatically discover all template files if an empty entry array is passed.
258291 const entry = isEmber ? [ ] : ( Array . isArray ( options . entry ) ? options . entry : [ options . entry ] ) ;
@@ -276,7 +309,7 @@ module.exports = {
276309 return ( tree ) => {
277310 if ( ! tree ) { return prev . call ( parent , tree ) ; }
278311 tree = new CSSBlocksAnalyze ( tree , transport , broccoliOptions ) ;
279- app . trees . styles = new CSSBlocksAggregate ( [ app . trees . styles , tree ] , transport , outputPath ) ;
312+ app . trees . cssblocks = new CSSBlocksAggregate ( [ app . trees . cssblocks || app . trees . styles , tree ] , transport , this . aggregateFile ) ;
280313
281314 // Mad hax for Engines <=0.5.20 support 💩 Right now, engines will throw away the
282315 // tree passed to `treeForAddon` and re-generate it. In order for template rewriting
0 commit comments