hieraviz 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6c1283ce82b3cdaba2917c8bd1f2d6606f6272b5
+  data.tar.gz: 789132864aef111d8cbc4c1d5dc4b8478ac1aa60
+SHA512:
+  metadata.gz: 856f47c9edd3e9333bc8e795258e916935be940d6ba216c72aba7e70ffa280f1a459dda96601c0ea3c15e0fdd46aa6bf3913fcd0ea9955c39204264b0759c968
+  data.tar.gz: 559f5c324a0db557223502df3f302ed9399e547a797790737da0946e90ecbd2c898c9718eb1d61b79a26ca6a01dc19e32ff6be9c2153a6809bf2c4851cd36784

data/CHANGELOG.md

@@ -0,0 +1,9 @@
+Hieraviz Changelog
+========================
+
+### v0.0.1 - 2015-12-30
+- still pretty alpha at this stage, more to come soon
+- made basic auth work (with logout too)
+- grab information for nodes
+- basic sinatra architecture
+- initial setup

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 gandi.net
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,40 @@
+Hieraviz
+===============
+
+[![Gem Version](https://img.shields.io/gem/v/hieraviz.svg)](http://rubygems.org/gems/hieraviz)
+[![Downloads](http://img.shields.io/gem/dt/hieraviz.svg)](https://rubygems.org/gems/hieraviz)
+[![Build Status](https://img.shields.io/travis/Gandi/hieraviz.svg)](https://travis-ci.org/Gandi/hieraviz)
+[![Coverage Status](https://img.shields.io/coveralls/Gandi/hieraviz.svg)](https://coveralls.io/github/Gandi/hieraviz?branch=master)
+[![Dependency Status](https://gemnasium.com/Gandi/hieraviz.svg)](https://gemnasium.com/Gandi/hieraviz)
+[![Code Climate](https://img.shields.io/codeclimate/github/Gandi/hieraviz.svg)](https://codeclimate.com/github/Gandi/hieraviz)
+
+
+Hieraviz is a simple web application for accessing Puppet development code and production data in a unified interface. Its main goal is to enable a better visibility on the Puppet architecture for more actors to be able to interact with it.
+
+It's currently in very early stages of development, use at your own risk.
+
+Installation 
+-------------------
+Install it from Rubygens:
+
+    gem install hieraviz
+
+Usage
+----------
+`hv-ctl` is a control script to manipulate Hieraviz server. It is not written yet, unfortunately, but will be ready in the very next versions.
+
+Contributing
+----------------
+Bug reports and pull requests are welcome on GitHub at https://github.com/Gandi/hieraviz.
+
+Authors
+-----------
+Hieracles original code is written by [@mose](https://github.com/mose).
+
+License
+-----------
+Hieraviz is available under [MIT License](http://opensource.org/licenses/MIT).
+
+Copyright
+------------
+copyright (c) 2015, 2016 Gandi http://gandi.net

data/app/apiv1.rb

@@ -0,0 +1,58 @@
+require 'sinatra/json'
+
+require 'digest/sha1'
+require 'dotenv'
+require 'yajl'
+
+require 'hieracles'
+require 'hieraviz'
+
+require File.expand_path '../common.rb', __FILE__
+
+module HieravizApp
+  class ApiV1 < Common
+
+    get '/test' do
+      json data: Time.new 
+    end
+
+    get '/nodes' do
+      json Hieracles::Registry.nodes(settings.config)
+    end
+
+    get '/node/:n/info' do |node|
+      node = Hieracles::Node.new(node, settings.config)
+      json node.info
+    end
+
+    get '/node/:n/params' do |node|
+      node = Hieracles::Node.new(node, settings.config)
+      json node.params
+    end
+
+    get '/node/:n/allparams' do |node|
+      node = Hieracles::Node.new(node, settings.config)
+      json node.params(false)
+    end
+
+    get '/node/:n' do |node|
+      node = Hieracles::Node.new(node, settings.config)
+      json node.params
+    end
+
+    get '/farms' do
+      json Hieracles::Registry.farms(settings.config)
+    end
+
+    get '/farm/:n' do |farm|
+      req = Hieracles::Puppetdb::Request.new(settings.configdata['puppetdb'])
+      farm_nodes = req.facts('farm', farm)
+      json farm_nodes.data
+    end
+
+    not_found do
+      json({ error: "data not found" })
+    end
+
+  end
+end

data/app/common.rb

@@ -0,0 +1,22 @@
+require 'sinatra/base'
+require 'dotenv'
+require 'hieracles'
+require 'hieraviz'
+
+module HieravizApp
+  class Common < Sinatra::Base
+
+    configure do
+      set :app_name, 'HieraViz'
+      configfile = ENV['HIERAVIZ_CONFIG_FILE'] || File.join("config", "hieraviz.yml")
+      configfile = File.join(root, configfile) unless configfile[0] == '/'
+      set :configfile, configfile
+      set :configdata, YAML.load_file(configfile)
+      set :config, Hieracles::Config.new({ config: configfile })
+      enable :session
+      enable :logging
+      set :store, Hieraviz::Store.new
+    end
+
+  end
+end

data/app/config/hieraviz.default.yml

@@ -0,0 +1,13 @@
+---
+app_name: HieraViz
+basepath: "../puppet"
+classpath: "farm_modules/%s/manifests/init.pp"
+hierafile: "dev/hiera-local.yaml"
+usedb: true
+puppetdb:
+  usessl: false
+  host: puppetdb.example.com
+  port: 8080
+http_auth:
+  username: 'xxx'
+  password: 'xxx'

data/app/config/hieraviz.yml

@@ -0,0 +1,13 @@
+---
+app_name: HieraViz
+basepath: "../../gandi/puppet2.7"
+classpath: "farm_modules/%s/manifests/init.pp"
+hierafile: "dev/hiera-local.yaml"
+usedb: true
+puppetdb:
+  usessl: false
+  host: puppetdb.sd2.0x35.net
+  port: 8080
+http_auth:
+  username: 'xxx'
+  password: 'xxx'

data/app/main.rb

@@ -0,0 +1,5 @@
+require File.expand_path '../web.rb', __FILE__
+require File.expand_path '../apiv1.rb', __FILE__
+
+module HieravizApp
+end

data/app/public/css/main.css

@@ -0,0 +1,241 @@
+/* general elements */
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #eee;
+  font-family: sans serif;
+}
+a {
+  color: #369;
+  text-decoration: none;
+}
+a:hover {
+  color: #993;
+  text-decoration: underline;
+}
+input {
+  padding: .1em .2em;
+  border: 1px solid #ccc;
+  border-radius: .1em;
+  background-color: #fff;
+}
+/* Layout elements */
+/* ----- Head ---- */
+.head {
+  padding: 1em;
+  background-color: #424242;
+  color: #fff;
+  position: fixed;
+  display: block;
+  width: 100%;
+  z-index: 1;
+}
+.head .title a {
+  color: #fff;
+  font-size: 2em;
+  display: inline-block;
+  float: left;
+  line-height: .5em;
+  margin-right: 1em;
+}
+.head .nav {
+  position: relative;
+  float: left;
+  display: inline-block;
+}
+.head .nav a {
+  position: relative;
+  color: #fff;
+  background-color: #999;
+  padding: .5em 1em;
+  border-radius: .2em;
+  font-weight: bold;
+}
+.head .nav a.focus {
+  background-color: #fff;
+  color: #000;
+}
+.head .nav a:hover {
+  background-color: #fff;
+  color: #000;
+}
+.head .auth {
+  position: relative;
+  display: inline-block;
+  float: right;
+}
+.head .auth a {
+  color: #fff;
+  padding: .5em 1em;
+  border-radius: .2em;
+  font-weight: bold;
+  background-color: #000;
+  border-radius: .2em;
+  cursor: pointer;
+}
+.head .auth a:hover {
+  background-color: #fff;
+  color: #000;
+}
+/* ----- Content ---- */
+.content {
+  background-color: #eee;
+  position: absolute;
+  top: 3em;
+  bottom: 8em;
+  width: 100%;
+}
+
+  /* ----- Sidebar ---- */
+.side {
+  background-color: #eee;
+  display: inline-block;
+  float: left;
+  width: 330px;
+}
+.side .filter {
+  margin: 0;
+  background-color: #999;
+  font-size: 1.2em;
+}
+.side .filter input {
+  width: 100%;
+  margin-bottom: .1em;
+  padding: .1em 1em;
+}
+.side ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border-right: 1px solid #ccc;
+}
+.side ul li {
+  padding: .1em 1em;
+  cursor: pointer;
+  border-bottom: 1px solid #ccc;
+}
+.side ul li:hover {
+  background-color: #fff;
+}
+.side ul li.focus {
+  background-color: #fff;
+}
+
+  /* ----- Meat ---- */
+.meat {
+  border: 2px solid #999;
+  background-color: #fff;
+  margin-left: 330px;
+  position: relative;
+}
+.meat.text {
+  padding: 1em 2em;
+}
+.meat.wait {
+  background-color: #ddd;
+  position: relative;
+}
+.meat.wait:after {
+  content: '\A';
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  left: 0;
+  opacity: 0.7;
+  transition: all 1s;
+  background: #fff url('/img/loader.gif') no-repeat center 200px;
+}
+.meat h3 {
+  margin: 0em;
+  margin-bottom: 0;
+  padding: .2em 1em;
+  background-color: #999;
+}
+.meat .nodenav {
+  position: absolute;
+  top: 0;
+  line-height: 1.6em;
+  right: 1em;
+}
+.meat .nodenav span {
+  font-size: .8em;
+  cursor: pointer;
+  background-color: #ccc;
+  margin-left: 1em;
+  padding: 0.2em 1em;
+}
+.meat .nodenav span:hover {
+  background-color: #fff;
+}
+.meat .nodenav span.focus {
+  background-color: #fff;
+}
+.meat .paramfilter {
+  margin: 0;
+  padding: 0 1em;
+  background-color: #999;
+  font-size: 1.2em;
+  padding-bottom: .5em;
+}
+.meat .paramfilter input {
+  width: 100%;
+  margin-bottom: .1em;
+  padding: .1em 1em;
+}
+.meat .row {
+  word-wrap: break-word;
+}
+.meat .row.overriden {
+  margin-left: 3em;
+  color: #777;
+  font-weight: .8em;
+}
+.meat .row .paramfile {
+  font-size: .8em;
+  overflow: hidden;
+  padding: .28em 1em;
+  white-space: nowrap;
+  float: right;
+  cursor: pointer;
+  background: #eee;
+  line-height: 1.2em;
+}
+.meat .row .data {
+  background-color: #bcd;
+  padding: .1em 1em;
+}
+.meat .row .value {
+  font-family: monospace;
+  padding: .1em 1em .6em;
+  margin: 0;
+}
+.meat .row:hover {
+  background-color: #f3f3de;
+}
+.meat .row:hover .paramfile {
+  background-color: #ee9;
+}
+.meat .row:hover .data {
+  background-color: #dd6;
+}
+.meat.farms div {
+  padding: .5em 1em;
+}
+.meat.farms div:hover {
+  background-color: #f3f3de;
+}
+/* ----- Foot ---- */
+.foot {
+  padding: 1em;
+  background-color: #424242;
+  color: #fff;
+  position: fixed;
+  display: block;
+  bottom: 0;
+  line-height: 1em;
+  width: 100%;
+}

data/app/public/js/farms.js

@@ -0,0 +1,60 @@
+/* 
+We don't need jQuery fat mama
+http://youmightnotneedjquery.com/
+https://github.com/oneuijs/You-Dont-Need-jQuery
+
+also
+We don't need to care about freaking IE
+let's use the fetch API for ajax calls
+https://fetch.spec.whatwg.org
+*/
+
+function ready(fn) {
+  if (document.readyState != 'loading') {
+    fn();
+  } else {
+    document.addEventListener('DOMContentLoaded', fn);
+  }
+}
+
+ready( () => {
+  focusNav('farms');
+
+  var farms = document.querySelectorAll('li.farm');
+  var meat = document.querySelector('div.meat');
+
+  filterBox(".filter input", farms);
+
+  function build_list(top, title, array) {
+    window.location.hash = '#'+title;
+    top.innerHTML = "<h3>Farm "+title+"</h3>";
+    if (array.length > 0)
+      Array.prototype.forEach.call(array, (item, i) => {
+        addTo(top,  "<div><a href=\"/nodes#"+ item +"\">" +
+                    item +
+                    "</a></div>\n");
+      });
+    else
+      addTo(top, "<div>There is no node in this farm.</div>\n");
+  }
+
+  Array.prototype.forEach.call(farms, (item, i) => {
+    item.addEventListener('click', (ev) => {
+      addClass(meat, 'wait');
+      el = ev.target;
+      fetch('/v1/farm/' + el.innerText).
+        then(res => res.json()).
+        then(j => {
+          build_list(meat, el.innerText, j);
+          Array.prototype.forEach.call(farms, (item, i) => {
+            removeClass(item, 'focus')
+          });
+          addClass(el, 'focus');
+          removeClass(meat, 'wait');
+        });
+    });
+  });
+
+  restore_url(farms);
+
+});

data/app/public/js/logout.js

@@ -0,0 +1,13 @@
+ready( () => {
+
+  fetch('/', {
+    credentials: 'include',
+    headers: {
+      "Authorization": "Basic blah"
+    }
+  }).then( () => {
+      window.location = "/";
+    }
+  );
+
+});

data/app/public/js/main.js

@@ -0,0 +1,98 @@
+/* 
+We don't need jQuery fat mama
+http://youmightnotneedjquery.com/
+https://github.com/oneuijs/You-Dont-Need-jQuery
+
+also
+We don't need to care about freaking IE
+let's use the fetch API for ajax calls
+https://fetch.spec.whatwg.org
+*/
+
+
+function ready(fn) {
+  if (document.readyState != 'loading') {
+    fn();
+  } else {
+    document.addEventListener('DOMContentLoaded', fn);
+  }
+}
+
+var meat = document.querySelector('div.meat');
+
+function make_base_auth(user, password) {
+  var tok = user + ':' + password;
+  var hash = btoa(tok);
+  return "Basic " + hash;
+}
+
+function addClass(el, className) {
+  if (el.classList)
+    el.classList.add(className);
+  else
+    el.className += ' ' + className;
+}
+
+function removeClass(el, className) {
+  if (el.classList)
+    el.classList.remove(className);
+  else
+    el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+}
+
+function focusNav(className) {
+  var nav = document.querySelectorAll('.nav a');
+  Array.prototype.forEach.call(nav, (item, i) => {
+    removeClass(item, 'focus')
+  });
+  var navFocus = document.querySelector('.nav a.' + className);
+  addClass(navFocus, 'focus');
+}
+
+function addTo(el, txt) {
+  el.insertAdjacentHTML("beforeend", txt);
+}
+
+function shortParamFile(path) {
+  return path.replace(/params\//, '').replace(/\.yaml/, '');
+}
+
+function filterBox(input, els) {
+  var filterinput = document.querySelector(input);
+  filterinput.focus();
+  filterinput.addEventListener('keyup', (ev) => {
+    el = ev.target;
+    if (el.value == '') 
+      Array.prototype.forEach.call(els, (item, i) => {
+        item.style.display = 'block';
+      });
+    else
+      Array.prototype.forEach.call(els, (item, i) => {
+        if (item.innerText.match(el.value))
+          item.style.display = 'block';
+        else
+          item.style.display = 'none';
+      });
+  });
+}
+
+function start_wait(meat) {
+  addClass(meat, 'wait');
+}
+
+function end_wait(meat) {
+  removeClass(meat, 'wait');
+}
+
+function restore_url(list) {
+  if (window.location.hash != '') {
+    var target = window.location.hash.replace(/#/,'');
+    Array.prototype.forEach.call(list, (item, i) => {
+      if (item.textContent == target) {
+        var event = document.createEvent('HTMLEvents');
+        event.initEvent('click', true, false);
+        item.dispatchEvent(event);
+      }
+    });
+  }
+}

data/app/public/js/modules.js

@@ -0,0 +1,40 @@
+/* 
+We don't need jQuery fat mama
+http://youmightnotneedjquery.com/
+https://github.com/oneuijs/You-Dont-Need-jQuery
+
+also
+We don't need to care about freaking IE
+let's use the fetch API for ajax calls
+https://fetch.spec.whatwg.org
+*/
+
+function ready(fn) {
+  if (document.readyState != 'loading') {
+    fn();
+  } else {
+    document.addEventListener('DOMContentLoaded', fn);
+  }
+}
+
+ready( () => {
+  focusNav('modules');
+
+  // var nodes = document.querySelectorAll('li.node');
+  // var meat = document.querySelector('pre.meat');
+
+  // Array.prototype.forEach.call(nodes, (item, i) => {
+  //   item.addEventListener('click', (ev) => {
+  //     el = ev.target;
+  //     fetch('/v1/node/' + el.innerText).
+  //       then(res => res.json()).
+  //       then(j => {
+  //         meat.textContent = JSON.stringify(j);
+  //         Array.prototype.forEach.call(nodes, (item, i) => {
+  //           removeClass(item, 'focus')
+  //         });
+  //         addClass(el, 'focus')
+  //       });
+  //   });
+  // });
+});