Add compare-locales panel

compare-locales/panel.xml

@@ -0,0 +1,9 @@
+<a:application xmlns:a="http://ajax.org/2005/aml">
+    <!-- <a:button id="btnTreeSettings"
+      skin="header-btn"
+      class="panel-settings" /> -->
+    <!-- <a:menu id="mnuCLSettings" />
+    <a:menu id="mnuCtxCL" />
+    contextmenu="mnuCtxCL" -->
+    <a:bar id="container" class="real moz-cl" focussable="true" height="100%"/>
+</a:application>

compare_locales.js

@@ -0,0 +1,254 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+define(function(require, exports, module) {
+    "use strict";
+    main.consumes = ["Panel", "Form", "Datagrid",
+        "c9", "fs", "layout", "proc", "settings", "tabManager", "ui", "vfs"];
+    main.provides = ["moz_compare_locales"];
+    return main;
+
+    function main(options, imports, register) {
+        var Panel = imports.Panel;
+        var Datagrid = imports.Datagrid;
+        var Form = imports.Form;
+        var c9 = imports.c9;
+        var layout = imports.layout;
+        var proc = imports.proc;
+        var settings = imports.settings;
+        var tabs = imports.tabManager;
+        var ui = imports.ui;
+        var vfs = imports.vfs;
+        var fs = imports.fs;
+        var panelIndex = options.index || 250;
+
+        var markup = require('text!./compare-locales/panel.xml');
+        var configs;
+
+        /***** Initialization *****/
+
+        settings.on("read", function(){
+            /* settings.setJson("project/moz.compare.locales", [
+                {
+                    "l10n": ".",
+                    "locales": ["de"],
+                    "l10nini": ["mozilla-aurora", "browser/locales/l10n.ini"]
+                }
+            ]); */
+            configs = settings.getJson("project/moz_compare_locales");
+            compare();
+        }, plugin);
+
+        var plugin = new Panel("mozilla.org", main.consumes, {
+            index: panelIndex,
+            caption: "Compare"
+        });
+        var emit = plugin.getEmitter();
+        var container, tree;
+
+        function load() {
+            console.log('compare-locales loaded');
+            fs.on('afterWriteFile', onDiskChange);
+            fs.on('afterRmfile', onDiskChange);
+            layout.on('resize', function() {
+                tree && tree.resize();
+            });
+        }
+
+        function onDiskChange(event) {
+            console.log('afterWriteFile or afterRmfile', event);
+            if (!configs || !tree) return;
+            var p = event.path;
+            var do_run = configs.some(function(c) {
+                if (p.indexOf('/' + c.l10nini[0]) == 0) {
+                    return true;
+                }
+                var l10nbase = '/';
+                if (c.l10n !== '.') {
+                    l10nbase += c.l10n + '/';
+                }
+                return c.locales.some(function(loc) {
+                    return p.indexOf(l10nbase + loc) == 0;
+                });
+            });
+            if (do_run) {
+                compare();
+            }
+        }
+
+        function compare() {
+            if (!configs || !tree) return;
+            proc.execFile("compare-locales", {
+                args: [
+                    '--data=json',
+                    configs[0].l10nini.join('/'),
+                    configs[0].l10n,
+                    configs[0].locales[0]
+                ],
+                cwd: c9.workspaceDir,
+                stdoutEncoding: 'utf8',
+                stderrEncoding: 'utf8'
+            }, function(err, stdout, stderr) {
+                if (err) return console.error(err);
+                var data = JSON.parse(stdout);
+                var root = {
+                    label: configs[0].l10n,
+                    isOpen: true,
+                    items: []
+                };
+                function fillChildren(children, node) {
+                    if (!children || !children.length) return;
+                    node.items = [];
+                    children.forEach(function(childtpl) {
+                        var label = childtpl[0];
+                        var details = childtpl[1];
+                        var child = {
+                            label: label,
+                            isOpen: true
+                        };
+                        if (details.value) {
+                            child.details = details.value;
+                            if (details.value.missingEntity) {
+                                child.missing = details.value.missingEntity.length;
+                            }
+                            if (details.value.warning) {
+                                child.warnings = details.value.warning.length;
+                            }
+                            if (details.value.error) {
+                                child.errors = details.value.error.length;
+                            }
+                            if (details.value.missingFile) {
+                                child.missingFile = true;
+                                child.missing = details.value.strings;
+                            }
+                            if (details.value.obsoleteEntity) {
+                                child.obsolete = details.value.obsoleteEntity.length;
+                            }
+                            if (details.value.obsoleteFile) {
+                                child.obsoleteFile = true;
+                            }
+                        }
+                        if (details.children) {
+                            fillChildren(details.children, child);
+                        }
+                        node.items.push(child);
+                    });
+                }
+                fillChildren(data.details.children, root);
+                tree.setRoot(root);
+            });
+        }
+
+        /***** Methods *****/
+
+
+        plugin.on("draw", function(e){
+            // Insert css
+            ui.insertCss(require('text!./style/compare.less'), options.staticPrefix, plugin);
+            ui.insertCss(require('text!./style/open-iconic.less'), options.staticPrefix, plugin);
+            // Insert markup
+            ui.insertMarkup(e.aml, markup, plugin);
+            container = plugin.getElement("container");
+
+            tree = new Datagrid({
+                container: container.$int,
+
+                columns : [
+                    {
+                        caption: "Path",
+                        value: "name",
+                        defaultValue: "Scope",
+                        width: "100%",
+                        type: "tree"
+                    },
+                    {
+                        caption: "-",
+                        getText: function(node) {
+                            return node.missing || '';
+                        },
+                        width: "25",
+                    },
+                    {
+                        caption: "?",
+                        getText: function(node) {
+                            return node.obsolete || '';
+                        },
+                        width: "25",
+                    }
+                ],
+
+                getIconHTML: function(node) {
+                    var h = '';
+                    if (node.items && node.items.length) {
+                        // TODO:
+                        // h += '<span class="filetree-icon folder"></span>'
+                    }
+                    if (node.missingFile) {
+                        h += '<span class="cl-tree-icon cl-tree-add oi" data-glyph="plus"></span>';
+                    }
+                    if (node.obsoleteFile) {
+                        h += '<span class="cl-tree-icon cl-tree-obsolete oi" data-glyph="minus"></span>';
+                    }
+                    if (node.errors) {
+                        h += '<span class="cl-tree-icon cl-tree-error oi" data-glyph="bolt"></span>';
+                    }
+                    if (node.warnings) {
+                        h += '<span class="cl-tree-icon cl-tree-warning oi" data-glyph="warning"></span>';
+                    }
+                    return h;
+                }
+            }, plugin);
+            tree.on('afterChoose', function(e, some) {
+                var nodes = tree.selection.getSelectedNodes();
+                var active = tree.selection.getCursor();
+                var panes = tabs.getPanes();
+                var l10n_pane = panes[0];
+                var en_US_pane = panes[1];
+                nodes.forEach(function(node) {
+                    var path = node.label;
+                    var parent = node.parent;
+                    while (parent) {
+                        path = parent.label + '/' + path;
+                        parent = parent.parent;
+                    }
+                    if (!node.missingFile) {
+                        return tabs.openFile(path, node === active);
+                    }
+                    // now it's getting async, we need to create the file first
+                    // first, we might need the dir
+                    var dir = path.substring(0, path.lastIndexOf('/'));
+                    fs.mkdirP(dir, function(err) {
+                        console.log('mkdirP', err);
+                        fs.writeFile(path, '', function(err) {
+                            console.log('writeFile', err);
+                            tabs.openFile(path, node === active);
+                        });
+                    });
+                });
+            });
+            compare();
+        });
+
+        /***** Lifecycle *****/
+
+        plugin.on("load", function() {
+            load();
+        });
+        plugin.on("unload", function() {
+            tree = container = null;
+            configs = null;
+        });
+
+        /***** Register and define API *****/
+
+        plugin.freezePublicAPI({
+            get configs() { return configs; },
+            get tree() { return tree; }
+        });
+
+        register(null, {
+            "moz_compare_locales": plugin
+        });
+    }
+});