Add image previewer core addon

Author: SamyPesse

addons/aceeditor/addon-built.js

@@ -10,6 +10,7 @@ define([
     var settings = codebox.require("core/settings");
     var files = codebox.require("core/files");
     var config = codebox.require("config");
+    var languages = codebox.require("utils/languages");
 
     // Configure ace
     var aceconfig = ace.require("ace/config");
@@ -86,12 +87,22 @@ define([
         }
     });
 
+    // Build code files extensions list
+    var textExts = _.reduce(languages.LIST, function(list, language) {
+        list = list.concat(language.extensions || []);
+        if (language.primary_extension) list.push(language.primary_extension);
+        return list;
+    }, [
+        // Defaults extensions
+        '.txt'
+    ]);
+
     // Add files handler
     files.addHandler("ace", {
         name: "ACE Code Editor",
         View: FileEditorView,
         valid: function(file) {
-            return !file.isDirectory();
+            return (!file.isDirectory() && _.contains(textExts, file.extension()));
         }
     });
 

addons/aceeditor/client.js

@@ -11,9 +11,6 @@
         "url": "http://samypesse.fr"
     },
     "client": {
-        "main": "client",
-        "provides": [
-            "filesManager"
-        ]
+        "main": "client"
     }
 }

addons/explorer/package.json

@@ -0,0 +1,18 @@
+define([
+    "views/image"
+], function(FileImageView) {
+    var _ = codebox.require("underscore");
+    var files = codebox.require("core/files");
+
+    var imageExts = [
+        ".png", ".jpg", ".gif", ".tiff", ".jpeg", ".bmp", ".webp", ".svg"
+    ];
+
+    files.addHandler("imageviewer", {
+        name: "Image Viewer",
+        View: FileImageView,
+        valid: function(file) {
+            return (!file.isDirectory() && _.contains(imageExts, file.extension()));
+        }
+    });
+});

addons/imageviewer/addon-built.js

@@ -0,0 +1,16 @@
+{
+    "name": "imageviewer",
+    "version": "0.0.1",
+    "title": "Image Viewer",
+    "description": "Images files viewer.",
+    "homepage": "https://github.com/FriendCode/codebox",
+    "license": "Apache",
+    "author": {
+        "name": "Samy Pessé",
+        "email": "samypesse@gmaiL.com",
+        "url": "http://samypesse.fr"
+    },
+    "client": {
+        "main": "client"
+    }
+}

addons/imageviewer/client.js

@@ -0,0 +1,5 @@
+.addon-files-aceeditor {
+    .image {
+
+    }
+}

addons/imageviewer/package.json

@@ -0,0 +1 @@
+<div class="tab-panel-body" style="background: url(<%- file.get("href") %>) no-repeat center;"></div>

addons/imageviewer/stylesheets/image.less

@@ -0,0 +1,18 @@
+define([
+    "less!stylesheets/image.less"
+], function() {
+    var _ = codebox.require("underscore");
+    var $ = codebox.require("jQuery");
+    var hr = codebox.require("hr/hr");
+    var Dialogs = codebox.require("utils/dialogs");
+    var FilesBaseView = codebox.require("views/files/base");
+
+    var FileImageView = FilesBaseView.extend({
+        className: "addon-files-imageviewer",
+        templateLoader: "addon.imageviewer.templates",
+        template: "image.html",
+        events: {}
+    });
+
+    return FileImageView;
+});

addons/imageviewer/templates/image.html

@@ -87,7 +87,7 @@ define([
 
         var handlers = getHandlers(file);
         if (_.size(handlers) == 0) {
-            dialogs.alert("No handler for this file", "Sorry, No handler has been found to open this file. Try to find and install an addon to manage this file.");
+            dialogs.alert("Can't open this file", "Sorry, No handler has been found to open this file. Try to find and install an addon to manage this file.");
             return Q.reject(new Error("No handler for this file"));
         }