feat: integrate Firebase

package.json

@@ -41,6 +41,7 @@
     "dayjs": "^1.11.5",
     "echarts": "^5.4.0",
     "esptool-js": "^0.3.0",
+    "firebase": "^10.7.1",
     "js-base64": "^3.7.5",
     "lodash": "^4.17.21",
     "mitt": "^3.0.0",

src/main.ts

@@ -1,6 +1,7 @@
 import { createApp } from 'vue';
 import ArcoVue from '@arco-design/web-vue';
 import ArcoVueIcon from '@arco-design/web-vue/es/icon';
+import './utils/firebase';
 import router from './router';
 import store from './store';
 import i18n from './locale';

src/pages/setup/config/components/Config.vue

@@ -129,6 +129,7 @@
   import { DeviceStatus } from '@/sscma';
   import useDeviceManager from '@/hooks/deviceManager';
   import { retry } from '@/utils/timer';
+  import { logEvent } from '@/utils/firebase';
 
   const appStore = useAppStore();
   const { device } = useDeviceManager();
@@ -175,6 +176,7 @@
   const change = ref(true);
 
   const handleSubmit = async () => {
+    logEvent('config', { type: 'Config Wifi Or MQTT', behavior: 'save' });
     loading.value = true;
     let ret = 0;
     if (

src/pages/setup/process/components/Config.vue

@@ -49,6 +49,7 @@
   import { useDeviceStore } from '@/store';
   import useDeviceManager from '@/hooks/deviceManager';
   import { DeviceStatus } from '@/sscma';
+  import { logEvent } from '@/utils/firebase';
 
   const { device } = useDeviceManager();
 
@@ -61,13 +62,15 @@
     const result = await device.value?.setScore(value as number);
     if (Number(result) === Number(value)) {
       deviceStore.setScore(Number(result));
+      logEvent('config', { type: 'Confidence', value });
     }
   };
 
   const setIou = async (value: number | [number, number]) => {
     const result = await device.value?.setIOU(value as number);
     if (Number(result) === Number(value)) {
       deviceStore.setIOU(Number(result));
+      logEvent('config', { type: 'iou', value });
     }
   };
 

src/pages/setup/process/components/Device.vue

@@ -316,6 +316,7 @@
   import useDeviceManager from '@/hooks/deviceManager';
   import { FlashWayType, DeviceWIFIStatus } from '@/store/modules/device';
   import { flashErrorHandle } from '@/utils/flash';
+  import { logEvent } from '@/utils/firebase';
 
   export type FileType<T> = {
     data: T;
@@ -539,6 +540,11 @@
   };
 
   const handleUpload = async () => {
+    logEvent('flash', {
+      type: 'Prefabricated',
+      behavior: 'send',
+      modelName: deviceStore.models[selectedModel.value]?.name,
+    });
     if (deviceStore.flashWay === FlashWayType.ComeToSenseCraftAI) {
       if (isComeToFlashFinished.value) {
         Message.warning(t('workplace.device.message.model.current'));
@@ -582,6 +588,7 @@
   };
 
   const beforeUpload = (file: File): Promise<boolean> => {
+    logEvent('flash', { type: 'Custom', behavior: 'before upload' });
     return new Promise((resolve) => {
       if (file) {
         modelFile.value = file;
@@ -591,6 +598,7 @@
   };
 
   const beforeRemove = (fileItem: FileItem): Promise<boolean> => {
+    logEvent('flash', { type: 'Custom', behavior: 'before remove' });
     return new Promise((resolve) => {
       const file = fileItem.file;
       if (file) {
@@ -601,6 +609,7 @@
   };
 
   const handleAddClass = () => {
+    logEvent('flash', { type: 'Custom', behavior: 'add class' });
     showInput.value = true;
     nextTick(() => {
       if (inputRef.value) {
@@ -610,6 +619,7 @@
   };
 
   const handleAdd = () => {
+    logEvent('flash', { type: 'Custom', behavior: 'add' });
     if (inputVal.value) {
       modelObjects.value.push(inputVal.value);
       inputVal.value = '';
@@ -618,10 +628,12 @@
   };
 
   const handleRemove = (key: any) => {
+    logEvent('flash', { type: 'Custom', behavior: 'remove' });
     modelObjects.value = modelObjects.value.filter((tag) => tag !== key);
   };
 
   const handleCustomModelOk = async () => {
+    logEvent('flash', { type: 'Custom', behavior: 'ok' });
     try {
       if (modalName.value == null || modalName.value === '') {
         throw new Error(t('workplace.device.message.model.name'));
@@ -646,15 +658,18 @@
   };
 
   const handleOk = () => {
+    logEvent('flash', { type: 'Come to SenseCraftAI', behavior: 'ok' });
     comeToSenseCraftAIFlash();
     visible.value = false;
   };
 
   const handleCancel = () => {
+    logEvent('flash', { type: 'Come to SenseCraftAI', behavior: 'cancel' });
     visible.value = false;
   };
 
   const onClickGoToConfigWifi = () => {
+    logEvent('config', { type: 'Go to Config Wifi' });
     router.push('/setup/config');
   };
 

src/pages/setup/process/components/Preview.vue

@@ -31,6 +31,7 @@
   import { useDeviceStore } from '@/store';
   import useDeviceManager from '@/hooks/deviceManager';
   import { DeviceStatus } from '@/sscma';
+  import { logEvent } from '@/utils/firebase';
 
   const { device, term } = useDeviceManager();
 
@@ -73,6 +74,7 @@
   const length = computed(() => classes.value.length);
 
   const handleInvoke = async () => {
+    logEvent('invoke', { behavior: 'invoke' });
     const model = await device.value?.getModel();
     const isAvailable = model?.id !== undefined;
     deviceStore.setCurrentAvailableModel(isAvailable);
@@ -90,6 +92,7 @@
   };
 
   const handleStop = () => {
+    logEvent('invoke', { behavior: 'stop' });
     device.value?.break();
     invoke.value = false;
     deviceStore.setIsInvoke(false);

src/utils/firebase.ts

@@ -0,0 +1,26 @@
+import { getAnalytics, logEvent as _logEvent } from 'firebase/analytics';
+import { initializeApp } from 'firebase/app';
+
+const firebaseConfig = {
+  apiKey: 'AIzaSyC29Eoxbxk-vSfXr8R1WsyoXmyfkTcCIfA',
+  authDomain: 'sensecraft-web-toolkit.firebaseapp.com',
+  projectId: 'sensecraft-web-toolkit',
+  storageBucket: 'sensecraft-web-toolkit.appspot.com',
+  messagingSenderId: '735675280733',
+  appId: '1:735675280733:web:656f1d11574b7a26530cb4',
+  measurementId: 'G-5X90WMK2M7',
+};
+
+// Initialize Firebase
+const firebaseApp = initializeApp(firebaseConfig);
+const analytics = getAnalytics(firebaseApp);
+export function logEvent(
+  eventName: string,
+  eventParams?: {
+    [key: string]: any;
+  }
+) {
+  _logEvent(analytics, eventName, eventParams);
+}
+
+export default analytics;