implement css: false in main compiler (#153)

src/generate/index.js

@@ -392,7 +392,7 @@ export default function generate ( parsed, source, options, names ) {
 		topLevelStatements.push( `[✂${parsed.js.content.start}-${parsed.js.content.end}✂]` );
 	}
 
-	if ( parsed.css ) {
+	if ( parsed.css && options.css !== false ) {
 		topLevelStatements.push( deindent`
 			let addedCss = false;
 			function addCss () {
@@ -411,7 +411,7 @@ export default function generate ( parsed, source, options, names ) {
 
 	const initStatements = [];
 
-	if ( parsed.css ) {
+	if ( parsed.css && options.css !== false ) {
 		initStatements.push( `if ( !addedCss ) addCss();` );
 	}
 

src/server-side-rendering/compile.js

@@ -8,7 +8,7 @@ import processCss from '../generate/css/process.js';
 
 const voidElementNames = /^(?:area|base|br|col|command|doctype|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/i;
 
-export default function compile ( source, filename ) {
+export default function compile ( source, { filename }) {
 	const parsed = parse( source, {} );
 	validate( parsed, source, {} );
 

src/server-side-rendering/register.js

@@ -2,6 +2,6 @@ import * as fs from 'fs';
 import compile from './compile.js';
 
 require.extensions[ '.html' ] = function ( module, filename ) {
-	const { code } = compile( fs.readFileSync( filename, 'utf-8' ), filename );
+	const { code } = compile( fs.readFileSync( filename, 'utf-8' ), { filename });
 	return module._compile( code, filename );
 };

test/generator/css-false/Widget.html

@@ -0,0 +1,7 @@
+<p>test</p>
+
+<style>
+	p {
+		color: red;
+	}
+</style>

test/generator/css-false/_config.js

@@ -0,0 +1,12 @@
+export default {
+	compileOptions: {
+		css: false
+	},
+
+	test ( assert, component, target, window ) {
+		const [ control, test ] = target.querySelectorAll( 'p' );
+
+		assert.equal( window.getComputedStyle( control ).color, '' );
+		assert.equal( window.getComputedStyle( test ).color, '' );
+	}
+};

test/generator/css-false/main.html

@@ -0,0 +1,10 @@
+<p>control</p>
+<Widget/>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>

test/test.js

@@ -23,9 +23,11 @@ const svelte = process.env.COVERAGE ?
 const cache = {};
 
 let showCompiledCode = false;
+let compileOptions = null;
 
 require.extensions[ '.html' ] = function ( module, filename ) {
-	const code = cache[ filename ] || ( cache[ filename ] = svelte.compile( fs.readFileSync( filename, 'utf-8' ) ).code );
+	const options = Object.assign({ filename }, compileOptions );
+	const code = cache[ filename ] || ( cache[ filename ] = svelte.compile( fs.readFileSync( filename, 'utf-8' ), options ).code );
 	if ( showCompiledCode ) console.log( addLineNumbers( code ) ); // eslint-disable-line no-console
 
 	return module._compile( code, filename );
@@ -250,6 +252,7 @@ describe( 'svelte', () => {
 				let compiled;
 
 				showCompiledCode = config.show;
+				compileOptions = config.compileOptions || {};
 
 				try {
 					const source = fs.readFileSync( `test/generator/${dir}/main.html`, 'utf-8' );