mysqlsyncr 1.0.44 → 1.0.48

package/ui/src/pages/MainComponent.vue

@@ -394,7 +394,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 import FolderBrowser from '../components/FolderBrowser.vue'
 
 
@@ -456,7 +455,7 @@ export default {
         async refreshDifferences() {
             if (!this.isDbSetup) return
             try {
-                const response = await axios.post('/api/compare', {
+                const response = await this.$api.post('/api/compare', {
                     config: {
                         host: this.host,
                         port: this.port,
@@ -473,7 +472,7 @@ export default {
         },
         async getDatabasesFromExistingDumps() {
             try {
-                const response = await axios.post(
+                const response = await this.$api.post(
                     `/api/getDatabasesFromExistingDumps`,
                     {
                         config: {
@@ -764,32 +763,46 @@ export default {
             }))
         },
         async fetchAllDifferences() {
-            const response = await axios.post('/api/compare', {
-                config: {
-                    host: this.host,
-                    port: this.port,
-                    user: this.user,
-                    password: this.password,
-                    output: this.dbFolder,
-                },
-            })
-            this.differences = response.data
-            console.log('Differences in fetchAllDifferences:', this.differences)
-        },
-        async fetchDifferencesForSelectedDb() {
-            if (Object.keys(this.existingDatabases).length > 0) {
-                const selectedDbName = Object.keys(this.existingDatabases)[0]
-                const response = await axios.post('/api/compare', {
+            try {
+                const response = await this.$api.post('/api/compare', {
                     config: {
                         host: this.host,
                         port: this.port,
                         user: this.user,
                         password: this.password,
                         output: this.dbFolder,
-                        database: selectedDbName,
-                    },
+                },
                 })
                 this.differences = response.data
+                console.log('Differences in fetchAllDifferences:', this.differences)
+            } catch (error) {
+                console.error('Error fetching all differences:', error)
+                this.$q.notify({
+                    type: 'negative',
+                    message: error.response?.data?.message || 'Error fetching all differences',
+                    position: 'top'
+                })
+                throw error
+            }
+        },
+        async fetchDifferencesForSelectedDb() {
+            if (Object.keys(this.existingDatabases).length > 0) {
+                const selectedDbName = Object.keys(this.existingDatabases)[0]
+                try {
+                    const response = await this.$api.post('/api/compare', {
+                        config: {
+                            host: this.host,
+                            port: this.port,
+                            user: this.user,
+                            password: this.password,
+                        output: this.dbFolder,
+                        database: selectedDbName,
+                        },
+                    })
+                    this.differences = response.data
+                } catch (error) {
+                    console.error('Error fetching differences for selected db:', error)
+                }
             }
         },
         async createNewDump(overwrite = false) {
@@ -820,7 +833,7 @@ export default {
 
             try {
 
-                let response = await axios.post('/api/dump', {
+                let response = await this.$api.post('/api/dump', {
                     config: {
                         host: this.host,
                         port: this.port,
@@ -904,7 +917,7 @@ export default {
                 }
 
 
-                const response = await axios.post('/api/apply', {
+                const response = await this.$api.post('/api/apply', {
                     config: {
                         host: this.host,
                         port: this.port,

package/ui/src/router/index.js

@@ -1,30 +1,30 @@
-import { defineRouter } from '#q-app/wrappers'
-import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
-import routes from './routes'
-
-/*
- * If not building with SSR mode, you can
- * directly export the Router instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Router instance.
- */
-
-export default defineRouter(function (/* { store, ssrContext } */) {
-  const createHistory = process.env.SERVER
-    ? createMemoryHistory
-    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)
-
-  const Router = createRouter({
-    scrollBehavior: () => ({ left: 0, top: 0 }),
-    routes,
-
-    // Leave this as is and make changes in quasar.conf.js instead!
-    // quasar.conf.js -> build -> vueRouterMode
-    // quasar.conf.js -> build -> publicPath
-    history: createHistory(process.env.VUE_ROUTER_BASE)
-  })
-
-  return Router
-})
+import { defineRouter } from '#q-app/wrappers'
+import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
+import routes from './routes'
+
+/*
+ * If not building with SSR mode, you can
+ * directly export the Router instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Router instance.
+ */
+
+export default defineRouter(function (/* { store, ssrContext } */) {
+  const createHistory = process.env.SERVER
+    ? createMemoryHistory
+    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)
+
+  const Router = createRouter({
+    scrollBehavior: () => ({ left: 0, top: 0 }),
+    routes,
+
+    // Leave this as is and make changes in quasar.conf.js instead!
+    // quasar.conf.js -> build -> vueRouterMode
+    // quasar.conf.js -> build -> publicPath
+    history: createHistory(process.env.VUE_ROUTER_BASE)
+  })
+
+  return Router
+})

package/ui/src/router/routes.js

@@ -1,20 +1,20 @@
-import DumpDatabase from 'pages/DumpDatabase.vue';
-import CompareDatabase from 'pages/CompareDatabase.vue';
-import ApplyChanges from 'pages/ApplyChanges.vue';
-import MainComponent from 'pages/MainComponent.vue';
-
-const routes = [
-  {
-    path: '/',
-    component: () => import('layouts/MainLayout.vue'),
-    children: [
-      { path: '', component: MainComponent },
-      { path: '/dump', component: DumpDatabase },
-      { path: '/compare', component: CompareDatabase },
-      { path: '/apply', component: ApplyChanges },
-    ],
-  },
-];
-
-
-export default routes;
+import DumpDatabase from 'pages/DumpDatabase.vue';
+import CompareDatabase from 'pages/CompareDatabase.vue';
+import ApplyChanges from 'pages/ApplyChanges.vue';
+import MainComponent from 'pages/MainComponent.vue';
+
+const routes = [
+  {
+    path: '/',
+    component: () => import('layouts/MainLayout.vue'),
+    children: [
+      { path: '', component: MainComponent },
+      { path: '/dump', component: DumpDatabase },
+      { path: '/compare', component: CompareDatabase },
+      { path: '/apply', component: ApplyChanges },
+    ],
+  },
+];
+
+
+export default routes;

package/ui/src/stores/example-store.js

@@ -1,21 +1,21 @@
-import { defineStore, acceptHMRUpdate } from 'pinia'
-
-export const useCounterStore = defineStore('counter', {
-  state: () => ({
-    counter: 0
-  }),
-
-  getters: {
-    doubleCount: (state) => state.counter * 2
-  },
-
-  actions: {
-    increment() {
-      this.counter++
-    }
-  }
-})
-
-if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useCounterStore, import.meta.hot))
-}
+import { defineStore, acceptHMRUpdate } from 'pinia'
+
+export const useCounterStore = defineStore('counter', {
+  state: () => ({
+    counter: 0
+  }),
+
+  getters: {
+    doubleCount: (state) => state.counter * 2
+  },
+
+  actions: {
+    increment() {
+      this.counter++
+    }
+  }
+})
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useCounterStore, import.meta.hot))
+}

package/ui/src/stores/index.js

@@ -1,20 +1,20 @@
-import { defineStore } from '#q-app/wrappers'
-import { createPinia } from 'pinia'
-
-/*
- * If not building with SSR mode, you can
- * directly export the Store instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Store instance.
- */
-
-export default defineStore((/* { ssrContext } */) => {
-  const pinia = createPinia()
-
-  // You can add Pinia plugins here
-  // pinia.use(SomePiniaPlugin)
-
-  return pinia
-})
+import { defineStore } from '#q-app/wrappers'
+import { createPinia } from 'pinia'
+
+/*
+ * If not building with SSR mode, you can
+ * directly export the Store instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Store instance.
+ */
+
+export default defineStore((/* { ssrContext } */) => {
+  const pinia = createPinia()
+
+  // You can add Pinia plugins here
+  // pinia.use(SomePiniaPlugin)
+
+  return pinia
+})

package/ui/dist/spa/assets/axios-DrqNXj9v.js

@@ -1 +0,0 @@
-import{d as e,a}from"./index-NGPmhjJD.js";const i=a.create({baseURL:"https://api.example.com"}),t=e(({app:o})=>{o.config.globalProperties.$axios=a,o.config.globalProperties.$api=i});export{i as api,t as default};