update example

petersirka · petersirka · commit c07f2e781523 · 2015-07-17T19:58:45.000+02:00
diff --git a/external-compile-sass/controllers/default.js b/external-compile-sass/controllers/default.js
@@ -1,3 +1,3 @@
-exports.install = function(framework) {
+exports.install = function() {
 	framework.route('/');
 };
diff --git a/external-compile-sass/definitions/sass.js b/external-compile-sass/definitions/sass.js
@@ -1,6 +1,34 @@
 var sass = require('node-sass');
+var Fs = require('fs');
 
-framework.onCompileStyle = function (filename, content) {
-	// if filename === '' then it is the inline style
-    return sass.renderSync({ data: content, outputStyle: 'compressed' }).css;
+F.accept('scss', 'text/css');
+
+F.helpers.scss = function(name) {
+	return '<link type="text/css" rel="stylesheet" href="' + F.routeStyle(name).replace(/\.css$/, '') + '" />';
+};
+
+F.file('*.scss', function(req, res, is) {
+	if (is)
+		return req.extension === 'scss';
+
+	F.exists(req, res, 20, function(next, tmp) {
+		var filename = F.path.public(req.url);
+		Fs.readFile(filename, function(err, data) {
+
+			if (err) {
+				next();
+				res.throw404();
+				return;
+			}
+
+			var content = F.onCompileStyle(filename, data.toString('utf8'));
+			if (!F.isDebug)
+				Fs.writeFile(tmp, content);
+			F.responseContent(req, res, 200, content, 'text/css', true);
+		});
+	});
+});
+
+F.onCompileStyle = function (filename, content) {
+    return sass.renderSync({ data: content, outputStyle: 'compressed' }).css.toString('utf8');
 };
diff --git a/external-compile-sass/public/css/default.scss b/external-compile-sass/public/css/default.scss
@@ -0,0 +1,5 @@
+$blue: #3bbfce;
+
+.content {
+  border: 2px solid $blue;
+}
diff --git a/external-compile-sass/views/index.html b/external-compile-sass/views/index.html
@@ -10,6 +10,7 @@
 	<meta name="viewport" content="width=1024, user-scalable=yes" />
 	<meta name="robots" content="all,follow" />
 	@{css('default.css')}
+	@{scss('default.scss')}
 
 	<!-- DYNAMIC COMPRESS -->
 	<style type="text/css">
