Set up reflex and fix make watch

.dockerignore

@@ -0,0 +1,2 @@
+*
+!bin/

.eslintrc.json

@@ -0,0 +1,17 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "amd": true
+  },
+  "extends": [
+    "standard",
+    "plugin:vue/essential"
+  ],
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "rules": {
+
+  }
+}

babel.config.js

@@ -0,0 +1,25 @@
+module.exports = function (api) {
+  api.cache(true)
+
+  const presets = [
+    [
+      '@babel/preset-env',
+      {
+        useBuiltIns: 'usage',
+        corejs: '3'
+      }
+    ]
+  ]
+  const plugins = [
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-object-rest-spread',
+    '@babel/plugin-transform-runtime',
+    '@babel/plugin-proposal-export-default-from'
+  ]
+
+  return {
+    presets,
+    plugins
+  }
+}

go.sum

@@ -130,6 +130,7 @@ github.com/cenkalti/backoff/v3 v3.0.0/go.mod h1:cIeZDE3IrqwwJl6VUwCN6trj1oXrTS4r
 github.com/census-instrumentation/opencensus-proto v0.2.0/go.mod h1:f6KPmirojxKA12rnyqOA5BBL4O983OfeGPqjHWSTneU=
 github.com/census-instrumentation/opencensus-proto v0.2.1 h1:glEXhBS5PSLLv4IXzLA5yPRVX4bilULVyxxbrfOtDAk=
 github.com/census-instrumentation/opencensus-proto v0.2.1/go.mod h1:f6KPmirojxKA12rnyqOA5BBL4O983OfeGPqjHWSTneU=
+github.com/cespare/reflex v0.2.0 h1:6d9WpWJseKjJvZEevKP7Pk42nPx2+BUTqmhNk8wZPwM=
 github.com/cespare/reflex v0.2.0/go.mod h1:ooqOLJ4algvHP/oYvKWfWJ9tFUzCLDk5qkIJduMYrgI=
 github.com/cespare/xxhash v1.1.0 h1:a6HrQnmkObjyL+Gs60czilIUGqrzKutQD6XZog3p+ko=
 github.com/cespare/xxhash v1.1.0/go.mod h1:XrSqR1VqqWfGrhpAt58auRo0WTKS1nRRg3ghfAqPWnc=
@@ -433,6 +434,7 @@ github.com/justinas/alice v1.2.0 h1:+MHSA/vccVCF4Uq37S42jwlkvI2Xzl7zTPCN5BnZNVo=
 github.com/justinas/alice v1.2.0/go.mod h1:fN5HRH/reO/zrUflLfTN43t3vXvKzvZIENsNEe7i7qA=
 github.com/karrick/godirwalk v1.7.8 h1:VfG72pyIxgtC7+3X9CMHI0AOl4LwyRAg98WAgsvffi8=
 github.com/karrick/godirwalk v1.7.8/go.mod h1:2c9FRhkDxdIbgkOnCEvnSWs71Bhugbl46shStcFDJ34=
+github.com/kballard/go-shellquote v0.0.0-20180428030007-95032a82bc51 h1:Z9n2FFNUXsshfwJMBgNA0RU6/i7WVaAegv3PtuIHPMs=
 github.com/kballard/go-shellquote v0.0.0-20180428030007-95032a82bc51/go.mod h1:CzGEWj7cYgsdH8dAjBGEr58BoE7ScuLd+fwFZ44+/x8=
 github.com/kevinburke/ssh_config v0.0.0-20190725054713-01f96b0aa0cd/go.mod h1:CT57kijsi8u/K/BOFA39wgDQJ9CxiF4nAY/ojJ6r6mM=
 github.com/kisielk/errcheck v1.1.0/go.mod h1:EZBBE59ingxPouuu3KfxchcWSUPOHkagtvWXihfKN4Q=
@@ -585,6 +587,7 @@ github.com/nrdcg/namesilo v0.2.1/go.mod h1:lwMvfQTyYq+BbjJd30ylEG4GPSS6PII0Tia4r
 github.com/nsf/termbox-go v0.0.0-20190121233118-02980233997d h1:x3S6kxmy49zXVVyhcnrFqxvNVCBPb2KZ9hV2RBdS840=
 github.com/nsf/termbox-go v0.0.0-20190121233118-02980233997d/go.mod h1:IuKpRQcYE1Tfu+oAQqaLisqDeXgjyyltCfsaoYN18NQ=
 github.com/nsqio/go-nsq v1.0.7/go.mod h1:XP5zaUs3pqf+Q71EqUJs3HYfBIqfK6G83WQMdNN+Ito=
+github.com/ogier/pflag v0.0.1 h1:RW6JSWSu/RkSatfcLtogGfFgpim5p7ARQ10ECk5O750=
 github.com/ogier/pflag v0.0.1/go.mod h1:zkFki7tvTa0tafRvTBIZTvzYyAu6kQhPZFnshFFPE+g=
 github.com/oklog/run v1.0.0 h1:Ru7dDtJNOyC66gQ5dQmaCa0qIsAUFY3sFpK1Xk8igrw=
 github.com/oklog/run v1.0.0/go.mod h1:dlhp/R75TPv97u0XWUtDeV/lRKWPKSdTuV0TZvrmrQA=

pkg/command/server.go

@@ -138,6 +138,8 @@ func Server(cfg *config.Config) *cli.Command {
 					http.Logger(logger),
 					http.Context(ctx),
 					http.Config(cfg),
+					http.Flags(flagset.RootWithConfig(cfg)),
+					http.Flags(flagset.ServerWithConfig(cfg)),
 				)
 
 				gr.Add(func() error {
@@ -157,6 +159,8 @@ func Server(cfg *config.Config) *cli.Command {
 					grpc.Logger(logger),
 					grpc.Context(ctx),
 					grpc.Config(cfg),
+					grpc.Flags(flagset.RootWithConfig(cfg)),
+					grpc.Flags(flagset.ServerWithConfig(cfg)),
 				)
 
 				gr.Add(func() error {

reflex.conf

@@ -1,2 +1,5 @@
 # backend
 -r '^(cmd|pkg)/.*\.go$' -R '^node_modules/' -s -- sh -c 'make bin/ocis-settings-debug && bin/ocis-settings-debug --log-level debug server --debug-pprof --debug-zpages'
+
+# frontend
+-r '^ui/.*\.(vue|js)$' -R '^node_modules/' -- sh -c 'yarn build'

ui/app.js

@@ -1,10 +1,11 @@
+import 'regenerator-runtime/runtime'
 import SettingsApp from './components/SettingsApp.vue'
 import store from './store'
 
 const appInfo = {
   name: 'Settings',
   id: 'settings',
-  icon: 'gear',
+  icon: 'info',
   isFileEditor: false,
   extensions: [],
   config: {

ui/components/SettingsApp.vue

@@ -7,23 +7,12 @@
 </template>
 
 <script>
-import { mapActions, mapGetters } from 'vuex';
 export default {
   name: 'SettingsApp',
-  computed: {
-    ...mapGetters({
-      settingsBundles: 'Settings/settingsBundles'
-    })
-  },
-  methods: {
-    ...mapActions('Settings', [
-      'fetchSettingsBundles'
-    ])
-  },
-  mounted () {
-    this.fetchSettingsBundles().then(() => {
-      console.log(this.settingsBundles);
-    });
+  async mounted () {
+    const settingsBundles = await this.$store.dispatch('Settings/fetchSettingsBundles')
+    console.log(settingsBundles)
+    console.log("test")
   }
 }
 </script>