Add editorTheme setting

red/api/index.js

@@ -24,6 +24,7 @@ var nodes = require("./nodes");
 var flows = require("./flows");
 var library = require("./library");
 var info = require("./info");
+var theme = require("./theme");
 
 var auth = require("./auth");
 var needsPermission = auth.needsPermission;
@@ -41,9 +42,13 @@ function init(adminApp,storage) {
     
     // Editor
     if (!settings.disableEditor) {
+        ui.init(settings);
         var editorApp = express();
         editorApp.get("/",ui.ensureSlash,ui.editor);
         editorApp.get("/icons/:icon",ui.icon);
+        if (settings.editorTheme) {
+            editorApp.use("/theme",theme.init(settings));
+        }
         editorApp.use("/",ui.editorResources);
         adminApp.use(editorApp);
     }

red/api/info.js

@@ -14,6 +14,7 @@
  * limitations under the License.
  **/
 var settings = require('../settings');
+var theme = require("./theme");
 
 var util = require('util');
 
@@ -23,7 +24,12 @@ module.exports = {
             httpNodeRoot: settings.httpNodeRoot,
             version: settings.version,
             user: req.user
-        };
+        }
+        
+        var themeSettings = theme.settings();
+        if (themeSettings) {
+            safeSettings.editorTheme = themeSettings;
+        }
         
         if (util.isArray(settings.paletteCategories)) {
             safeSettings.paletteCategories = settings.paletteCategories;

red/api/theme.js

@@ -0,0 +1,113 @@
+/**
+ * Copyright 2015 IBM Corp.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var express = require("express");
+var util = require("util");
+var path = require("path");
+var fs = require("fs");
+
+var themeContext = {
+    page: {
+        title: "Node-RED",
+        favicon: "favicon.ico"
+        //css: [""]
+    },
+    header: {
+        title: "Node-RED",
+        image: "red/images/node-red.png"
+    }
+};
+
+var themeSettings = null;
+
+function serveFile(app,baseUrl,file) {
+    try {
+        var stats = fs.statSync(file);
+        var url = baseUrl+path.basename(file);
+        //console.log(url,"->",file);
+        app.get(url,function(req, res) {
+            res.sendfile(file);
+        });
+        return url;
+    } catch(err) {
+        //TODO: log filenotfound
+        return null;
+    }
+}
+
+module.exports = {
+    init: function(settings) {
+        var i;
+        var url;
+        if (settings.editorTheme) {
+            var theme = settings.editorTheme;
+            themeSettings = {};
+            
+            var themeApp = express();
+            
+            if (theme.page) {
+                if (theme.page.css) {
+                    var styles = theme.page.css;
+                    if (!util.isArray(styles)) {
+                        styles = [styles];
+                    }
+                    themeContext.page.css = [];
+                    
+                    for (i=0;i<styles.length;i++) {
+                        url = serveFile(themeApp,"/css/",styles[i]);
+                        if (url) {
+                            themeContext.page.css.push("/theme"+url);
+                        }
+                    }
+                }
+                
+                if (theme.page.favicon) {
+                    url = serveFile(themeApp,"/favicon/",theme.page.favicon)
+                    if (url) {
+                        themeContext.page.favicon = "/theme"+url;
+                    }
+                }
+                
+                themeContext.page.title = theme.page.title || themeContext.page.title;
+            }
+            
+            if (theme.header) {
+                
+                themeContext.header.title = theme.header.title || themeContext.header.title;
+                if (theme.header.hasOwnProperty("image")) {
+                    if (theme.header.image) {
+                        url = serveFile(themeApp,"/header/",theme.header.image);
+                        if (url) {
+                            themeContext.header.image = "/theme"+url;
+                        }
+                    } else {
+                        themeContext.header.image = null;
+                    }
+                }
+            }
+            
+            //themeSettings.deployButton = theme.deployButton || themeSettings.deployButton;
+            
+            return themeApp;
+        }
+    },
+    context: function() {
+        return themeContext;
+    },
+    settings: function() {
+        return themeSettings;
+    }
+}

red/api/ui.js

@@ -17,8 +17,12 @@ var express = require('express');
 var fs = require("fs");
 var path = require("path");
 
+var theme = require("./theme");
+
+var Mustache = require("mustache");
+
 var events = require("../events");
-var settings = require("../settings");
+var settings;
 
 var icon_paths = [path.resolve(__dirname + '/../../public/icons')];
 var iconCache = {};
@@ -29,7 +33,16 @@ events.on("node-icon-dir",function(dir) {
     icon_paths.push(path.resolve(dir));
 });
 
+var templateDir = path.resolve(__dirname+"/../../editor/templates");
+var editorTemplate;
+
 module.exports = {
+    init: function(_settings) {
+        settings = _settings;
+        editorTemplate = fs.readFileSync(path.join(templateDir,"index.mst"),"utf8");
+        Mustache.parse(editorTemplate);
+    },
+    
     ensureSlash: function(req,res,next) {
         var parts = req.originalUrl.split("?");
         if (parts[0].slice(-1) != "/") {
@@ -56,7 +69,7 @@ module.exports = {
         }
     },
     editor: function(req,res) {
-        res.sendfile(path.resolve(__dirname + '/../../public/index.html'));
+        res.send(Mustache.render(editorTemplate,theme.context()));
     },
     editorResources: express.static(__dirname + '/../../public')
 };