fluentd-ui 0.4.5 → 1.0.0.alpha.1

data/app/javascript/packs/nested_settings.js

@@ -0,0 +1,40 @@
+'use strict';
+import 'lodash/lodash';
+$(document).ready(()=> {
+  var $firstSetting = $('.js-nested-column.js-multiple:first');
+
+  if ($firstSetting.length === 0) {
+    return;
+  }
+
+  var counter = 0;
+  $('.js-append', $firstSetting).on('click', function(ev){
+    ev.preventDefault();
+    var $new = $firstSetting.clone(true);
+    counter++;
+
+    var fields = $('input,select,textarea', $new);
+    _.each(fields, function(elm){
+      elm.name = elm.name.replace("0", counter);
+    });
+    $('label', $new).each(function(_, label){
+      var $label = $(label);
+      $label.attr('for', $label.attr('for').replace("0", counter));
+    });
+
+    $('.js-remove', $new).show();
+    $('.js-append', $new).hide();
+    $new.appendTo($firstSetting.parent());
+  });
+
+  $('.js-remove').on('click', function(ev){
+    ev.preventDefault();
+    $(this).closest('.js-nested-column').remove();
+  });
+
+  var $allSettings = $('.js-nested-column.js-multiple');
+  $('.js-append', $allSettings).hide();
+  $('.js-remove', $allSettings).show();
+  $('.js-append', $firstSetting).show();
+  $('.js-remove', $firstSetting).hide();
+});

data/app/javascript/packs/notification.js

@@ -0,0 +1,60 @@
+const POLLING_INTERVAL = 3 * 1000
+const POLLING_URL = "/polling/alerts"
+
+$(document).ready(()=> {
+  let alert = new Vue({
+    el: "#vue-notification",
+    data: {
+      "alerts": []
+    },
+
+    created: function(){
+      let timer;
+      let self = this;
+      let currentInterval = POLLING_INTERVAL;
+      let fetch = function(){
+        self.fetchAlertsData().then(function(alerts){
+          if(self.alerts.toString() == alerts.toString()) {
+            currentInterval *= 1.1;
+          } else {
+            currentInterval = POLLING_INTERVAL;
+          }
+          self.alerts = alerts;
+          timer = setTimeout(fetch, currentInterval);
+        })["catch"](function(xhr){
+          if(xhr.status === 401) {
+            // signed out
+          }
+          if(xhr.status === 0) {
+            // server unreachable (maybe down)
+          }
+        });
+      };
+      window.addEventListener('focus', function(ev){
+        currentInterval = POLLING_INTERVAL;
+        timer = setTimeout(fetch, currentInterval);
+      }, false);
+      window.addEventListener('blur', function(ev){
+        clearTimeout(timer);
+      }, false);
+      fetch();
+    },
+
+    computed: {
+      alertsCount: {
+        get: function(){ return this.alerts.length; }
+      },
+      hasAlerts: {
+        get: function(){ return this.alertsCount > 0; }
+      }
+    },
+
+    methods: {
+      fetchAlertsData: function() {
+        return new Promise(function(resolve, reject) {
+          $.getJSON(POLLING_URL, resolve).fail(reject);
+        });
+      }
+    }
+  });
+});

data/app/javascript/packs/settings.js

@@ -0,0 +1,122 @@
+$(document).ready(() => {
+  const SettingSection = {
+    template: '#vue-setting-section',
+    props: ['id', 'content', 'type', 'name', 'arg'],
+    data: function() {
+      return {
+        mode: 'default',
+        processing: false
+      };
+    },
+    created: function() {
+      this.initialState();
+    },
+    computed: {
+      endpoint: function() {
+        return '/api/settings/' + this.id;
+      }
+    },
+    methods: {
+      onCancel: function(event) {
+        this.initialState();
+      },
+      onEdit: function(ev) {
+        this.mode = "edit";
+      },
+      onDelete: function(ev) {
+        if (!confirm("really?")) {
+          return;
+        }
+        this.destroy();
+      },
+      onSubmit: function(ev) {
+        const token = document.getElementsByName("csrf-token")[0].getAttribute('content');
+        this.processing = true;
+        this.content = $(`#${this.id} textarea.form-control`)[0].dataset.content;
+        $.ajax({
+          url: this.endpoint,
+          method: "POST",
+          data: {
+            _method: "PATCH",
+            id: this.id,
+            content: this.content
+          },
+          headers: {
+            'X-CSRF-Token': token
+          }
+        }).then((data)=> {
+          _.each(data, function(v,k){
+            this[k] = v;
+          });
+          this.initialState();
+        }).always(()=> {
+          this.processing = false;
+        });
+      },
+      initialState: function(){
+        this.processing = false;
+        this.mode = 'default';
+      },
+      destroy: function(){
+        const token = document.getElementsByName("csrf-token")[0].getAttribute('content');
+        $.ajax({
+          url: this.endpoint,
+          method: "POST",
+          data: {
+            _method: "DELETE",
+            id: this.id
+          },
+          headers: {
+            'X-CSRF-Token': token
+          }
+        }).then(()=> {
+          this.$parent.update();
+        });
+      }
+    }
+  };
+
+  new Vue({
+    el: "#vue-setting",
+    data: function(){
+      return {
+        loaded: false,
+        loading: false,
+        sections: {
+          sources: [],
+          matches: []
+        }
+      };
+    },
+    mounted: function() {
+      this.$nextTick(() => {
+        this.update();
+      })
+    },
+    components: {
+      'setting-section': SettingSection
+    },
+    methods: {
+      update: function() {
+        this.loading = true;
+        $.getJSON("/api/settings", (data)=> {
+          var sources = [];
+          var matches = [];
+          data.forEach((v)=> {
+            if(v.name === "source"){
+              sources.push(v);
+            }else{
+              matches.push(v);
+            }
+          });
+          this.sections.sources = sources;
+          this.sections.matches = matches;
+          this.loaded = true;
+          setTimeout(()=> {
+            this.loading = false;
+          }, 500);
+        });
+      }
+    }
+  });
+})

data/app/javascript/packs/treeview.js

@@ -0,0 +1,99 @@
+'use strict';
+import 'lodash/lodash';
+$(document).ready(() => {
+  new Vue({
+    el: "#treeview",
+    props: {
+      initialPath: {
+        default: "/var/log",
+        type: String
+      }
+    },
+    data: {
+      preview: "",
+      path: "",
+      paths: []
+    },
+
+    mounted: function(){
+      console.log(this.initialPath);
+      this.path = this.initialPath;
+      this.fetchTree();
+      this.$watch("path", this.fetchTree);
+      this.$watch("path", this.fetchPreview);
+    },
+
+    computed: {
+      selected: function(){
+        var self = this;
+        return _.find(this.paths, function(path){
+          return self.path == path.path;
+        });
+      },
+      selectedIsDir: function() {
+        if(!this.selected) return true;
+        return this.selected.is_dir;
+      },
+      currentDirs: function() {
+        if(this.path === "/") {
+          return ["/"];
+        }
+
+        var path = this.path;
+        if(this.selected && !this.selected.is_dir) {
+          path = path.replace(/\/[^/]+$/, "");
+        }
+        var root = "/";
+        var dirs = [];
+        path.split("/").forEach(function(dir) {
+          dirs.push(root + dir);
+          if(dir) {
+            root = root + dir + "/";
+          }
+        });
+        return dirs;
+      }
+    },
+
+    methods: {
+      isAncestor: function(target) {
+        return this.path.indexOf(target) === 0;
+      },
+      basename: function(path) {
+        if (path === "/") return "/";
+        return path.match(/[^/]+$/)[0];
+      },
+      fetchTree: function() {
+        var self = this;
+        return new Promise(function(resolve, reject) {
+          $.getJSON("/api/tree?path=" + self.path, resolve).fail(reject);
+        }).then(function(paths){
+          console.log(paths);
+          self.paths = paths;
+        });
+      },
+      fetchPreview: function(){
+        if(!this.selected) return ;
+        var self = this;
+        this.preview = "";
+        new Promise(function(resolve, reject) {
+          $.getJSON("/api/file_preview?file=" + self.selected.path, resolve).fail(reject);
+        }).catch(function(e){
+          console.error(e);
+        }).then(function(lines){
+          self.preview = lines.join("\n");
+        });
+      },
+
+      selectPath: function(path){
+        this.path = path;
+      },
+      isSuffixRequired: function(data){
+        return data.is_dir && data.path != "/";
+      },
+      isSelected: function(path){
+        return this.path == path;
+      }
+    }
+  });
+});

data/app/jobs/all_plugin_check_update_job.rb

@@ -0,0 +1,10 @@
+class AllPluginCheckUpdateJob < ApplicationJob
+  queue_as :default
+
+  def perform(*args)
+    Plugin.installed.each do |pl|
+      GemUpdateCheckJob.perform_later(pl.gem_name)
+    end
+    AllPluginCheckUpdateJob.set(wait: 1.hour).perform_later # will be checked every hour
+  end
+end

data/app/jobs/application_job.rb

@@ -0,0 +1,2 @@
+class ApplicationJob < ActiveJob::Base
+end

data/app/{workers/fluentd_ui_restart.rb → jobs/fluentd_ui_restart_job.rb}

@@ -1,5 +1,5 @@
-class FluentdUiRestart
-  include SuckerPunch::Job
+class FluentdUiRestartJob < ApplicationJob
+  queue_as :default
 
   LOCK = []
 
@@ -20,7 +20,7 @@ class FluentdUiRestart
     lock!
 
     # NOTE: install will be failed before released fluentd-ui gem
-    SuckerPunch.logger.info "[restart] install new fluentd-ui"
+    logger.info "[restart] install new fluentd-ui"
     Plugin.new(gem_name: "fluentd-ui").install!
 
     if Rails.env.production?
@@ -29,7 +29,7 @@ class FluentdUiRestart
       cmd = %W(bundle exec rails s)
     end
 
-    SuckerPunch.logger.info "[restart] will restart"
+    logger.info "[restart] will restart"
     Bundler.with_clean_env do
       restarter = "#{Rails.root}/bin/fluentd-ui-restart"
       Process.spawn(*[restarter, $$.to_s, *cmd, *ARGV]) && Process.kill(:TERM, $$)

data/app/jobs/fluentd_ui_update_check_job.rb

@@ -0,0 +1,11 @@
+class FluentdUiUpdateCheckJob < ApplicationJob
+  queue_as :default
+
+  def perform
+    pl = Plugin.new(gem_name: "fluentd-ui")
+    if pl.gem_versions
+      FluentdUI.latest_version = pl.latest_version
+    end
+    FluentdUiUpdateCheckJob.set(wait: 1.hour).perform_later # will be checked every hour
+  end
+end

data/app/{workers/gem_installer.rb → jobs/gem_installer_job.rb}

@@ -1,6 +1,5 @@
-class GemInstaller
-  include SuckerPunch::Job
-  workers 16
+class GemInstallerJob < ApplicationJob
+  queue_as :default
 
   def perform(gem_name, version = nil)
     SuckerPunch.logger.info "install #{gem_name} #{version}"
@@ -9,9 +8,9 @@ class GemInstaller
       # NOTE: uninstall all versions of `gem_name` then install it for upgrade/downgrade
       pl.uninstall! if pl.installed?
       pl.install!
-      SuckerPunch.logger.info "installed #{gem_name} #{version}"
+      logger.info "installed #{gem_name} #{version}"
     rescue Plugin::GemError
-      SuckerPunch.logger.warn "installing #{gem_name} #{version} is failed"
+      logger.warn "installing #{gem_name} #{version} is failed"
     end
   end
 end

data/app/jobs/gem_uninstaller_job.rb

@@ -0,0 +1,14 @@
+class GemUninstallerJob < ApplicationJob
+  queue_as :default
+
+  def perform(gem_name)
+    logger.info "uninstall #{gem_name}"
+    pl = Plugin.new(gem_name: gem_name)
+    begin
+      pl.uninstall!
+      logger.info "uninstalled #{gem_name}"
+    rescue Plugin::GemError
+      logger.warn "uninstalling #{gem_name} is failed"
+    end
+  end
+end

data/app/jobs/gem_update_check_job.rb

@@ -0,0 +1,9 @@
+class GemUpdateCheckJob < ApplicationJob
+  queue_as :default
+
+  def perform(gem_name)
+    logger.info "check #{gem_name} latest version"
+    pl = Plugin.new(gem_name: gem_name)
+    pl.gem_versions!
+  end
+end

data/app/models/fluentd/agent.rb

@@ -10,19 +10,23 @@ class Fluentd
   class Agent
     # pidfile
     #   td-agent: /var/run/td-agent/td-agent.pid
-    #   - https://github.com/treasure-data/td-agent/blob/master/td-agent.logrotate#L10
-    #   - https://github.com/treasure-data/td-agent/blob/master/debian/td-agent.init#L25
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/systemd/td-agent.service.erb#L18
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/init.d/deb/td-agent#L24
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/init.d/rpm/td-agent#L24
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/td-agent/logrotate.d/td-agent.logrotate#L10
     #   fluentd:  nothing (or --daemon PIDFILE)
     #
     # logfile
     #   td-agent: /var/log/td-agent/td-agent.log
-    #   - https://github.com/treasure-data/td-agent/blob/master/debian/td-agent.init#L28
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/systemd/td-agent.service.erb#L21
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/init.d/deb/td-agent#L23
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/init.d/rpm/td-agent#L23
     #   fluentd: stdout (or --log LOGFILE)
     #
     # config file
     #   td-agent: /etc/td-agent/td-agent.conf
-    #   - https://github.com/treasure-data/td-agent/blob/master/debian/td-agent.postinst#L69
-    #   fluentd: /etc/fluent/fluent.conf (by fluentd -s)
+    #   - https://github.com/treasure-data/omnibus-td-agent/blob/master/templates/etc/systemd/td-agent.service.erb#L14
+    #   fluentd: /etc/fluent/fluent.conf (created by fluentd -s)
     class ConfigError < StandardError; end
   end
 end