@live-change/db-admin 0.5.6

package/front/src/Databases.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="surface-card p-4 shadow-2 border-round w-full">
+    <ConfirmPopup v-if="isMounted"></ConfirmPopup>
+    <Toast v-if="isMounted"></Toast>
+
+    <div class="text-center mb-5">
+      <div class="text-900 text-3xl font-medium mb-3">Databases</div>
+    </div>
+
+    <DataTable :value="databases" responsiveLayout="scroll">
+      <Column field="id" header="Database">
+        <template #body="slotProps">
+          <router-link :to="{ name: 'db:database', params: { dbName: slotProps.data.id } }">
+            {{ slotProps.data.id  }}
+          </router-link>
+        </template>
+      </Column>
+      <Column field="tables" header="Tables" :headerStyle="{ 'width': '60px' }"></Column>
+      <Column field="indexes" header="Indexes" :headerStyle="{ 'width': '60px' }"></Column>
+      <Column field="logs" header="Logs" :headerStyle="{ 'width': '60px' }"></Column>
+      <Column :headerStyle="{ 'width': '30px' }">
+        <template #body="slotProps">
+          <Button @click="ev => deleteDatabase(ev, slotProps.data.id)" type="button"
+                  icon="pi pi-trash" class="p-button-rounded p-button-danger" />
+        </template>
+      </Column>
+    </DataTable>
+
+<!--    <pre>{{ JSON.stringify(databases, null, '  ') }}</pre>-->
+
+    <form class="mt-4 flex flex-row" @submit="handleNewDatabaseSubmit">
+      <InputText v-model="newDatabaseName" class="mr-2" placeholder="Database Name" />
+      <Button type="submit" class="p-button-primary" icon="pi pi-plus" label="Create Database" />
+    </form>
+
+  </div>
+</template>
+
+<script setup>
+  import DataTable from "primevue/datatable"
+  import Column from "primevue/column"
+  import Button from "primevue/button"
+  import InputText from "primevue/inputtext"
+
+  import ConfirmPopup from 'primevue/confirmpopup'
+  import Toast from 'primevue/toast'
+
+  const { dbApi } = defineProps({
+    dbApi: {
+      type: String,
+      default: 'serverDatabase'
+    }
+  })
+
+  import { ref, onMounted, onUnmounted, inject } from "vue"
+  let isMounted = ref(false)
+  onMounted(() => isMounted.value = true)
+  onUnmounted(() => isMounted.value = false)
+
+  import { api } from "@live-change/vue3-ssr"
+  const dao = api().source
+  import { live, RangeBuckets } from "@live-change/dao-vue3"
+
+  import { useToast } from 'primevue/usetoast'
+  const toast = useToast()
+  import { useConfirm } from 'primevue/useconfirm'
+  const confirm = useConfirm()
+
+  const workingZone = inject('workingZone')
+
+  function deleteDatabase(event, id) {
+    confirm.require({
+      target: event.currentTarget,
+      message: `Do you really want to delete database ${id}?`,
+      icon: 'pi pi-info-circle',
+      acceptClass: 'p-button-danger',
+      accept: async () => {
+        workingZone.addPromise('deleteDatabase', (async () => {
+          await dao.request([dbApi, 'deleteDatabase'], id)
+        })())
+        toast.add({ severity:'info', summary: `Database ${id} deleted`, life: 1500 })
+      },
+      reject: () => {
+        toast.add({ severity:'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 })
+      }
+    })
+  }
+
+  const newDatabaseName = ref("")
+  function handleNewDatabaseSubmit(event) {
+    event.preventDefault()
+    const dbName = newDatabaseName.value
+    newDatabaseName.value = ""
+    workingZone.addPromise('createDatabase', (async () => {
+      await dao.request([dbApi, 'createDatabase'], dbName)
+      toast.add({ severity:'info', summary: `Database ${dbName} created`, life: 1500 })
+    })())
+  }
+
+  const databases = await live(dao, {
+    what: [dbApi, 'databases'],
+    more: [
+      { to: 'tables', schema: [[ dbApi, 'tablesCount', { property: 'id' } ]] },
+      { to: 'indexes', schema: [[ dbApi, 'indexesCount', { property: 'id' } ]] },
+      { to: 'logs', schema: [[ dbApi, 'logsCount', { property: 'id' } ]] }
+    ]
+  })
+
+
+</script>

package/front/src/NavBar.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="surface-overlay py-3 px-6 shadow-2 flex align-items-center justify-content-between
+              relative md:sticky top-0 z-5"
+       style="min-height: 80px" key="navbar">
+    <img src="/images/logo.svg" alt="Image" height="40" class="mr-0 lg:mr-6">
+    <a v-ripple class="cursor-pointer block lg:hidden text-700 p-ripple"
+       v-styleclass="{ selector: '@next', enterClass: 'hidden', leaveToClass: 'hidden', hideOnOutsideClick: true }">
+      <i class="pi pi-bars text-4xl"></i>
+    </a>
+    <div class="align-items-center flex-grow-1 justify-content-between hidden lg:flex absolute lg:static w-full surface-overlay left-0 top-100 z-1 shadow-2 lg:shadow-none">
+      <ul class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column lg:flex-row">
+        <li>
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100 font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
+            <i class="pi pi-home mr-2"></i>
+            <span>Home</span>
+          </a>
+        </li>
+        <li class="lg:relative">
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100 font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple"
+             v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'scalein', leaveToClass: 'hidden', leaveActiveClass: 'fadeout', hideOnOutsideClick: true }">
+            <i class="pi pi-users mr-2"></i>
+            <span>Customers</span>
+            <i class="pi pi-angle-down ml-auto lg:ml-3"></i>
+          </a>
+          <ul class="list-none py-3 px-6 m-0 lg:px-0 lg:py-0 border-round shadow-0 lg:shadow-2 lg:border-1 border-50 lg:absolute surface-overlay hidden origin-top w-full lg:w-15rem cursor-pointer">
+            <li>
+              <a v-ripple class="flex p-3 align-items-center text-600 hover:text-900 hover:surface-100 transition-colors transition-duration-150 p-ripple">
+                <i class="pi pi-user-plus mr-2"></i>
+                <span class="font-medium">Add New</span>
+              </a>
+            </li>
+            <li class="relative">
+              <a v-ripple class="flex p-3 align-items-center text-600 hover:text-900 hover:surface-100 transition-colors transition-duration-150 p-ripple"
+                 v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'scalein', leaveToClass: 'hidden', leaveActiveClass: 'fadeout', hideOnOutsideClick: true }">
+                <i class="pi pi-search mr-2"></i>
+                <span class="font-medium">Search</span>
+                <i class="pi pi-angle-down ml-auto lg:-rotate-90"></i>
+              </a>
+              <ul class="list-none py-3 pl-3 m-0 lg:px-0 lg:py-0 border-round shadow-0 lg:shadow-2 lg:border-1 border-50 lg:absolute surface-overlay hidden origin-top w-full lg:w-15rem cursor-pointer left-100 top-0">
+                <li>
+                  <a v-ripple class="flex p-3 align-items-center text-600 hover:text-900 hover:surface-100 transition-colors transition-duration-150 p-ripple">
+                    <i class="pi pi-shopping-cart mr-2"></i>
+                    <span class="font-medium">Purchases</span>
+                  </a>
+                </li>
+                <li class="relative">
+                  <a v-ripple class="flex p-3 align-items-center text-600 hover:text-900 hover:surface-100 transition-colors transition-duration-150 p-ripple">
+                    <i class="pi pi-comments mr-2"></i>
+                    <span class="font-medium">Messages</span>
+                  </a>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100 font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
+            <i class="pi pi-calendar mr-2"></i>
+            <span>Calendar</span>
+          </a>
+        </li>
+        <li>
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100 font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
+            <i class="pi pi-chart-line mr-2"></i>
+            <span>Stats</span>
+          </a>
+        </li>
+      </ul>
+      <ul class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column lg:flex-row border-top-1 surface-border lg:border-top-none">
+        <li>
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100 font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
+            <i class="pi pi-inbox text-base lg:text-2xl mr-2 lg:mr-0"></i>
+            <span class="block lg:hidden font-medium">Inbox</span>
+          </a>
+        </li>
+        <li>
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-3 align-items-center text-600 hover:text-900 hover:surface-100
+           font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
+            <i class="pi pi-bell text-base lg:text-2xl mr-2 lg:mr-0 p-overlay-badge">
+              <Badge value="2"></Badge>
+            </i>
+            <span class="block lg:hidden font-medium">Notifications</span>
+          </a>
+        </li>
+        <li class="border-top-1 surface-border lg:border-top-none">
+          <a v-ripple class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center hover:surface-100 font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
+            <img src="/images/empty-user-photo.svg" class="mr-3 lg:mr-0 border-circle" style="width: 28px; height: 28px"/>
+            <div class="block lg:hidden">
+              <div class="text-900 font-medium">Josephine Lillard</div>
+              <span class="text-600 font-medium text-sm">Marketing Specialist</span>
+            </div>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import Badge from "primevue/badge"
+</script>
+
+<style scoped>
+
+</style>

package/front/src/ObjectEditor.vue

@@ -0,0 +1,143 @@
+<template>
+  <div class="flex flex-row">
+    <div class="flex-grow-1 pt-1 pb-1">
+      <CodeEditor :readOnly="readOnly" :initialData="initialData" @result="result => handleEditResult(result)"
+        :ref="el => editorElementFound(el)" />
+    </div>
+    <div class="flex flex-column justify-content-end align-items-center">
+      <Button v-if="edited" @click="ev => resetObject(ev)"
+              icon="pi pi-refresh" class="p-button-rounded p-button-warning m-1 mr-2 mt-2" />
+      <Button v-if="edited" @click="ev => updateObject(ev)"
+              icon="pi pi-save" class="p-button-rounded p-button-primary m-1 mr-2" />
+      <Button @click="ev => deleteObject(ev)"
+              icon="pi pi-trash" class="p-button-rounded p-button-danger m-1 mr-2 mb-2" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+  import Button from "primevue/button"
+  import CodeEditor from "./CodeEditor.vue";
+
+  import { useToast } from 'primevue/usetoast'
+  const toast = useToast()
+  import { useConfirm } from 'primevue/useconfirm'
+  const confirm = useConfirm()
+
+  import { ref, onMounted, onUnmounted, inject, computed, watch } from "vue"
+  let isMounted = ref(false)
+  onMounted(() => isMounted.value = true)
+  onUnmounted(() => isMounted.value = false)
+
+  const workingZone = inject('workingZone')
+
+  const props = defineProps({
+    dbApi: {
+      type: String
+    },
+    currentData: {
+      type: String
+    },
+    readOnly: {
+      type: Boolean,
+      default: false
+    },
+    write: {
+      type: Function,
+      default: null
+    },
+    remove: {
+      type: Function,
+      default: null
+    }
+  })
+
+  const { dbApi, readOnly, write, remove } = props
+
+
+  const initialData = ref(JSON.parse(props.currentData))
+  const editedData = ref(JSON.parse(props.currentData))
+
+  const edited = computed(() => JSON.stringify(initialData.value) != JSON.stringify(editedData.value))
+
+  watch(() => props.currentData, currentData => {
+    const refresh = !edited.value
+    initialData.value = JSON.parse(currentData)
+    if(refresh) {
+      editedData.value = JSON.parse(currentData)
+      setTimeout(() => {
+        codeEditor.value.reset()
+      })
+    }
+  })
+
+  function handleEditResult(result) {
+    editedData.value = result.data
+  }
+
+  import { api } from "@live-change/vue3-ssr"
+  const dao = api().source
+
+  const codeEditor = ref()
+  function editorElementFound(element) {
+    codeEditor.value = element
+  }
+
+  import { dbRequestSugar } from "./dbSugar.js";
+
+  function resetObject(event) {
+    codeEditor.value.reset()
+  }
+
+  function deleteObject(event) {
+    const removeRequest = remove({ object: initialData.value }, dbRequestSugar)
+    const requestInfo =
+        `${removeRequest[0].join('.')}(${removeRequest.slice(1).map(v => JSON.stringify(v)).join(', ')})`
+    const id = initialData.value.id
+    confirm.require({
+      target: event.currentTarget,
+      message: `Do you want to delete object ${id}\n`,
+      //message: `${requestInfo} ?`,
+      icon: 'pi pi-trash',
+      acceptClass: 'p-button-danger',
+      accept: async () => {
+        workingZone.addPromise('deleteObject', (async () => {
+          await dao.request([ dbApi, ...removeRequest[0] ], ...(removeRequest.slice(1)))
+          toast.add({ severity:'info', summary: `Object ${id} deleted`, life: 1500 })
+        })())
+      },
+      reject: () => {
+        toast.add({ severity:'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 })
+      }
+    })
+  }
+
+  function updateObject(event) {
+    const updateRequest = write({ object: editedData.value }, dbRequestSugar)
+    const requestInfo =
+        `${updateRequest[0].join('.')}(${updateRequest.slice(1).map(v => JSON.stringify(v)).join(', ')})`
+    const id = editedData.value.id
+    confirm.require({
+      target: event.currentTarget,
+      message: `Do you want to update object ${id}\n`,
+      //message: `\n${requestInfo} ?`,
+      icon: 'pi pi-trash',
+      acceptClass: 'p-button-danger',
+      accept: async () => {
+        workingZone.addPromise('updateObject', (async () => {
+          await dao.request([ dbApi, ...updateRequest[0] ], ...(updateRequest.slice(1)))
+          toast.add({ severity:'info', summary: `Object ${id} updated`, life: 1500 })
+        })())
+      },
+      reject: () => {
+        toast.add({ severity:'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 })
+      }
+    })
+  }
+
+</script>
+
+<style scoped>
+
+</style>

package/front/src/Page.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="min-h-screen flex flex-column surface-ground">
+    <NavBar v-if="!navBarHidden"></NavBar>
+
+    <div class="relative h-0 w-full">
+      <ProgressBar v-if="loading || working" mode="indeterminate" class="absolute top-0 w-full" style="height: .2em" />
+    </div>
+    <div v-if="pageType == 'simple'" class="p-5 flex flex-column flex-auto align-items-center">
+      <slot></slot>
+    </div>
+    <div v-if="pageType == 'wide'">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import ProgressBar from "primevue/progressbar"
+  import NavBar from "./NavBar.vue"
+
+  const { working, loading } = defineProps({
+    working: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean
+    }
+  })
+
+  console.log("SETUP PAGE!!!")
+
+  import { computed } from 'vue'
+  import { useRoute } from 'vue-router'
+  const route = useRoute()
+
+  const pageType = computed(() => route.meta.pageType ?? 'simple' )
+  const navBarHidden = computed(() => route.meta.noNavBar )
+
+</script>

package/front/src/PathEditor.vue

@@ -0,0 +1,210 @@
+<template>
+  <div class="surface-0 shadow-1 w-full p-2">
+    <div class="flex flex-row flex-wrap w-full">
+      <div class="col-2 text-right p-1">read:</div>
+      <div class="col-10 p-1">
+        <CodeEditor :initialCode="path.read"
+                    @result="result => handleReadChange(result)" :env="env" :dbSugar="dbViewSugar" />
+      </div>
+    </div>
+    <div class="flex flex-row flex-wrap w-full">
+      <div class="col-2 text-right p-1">write:</div>
+      <div class="col-10 p-1">
+        <CodeEditor :initialCode="path.write"
+                    @result="result => handleWriteChange(result)" :env="env" :dbSugar="dbRequestSugar" />
+      </div>
+    </div>
+    <div class="flex flex-row flex-wrap w-full">
+      <div class="col-2 text-right p-1">remove:</div>
+      <div class="col-10 p-1">
+        <CodeEditor :initialCode="path.remove"
+                    @result="result => handleRemoveChange(result)" :env="env" :dbSugar="dbRequestSugar" />
+      </div>
+    </div>
+    <div v-for="field in path.params" class="flex flex-row flex-wrap w-full">
+      <div class="col-2 text-right p-1">{{ field[0] }} = </div>
+      <div class="col-10 p-1">
+        <CodeEditor :initialCode="field[1]"
+                    @result="result => handleParamChange(field[0], result)" />
+      </div>
+    </div>
+  </div>
+  <div v-if="false" class="surface-0 shadow-1 w-full">
+    <div class="flex flex-row flex-wrap w-full" >
+      <div class="col-2 text-right">Compiled:</div>
+      <div class="col-10" v-if="!readCompiled.error" v-html="highlightedObject(readCompiled.example)" />
+      <div class="col-10 p-error" v-else>{{ readCompiled.error }}</div>
+    </div>
+    <div class="flex flex-row flex-wrap w-full">
+      <div class="col-2 text-right"></div>
+      <div class="col-10" v-if="!writeCompiled.error" v-html="highlightedObject(writeCompiled.example)" />
+      <div class="col-10 p-error" v-else>{{ writeCompiled.error }}</div>
+    </div>
+    <div class="flex flex-row flex-wrap w-full">
+      <div class="col-2 text-right"></div>
+      <div class="col-10" v-if="!removeCompiled.error" v-html="highlightedObject(removeCompiled.example)" />
+      <div class="col-10 p-error" v-else>{{ removeCompiled.error }}</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+  import CodeEditor from "./CodeEditor.vue"
+
+  import { stringify } from "javascript-stringify"
+  import * as Prism from 'prismjs/components/prism-core'
+
+  function highlightedObject(obj) {
+    const code = stringify(obj)
+    return Prism.highlight(code, Prism.languages.js, "js")
+  }
+
+  import { dbRequestSugar, dbViewSugar } from "./dbSugar.js";
+
+  import { ref, reactive, computed, watch } from "vue"
+
+  const { modelValue } = defineProps({
+    modelValue: {
+      type: Object,
+      required: true
+    }
+  })
+
+  const emit = defineEmits(['update:modelValue', 'update:read', 'update:write', 'update:remove'])
+
+  const path = reactive(modelValue)
+
+
+  function handleReadChange(result) {
+    if(result.error) {
+    } else {
+      path.read = result.code
+    }
+  }
+
+  function handleWriteChange(result) {
+    if(result.error) {
+    } else {
+      path.write = result.code
+    }
+  }
+
+  function handleRemoveChange(result) {
+    if(result.error) {
+    } else {
+      path.remove = result.code
+    }
+  }
+
+  function handleParamChange(param, result) {
+    if(result.error) {
+    } else {
+      path.params.find(p => p[0] == param)[1] = result.code
+    }
+  }
+
+  import { extractParams, compilePath } from "./path.js"
+
+  const codeParams = computed( () => {
+    let allParams = []
+    allParams.push(...extractParams(path.read))
+    allParams.push(...extractParams(path.write))
+    allParams.push(...extractParams(path.remove))
+    for(const field of path.params) {
+      console.log("FD", field, "=>", extractParams(field[1]))
+      allParams.push(...extractParams(field[1]))
+    }
+
+    const paramsSet = new Set(allParams)
+    paramsSet.delete('range')
+    paramsSet.delete('object')
+    return Array.from(paramsSet)
+  })
+
+  const output = computed( () => {
+    return {
+      read: path.read,
+      write: path.write,
+      remove: path.remove,
+      params: path.params.map(([k, v]) => [k, v])
+    }
+  })
+
+  watch(() => codeParams.value, params => {
+    for(const newParam of params) {
+      if(!path.params.find(p => p[0] == newParam)) {
+        path.params.push([newParam, ''])
+      }
+    }
+    const removedParams = []
+    for(const oldParam of path.params) {
+      if(!params.find(p => p == oldParam[0]) && !oldParam[1]) {
+        removedParams.push(oldParam[0])
+      }
+    }
+    if(removedParams.length > 0) {
+      path.params = path.params.filter(p => !removedParams.includes(p[0]))
+    }
+  })
+
+  watch(() => output.value, value => {
+    console.log("EMIT OUTPUT!")
+    emit('update:modelValue', output.value)
+  })
+
+  const readCompiled = computed(() => {
+    try {
+      const compiled = compilePath(path.read, path.params, ['range'])
+      return { ...compiled, example: compiled.result({ range: {  } }, dbViewSugar) }
+    } catch (error) {
+      console.error("READ CODE ERROR", error)
+      return {
+        error: error.message
+      }
+    }
+  })
+
+  const writeCompiled = computed(() => {
+    try {
+      const compiled = compilePath(path.write, path.params, ['object'])
+      return { ...compiled, example: compiled.result({ object: { id: 'object' } }, dbRequestSugar) }
+    } catch (error) {
+      console.error("WRITE CODE ERROR", error)
+      return {
+        error: error.message
+      }
+    }
+  })
+
+  const removeCompiled = computed(() => {
+    try {
+      const compiled = compilePath(path.remove, path.params, ['object'])
+      return { ...compiled, example: compiled.result({ object: { id: 'object' } }, dbRequestSugar) }
+    } catch (error) {
+      console.error("DELETE CODE ERROR", error)
+      return {
+        error: error.message
+      }
+    }
+  })
+
+  watch(() => readCompiled.value, value => {
+    if(!value.error) emit('update:read', value)
+  })
+  watch(() => writeCompiled.value, value => {
+    if(!value.error) emit('update:write', value)
+  })
+  watch(() => removeCompiled.value, value => {
+    if(!value.error) emit('update:remove', value)
+  })
+  emit('update:read', readCompiled.value)
+  emit('update:write', writeCompiled.value)
+  emit('update:remove', removeCompiled.value)
+
+  const env = {
+    object: {},
+    range: {}
+  }
+
+</script>

package/front/src/dbSugar.js

@@ -0,0 +1,75 @@
+
+const dbRequests = [
+    'createDatabase',
+    'deleteDatabase',
+    'clearDatabaseOpLogs',
+    'clearTableOpLog',
+    'clearIndexOpLog',
+    'createTable',
+    'deleteTable',
+    'renameTable',
+    'createIndex',
+    'deleteIndex',
+    'renameIndex',
+    'createLog',
+    'deleteLog',
+    'renameLog',
+    'put',
+    'delete',
+    'update',
+    'putLog',
+    'putOldLog',
+    'query'
+]
+
+const dbViews = [
+    'databasesList',
+    'databases',
+    'databaseConfig',
+    'tablesList',
+    'indexesList',
+    'logsList',
+    'tableCount',
+    'indexesCount',
+    'logsCount',
+    'tables',
+    'indexes',
+    'logs',
+    'tableConfig',
+    'indexConfig',
+    'indexCode',
+    'logConfig',
+    'tableObject',
+    'tableRange',
+    'tableCount',
+    'tableOpLogObject',
+    'tableOpLogRange',
+    'tableOpLogCount',
+    'indexObject',
+    'indexRange',
+    'indexOpLogObject',
+    'indexOpLogRange',
+    'indexOpLogCount',
+    'logObject',
+    'logRange',
+    'logCount',
+    'query',
+    'queryObject'
+]
+
+export { dbViews, dbRequests }
+
+
+const dbRequestSugar = {}
+
+for(const request of dbRequests) {
+  dbRequestSugar[request] = (...args) => [[request], ...args]
+}
+
+const dbViewSugar = {}
+
+for(const view of dbViews) {
+  dbViewSugar[view] = (...args) => [view, ...args]
+}
+
+export { dbRequestSugar, dbViewSugar }