@edgedev/create-edge-app 1.0.41 → 1.0.42

package/components/dashboard.vue

@@ -1,186 +0,0 @@
-<script setup>
-const props = defineProps({
-  collection: {
-    type: String,
-    required: true,
-  },
-})
-
-const edgeFirebase = inject('edgeFirebase')
-const edgeGlobal = inject('edgeGlobal')
-const router = useRouter()
-
-const state = reactive({
-  form: false,
-  menu: false,
-  dialog: false,
-  apiKeys: [],
-  filter: '',
-  empty: false,
-  afterMount: false,
-  deleteDialog: false,
-  deleteItemName: '',
-  deleteItemDocId: '',
-})
-
-const gotoSite = (docId) => {
-  router.push(`/app/dashboard/${props.collection}/${docId}`)
-}
-
-const capitalizeFirstLetter = (str) => {
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
-
-const singularize = (word) => {
-  if (word.endsWith('ies')) {
-    return `${word.slice(0, -3)}y`
-  }
-  else if (word.endsWith('es')) {
-    return word.slice(0, -2)
-  }
-  else if (word.endsWith('s')) {
-    return word.slice(0, -1)
-  }
-  else {
-    return word
-  }
-}
-
-const filtered = computed(() => {
-  if (edgeGlobal.objHas(edgeFirebase.data, `${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`) === false) {
-    return []
-  }
-
-  const allData = Object.values(edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`])
-
-  const filtered = allData.filter((entry) => {
-    if (state.filter.trim() === '') {
-      return true
-    }
-
-    // Modify the condition as needed, e.g., using "startsWith" or "includes"
-    return entry.name.toLowerCase().includes(state.filter.toLowerCase())
-  })
-  return filtered.sort((a, b) => {
-    if (a.name < b.name) {
-      return -1
-    }
-    if (a.name > b.name) {
-      return 1
-    }
-    return 0
-  })
-})
-
-onBeforeMount (async () => {
-  await edgeFirebase.startSnapshot(`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`)
-  state.afterMount = true
-})
-
-const deleteItem = (docId) => {
-  state.deleteDialog = true
-  state.deleteItemName = edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`][docId].name
-  state.deleteItemDocId = docId
-}
-
-const deleteAction = () => {
-  edgeFirebase.removeDoc(`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`, state.deleteItemDocId)
-  state.deleteDialog = false
-}
-</script>
-
-<template>
-  <v-card v-if="state.afterMount" class="mx-auto" max-width="1200">
-    <v-toolbar flat>
-      <v-toolbar-title>{{ capitalizeFirstLetter(props.collection) }}</v-toolbar-title>
-      <v-text-field
-        v-model="state.filter"
-        label="Filter"
-        prepend-icon="mdi-filter"
-        variant="underlined"
-        hide-details
-        clearable
-        @click:clear="state.filter = ''"
-      />
-      <v-spacer />
-      <v-btn variant="outlined" :to="`/app/dashboard/${props.collection}/new`">
-        Add {{ singularize(props.collection) }}
-      </v-btn>
-    </v-toolbar>
-    <v-card-text>
-      <v-list lines="two">
-        <template v-for="item in filtered" :key="item.docId">
-          <v-list-item @click="gotoSite(item.docId)">
-            <template #prepend>
-              <v-avatar color="grey-darken-1">
-                <v-icon>mdi-file-edit</v-icon>
-              </v-avatar>
-            </template>
-
-            <v-list-item-title>{{ item.name }}</v-list-item-title>
-            <template #append>
-              <v-btn
-                color="grey-lighten-1"
-                icon="mdi-delete"
-                variant="text"
-                @click.stop="deleteItem(item.docId)"
-              />
-            </template>
-          </v-list-item>
-          <v-divider
-            inset
-          />
-        </template>
-      </v-list>
-    </v-card-text>
-    <v-dialog
-      v-model="state.deleteDialog"
-      persistent
-      max-width="600"
-      transition="fade-transition"
-    >
-      <v-card>
-        <v-toolbar flat>
-          <v-icon class="mx-4">
-            mdi-list-box
-          </v-icon>
-          Delete
-          <v-spacer />
-
-          <v-btn
-            type="submit"
-            color="primary"
-            icon
-            @click="state.deleteDialog = false"
-          >
-            <v-icon> mdi-close</v-icon>
-          </v-btn>
-        </v-toolbar>
-        <v-card-title>Are you sure you want to delete "{{ state.deleteItemName }}"?</v-card-title>
-        <v-card-text>Hey there, you're about to banish "{{ state.deleteItemName }}" into the endless abyss of deletion, never to be seen again. Remember, this is not just another trashy reality TV show - there are no sudden comebacks or surprise twists. Once it's gone, it's gone, just like the dignity of anyone who wears socks with sandals. Are you 100% sure you're ready to make ""{{ state.deleteItemName }}"" disappear like a magician's assistant? Tick-tock, the choice is yours!</v-card-text>
-        <v-card-actions>
-          <v-spacer />
-          <v-btn
-            color="blue-darken-1"
-            variant="text"
-            @click="state.deleteDialog = false"
-          >
-            Cancel
-          </v-btn>
-          <v-btn
-            type="submit"
-            color="error"
-            variant="text"
-            @click="deleteAction()"
-          >
-            Delete
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </v-card>
-</template>
-
-<style lang="scss" scoped>
-
-</style>

package/components/editor.vue

@@ -1,247 +0,0 @@
-<script setup>
-const props = defineProps({
-  docId: {
-    type: String,
-    default: '',
-  },
-  collection: {
-    type: String,
-    required: true,
-  },
-  newDocSchema: {
-    type: Object,
-    required: true,
-  },
-})
-
-const newDoc = computed(() => {
-  return Object.entries(props.newDocSchema).reduce((newObj, [key, val]) => {
-    newObj[key] = val.value
-    return newObj
-  }, {})
-})
-
-const router = useRouter()
-
-const state = reactive({
-  workingDoc: {},
-  form: false,
-  tab: 'forms',
-  bypassUnsavedChanges: false,
-  afterMount: false,
-})
-const edgeFirebase = inject('edgeFirebase')
-const edgeGlobal = inject('edgeGlobal')
-
-const unsavedChanges = computed(() => {
-  if (props.docId === 'new') {
-    return false
-  }
-  return JSON.stringify(state.workingDoc) !== JSON.stringify(edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`][props.docId])
-})
-
-const subCollection = (collection) => {
-  if (edgeGlobal.objHas(edgeFirebase.data, `${edgeGlobal.edgeState.organizationDocPath}/${collection}`) === false) {
-    return []
-  }
-  // need to return an array of objects title is name and value is docId
-  return Object.entries(edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${collection}`]).map(([key, val]) => {
-    return {
-      title: val.name,
-      value: key,
-    }
-  })
-}
-
-onBeforeRouteUpdate((to, from, next) => {
-  if (unsavedChanges.value && !state.bypassUnsavedChanges) {
-    state.dialog = true
-    next(false)
-    return
-  }
-  edgeGlobal.edgeState.changeTracker = {}
-  next()
-})
-
-const discardChanges = async () => {
-  if (props.docId === 'new') {
-    state.bypassUnsavedChanges = true
-    edgeGlobal.edgeState.changeTracker = {}
-    router.push('/app/dashboard')
-    return
-  }
-  state.workingDoc = await edgeGlobal.dupObject(edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`][props.docId])
-  state.bypassUnsavedChanges = true
-  edgeGlobal.edgeState.changeTracker = {}
-  router.push('/app/dashboard')
-}
-
-const capitalizeFirstLetter = (str) => {
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
-
-const singularize = (word) => {
-  if (word.endsWith('ies')) {
-    return `${word.slice(0, -3)}y`
-  }
-  else if (word.endsWith('es')) {
-    return word.slice(0, -2)
-  }
-  else if (word.endsWith('s')) {
-    return word.slice(0, -1)
-  }
-  else {
-    return word
-  }
-}
-
-const title = computed(() => {
-  if (props.docId !== 'new') {
-    if (!edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`]) {
-      return ''
-    }
-    return capitalizeFirstLetter(`${edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`][props.docId].name}`)
-  }
-  else {
-    return `New ${capitalizeFirstLetter(singularize(props.collection))}`
-  }
-})
-
-const onSubmit = async (event) => {
-  const results = await event
-  if (results.valid) {
-    state.bypassUnsavedChanges = true
-    edgeFirebase.storeDoc(`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`, state.workingDoc)
-    edgeGlobal.edgeState.changeTracker = {}
-    router.push(`/app/dashboard/${props.collection}`)
-  }
-}
-
-onBeforeMount(async () => {
-  edgeGlobal.edgeState.changeTracker = {}
-  for (const field of Object.keys(props.newDocSchema)) {
-    if (props.newDocSchema[field].type === 'collection') {
-      await edgeFirebase.startSnapshot(`${edgeGlobal.edgeState.organizationDocPath}/${field}`)
-    }
-  }
-  await edgeFirebase.startSnapshot(`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`)
-})
-
-watch(() => edgeFirebase.data[`${edgeGlobal.edgeState.organizationDocPath}/${props.collection}`], (newVal) => {
-  if (props.docId !== 'new') {
-    if (edgeGlobal.objHas(newVal, props.docId) === false) {
-      return
-    }
-    state.workingDoc = edgeGlobal.dupObject(newVal[props.docId])
-    Object.keys(newDoc.value).forEach((field) => {
-      if (!edgeGlobal.objHas(state.workingDoc, field)) {
-        state.workingDoc[field] = newDoc.value[field]
-      }
-    })
-    state.afterMount = true
-  }
-  else {
-    state.workingDoc = edgeGlobal.dupObject(newDoc.value)
-    state.afterMount = true
-  }
-})
-</script>
-
-<template>
-  <v-card v-if="state.afterMount" class="mx-auto" max-width="1200">
-    <v-form
-      v-model="state.form"
-      validate-on="submit"
-      @submit.prevent="onSubmit"
-    >
-      <v-toolbar flat>
-        <v-icon class="mx-4">
-          mdi-atom-variant
-        </v-icon>
-
-        {{ title }}
-        <v-spacer />
-        <v-btn
-          type="submit"
-          color="primary"
-          variant="text"
-        >
-          Save
-        </v-btn>
-      </v-toolbar>
-      <v-card-text>
-        <v-row>
-          <v-col v-for="(field, name, index) in props.newDocSchema" :key="index" :cols="field.cols">
-            <g-input
-              v-if="field.bindings['field-type'] !== 'collection'"
-              v-model="state.workingDoc[name]"
-              :disable-tracking="props.docId === 'new'"
-              :parent-tracker-id="`${props.collection}-${props.docId}`"
-              v-bind="field.bindings"
-            />
-            <g-input
-              v-else
-              v-model="state.workingDoc[name]"
-              :disable-tracking="props.docId === 'new'"
-              field-type="select"
-              :label="field.bindings.label"
-              :items="subCollection(name)"
-              :parent-tracker-id="`${props.collection}-${props.docId}`"
-            />
-          </v-col>
-        </v-row>
-      </v-card-text>
-      <v-card-actions>
-        <v-spacer />
-        <v-btn
-          v-if="!unsavedChanges"
-          color="secondary"
-          variant="text"
-          to="/app/dashboard"
-        >
-          Close
-        </v-btn>
-        <v-btn
-          v-else
-          color="secondary"
-          variant="text"
-          to="/app/dashboard"
-        >
-          Cancel
-        </v-btn>
-
-        <v-btn
-          type="submit"
-          color="primary"
-          variant="text"
-        >
-          Save
-        </v-btn>
-      </v-card-actions>
-    </v-form>
-  </v-card>
-  <v-dialog v-model="state.dialog" max-width="500px">
-    <v-card>
-      <v-card-title class="headline">
-        Unsaved Changes!
-      </v-card-title>
-      <v-card-text>
-        <h4>"{{ title }}" has unsaved changes.</h4>
-        <p>Are you sure you want to discard them?</p>
-      </v-card-text>
-      <v-card-actions>
-        <v-spacer />
-        <v-btn color="blue darken-1" text @click="state.dialog = false">
-          Cancel
-        </v-btn>
-        <v-btn color="error" text @click="discardChanges()">
-          Discard
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>
-
-<style lang="scss" scoped>
-
-</style>

package/components/topMenu.vue

@@ -1,17 +0,0 @@
-<script setup>
-const edgeFirebase = inject('edgeFirebase')
-const edgeGlobal = inject('edgeGlobal')
-</script>
-
-<template>
-  <v-app-bar v-if="edgeFirebase.user.loggedIn">
-    <v-spacer />
-    <user-menu />
-  </v-app-bar>
-</template>
-
-<style lang="scss" scoped>
-  .inverted-logo {
-    filter: invert(1);
-  }
-</style>

package/components/userMenu.vue

@@ -1,64 +0,0 @@
-<script setup>
-const edgeFirebase = inject('edgeFirebase')
-const edgeGlobal = inject('edgeGlobal')
-</script>
-
-<template>
-  <v-menu>
-    <template #activator="{ props }">
-      <v-btn
-        prepend-icon="mdi-account-group-outline"
-        color="primary"
-        dark
-        v-bind="props"
-        variant="plain"
-      >
-        <template #prepend>
-          <v-icon color="secondary" />
-        </template>
-        {{ edgeGlobal.currentOrganizationObject.name }}
-      </v-btn>
-    </template>
-    <v-card>
-      <v-list>
-        <v-list-item
-          :title="edgeFirebase.user.meta.name"
-          :subtitle="edgeFirebase.user.firebaseUser.providerData[0].email"
-        >
-          <template #prepend>
-            <v-avatar>
-              <v-icon>
-                mdi-account
-              </v-icon>
-            </v-avatar>
-          </template>
-          <template #append>
-            <v-btn size="small" variant="text" icon="mdi-menu-down" />
-          </template>
-        </v-list-item>
-      </v-list>
-      <v-divider />
-      <edge-org-switcher />
-
-      <v-divider />
-
-      <v-list :lines="false" density="compact" nav>
-        <v-list-item link to="/app/account/organization-settings">
-          <v-list-item-title>Manage Account</v-list-item-title>
-        </v-list-item>
-
-        <v-list-item link to="/app/account/my-profile">
-          <v-list-item-title>My Profile</v-list-item-title>
-        </v-list-item>
-      </v-list>
-
-      <v-divider />
-
-      <v-list :lines="false" density="compact" nav>
-        <v-list-item @click="logOut(edgeFirebase, edgeGlobal)">
-          <v-list-item-title>Log out</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </v-card>
-  </v-menu>
-</template>

package/composables/vuetify.ts

@@ -1,10 +0,0 @@
-// DO NOT CHANGE THIS FILE
-import { getCurrentInstance } from 'vue'
-
-export function useVuetify() {
-  const instance: any = getCurrentInstance()
-  if (!instance) {
-    throw new Error('useVuetify should be called in setup().')
-  }
-  return instance.proxy.$vuetify
-}

package/pages/app/[[page]]/[[collection]]/[[docId]].vue

@@ -1,48 +0,0 @@
-<script setup>
-const route = useRoute()
-const edgeGlobal = inject('edgeGlobal')
-
-const state = reactive({
-  newDocs: {
-    things: {
-      name: { bindings: { 'field-type': 'text', 'label': 'Name', 'rules': [edgeGlobal.edgeRules.required], 'helper': 'Name' }, cols: '12', value: '' },
-      description: { bindings: { 'field-type': 'text', 'rules': [], 'helper': 'Description' }, cols: '12', value: '' },
-      subthings: { bindings: { 'field-type': 'collection', 'rules': [], 'helper': 'Subthings' }, cols: '12', value: '' },
-    },
-    subthings: {
-      name: { bindings: { 'field-type': 'text', 'rules': [edgeGlobal.edgeRules.required], 'helper': 'Name' }, cols: '12', value: '' },
-    },
-  },
-})
-
-const page = computed(() => {
-  return route.params.page
-})
-const collection = computed(() => {
-  if (route.params.collection) {
-    return route.params.collection
-  }
-  return 'things'
-})
-const docId = computed(() => {
-  if (route.params.docId) {
-    return route.params.docId
-  }
-  return ''
-})
-definePageMeta({
-  middleware: 'auth',
-})
-</script>
-
-<template>
-  <v-container
-    v-if="edgeGlobal.edgeState.organizationDocPath"
-    class="py-8 px-6"
-    fluid
-  >
-    <dashboard v-if="page === 'dashboard' && docId === ''" :collection="collection" />
-    <editor v-else-if="page === 'dashboard' && docId !== ''" :collection="collection" :doc-id="docId" :new-doc-schema="state.newDocs[collection]" />
-    <account v-else-if="page === 'account'" />
-  </v-container>
-</template>

package/plugins/edgeFirebaseFramework.ts

@@ -1,5 +0,0 @@
-import edgeFirebaseFramework from '../edgeFirebaseFramework/vuetifyplugin'
-
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(edgeFirebaseFramework)
-})

package/plugins/vuetify.ts

@@ -1,14 +0,0 @@
-export default defineNuxtPlugin (async (nuxtApp) => {
-  const { createVuetify } = await import('vuetify')
-  const components = await import('vuetify/components')
-  const directives = await import('vuetify/directives')
-  const vuetify = createVuetify({
-    theme: {
-      defaultTheme: 'light',
-    },
-    components,
-    directives,
-  })
-
-  nuxtApp.vueApp.use(vuetify)
-})