@edgedev/create-edge-app 0.0.1

package/functions/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "functions",
+  "description": "Cloud Functions for Firebase",
+  "scripts": {
+    "serve": "firebase emulators:start --only functions",
+    "shell": "firebase functions:shell",
+    "start": "npm run shell",
+    "deploy": "firebase deploy --only functions",
+    "logs": "firebase functions:log"
+  },
+  "engines": {
+    "node": "16"
+  },
+  "main": "index.js",
+  "dependencies": {
+    "firebase-admin": "^10.0.2",
+    "firebase-functions": "^4.2.1",
+    "form-data": "^4.0.0",
+    "formidable-serverless": "^1.1.1"
+  },
+  "devDependencies": {
+    "firebase-functions-test": "^0.2.0"
+  },
+  "private": true
+}

package/middleware/auth.ts

@@ -0,0 +1,17 @@
+export default defineNuxtRouteMiddleware(async () => {
+// EDGE START
+  const preLoginRoute = useState('preLoginRoute')
+  if (!preLoginRoute.value) {
+    preLoginRoute.value = window.location.pathname
+  }
+  const auth: any = useState('auth')
+  if (auth.value) {
+    if (!auth.value.loggedIn) {
+      return '/app/login'
+    }
+  }
+  else {
+    return '/app/login'
+  }
+// EDGE END
+})

package/nuxt.config.ts

@@ -0,0 +1,27 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  css: [
+    'vuetify/lib/styles/main.sass',
+    '@mdi/font/css/materialdesignicons.min.css',
+  ],
+  ssr: false,
+  build: {
+    transpile: ['vuetify'],
+  },
+  runtimeConfig: {
+    public: {
+      registrationCode: process.env.REGISTRATION_CODE,
+    },
+  },
+  components: {
+    dirs: [
+      { path: '~/components/formSubtypes', global: true, prefix: 'form-subtypes' },
+      '~/components',
+    ],
+  },
+  vite: {
+    define: {
+      'process.env.DEBUG': false,
+    },
+  },
+})

package/package.json

@@ -0,0 +1,34 @@
+{
+    "name": "@edgedev/create-edge-app",
+    "version": "0.0.1",
+    "description": "Create Edge Starter App",
+    "bin": "bin/cli-edge-app.js",
+    "scripts": {
+        "build": "nuxt build",
+        "dev": "nuxt dev",
+        "emulator": "nuxt dev --dotenv .env.dev",
+        "build-emulator": "nuxt generate --dotenv .env.dev",
+        "generate": "nuxt generate",
+        "preview": "nuxt preview",
+        "postinstall": "nuxt prepare"
+    },
+    "devDependencies": {
+        "@antfu/eslint-config": "^0.35.1",
+        "@mdi/font": "^7.1.96",
+        "@nuxt/devtools": "^0.7.2",
+        "@types/node": "^18.11.18",
+        "eslint": "^8.33.0",
+        "firebase": "^9.17.1",
+        "nuxt": "^3.1.2",
+        "sass": "^1.58.0",
+        "typescript": "^4.9.5",
+        "vuedraggable": "^4.1.0",
+        "vuetify": "^3.1.13"
+    },
+    "dependencies": {
+        "@chenfengyuan/vue-number-input": "2",
+        "@edgedev/firebase": "latest",
+        "@edgedev/firebase-framework": "latest",
+        "maska": "^2.1.9"
+    }
+}

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

@@ -0,0 +1,48 @@
+<script setup>
+const route = useRoute()
+const edgeGlobal = inject('edgeGlobal')
+
+const state = reactive({
+  newDocs: {
+    things: {
+      name: { type: 'text', value: '', rules: [edgeGlobal.edgeRules.required], helper: 'Name', cols: '12' },
+      description: { type: 'text', value: '', rules: [], helper: 'Description', cols: '12' },
+      subthings: { type: 'collection', value: '', rules: [], helper: 'Subthings', cols: '12' },
+    },
+    subthings: {
+      name: { type: 'text', value: '', rules: [edgeGlobal.edgeRules.required], helper: 'Name', cols: '12' },
+    },
+  },
+})
+
+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/pages/app/login.vue

@@ -0,0 +1,16 @@
+<script setup>
+</script>
+
+<template>
+  <v-container class="fill-height" fluid>
+    <v-row align="center" class="fill-height" justify="center">
+      <v-col cols="12" class="center-align" sm="8" md="6">
+        <edge-auth type="login" />
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

package/pages/app/signup.vue

@@ -0,0 +1,17 @@
+<script setup>
+const config = useRuntimeConfig()
+</script>
+
+<template>
+  <v-container class="fill-height" fluid>
+    <v-row align="center" class="fill-height" justify="center">
+      <v-col cols="12" class="center-align" sm="8" md="6">
+        <edge-auth type="register" :registration-code="config.public.registrationCode" />
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

package/plugins/draggable.ts

@@ -0,0 +1,5 @@
+import draggable from 'vuedraggable'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component('draggable', draggable)
+})

package/plugins/edgeFirebaseFramework.ts

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

package/plugins/firebase.client.ts

@@ -0,0 +1,16 @@
+import edgeFirebase from '@edgedev/firebase'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(edgeFirebase, {
+    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
+    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
+    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
+    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
+    appId: import.meta.env.VITE_FIREBASE_APP_ID,
+    measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID,
+    emulatorAuth: import.meta.env.VITE_FIREBASE_EMULATOR_AUTH,
+    emulatorFirestore: import.meta.env.VITE_FIREBASE_EMULATOR_FIRESTORE,
+    emulatorFunctions: import.meta.env.VITE_FIREBASE_EMULATOR_FUNCTIONS,
+  }, true, true)
+})

package/plugins/maska.ts

@@ -0,0 +1,5 @@
+import { vMaska } from 'maska'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.directive('maska', vMaska)
+})

package/plugins/number.ts

@@ -0,0 +1,4 @@
+import VueNumberInput from '@chenfengyuan/vue-number-input'
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component('VueNumberInput', VueNumberInput)
+})

package/plugins/vuetify.ts

@@ -0,0 +1,14 @@
+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)
+})

package/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

package/storage.rules

@@ -0,0 +1,8 @@
+rules_version = '2';
+service firebase.storage {
+  match /b/{bucket}/o {
+    match /{allPaths=**} {
+      allow read, write: if false;
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}