Removes force color

* Replaces websockets with event-stream

* Adds base_path

* Removes SSL

* Adds event listener for events

* Adds more logging

* Adds event listener to home page

.editorconfig

@@ -4,19 +4,13 @@ root = true
 charset = utf-8
 end_of_line = lf
 indent_style = space
-indent_size = 4
+indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 max_line_length = 120
 
-[*.sh]
-indent_size = 2
-
-[*.js]
-indent_size = 2
-
-[*.vue]
-indent_size = 2
+[*.go]
+indent_size = 4
 
 [Makefile]
 indent_style = tab

.gitignore

@@ -4,4 +4,5 @@ node_modules
 .cache
 static
 a_main-packr.go
-dozzle
+dozzle
+gin-bin

.goreleaser.yml

@@ -1,5 +1,6 @@
 before:
   hooks:
+    - npm run clean
     - npm run build
     - packr
 builds:

README.md

@@ -4,13 +4,13 @@ Dozzle is a log viewer for Docker. It's free. It's small. And it's right in your
 
 While dozzle should work for most, it is not meant to be a full logging solution. For enterprise use, I recommend you look at [Loggly](https://www.loggly.com), [Papertrail](https://papertrailapp.com) or [Kibana](https://www.elastic.co/products/kibana).
 
-But if you don't want to pay for those service, then you are in luck! Dozzle will be able capture all logs from your containers and send them in real-time to your browser. Installation is also very easy.
+But if you don't want to pay for those services, then you are in luck! Dozzle will be able to capture all logs from your containers and send them in real-time to your browser. Installation is also very easy.
 
 ![Image](demo.gif)
 
 ## Getting dozzle
 
-Dozzle is a very small Docker container (13.3MB virtual). Pull the latest release from the index:
+Dozzle is a very small Docker container (4 MB compressed). Pull the latest release from the index:
 
     $ docker pull amir20/dozzle:latest
 
@@ -24,11 +24,21 @@ dozzle will be available at [http://localhost:8888/](http://localhost:8888/). Yo
 
 #### Security
 
-dozzle doesn't support authentication out of the box. You can control the device dozzle binds to by passing `-addr` parameter. For example,
+dozzle doesn't support authentication out of the box. You can control the device dozzle binds to by passing `--addr` parameter. For example,
 
-    $ docker run --volume=/var/run/docker.sock:/var/run/docker.sock -p 8888:1224 amir20/dozzle:latest -addr localhost:1224
+    $ docker run --volume=/var/run/docker.sock:/var/run/docker.sock -p 8888:1224 amir20/dozzle:latest --addr localhost:1224
+
+will bind to `localhost` on port `1224`. You can then use a reverse proxy to control who can see dozzle.
+
+#### Changing base URL
+
+dozzle by default mounts to "/". If you want to control the base path you can use the `--base` option. For example, if you want to mount at "/foobar",
+then you can override by using `--base /foobar`.
+
+    $ docker run --volume=/var/run/docker.sock:/var/run/docker.sock -p 8080:8080 amir20/dozzle:latest --base /foobar
+
+dozzle will be available at [http://localhost:8080/foobar/](http://localhost:8080/foobar/).
 
-will bind to `localhost` on port `1224`. You can then use use reverse proxy to control who can see dozzle.
 
 #### Environment variable, DOCKER_API_VERSION
 
@@ -36,7 +46,7 @@ If you see
 
     2018/10/31 08:53:17 Error response from daemon: client version 1.40 is too new. Maximum supported API version is 1.38
 
-Then you need to modify `DOCKER_API_VERSION` to let dozzle know which version of the API is supported. By default, `DOCKER_API_VERSION=1.38` and you can change it to by passing `-e` flag. For example, this would change the `DOCKER_API_VERSION` to `1.20`
+Then you need to modify `DOCKER_API_VERSION` to let dozzle know which version of the API is supported. By default, `DOCKER_API_VERSION=1.38` and you can change it by passing `-e` flag. For example, this would change the `DOCKER_API_VERSION` to `1.20`
 
     $ docker run --volume=/var/run/docker.sock:/var/run/docker.sock -e DOCKER_API_VERSION=1.20 -p 8888:8080 amir20/dozzle:latest
 

assets/App.vue

@@ -1,43 +1,93 @@
 <template lang="html">
   <div class="columns is-marginless">
-    <aside class="column menu is-2 section">
-      <h1 class="title has-text-warning">Dozzle</h1>
-      <p class="menu-label">Containers</p>
-      <ul class="menu-list">
+    <aside class="column menu is-2-desktop is-3-tablet">
+      <a
+        role="button"
+        class="navbar-burger burger is-white is-hidden-tablet is-pulled-right"
+        @click="showNav = !showNav;"
+        :class="{ 'is-active': showNav }"
+      >
+        <span></span> <span></span> <span></span>
+      </a>
+      <h1 class="title has-text-warning is-marginless">Dozzle</h1>
+      <p class="menu-label is-hidden-mobile" :class="{ 'is-active': showNav }">Containers</p>
+      <ul class="menu-list is-hidden-mobile" :class="{ 'is-active': showNav }">
         <li v-for="item in containers">
-          <router-link
-            :to="{ name: 'container', params: { id: item.Id } }"
-            active-class="is-active"
-            class="tooltip is-tooltip-right is-tooltip-info"
-            :data-tooltip="item.Names[0]"
-          >
-            <div class="hide-overflow">{{ item.Names[0] }}</div>
+          <router-link :to="{ name: 'container', params: { id: item.id, name: item.name } }" active-class="is-active">
+            <div class="hide-overflow">{{ item.name }}</div>
           </router-link>
         </li>
       </ul>
     </aside>
-    <div class="column is-offset-2"><router-view></router-view></div>
+    <div class="column is-offset-2-desktop is-offset-3-tablet"><router-view></router-view></div>
+    <vue-headful :title="title" />
   </div>
 </template>
 
 <script>
+let es;
 export default {
   name: "App",
   data() {
     return {
-      containers: []
+      title: "Dozzle",
+      containers: [],
+      showNav: false
     };
   },
   async created() {
-    this.containers = await (await fetch(`/api/containers.json`)).json();
+    await this.fetchContainerList();
+    this.title = `${this.containers.length} containers - Dozzle`;
+    es = new EventSource(`${BASE_PATH}/api/events/stream`);
+    es.addEventListener("containers-changed", e => setTimeout(this.fetchContainerList, 1000), false);
+  },
+  beforeDestroy() {
+    if (es) {
+      es.close();
+      es = null;
+    }
+  },
+  methods: {
+    async fetchContainerList() {
+      this.containers = await (await fetch(`${BASE_PATH}/api/containers.json`)).json();
+    }
   }
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.is-hidden-mobile.is-active {
+  display: block !important;
+}
+
+.navbar-burger {
+  height: 2.35rem;
+}
+
 aside {
   position: fixed;
-  padding-right: 0;
+  z-index: 2;
+  padding: 1em;
+
+  @media screen and (min-width: 769px) {
+    & {
+      height: 100vh;
+      overflow: auto;
+    }
+  }
+  @media screen and (max-width: 768px) {
+    & {
+      position: sticky;
+      top: 0;
+      left: 0;
+      right: 0;
+      background: #222;
+    }
+
+    .menu-label {
+      margin-top: 1em;
+    }
+  }
 }
 
 .hide-overflow {
@@ -45,4 +95,8 @@ aside {
   white-space: nowrap;
   overflow: hidden;
 }
+
+.burger.is-white {
+  color: #fff;
+}
 </style>

assets/index.html

@@ -1,16 +1,20 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <title>Dozzle</title>
-        <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono|Gafata" rel="stylesheet">
-        <link href="./styles.scss" rel="stylesheet">
-        <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
-    </head>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Dozzle</title>
+    <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono|Gafata" rel="stylesheet" />
+    <link rel="manifest" href="manifest.webmanifest" />
+    <link href="styles.scss" rel="stylesheet" />
+    <script>
+      window["BASE_PATH"] = "{{ .Base }}";
+    </script>
+    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+  </head>
 
-    <body class="is-dark">
-        <div id="app"></div>
-        <script src="/main.js"></script>
-    </body>
+  <body class="is-dark">
+    <div id="app"></div>
+    <script src="main.js"></script>
+  </body>
 </html>

assets/main.js

@@ -1,10 +1,12 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
+import vueHeadful from "vue-headful";
 import App from "./App.vue";
 import Container from "./pages/Container.vue";
 import Index from "./pages/Index.vue";
 
 Vue.use(VueRouter);
+Vue.component("vue-headful", vueHeadful);
 
 const routes = [
   {
@@ -22,6 +24,7 @@ const routes = [
 
 const router = new VueRouter({
   mode: "history",
+  base: BASE_PATH + "/",
   routes
 });
 

assets/manifest.webmanifest

@@ -0,0 +1,9 @@
+{
+  "name": "Dozzle Log Viewer",
+  "short_name": "Dozzle",
+  "theme_color": "#111111",
+  "background_color": "#111111",
+  "display": "standalone",
+  "scope": "/",
+  "start_url": "/"
+}

assets/pages/Container.vue

@@ -6,6 +6,7 @@
       </li>
     </ul>
     <scrollbar-notification :messages="messages"></scrollbar-notification>
+    <vue-headful :title="title" />
   </div>
 </template>
 
@@ -13,7 +14,7 @@
 import { formatRelative } from "date-fns";
 import ScrollbarNotification from "../components/ScrollbarNotification";
 
-let ws = null;
+let es = null;
 let nextId = 0;
 const parseMessage = data => {
   const date = new Date(data.substring(0, 30));
@@ -29,22 +30,25 @@ const parseMessage = data => {
 };
 
 export default {
-  props: ["id"],
+  props: ["id", "name"],
   name: "Container",
   components: {
     ScrollbarNotification
   },
   data() {
     return {
-      messages: []
+      messages: [],
+      title: ""
     };
   },
   created() {
     this.loadLogs(this.id);
   },
   beforeDestroy() {
-    ws.close();
-    ws = null;
+    if (es) {
+      es.close();
+      es = null;
+    }
   },
   watch: {
     id(newValue, oldValue) {
@@ -55,19 +59,14 @@ export default {
   },
   methods: {
     loadLogs(id) {
-      if (ws) {
-        ws.close();
-        ws = null;
+      if (es) {
+        es.close();
+        es = null;
         this.messages = [];
       }
-      ws = new WebSocket(`ws://${window.location.host}/api/logs?id=${this.id}`);
-      ws.onopen = e => console.log("Connection opened.");
-      ws.onclose = e => console.log("Connection closed.");
-      ws.onerror = e => console.error("Connection error: " + e.data);
-      ws.onmessage = e => {
-        const message = parseMessage(e.data);
-        this.messages.push(message);
-      };
+      es = new EventSource(`${BASE_PATH}/api/logs/stream?id=${id}`);
+      es.onmessage = e => this.messages.push(parseMessage(e.data));
+      this.title = `${this.name} - Dozzle`;
     }
   }
 };

assets/styles.scss

@@ -4,7 +4,6 @@ $menu-item-active-background-color: hsl(171, 100%, 41%);
 $menu-item-color: hsl(0, 6%, 87%);
 
 @import "../node_modules/bulma/bulma.sass";
-@import "../node_modules/bulma-tooltip/src/sass";
 
 .is-dark {
     color: #ddd;

docker/client.go

@@ -0,0 +1,69 @@
+package docker
+
+import (
+    "context"
+    "github.com/docker/docker/api/types"
+    "github.com/docker/docker/api/types/events"
+    "github.com/docker/docker/client"
+    "io"
+    "log"
+    "sort"
+    "strings"
+)
+
+type dockerClient struct {
+    cli *client.Client
+}
+
+type Client interface {
+    ListContainers() ([]Container, error)
+    ContainerLogs(ctx context.Context, id string) (io.ReadCloser, error)
+    Events(ctx context.Context) (<-chan events.Message, <-chan error)
+}
+
+func NewClient() Client {
+    cli, err := client.NewClientWithOpts(client.FromEnv)
+    if err != nil {
+        log.Fatal(err)
+    }
+    return &dockerClient{cli}
+}
+
+func (d *dockerClient) ListContainers() ([]Container, error) {
+    list, err := d.cli.ContainerList(context.Background(), types.ContainerListOptions{})
+    if err != nil {
+        return nil, err
+    }
+
+    var containers []Container
+    for _, c := range list {
+
+        container := Container{
+            ID:      c.ID[:12],
+            Names:   c.Names,
+            Name:    strings.TrimPrefix(c.Names[0], "/"),
+            Image:   c.Image,
+            ImageID: c.ImageID,
+            Command: c.Command,
+            Created: c.Created,
+            State:   c.State,
+            Status:  c.Status,
+        }
+        containers = append(containers, container)
+    }
+
+    sort.Slice(containers, func(i, j int) bool {
+        return containers[i].Name < containers[j].Name
+    })
+
+    return containers, nil
+}
+
+func (d *dockerClient) ContainerLogs(ctx context.Context, id string) (io.ReadCloser, error) {
+    options := types.ContainerLogsOptions{ShowStdout: true, ShowStderr: true, Follow: true, Tail: "300", Timestamps: true}
+    return d.cli.ContainerLogs(ctx, id, options)
+}
+
+func (d *dockerClient) Events(ctx context.Context) (<-chan events.Message, <-chan error) {
+    return d.cli.Events(ctx, types.EventsOptions{})
+}

docker/types.go

@@ -0,0 +1,13 @@
+package docker
+
+type Container struct {
+    ID      string   `json:"id"`
+    Names   []string `json:"names"`
+    Name    string   `json:"name"`
+    Image   string   `json:"image"`
+    ImageID string   `json:"imageId"`
+    Command string   `json:"command"`
+    Created int64    `json:"created"`
+    State   string   `json:"state"`
+    Status  string   `json:"status"`
+}

main.go

@@ -1,103 +1,218 @@
 package main
 
 import (
-	"context"
-	"encoding/binary"
-	"encoding/json"
-	"flag"
-	"fmt"
-	"log"
-	"net/http"
-
-	"github.com/docker/docker/api/types"
-	"github.com/docker/docker/client"
-	"github.com/gobuffalo/packr"
-	"github.com/gorilla/websocket"
+    "context"
+    "encoding/binary"
+    "encoding/json"
+    "fmt"
+    "github.com/amir20/dozzle/docker"
+    "github.com/gobuffalo/packr"
+    "github.com/gorilla/mux"
+    log "github.com/sirupsen/logrus"
+    flag "github.com/spf13/pflag"
+    "html/template"
+    "net/http"
+    "strings"
 )
 
 var (
-	cli      *client.Client
-	addr     = flag.String("addr", ":8080", "http service address")
-	upgrader = websocket.Upgrader{}
-	version  = "dev"
-	commit   = "none"
-	date     = "unknown"
+    dockerClient docker.Client
+    addr         = ""
+    base         = ""
+    level        = ""
+    version      = "dev"
+    commit       = "none"
+    date         = "unknown"
 )
 
 func init() {
-	var err error
-	cli, err = client.NewClientWithOpts(client.FromEnv)
-	if err != nil {
-		log.Fatal(err)
-	}
-	flag.Parse()
+    flag.StringVar(&addr, "addr", ":8080", "http service address")
+    flag.StringVar(&base, "base", "/", "base address of the application to mount")
+    flag.StringVar(&level, "level", "info", "logging level")
+    flag.Parse()
+
+    l, _ := log.ParseLevel(level)
+    log.SetLevel(l)
+
+    log.SetFormatter(&log.TextFormatter{
+        DisableTimestamp:          true,
+        DisableLevelTruncation:    true,
+    })
+
+    dockerClient = docker.NewClient()
+    _, err := dockerClient.ListContainers()
+
+    if err != nil {
+        log.Fatalf("Could not connect to Docker Engine: %v", err)
+    }
 }
 
 func main() {
-	box := packr.NewBox("./static")
-	http.HandleFunc("/api/containers.json", listContainers)
-	http.HandleFunc("/api/logs", logs)
-	http.HandleFunc("/version", versionHandler)
-	http.Handle("/", http.HandlerFunc(func(w http.ResponseWriter, req *http.Request) {
-		fileServer := http.FileServer(box)
-		if box.Has(req.URL.Path) {
-			fileServer.ServeHTTP(w, req)
-		} else {
-			bytes, _ := box.Find("index.html")
-			w.Write(bytes)
-		}
-	}))
+    r := mux.NewRouter()
 
-	log.Fatal(http.ListenAndServe(*addr, nil))
+    if base != "/" {
+        r.HandleFunc(base, http.HandlerFunc(func(w http.ResponseWriter, req *http.Request) {
+            http.Redirect(w, req, base+"/", http.StatusMovedPermanently)
+        }))
+    }
+
+    s := r.PathPrefix(base).Subrouter()
+    box := packr.NewBox("./static")
+
+    s.HandleFunc("/api/containers.json", listContainers)
+    s.HandleFunc("/api/logs/stream", streamLogs)
+    s.HandleFunc("/api/events/stream", streamEvents)
+    s.HandleFunc("/version", versionHandler)
+    s.PathPrefix("/").Handler(http.StripPrefix(base, http.HandlerFunc(func(w http.ResponseWriter, req *http.Request) {
+        fileServer := http.FileServer(box)
+        if box.Has(req.URL.Path) && req.URL.Path != "" && req.URL.Path != "/" {
+            fileServer.ServeHTTP(w, req)
+        } else {
+            handleIndex(box, w)
+        }
+    })))
+
+    log.Infof("Accepting connections on %s", addr)
+    log.Fatal(http.ListenAndServe(addr, r))
 }
 
 func versionHandler(w http.ResponseWriter, r *http.Request) {
-	fmt.Fprintln(w, version)
-	fmt.Fprintln(w, commit)
-	fmt.Fprintln(w, date)
+    fmt.Fprintln(w, version)
+    fmt.Fprintln(w, commit)
+    fmt.Fprintln(w, date)
+}
+
+func handleIndex(box packr.Box, w http.ResponseWriter) {
+    text, _ := box.FindString("index.html")
+    text = strings.Replace(text, "__BASE__", "{{ .Base }}", -1)
+    tmpl, err := template.New("index.html").Parse(text)
+    if err != nil {
+        panic(err)
+    }
+
+    path := ""
+    if base != "/" {
+        path = base
+    }
+
+    data := struct{ Base string }{path}
+    err = tmpl.Execute(w, data)
+    if err != nil {
+        panic(err)
+    }
 }
 
 func listContainers(w http.ResponseWriter, r *http.Request) {
-	containers, err := cli.ContainerList(context.Background(), types.ContainerListOptions{})
-	if err != nil {
-		log.Fatal(err)
-	}
-	json.NewEncoder(w).Encode(containers)
+    containers, err := dockerClient.ListContainers()
+    if err != nil {
+        http.Error(w, err.Error(), http.StatusInternalServerError)
+        return
+    }
+    err = json.NewEncoder(w).Encode(containers)
+    if err != nil {
+        http.Error(w, err.Error(), http.StatusInternalServerError)
+        return
+    }
 }
 
-func logs(w http.ResponseWriter, r *http.Request) {
-	id := r.URL.Query().Get("id")
-	c, err := upgrader.Upgrade(w, r, nil)
-	if err != nil {
-		log.Fatal(err)
-		return
-	}
-	defer c.Close()
+func streamLogs(w http.ResponseWriter, r *http.Request) {
+    id := r.URL.Query().Get("id")
+    if id == "" {
+        http.Error(w, "id is required", http.StatusBadRequest)
+        return
+    }
 
-	options := types.ContainerLogsOptions{ShowStdout: true, ShowStderr: true, Follow: true, Tail: "300", Timestamps: true}
-	reader, err := cli.ContainerLogs(context.Background(), id, options)
-	defer reader.Close()
-	if err != nil {
-		log.Fatal(err)
-	}
+    f, ok := w.(http.Flusher)
+    if !ok {
+        http.Error(w, "Streaming unsupported!", http.StatusInternalServerError)
+        return
+    }
 
-	hdr := make([]byte, 8)
-	content := make([]byte, 1024, 1024*1024)
-	for {
-		_, err := reader.Read(hdr)
-		if err != nil {
-            log.Panicln(err)
-		}
-		count := binary.BigEndian.Uint32(hdr[4:])
-		n, err := reader.Read(content[:count])
-		if err != nil {
-			log.Println(err)
-			break
-		}
-		err = c.WriteMessage(websocket.TextMessage, content[:n])
-		if err != nil {
-			log.Println(err)
-			break
-		}
-	}
+    ctx, cancel := context.WithCancel(context.Background())
+    defer cancel()
+    reader, err := dockerClient.ContainerLogs(ctx, id)
+    if err != nil {
+        log.Println(err)
+        http.Error(w, err.Error(), http.StatusInternalServerError)
+        return
+    }
+    defer reader.Close()
+    go func() {
+        <-r.Context().Done()
+        reader.Close()
+    }()
+
+    w.Header().Set("Content-Type", "text/event-stream")
+    w.Header().Set("Cache-Control", "no-cache")
+    w.Header().Set("Connection", "keep-alive")
+    w.Header().Set("Transfer-Encoding", "chunked")
+
+    hdr := make([]byte, 8)
+    content := make([]byte, 1024, 1024*1024)
+    for {
+        _, err := reader.Read(hdr)
+        if err != nil {
+            log.Debugf("Error while reading from log stream: %v", err)
+            break
+        }
+        count := binary.BigEndian.Uint32(hdr[4:])
+        n, err := reader.Read(content[:count])
+        if err != nil {
+            log.Debugf("Error while reading from log stream: %v", err)
+            break
+        }
+        _, err = fmt.Fprintf(w, "data: %s\n\n", content[:n])
+        if err != nil {
+            log.Debugf("Error while writing to log stream: %v", err)
+            break
+        }
+        f.Flush()
+    }
+}
+
+func streamEvents(w http.ResponseWriter, r *http.Request) {
+    f, ok := w.(http.Flusher)
+    if !ok {
+        http.Error(w, "Streaming unsupported!", http.StatusInternalServerError)
+        return
+    }
+
+    w.Header().Set("Content-Type", "text/event-stream")
+    w.Header().Set("Cache-Control", "no-cache")
+    w.Header().Set("Connection", "keep-alive")
+    w.Header().Set("Transfer-Encoding", "chunked")
+
+    ctx, cancel := context.WithCancel(context.Background())
+    defer cancel()
+    messages, err := dockerClient.Events(ctx)
+
+Loop:
+    for {
+        select {
+        case message, ok := <-messages:
+            if !ok {
+                break Loop
+            }
+            switch message.Action {
+            case "connect", "disconnect", "create", "destroy", "start", "stop":
+                log.Debugf("Triggering docker event: %v", message.Action)
+                _, err := fmt.Fprintf(w, "event: containers-changed\n")
+                _, err = fmt.Fprintf(w, "data: %s\n\n", message.Action)
+
+                if err != nil {
+                    log.Debugf("Error while writing to event stream: %v", err)
+                    break
+                }
+                f.Flush()
+            default:
+                log.Debugf("Ignoring docker event: %v", message.Action)
+            }
+        case <-r.Context().Done():
+            cancel()
+            break Loop
+        case <-err:
+            cancel()
+            break Loop
+        }
+    }
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dozzle",
-  "version": "1.0.16",
+  "version": "1.4.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1264,7 +1264,7 @@
     },
     "ansi-escapes": {
       "version": "3.1.0",
-      "resolved": "http://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
       "integrity": "sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw==",
       "dev": true
     },
@@ -1823,11 +1823,6 @@
       "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.2.tgz",
       "integrity": "sha512-6JHEu8U/1xsyOst/El5ImLcZIiE2JFXgvrz8GGWbnDLwTNRPJzdAM0aoUM1Ns0avALcVb6KZz9NhzmU53dGDcQ=="
     },
-    "bulma-tooltip": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bulma-tooltip/-/bulma-tooltip-2.0.2.tgz",
-      "integrity": "sha512-xsqWeWV7tsUn3uH04SqJeP7/CyC1RaDVIyVzr4/sIO3friIIOi7L6jc5g7qUwDxuBQl72yH/yRPuefpXoQ4hWg=="
-    },
     "cache-base": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
@@ -4001,7 +3996,7 @@
     },
     "globby": {
       "version": "6.1.0",
-      "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
       "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
       "dev": true,
       "requires": {
@@ -4130,6 +4125,11 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "headful": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/headful/-/headful-1.0.3.tgz",
+      "integrity": "sha512-vF9Vfddn1QWmziliht2mji6ayI78+hUuSC+Kt0GEqLw/51zWgi1KF7oLtIQf3nlkg8sQQOlznkkIaF4W9lIt9w=="
+    },
     "hex-color-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
@@ -4648,9 +4648,9 @@
       "dev": true
     },
     "husky": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/husky/-/husky-1.1.4.tgz",
-      "integrity": "sha512-cZjGpS7qsaBSo3fOMUuR7erQloX3l5XzL1v/RkIqU6zrQImDdU70z5Re9fGDp7+kbYlM2EtS4aYMlahBeiCUGw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-1.2.0.tgz",
+      "integrity": "sha512-/ib3+iycykXC0tYIxsyqierikVa9DA2DrT32UEirqNEFVqOj1bFMTgP3jAz8HM7FgC/C8pc/BTUa9MV2GEkZaA==",
       "dev": true,
       "requires": {
         "cosmiconfig": "^5.0.6",
@@ -5195,15 +5195,15 @@
       }
     },
     "lint-staged": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-8.0.5.tgz",
-      "integrity": "sha512-QI2D6lw2teArlr2fmrrCIqHxef7mK2lKjz9e+aZSzFlk5rsy10rg97p3wA9H/vIFR3Fvn34fAgUktD/k896S2A==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-8.1.0.tgz",
+      "integrity": "sha512-yfSkyJy7EuVsaoxtUSEhrD81spdJOe/gMTGea3XaV7HyoRhTb9Gdlp6/JppRZERvKSEYXP9bjcmq6CA5oL2lYQ==",
       "dev": true,
       "requires": {
         "@iamstarkov/listr-update-renderer": "0.4.1",
         "chalk": "^2.3.1",
         "commander": "^2.14.1",
-        "cosmiconfig": "^5.0.2",
+        "cosmiconfig": "5.0.6",
         "debug": "^3.1.0",
         "dedent": "^0.7.0",
         "del": "^3.0.0",
@@ -9126,6 +9126,14 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.17.tgz",
       "integrity": "sha512-mFbcWoDIJi0w0Za4emyLiW72Jae0yjANHbCVquMKijcavBGypqlF7zHRgMa5k4sesdv7hv2rB4JPdZfR+TPfhQ=="
     },
+    "vue-headful": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/vue-headful/-/vue-headful-2.0.1.tgz",
+      "integrity": "sha512-h2G/jXCi2hAx6O3gwWN8uTj1eQlSKNHgvkCVZcokZneGczWCRghAUCFYrOvZQM+F+SyFB3YXqoI62rE0Sc8QsA==",
+      "requires": {
+        "headful": "^1.0.3"
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.1.tgz",
@@ -9133,9 +9141,9 @@
       "dev": true
     },
     "vue-router": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz",
-      "integrity": "sha512-vLLoY452L+JBpALMP5UHum9+7nzR9PeIBCghU9ZtJ1eWm6ieUI8Zb/DI3MYxH32bxkjzYV1LRjNv4qr8d+uX/w=="
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.2.tgz",
+      "integrity": "sha512-opKtsxjp9eOcFWdp6xLQPLmRGgfM932Tl56U9chYTnoWqKxQ8M20N7AkdEbM5beUh6wICoFGYugAX9vQjyJLFg=="
     },
     "vue-template-compiler": {
       "version": "2.5.17",

package.json

@@ -1,13 +1,16 @@
 {
  "name": "dozzle",
- "version": "1.0.16",
+ "version": "1.4.0",
  "description": "",
  "main": "index.js",
  "scripts": {
-  "start": "concurrently 'go run main.go' 'npm run watch-assets'",
-  "watch-assets": "parcel watch assets/index.html -d static",
-  "build": "parcel build assets/index.html -d static",
-  "clean": "rm -rf static"
+  "prestart": "npm run clean",
+  "start": "DOCKER_API_VERSION=1.38 concurrently 'reflex -g '*.go' -R 'node_modules' -s -- go run main.go --level debug' 'npm run watch-assets'",
+  "watch-assets": "parcel watch --public-url '__BASE__' assets/index.html -d static",
+  "prebuild": "npm run clean",
+  "build": "parcel build --no-source-maps --public-url '__BASE__' assets/index.html -d static",
+  "clean": "rm -rf static/ a_main-packr.go",
+  "release": "goreleaser --rm-dist"
  },
  "repository": {
   "type": "git",
@@ -21,18 +24,18 @@
  "homepage": "https://github.com/amir20/dozzle#readme",
  "dependencies": {
   "bulma": "^0.7.2",
-  "bulma-tooltip": "^2.0.2",
   "date-fns": "^2.0.0-alpha.25",
   "vue": "^2.5.17",
-  "vue-router": "^3.0.1"
+  "vue-headful": "^2.0.1",
+  "vue-router": "^3.0.2"
  },
  "devDependencies": {
   "@babel/core": "^7.1.6",
   "@babel/plugin-transform-runtime": "^7.1.0",
   "@vue/component-compiler-utils": "^2.3.0",
   "concurrently": "^4.1.0",
-  "husky": "^1.1.4",
-  "lint-staged": "^8.0.5",
+  "husky": "^1.2.0",
+  "lint-staged": "^8.1.0",
   "parcel-bundler": "^1.10.3",
   "prettier": "^1.15.2",
   "sass": "^1.15.1",