Merge branch 'master' into users

* master: slug: create slug from md every time add dockerfile fix a few package issues for docker build remove todo file update todo update todo frontend theming; md content-types
2020-03-15 07:03:25 -04:00 · 2020-03-15 07:03:25 -04:00 · b3eda2c3cf
parent 98d9d8a899 2fdf9ce7e6
commit b3eda2c3cf
15 changed files with 2327 additions and 2441 deletions
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@ -0,0 +1,34 @@
+FROM alpine:edge
+
+RUN apk add --no-cache git
+RUN apk add --no-cache musl-dev
+RUN apk add --no-cache gcc
+RUN apk add --no-cache sqlite
+RUN apk add --no-cache go
+RUN apk add --no-cache make
+RUN apk add --no-cache npm
+RUN apk add --no-cache yarn
+
+VOLUME /app/var
+EXPOSE 5673
+
+ARG gomaxprocs="8"
+
+WORKDIR /app
+
+ENV SRC_DIR=/app/src/
+
+ENV GOMAXPROCS=${gomaxprocs}
+
+RUN git clone https://code.chrissexton.org/cws/cabinet.git $SRC_DIR
+
+RUN apk add --no-cache tzdata
+ENV TZ America/New_York
+
+# RUN yarn global add @vue/cli
+RUN cd $SRC_DIR/frontend; yarn && yarn build
+RUN go get -u github.com/gobuffalo/packr/v2/packr2
+RUN cd $SRC_DIR; $HOME/go/bin/packr2
+RUN cd $SRC_DIR; go get ./...; go build -o /app/cabinet
+
+ENTRYPOINT ["/app/cabinet", "-httpAddr=0.0.0.0:5673", "-db=/app/var/cabinet.db"]
--- a/entry/entry.go
+++ b/entry/entry.go
@ -52,6 +52,14 @@ func PrepareTable(tx *sqlx.Tx) error {
 	return nil
 }

+func NewFromMd(db *db.Database, body string) *Entry {
+	e := New(db)
+	e.Content = body
+	e.Title = e.GenerateTitle()
+	e.Slug = e.UniqueSlug()
+	return e
+}
+
 func New(db *db.Database) *Entry {
 	e := Entry{
 		db:      db,
--- a/frontend/package.json
+++ b/frontend/package.json
@ -11,8 +11,11 @@
    "@vue/cli": "^4.0.5",
    "asciidoctor": "^2.0.3",
    "axios": "^0.19.0",
+	"jquery": "^1.9.1",
+	"popper.js": "^1.14.7",
    "bootstrap": "^4.3.1",
    "bootstrap-vue": "^2.0.4",
+    "bootswatch": "^4.3.1",
    "brace": "latest",
    "core-js": "^3.3.2",
    "lodash": "^4.17.15",
@ -30,6 +33,9 @@
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
+    "sass": "^1.23.0",
+    "sass-loader": "^8.0.0",
+	"webpack": "^4.36.0",
    "vue-template-compiler": "^2.6.10"
  }
 }
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@ -5,7 +5,7 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>frontend</title>
+    <title>Cabinet</title>
  </head>
  <body>
    <noscript>
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@ -1,6 +1,6 @@
 <template>
  <div id="app">
-    <b-navbar type="dark" variant="dark">
+    <b-navbar type="dark" variant="primary" class="navbar">
      <b-navbar-brand>🗄 Cabinet</b-navbar-brand>
      <b-navbar-nav>
        <b-nav-item to="/">Home</b-nav-item>
@ -18,26 +18,11 @@
  </div>
 </template>

-<style>
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: #2c3e50;
-}
-
-#nav {
-  padding: 30px;
-}
-
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
-
-#nav a.router-link-exact-active {
-  color: #42b983;
-}
+<style lang="scss">
+  .navbar {
+    padding: 0.5em !important;
+    margin-bottom: 1em;
+  }
 </style>

 <script>
--- a/frontend/src/components/Editor.vue
+++ b/frontend/src/components/Editor.vue
@ -1,6 +1,13 @@
 <template>
    <div>
-        <editor ref="myEditor" v-model="text" @init="editorInit" lang="asciidoc" theme="github" width="100%" height="500" />
+        <editor
+                ref="myEditor"
+                v-model="text"
+                @init="editorInit"
+                lang="asciidoc"
+                theme="tomorrow_night"
+                width="100%"
+                height="500" />
    </div>
 </template>

@ -32,7 +39,7 @@
      editorInit: function () {
        require('brace/ext/language_tools') //language extension prerequsite...
        require('brace/mode/asciidoc')    //language
-        require('brace/theme/github')
+        require('brace/theme/tomorrow_night')
      }
    }
  }
--- a/frontend/src/components/MainEditor.vue
+++ b/frontend/src/components/MainEditor.vue
@ -75,7 +75,7 @@
          .then(res => {
            this.$emit('markDirty', false)
            this.$store.dispatch('updateSearch')
-            if (res.data.Slug != this.$route.params.slug)
+            if (res.data.Slug !== this.$route.params.slug)
              this.$router.replace({params: { slug: res.data.Slug }})
          })
          .catch(() => { })
--- a/frontend/src/components/MainView.vue
+++ b/frontend/src/components/MainView.vue
@ -1,22 +1,15 @@
 <template>
    <div :hidden="!content">
-        <b-container fluid>
-            <b-row>
-                <b-col>
-                    <Viewer :content="content" />
-                </b-col>
-            </b-row>
-            <b-row>
-                <b-col cols="10">
-                    <label for="tagList" :hidden="!tags">Tags</label>
-                </b-col>
-            </b-row>
-            <b-row>
-                <b-col cols="10">
-                    <TagList id="tagList" :tags="tags" :readOnly="true" />
-                </b-col>
-            </b-row>
-        </b-container>
+        <Viewer :content="content" />
+        <b-card-group :hidden="!tags">
+            <b-card
+                    style="max-width: 50%"
+                    header="Tags"
+                    header-tag="header"
+            >
+                <TagList id="tagList" :tags="tags" :readOnly="true" />
+            </b-card>
+        </b-card-group>
    </div>
 </template>

--- a/frontend/src/components/Search.vue
+++ b/frontend/src/components/Search.vue
@ -1,11 +1,15 @@
 <template>
    <b-container fluid>
        <b-row>
-            <b-input placeholder="Search" @update="getResults" v-model="queryText" />
+            <b-col class="searchBox">
+                <b-input placeholder="Search" @update="getResults" v-model="queryText" />
+            </b-col>
        </b-row>
        <b-row v-for="item in results" v-bind:key="item.ID">
            <b-col>
-                <b-button :hidden="!editMode" size="sm" class="deleteLink" @click="deleteFile(item.Slug)">X</b-button> <b-link
+                <b-button :hidden="!editMode" size="sm" class="deleteLink" @click="deleteFile(item.Slug)">X</b-button>
+                <b-link
+                    class="searchLink"
                    :to="{ name: target, params: { slug: item.Slug } }"
                >{{item.Title}}</b-link>
            </b-col>
@ -59,4 +63,11 @@
    .deleteLink {
        font-size: x-small;
    }
+    .searchBox {
+        margin-bottom: 1em;
+    }
+    .searchLink {
+        margin-left: 1em;
+        color: var(--info);
+    }
 </style>
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@ -5,7 +5,11 @@ import store from './store'

 import BootstrapVue from 'bootstrap-vue'

-import 'bootstrap/dist/css/bootstrap.css'
+// import "bootswatch/dist/darkly/variables";
+// import "bootstrap/scss/bootstrap";
+import "bootswatch/dist/darkly/bootstrap.css";
+
+// import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'

 Vue.config.productionTip = false
--- a/frontend/src/views/Console.vue
+++ b/frontend/src/views/Console.vue
@ -2,9 +2,18 @@
  <b-container fluid>
    <b-row>
      <b-col md="5">
-        <h2>Scratchpad</h2>
-        <ScratchPad />
+      <div>
+        <b-tabs content-class="mt-3">
+          <b-tab active>
+            <template v-slot:title>
+              Scratchpad
+            </template>
+            <ScratchPad />
+          </b-tab>
+        </b-tabs>
+      </div>
      </b-col>
+
      <b-col md="5">

        <div>
@ -24,8 +33,16 @@

      </b-col>
      <b-col md="2">
-        <h2>Search Results</h2>
-        <SearchResults :editMode="true" target="console-slug" />
+        <div>
+          <b-tabs content-class="mt-3">
+            <b-tab active>
+              <template v-slot:title>
+                Search
+              </template>
+              <SearchResults :editMode="true" target="console-slug" />
+            </b-tab>
+          </b-tabs>
+        </div>
      </b-col>
    </b-row>
  </b-container>
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
--- a/todo.adoc
+++ b/todo.adoc
@ -1,20 +0,0 @@
-= Todo
-:icons: font
-
-* Backend
-** Authentication
-*** [ ] some kind of user auth
-** save endpoint
-*** [ ] add authentication/authorization
-*** [ ] convert document to adoc (give format?)
-*** [ ] check for unique tags
-** [ ] search endpoint
-*** [ ] search for tags
-*** [ ] fulltext search
-**** with link:https://blevesearch.com/docs/Getting%20Started/[Bleve]
-* [ ] CLI Frontend
-* [ ] Operations
-** [ ] dockerize the build
-** [ ] integrate CI/CD
-** [ ] run on https://cabinet.chrissexton.org[cabinet.chrissexton.org]
-** [ ] create redirect or https://cab.chrissexton.org[cab.chrissexton.org]
--- a/web/entry.go
+++ b/web/entry.go
@ -3,6 +3,7 @@ package web
 import (
 	"encoding/json"
 	"fmt"
+	"io/ioutil"
 	"net/http"
 	"time"

@ -16,13 +17,16 @@ func (web *Web) editEntry(w http.ResponseWriter, r *http.Request) {
 	vars := mux.Vars(r)
 	slug := vars["slug"]
 	dec := json.NewDecoder(r.Body)
-	newEntry := entry.New(web.db)
-	err := dec.Decode(&newEntry)
+	req := struct {
+		Content string
+	}{}
+	err := dec.Decode(&req)
 	if err != nil {
 		w.WriteHeader(500)
 		fmt.Fprint(w, err)
 		return
 	}
+	newEntry := entry.NewFromMd(web.db, req.Content)

 	oldEntry, err := entry.GetBySlug(web.db, slug)
 	if err != nil {
@ -32,6 +36,8 @@ func (web *Web) editEntry(w http.ResponseWriter, r *http.Request) {
 	}

 	oldEntry.Content = newEntry.Content
+	oldEntry.Title = newEntry.Title
+	oldEntry.Slug = newEntry.UniqueSlug()
 	oldEntry.Tags = newEntry.Tags
 	oldEntry.Updated = time.Now()

@ -48,8 +54,31 @@ func (web *Web) editEntry(w http.ResponseWriter, r *http.Request) {
 		return
 	}

-	log.Debug().Interface("oldEntry", oldEntry).Msg("Got a PUT")
+	w.Header().Set("content-type", "application/json")
+	fmt.Fprint(w, string(resp))
+}

+func (web *Web) newMarkdownEntry(w http.ResponseWriter, r *http.Request) {
+	body, err := ioutil.ReadAll(r.Body)
+	if err != nil {
+		w.WriteHeader(500)
+		fmt.Fprint(w, err)
+		return
+	}
+	newEntry := entry.NewFromMd(web.db, string(body))
+	err = newEntry.Create()
+	if err != nil {
+		w.WriteHeader(500)
+		fmt.Fprint(w, err)
+		return
+	}
+
+	resp, err := json.Marshal(newEntry)
+	if err != nil {
+		w.WriteHeader(500)
+		fmt.Fprint(w, err)
+		return
+	}
 	w.Header().Set("content-type", "application/json")
 	fmt.Fprint(w, string(resp))
 }
--- a/web/routes.go
+++ b/web/routes.go
@ -70,13 +70,13 @@ func (web *Web) routeSetup() http.Handler {
 	// curl 'http://127.0.0.1:8080/v1/test' -X POST -H 'Accept: application/json, text/plain, */*' --compressed -H 'Content-Type: application/json;charset=utf-8' --data '{ "test": 1 }'

 	api.HandleFunc("/entries", web.allEntries).Methods(http.MethodGet)
-	authedApi.HandleFunc("/entries", web.newEntry).Methods(http.MethodPost)
-	authedApi.HandleFunc("/entries", web.newEntry).Methods(http.MethodPost).
+	api.HandleFunc("/entries", web.newEntry).Methods(http.MethodPost)
+	api.HandleFunc("/entries", web.newEntry).Methods(http.MethodPost).
 		HeadersRegexp("Content-Type", "application/(text|json).*")
-	//authedApi.HandleFunc("/entries", web.newMarkdownEntry).Methods(http.MethodPost).
-	//	HeadersRegexp("Content-Type", "application/markdown.*")
-	authedApi.HandleFunc("/entries/{slug}", web.removeEntry).Methods(http.MethodDelete)
-	authedApi.HandleFunc("/entries/{slug}", web.editEntry).Methods(http.MethodPut)
+	api.HandleFunc("/entries", web.newMarkdownEntry).Methods(http.MethodPost).
+		HeadersRegexp("Content-Type", "application/markdown.*")
+	api.HandleFunc("/entries/{slug}", web.removeEntry).Methods(http.MethodDelete)
+	api.HandleFunc("/entries/{slug}", web.editEntry).Methods(http.MethodPut)

 	api.HandleFunc("/entries/{slug}", web.getEntry).Methods(http.MethodGet)
 	api.HandleFunc("/auth", web.auth).Methods(http.MethodPost)