initial commit

.gitignore

@@ -0,0 +1 @@
+/build

CHANGELOG

@@ -0,0 +1,10 @@
+# Changelog
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## 0.1.0 - 2022-02-21
+
+### Added
+
+- Initial release.

LICENSE

@@ -0,0 +1,21 @@
+ The MIT License (MIT)
+
+Copyright © 2022 John Bintz
+
+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.
+

README.md

@@ -0,0 +1,68 @@
+# Joplin Multi-Note Viewer
+
+Use [Joplin's Data API](https://joplinapp.org/api/references/rest_api/) to
+view and browse multiple notes at once. Supports title and body search and internal
+links, as well as dragging and dropping notes to rearrange them in your view.
+
+Visible note IDs are put into the URL as you go, so if you want to return to a
+particular note set, bookmark the generated URL.
+
+## Installing
+
+* Enable the Web Clipper service in Joplin (Tools > Options > Web Clipper > Enable the clipper service).
+* Download the latest release binary for your platform.
+* Download the sample `config.yml` file from Releases. Then edit it and
+  fill in the following information:
+
+```yaml
+joplin:
+  api_key: <the authorization token from Tools > Options > Web Clipper > Advanced Options>
+  url: http://localhost:41184
+```
+
+## Running
+
+* Start Joplin.
+* Start the viewer from the command line.
+* Visit [http://localhost:8181/](http://localhost:8181).
+
+## Using
+
+* The search box can be refocused and brought into view by hitting `s`.
+* You can use the up and down arrow keys to navigate autocomplete results,
+  and `[Enter]` to open a result.
+* Open notes can be rearranged by dragging and dropping.
+* Close a note with the Close button.
+
+## Contributing
+
+This is a hobby project for me to learn Vue 3 and Go and to be able to use my
+interlinked notes better, so if I fix a bug, it'll either be because it's
+directly affecting me, it's easy to fix, or it's interesting. Pull
+requests are preferred over issues if you have the skill, but even if you
+don't, someone else might!
+
+## Developing
+
+I built this using Go 1.18 and Node 16.
+
+* Run `dev-setup.sh`. This will make a build of the Vue app and put its
+  `dist` folder into `server`. This is so `go:embed` works.
+* Start the server with `go run .`.
+* Start the client with `npm run dev`. It will proxy API requests to a locally
+  running server so the embedded client files will be overridden by the files
+  Vite produces.
+
+Add tests if you want. I may get around to it eventually.
+
+## Building & Reelasing
+
+* Bump the version. This project uses semantic versioning as best as possible.
+* Update the changelog with details on the changes. It uses the
+  [Keep a Changelog format](https://raw.githubusercontent.com/olivierlacan/keep-a-changelog/main/CHANGELOG.md).
+* Run `build.sh`. It will create the different platform binaries in `build` as
+  well as a `config.yml` sample.
+
+## License
+
+MIT License

VERSION

@@ -0,0 +1 @@
+0.1.0

build.sh

@@ -0,0 +1,26 @@
+#!/bin/bash
+
+VERSION=$(cat VERSION)
+
+rm -Rf build
+mkdir build
+cd client
+nvm use
+npm run build
+cd ../server
+rm -Rf dist
+mv ../client/dist .
+
+
+GOOS=linux GOARCH=amd64 go build -o ../build/viewer-${VERSION}-linux-amd64 .
+GOOS=linux GOARCH=arm64 go build -o ../build/viewer-${VERSION}-linux-arm64 .
+GOOS=windows GOARCH=amd64 go build -o ../build/viewer-${VERSION}-windows-amd64 .
+GOOS=windows GOARCH=arm64 go build -o ../build/viewer-${VERSION}-windows-arm64 .
+GOOS=darwin GOARCH=amd64 go build -o ../build/viewer-${VERSION}-darwin-amd64 .
+GOOS=darwin GOARCH=arm64 go build -o ../build/viewer-${VERSION}-darwin-arm4 .
+
+cd ../build
+cp ../config.yml.example ./config.yml
+
+echo "Done. App is in build/"
+echo "Have fun."

client/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

client/.nvmrc

@@ -0,0 +1 @@
+16

client/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Joplin multi-note viewer</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

client/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "joplin-multi-note-viewer",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@oruga-ui/oruga-next": "^0.5.3",
+    "marked": "^4.0.12",
+    "sass": "^1.49.8",
+    "vue": "^3.2.25",
+    "vue-router": "^4.0.12",
+    "vuedraggable": "^4.1.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^2.2.0",
+    "vite": "^2.8.0"
+  }
+}

client/src/App.vue

@@ -0,0 +1,194 @@
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import draggable from 'vuedraggable'
+
+import Note from './components/Note.vue'
+import NoteSearch from './components/NoteSearch.vue'
+
+const results = ref([])
+const notes = ref([])
+const searchFocus = ref(+new Date)
+
+const drag = ref(false)
+
+const router = useRouter()
+const route = useRoute()
+
+if (route.query.ids) {
+  const ids = route.query.ids.split(',')
+  router.push({query: {ids: ''}})
+
+  const loadNotes = async () => {
+    for (let i = 0; i < ids.length; i++) {
+      await loadNote(ids[i])
+    }
+  }
+
+  loadNotes()
+}
+
+watch(notes, (newNotes) => {
+  router.push({
+    query: { ids: newNotes.map(n => n.id).join(',') }
+  })
+
+  window.document.title = newNotes.map(n => n.title).join(', ')
+})
+
+async function performSearch(query) {
+  if (query.length < 2) {
+    results.value = []
+    return
+  }
+
+  const response = await fetch(`/api/v1/search?q=${encodeURIComponent(query)}`)
+  const responseJSON = await response.json()
+  results.value = responseJSON
+}
+
+async function loadNoteData(id) {
+  const response = await fetch(`/api/v1/note/${id}`)
+  const responseJSON = await response.json()
+  return responseJSON
+}
+
+async function loadNote(id) {
+  try {
+    const noteData = await loadNoteData(id)
+
+    if (noteData.id === "") {
+      console.error(`no note data for note ${id}`)
+      return
+    }
+
+    notes.value = notes.value.concat([noteData])
+
+    results.value = []
+    focusSearch()
+  } catch (e) {
+    console.error(`unable to load note ${id}`)
+  }
+}
+
+function moveLeft(index) {
+  const newNotes = []
+  for (let i = 0; i < notes.value.length; i++) {
+    if (i === index) {
+      newNotes[i] = notes.value[i - 1]
+      newNotes[i - 1] = notes.value[i]
+    } else {
+      newNotes[i] = notes.value[i]
+    }
+  }
+
+  notes.value = newNotes
+}
+
+function moveRight(index) {
+  const newNotes = []
+  for (let i = 0; i < notes.value.length; i++) {
+    if (i === index + 1) {
+      newNotes[i] = notes.value[i - 1]
+      newNotes[i - 1] = notes.value[i]
+    } else {
+      newNotes[i] = notes.value[i]
+    }
+  }
+
+  notes.value = newNotes
+}
+
+function closeNote(index) {
+  notes.value = notes.value.filter((_, idx) => idx !== index)
+}
+
+function focusSearch() {
+  searchFocus.value++
+}
+
+async function reloadNote(index) {
+  const id = notes.value[index].id
+  const newNote = await loadNoteData(id)
+
+  notes.value = notes.value.map(n => {
+    if (n.id === id) {
+      return newNote
+    } else {
+      return n
+    }
+  })
+}
+
+onMounted(() => {
+  document.addEventListener('keydown', (e) => {
+    if (e.target.matches('input')) {
+      return
+    }
+
+    if (e.keyCode == 83) { // s
+      e.preventDefault()
+      focusSearch()
+    }
+  })
+
+  setInterval(async () => {
+    for (let i = 0; i < notes.value.length; ++i) {
+      await reloadNote(i)
+    }
+  }, 5000)
+})
+</script>
+
+<template>
+  <draggable
+    v-model="notes"
+    item-key="id"
+    id="notes-container"
+  >
+    <template #item="{element, index}">
+      <Note
+        v-bind="element"
+        :index="index"
+
+        @loadNote="loadNote"
+        @close="closeNote"
+      />
+    </template>
+    <template #footer>
+      <NoteSearch
+        @search="performSearch"
+        @select="loadNote"
+        :searchFocus="searchFocus"
+        ref="noteSearch"
+        :results="results"
+      />
+    </template>
+  </draggable>
+</template>
+
+<style lang="scss">
+html, body, #app {
+  height: 100vh;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  box-sizing: border-box;
+}
+
+#notes-container {
+  display: flex;
+
+  height: 100vh;
+  overflow-x: auto;
+  overflow-y: none;
+
+  > div {
+    width: calc(35rem - 4rem);
+    padding: 2rem;
+    height: calc(100vh - 6rem);
+  }
+}
+</style>

client/src/Wrapper.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view></router-view>
+</template>

client/src/components/Note.vue

@@ -0,0 +1,84 @@
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { marked } from 'marked'
+
+const props = defineProps({
+  id: String,
+  title: String,
+  body: String,
+  index: Number,
+})
+
+const bodyRef = ref(null)
+
+const emit = defineEmits(['close', 'loadNote', 'moveLeft', 'moveRight', 'reload'])
+
+const parsedBody = computed(() => {
+  return marked.parse(props.body)
+})
+
+onMounted(() => {
+  const handleJoplinInternalLinks = (e) => {
+    // an internal joplin link
+    if (e.target.matches('a[href^=":/"]')) {
+      e.preventDefault()
+      emit('loadNote', e.target.href.replace(/^.*:\//, ''))
+      return
+    }
+
+    if (e.target.matches('a[href]')) {
+      e.preventDefault()
+      window.open(e.target.href, '_blank')
+      return
+    }
+  }
+
+  bodyRef.value.addEventListener('click', handleJoplinInternalLinks)
+})
+
+</script>
+
+<template>
+  <div class="note" draggable>
+    <div class="buttons">
+      <button @click="emit('close', index)">Close</button>
+    </div>
+    <h1 class="title">{{ title }}</h1>
+    <div ref="bodyRef" class="body" v-html="parsedBody"></div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.note {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  flex: none;
+
+  padding: 2rem;
+
+  overflow: auto;
+  border: solid #333 1px;
+
+  background-color: #ddd;
+
+  &:hover {
+    background-color: #ffe;
+  }
+}
+
+.buttons {
+  position: absolute;
+  right: 2.25rem;
+  top: 3.25rem;
+  display: flex;
+}
+
+.title {
+  margin-right: 2rem;
+}
+
+.body {
+  overflow: auto;
+}
+</style>

client/src/components/NoteSearch.vue

@@ -0,0 +1,102 @@
+<script setup>
+import { ref, watch, onMounted } from 'vue'
+
+const searchRef = ref(null)
+const noteSearchRef = ref(null)
+
+const emit = defineEmits(['search', 'select'])
+const props = defineProps({
+  results: { type: Array, required: true },
+  searchFocus: { type: Number, required: true }
+})
+
+const search = ref('')
+const activeKBElement = ref(0)
+
+watch(search, (nv) => {
+  emit('search', nv)
+  noteSearchRef.value.scrollIntoView({ block: 'end', inline: 'end' })
+})
+watch(() => props.searchFocus, () => {
+  noteSearchRef.value.scrollIntoView({ block: 'end', inline: 'end' })
+  searchRef.value.focus()
+})
+
+function select(id) {
+  emit('select', id)
+  search.value = ''
+  activeKBElement.value = 0
+}
+
+onMounted(() => {
+  searchRef.value.focus()
+
+  searchRef.value.addEventListener('keydown', (e) => {
+    if ([40,38,13].includes(e.keyCode) && props.results.length > 0) {
+      e.preventDefault()
+      switch (e.keyCode) {
+        case 40: //down
+          if (activeKBElement.value < props.results.length) {
+            activeKBElement.value++
+          }
+          break;
+        case 38: //up
+          if (activeKBElement.value > 0) {
+            activeKBElement.value--
+          }
+          break;
+        case 13:
+          select(props.results[activeKBElement.value].id)
+          break;
+      }
+    }
+  })
+})
+</script>
+
+<template>
+  <div class="note-search" ref="noteSearchRef">
+    <div class="form-element">
+      <label>Search</label>
+      <input placeholder="Enter 2 or more characters" ref="searchRef" v-model="search" />
+    </div>
+    <div
+      class="result"
+      @click="select(result.id)"
+      :class="{'is-active': index === activeKBElement}"
+      v-for="(result, index) in results"
+    >
+      {{ result.title }}
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.form-element {
+  display: flex;
+  align-items: center;
+
+  label {
+    font-weight: bold;
+    flex: 0 1 auto;
+    margin-right: 1rem;
+    font-size: 1.5rem;
+  }
+
+  input {
+    flex: 1 0 auto;
+    font-size: 1.5rem;
+  }
+}
+
+.result {
+  border: solid #222 1px;
+  padding: 0.5rem;
+  cursor: pointer;
+
+  &:hover, &.is-active {
+    color: #00f;
+    background-color: #ddd;
+  }
+}
+</style>

client/src/main.js

@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import Wrapper from './Wrapper.vue'
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    // i just want query string parsing
+    { path: '/', component: App }
+  ]
+})
+
+createApp(Wrapper)
+  .use(router)
+  .mount('#app')

client/vite.config.js

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    proxy: {
+      '/api/v1': 'http://localhost:8181'
+    }
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: '[name].js',
+        chunkFileNames: '[name].js',
+        assetFileNames: '[name][extname]',
+        manualChunks: () => 'everything.js'
+      }
+    }
+  }
+})

config.yml.example

@@ -0,0 +1,4 @@
+joplin:
+  api_key: <web clipper api key>
+  url: http://localhost:41184
+

dev-setup.sh

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+cd client
+nvm use
+npm install
+npm run build
+cd ../server
+cp -Rpv ../client/dist .
+
+echo "All set up for local dev work!"

server/.gitignore

@@ -0,0 +1,3 @@
+/dist
+/config.yml
+joplin-multi-note-viewer

server/go.mod

@@ -0,0 +1,10 @@
+module johnbintz.com/joplin-multi-note-viewer
+
+go 1.18
+
+require (
+	github.com/gorilla/mux v1.8.0 // indirect
+	github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8 // indirect
+	golang.org/x/sys v0.0.0-20210616045830-e2b7044e8c71 // indirect
+	gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b // indirect
+)

server/go.sum

@@ -0,0 +1,11 @@
+github.com/gorilla/mux v1.8.0 h1:i40aqfkR1h2SlN9hojwV5ZA91wcXFOvkdNIeFDP5koI=
+github.com/gorilla/mux v1.8.0/go.mod h1:DVbg23sWSpFRCP0SfiEN6jmj59UnW/n46BH5rLB71So=
+github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8 h1:KoWmjvw+nsYOo29YJK9vDA65RGE3NrOnUtO7a+RF9HU=
+github.com/pkg/browser v0.0.0-20210911075715-681adbf594b8/go.mod h1:HKlIX3XHQyzLZPlr7++PzdhaXEj94dEiJgZDTsxEqUI=
+github.com/rakyll/statik v0.1.7 h1:OF3QCZUuyPxuGEP7B4ypUa7sB/iHtqOTDYZXGM8KOdQ=
+github.com/rakyll/statik v0.1.7/go.mod h1:AlZONWzMtEnMs7W4e/1LURLiI49pIMmp6V9Unghqrcc=
+golang.org/x/sys v0.0.0-20210616045830-e2b7044e8c71 h1:X/2sJAybVknnUnV7AD2HdT6rm2p5BP6eH2j+igduWgk=
+golang.org/x/sys v0.0.0-20210616045830-e2b7044e8c71/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b h1:h8qDotaEPuJATrMmW04NCwg7v22aHH28wwpauUhK9Oo=
+gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=

server/joplin.go

@@ -0,0 +1,138 @@
+package main
+
+import (
+	"encoding/json"
+	yaml "gopkg.in/yaml.v3"
+	"io/ioutil"
+	"net/http"
+	"net/url"
+)
+
+type joplinConfig struct {
+	APIKey string `yaml:"api_key"`
+	URL    string `yaml:"url"`
+}
+
+type config struct {
+	JoplinConfig joplinConfig `yaml:"joplin"`
+}
+
+func (c *config) BaseURL() string {
+	return c.JoplinConfig.URL
+}
+
+func (c *config) BaseParams() url.Values {
+	values := url.Values{}
+	values.Add("token", c.JoplinConfig.APIKey)
+
+	return values
+}
+
+var appConfig = &config{}
+
+func readConfig() error {
+	configFile, err := ioutil.ReadFile("config.yml")
+	if err != nil {
+		return err
+	}
+
+	err = yaml.Unmarshal(configFile, &appConfig)
+	if err != nil {
+		return err
+	}
+
+	return nil
+}
+
+type searchResponseItem struct {
+	ID    string `json:"id"`
+	Title string `json:"title"`
+}
+
+type searchResponse struct {
+	Items   []searchResponseItem `json:"items"`
+	HasMore bool                 `json:"has_more"`
+}
+
+func (s *searchResponse) GetFrontendBody() ([]byte, error) {
+	res, err := json.Marshal(s.Items)
+	if err != nil {
+		return nil, err
+	}
+
+	return res, nil
+}
+
+type noteResponse struct {
+	ID    string `json:"id"`
+	Title string `json:"title"`
+	Body  string `json:"body"`
+}
+
+func (s *noteResponse) GetFrontendBody() ([]byte, error) {
+	res, err := json.Marshal(s)
+	if err != nil {
+		return nil, err
+	}
+
+	return res, nil
+}
+
+func performSearch(query string) (searchResponse, error) {
+	params := appConfig.BaseParams()
+	params.Add("query", query+"*")
+	params.Add("type", "note")
+
+	response := searchResponse{}
+
+	url := appConfig.BaseURL() + "/search?" + params.Encode()
+
+	resp, err := http.Get(url)
+	if err != nil {
+		return response, err
+	}
+
+	defer resp.Body.Close()
+
+	body, err := ioutil.ReadAll(resp.Body)
+	if err != nil {
+		return response, err
+	}
+
+	err = json.Unmarshal(body, &response)
+
+	if err != nil {
+		return response, err
+	}
+
+	return response, nil
+}
+
+func retrieveNote(ID string) (noteResponse, error) {
+	params := appConfig.BaseParams()
+	params.Add("fields", "title,body,id")
+
+	response := noteResponse{}
+
+	url := appConfig.BaseURL() + "/notes/" + ID + "?" + params.Encode()
+
+	resp, err := http.Get(url)
+	if err != nil {
+		return response, err
+	}
+
+	defer resp.Body.Close()
+
+	body, err := ioutil.ReadAll(resp.Body)
+	if err != nil {
+		return response, err
+	}
+
+	err = json.Unmarshal(body, &response)
+
+	if err != nil {
+		return response, err
+	}
+
+	return response, nil
+}

server/main.go

@@ -0,0 +1,58 @@
+package main
+
+import (
+	"embed"
+	"fmt"
+	"io/fs"
+	"log"
+	"mime"
+	"net/http"
+	"strings"
+
+	"github.com/gorilla/mux"
+	"github.com/pkg/browser"
+)
+
+//go:embed dist/*
+var res embed.FS
+
+func main() {
+	mime.AddExtensionType("js", "application/javascript")
+	mime.AddExtensionType("css", "text/css")
+
+	err := readConfig()
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	router := mux.NewRouter().StrictSlash(true)
+	router.HandleFunc("/api/v1/search", searchHandler)
+	router.HandleFunc("/api/v1/note/{id}", noteHandler)
+
+	fmt.Println("starting public file server")
+
+	strippedFs, err := fs.Sub(res, "dist")
+	if err != nil {
+		log.Fatal("can't load embedded js")
+	}
+
+	fs := http.FileServer(http.FS(strippedFs))
+
+	router.PathPrefix("/").HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if strings.HasSuffix(r.URL.Path, ".css") {
+			w.Header().Set("Content-Type", "text/css")
+		} else if strings.HasSuffix(r.URL.Path, ".js") {
+			w.Header().Set("Content-Type", "application/javascript")
+		}
+
+		fs.ServeHTTP(w, r)
+	})
+
+	fmt.Println("listening on localhost:8181")
+	http.ListenAndServe("localhost:8181", router)
+
+	err = browser.OpenURL("http://localhost:8181")
+	if err != nil {
+		fmt.Println("Unable to open browser, visit http://localhost:8181")
+	}
+}

server/server.go

@@ -0,0 +1,49 @@
+package main
+
+import (
+	"net/http"
+
+	"github.com/gorilla/mux"
+)
+
+func searchHandler(w http.ResponseWriter, r *http.Request) {
+	query := r.URL.Query().Get("q")
+
+	response, err := performSearch(query)
+	if err != nil {
+		w.WriteHeader(http.StatusInternalServerError)
+		w.Write([]byte("Issue querying Joplin! Is it running?"))
+		return
+	}
+
+	body, err := response.GetFrontendBody()
+	if err != nil {
+		w.WriteHeader(http.StatusInternalServerError)
+		w.Write([]byte("Error serializing JSON!"))
+		return
+	}
+
+	w.Header().Add("Access-Control-Allow-Origin", "*")
+	w.Write(body)
+}
+
+func noteHandler(w http.ResponseWriter, r *http.Request) {
+	noteID := mux.Vars(r)["id"]
+
+	response, err := retrieveNote(noteID)
+	if err != nil {
+		w.WriteHeader(http.StatusInternalServerError)
+		w.Write([]byte("Issue querying Joplin! Is it running?"))
+		return
+	}
+
+	body, err := response.GetFrontendBody()
+	if err != nil {
+		w.WriteHeader(http.StatusInternalServerError)
+		w.Write([]byte("Error serializing JSON!"))
+		return
+	}
+
+	w.Header().Add("Access-Control-Allow-Origin", "*")
+	w.Write(body)
+}