firebase and github actions

Author: lucasferreiralimax

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "voicecapture-vue"
+  }
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+on:
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_VOICECAPTURE_VUE }}
+          channelId: live
+          projectId: voicecapture-vue

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,21 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+on: pull_request
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+jobs:
+  build_and_preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == github.repository }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_VOICECAPTURE_VUE }}
+          projectId: voicecapture-vue

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

src/App.vue

@@ -1,6 +1,6 @@
 <script setup>
 import Nucleus from 'nucleus-vue';
-import VoiceCaptureVue from './main-voicecapture';
+import VoiceCaptureVue from './components/VoiceCapture.vue';
 import { configApp } from './App.config';
 </script>
 

vite-module.config.js

@@ -16,8 +16,8 @@ export default defineConfig({
   ],
   build: {
     lib: {
-      entry: resolve(__dirname, 'src/main-darkmode.js'),
-      name: 'VoiceCaptureVue',
+      entry: resolve(__dirname, 'src/main-voicecapture.js'),
+      name: 'VoiceCapture',
       // the proper extensions will be added
       fileName: 'voicecapture-vue'
     },