feat: verbose logging in console

src/locales/en.json

@@ -120,7 +120,8 @@
   "dev_screens": {
     "title": "Development Tools",
     "vibrations": "Vibrations",
-    "adamant_wallets": "Adamant-Wallets"
+    "adamant_wallets": "Adamant-Wallets",
+    "logging": "Verbose logging in Console"
   },
   "dev_vibrations": {
     "custom_pattern": "Custom Pattern",

src/locales/ru.json

@@ -120,7 +120,8 @@
   "dev_screens": {
     "title": "Инструменты разработчика",
     "vibrations": "Вибрации",
-    "adamant_wallets": "Adamant-Wallets"
+    "adamant_wallets": "Adamant-Wallets",
+    "logging": "Детализация ведения журнала в консоли"
   },
   "dev_vibrations": {
     "custom_pattern": "Произвольный паттерн",

src/store/index.js

@@ -25,6 +25,7 @@ import botCommandsModule from './modules/bot-commands'
 import bitcoinModule from './modules/btc'
 import dashModule from './modules/dash'
 import delegatesModule from './modules/delegates'
+import devTools from './modules/dev-tools'
 import dogeModule from './modules/doge'
 import klyModule from './modules/kly'
 import nodesModule from './modules/nodes'
@@ -263,6 +264,7 @@ const store = {
   modules: {
     adm: admModule, // ADM transfers
     attachment: attachmentModule, // Files and photos attachments
+    devTools,
     doge: dogeModule,
     kly: klyModule,
     dash: dashModule,

src/store/modules/dev-tools/index.ts

@@ -0,0 +1,37 @@
+import type { ActionTree, GetterTree, MutationTree } from 'vuex'
+
+import { RootState } from '@/store/types'
+
+interface VerbosityState {
+  levelAll: level[]
+  levelCurrent: level
+}
+
+const actions: ActionTree<VerbosityState, RootState> = {
+  setLevel({ commit }, value) {
+    commit('setLevel', value)
+  }
+}
+const getters: GetterTree<VerbosityState, RootState> = {
+  levelAll: (state) => state.levelAll,
+  levelCurrent: (state) => state.levelCurrent
+}
+const mutations: MutationTree<VerbosityState> = {
+  setLevel(state, value) {
+    state.levelCurrent = value
+  }
+}
+const state = (): VerbosityState => ({
+  levelAll: ['Debug', 'Info', 'Public', 'Warn'],
+  levelCurrent: 'Public'
+})
+
+export type level = 'Debug' | 'Info' | 'Public' | 'Warn'
+
+export default {
+  actions,
+  getters,
+  mutations,
+  namespaced: true,
+  state
+}

src/store/plugins/localStorage.js

@@ -6,6 +6,7 @@ const vuexPersistence = new VuexPersistence({
   reducer: (state) => {
     return {
       // modules
+      devTools: state.devTools,
       language: state.language,
       options: {
         stayLoggedIn: state.options.stayLoggedIn,

src/store/types/root-state.ts

@@ -20,6 +20,7 @@ export interface RootState {
   btc: any
   partners: any
   delegates: any
+  devTools: any
   nodes: any
   snackbar: any
   language: any

src/views/devScreens/DevScreens.vue

@@ -20,17 +20,55 @@
       </v-list>
     </v-col>
   </v-row>
+  <v-row>
+    <v-col cols="6">
+      <v-list-subheader>
+        {{ t('dev_screens.logging') }}
+      </v-list-subheader>
+    </v-col>
+    <v-col cols="6" class="text-right">
+      <v-menu offset-y>
+        <template #activator="{ props }">
+          <v-btn class="ma-0 btn" variant="text" v-bind="props">
+            {{ levelCurrent }}
+          </v-btn>
+        </template>
+        <v-list>
+          <v-list-item :key="level" @click="onSelectLevel(level)" v-for="level in levelAll">
+            <v-list-item-title>{{ level }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </v-menu>
+    </v-col>
+  </v-row>
 </template>
 
 <script setup lang="ts">
+import type { level } from '@/store/modules/dev-tools/index.ts'
+import { computed } from 'vue'
 import { mdiChevronRight } from '@mdi/js'
-import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+import { useStore } from 'vuex'
 
 const router = useRouter()
+const store = useStore()
 const { t } = useI18n()
 
 const className = 'dev-screens-view'
+
+const levelAll = computed(() => store.getters['devTools/levelAll'])
+const levelCurrent = computed({
+  get() {
+    return store.state.devTools.levelCurrent
+  },
+  set(value) {
+    store.commit('devTools/setLevel', value)
+  }
+})
+const onSelectLevel = (level: level) => {
+  levelCurrent.value = level
+}
 </script>
 
 <style lang="scss" scoped>