mysqlsyncr 1.0.4 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mysqlsyncr",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "",
   "main": "src/index.js",
   "type": "module",
@@ -15,7 +15,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.21.2",
     "mysql2": "^3.12.0",
+    "open": "^10.1.0",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
@@ -24,7 +27,9 @@
     "jest": "^29.0.0"
   },
   "babel": {
-    "presets": ["@babel/preset-env"]
+    "presets": [
+      "@babel/preset-env"
+    ]
   },
   "jest": {
     "transform": {

package/src/apply.js

@@ -19,17 +19,17 @@ export const applyDifferences = async (connection, database, differences) => {
                 await connection.query(dropTableSQL);
 
             } else if (diff.type === 'missing_field') {
-                const defaultValue =
-                    diff.field.Default === 'CURRENT_TIMESTAMP'
-                        ? 'DEFAULT CURRENT_TIMESTAMP'
-                        : diff.field.Default !== null
-                            ? `DEFAULT '${diff.field.Default}'`
-                            : '';
-                const addFieldSQL = `ALTER TABLE \`${diff.tableName}\` ADD \`${diff.field.Field}\` ${diff.field.Type} ${diff.field.Null === 'NO' ? 'NOT NULL' : ''
-                    } ${defaultValue} ${diff.field.Extra || ''};`;
-                logger(`Executing: ${addFieldSQL}`);
+                // Step 1: Add column with DEFAULT NULL to handle existing records
+                const addFieldSQL = `ALTER TABLE \`${diff.tableName}\` ADD \`${diff.field.Field}\` ${diff.field.Type} DEFAULT NULL;`;
+                console.log(`Executing: ${addFieldSQL}`);
                 await connection.query(addFieldSQL);
 
+                // Step 2: If NOT NULL is required and no default was specified, modify the column to remove DEFAULT NULL
+                if (diff.field.NotNull && !diff.field.Default) {
+                    const modifyFieldSQL = `ALTER TABLE \`${diff.tableName}\` MODIFY \`${diff.field.Field}\` ${diff.field.Type} NOT NULL;`;
+                    console.log(`Executing: ${modifyFieldSQL}`);
+                    await connection.query(modifyFieldSQL);
+                }
 
             } else if (diff.type === 'extra_field') {
                 const dropFieldSQL = `ALTER TABLE \`${diff.tableName}\` DROP COLUMN \`${diff.field.Field}\`;`;
@@ -38,8 +38,13 @@ export const applyDifferences = async (connection, database, differences) => {
 
             } else if (diff.type === 'mismatched_field') {
                 const { tableName, field } = diff;
-                const dropFieldSQL = `ALTER TABLE \`${tableName}\` CHANGE \`${field.Field}\` \`${field.Field}\` ${field.Type} ${field.Null === 'NO' ? 'NOT NULL' : ''
-                    } ${field.Default === 'CURRENT_TIMESTAMP' ? 'DEFAULT CURRENT_TIMESTAMP' : field.Default !== null ? `DEFAULT '${field.Default}'` : ''};`;
+                const defaultClause = field.Default === 'CURRENT_TIMESTAMP' 
+                    ? 'DEFAULT CURRENT_TIMESTAMP'
+                    : field.Default !== undefined && field.Default !== null 
+                        ? `DEFAULT '${field.Default}'` 
+                        : '';
+                
+                const dropFieldSQL = `ALTER TABLE \`${tableName}\` CHANGE \`${field.Field}\` \`${field.Field}\` ${field.Type} ${field.NotNull ? 'NOT NULL' : ''} ${defaultClause};`;
                 logger(`Executing: ${dropFieldSQL}`);
                 await connection.query(dropFieldSQL);
 

package/src/cli.js

@@ -7,14 +7,15 @@ export const cli = () => {
         .command('dump', 'Dump the database structure to files')
         .command('compare', 'Compare the database structure with JSON dumps (dry run)')
         .command('update', 'Update the database structure based on JSON dumps')
+        .command('ui', 'Open the UI')
         .option('host', { alias: 'h', describe: 'Database host', default: 'localhost' })
         .option('port', { alias: 'P', describe: 'Database port', default: 3306 })
         .option('user', { alias: 'u', describe: 'Database user', default: 'root' })
-        .option('password', { alias: 'p', describe: 'Database password', demandOption: true })
+        .option('password', { alias: 'p', describe: 'Database password', default: '' })
         .option('database', { alias: 'd', describe: 'Target database', default: null })
         .option('output', { alias: 'o', describe: 'Output directory for dumping. default is one level up from the current directory in a new folder called db-dump', default: '../db-dump' })
         .option('verbose', { alias: 'v', describe: 'Enable verbose logging', type: 'boolean', default: false })
-        .demandCommand(1)
+        // .demandCommand(1)
         .help()
         .argv;
 

package/src/differences.js

@@ -58,14 +58,19 @@ export const findDifferences = (expected, current) => {
         logger('Verifying Type Null and Default for table', tableName);
         for (const field of columns) {
             const currentField = current.tables[tableName].columns.find(f => f.Field === field.Field);
+            if (!currentField) {
+                console.error('Current field not found for', field.Field, 'in table', tableName);
+                differences.push({ type: 'missing_field', tableName, field });
+                continue;
+            }
             if (field.Type !== currentField.Type) {
-                differences.push({ type: 'mismatched_field', tableName, field });
+                differences.push({ type: 'mismatched_field', info: "Type", tableName, field, currentField });
             }
             if (field.Null !== currentField.Null) {
-                differences.push({ type: 'mismatched_field', tableName, field });
+                differences.push({ type: 'mismatched_field', info: "Null", tableName, field, currentField });
             }
             if (field.Default !== currentField.Default) {
-                differences.push({ type: 'mismatched_field', tableName, field });
+                differences.push({ type: 'mismatched_field', info: "Default", tableName, field, currentField });
             }
         }
 
@@ -130,14 +135,15 @@ export const findDifferences = (expected, current) => {
 
     // Compare stored procedures
     if (!expected.procedures) throw new Error('No procedures found in expected');
-    for (const [procName, contents] of Object.entries(expected.procedures)) {
-        if (!current.procedures[procName]) {
+    for (const [position, contents] of Object.entries(expected.procedures)) {
+        let procName = contents.Name;
+        let currentProc = current.procedures.find(p => p.Name === procName);
+        if (!currentProc) {
             console.log('missing_procedure', contents);
             differences.push({ type: 'missing_procedure', ...contents });
             continue;
         }
 
-        const currentProc = current.procedures[procName];
 
         // Check if the procedure definition matches
         if (currentProc.Definition !== contents.Definition) {
@@ -153,24 +159,41 @@ export const findDifferences = (expected, current) => {
     }
 
     // Compare views
-    if (!expected.views) throw new Error('No views found in expected');
-    for (const [viewName, expectedDefinition] of Object.entries(expected.views)) {
-        if (!current.views[viewName]) {
-            differences.push({ type: 'missing_view', viewName, definition: expectedDefinition });
-            continue;
+    if (expected.views || current.views) {
+        // Handle missing views (when expected has views but current doesn't have them)
+        if (expected.views && !current.views) {
+            for (const [viewName, expectedDefinition] of Object.entries(expected.views)) {
+                differences.push({ type: 'missing_view', viewName, definition: expectedDefinition });
+            }
         }
-
-        const currentDefinition = current.views[viewName];
-        if (currentDefinition !== expectedDefinition) {
-            differences.push({ type: 'mismatched_view', viewName, definition: expectedDefinition, current: currentDefinition });
+        // Handle extra views (when current has views but expected doesn't have them)
+        else if (current.views && !expected.views) {
+            for (const viewName of Object.keys(current.views)) {
+                differences.push({ type: 'extra_view', viewName });
+            }
         }
-    }
-
-    // Detect extra views
-    if (!current.views) throw new Error('No views found in current');
-    for (const viewName of Object.keys(current.views)) {
-        if (!expected.views[viewName]) {
-            differences.push({ type: 'extra_view', viewName });
+        // Compare views when both exist
+        else if (expected.views && current.views) {
+            // Check for missing and mismatched views
+            for (const [viewName, expectedDefinition] of Object.entries(expected.views)) {
+                if (!current.views[viewName]) {
+                    differences.push({ type: 'missing_view', viewName, definition: expectedDefinition });
+                } else if (current.views[viewName] !== expectedDefinition) {
+                    differences.push({ 
+                        type: 'mismatched_view', 
+                        viewName, 
+                        definition: expectedDefinition, 
+                        current: current.views[viewName] 
+                    });
+                }
+            }
+            
+            // Check for extra views
+            for (const viewName of Object.keys(current.views)) {
+                if (!expected.views[viewName]) {
+                    differences.push({ type: 'extra_view', viewName });
+                }
+            }
         }
     }
 

package/src/dump.js

@@ -3,10 +3,46 @@ import path from 'path';
 import { getDatabases, getDatabaseStructure } from './getters.js';
 
 export const dumpAllDatabases = async (connection, command, options) => {
+    let response = {}
     const databases = await getDatabases(connection);
     for (const database of databases) {
         let dbStructure = await getDatabaseStructure(connection, database, command, options);
-        await fs.writeFile(path.join(options.output, database, `${database}.json`), JSON.stringify(dbStructure, null, 4), 'utf-8');
+        if(Object.keys(dbStructure.views).length === 0){
+            delete dbStructure.views
+        }
+        if(Object.keys(dbStructure.procedures).length === 0){
+            delete dbStructure.procedures
+        }
+        await fs.writeFile(path.join(options.output , database, `${database}.json`), JSON.stringify(dbStructure, null, 4), 'utf-8');
+        response[database] = dbStructure;
     }
+    return response;
 }
 
+export const getDatabasesFromExistingDumps = async (options) => {
+    console.log('Getting databases from existing dumps in ', options.output);
+    //check if the folder exists
+    let exists = await fs.stat(options.output).catch(() => false);
+    if (!exists) {
+        console.log('Folder does not exist');
+        return {};
+    }   
+    //read directory above to get the dbs. each db is in a named folder with a matching .json. 
+
+    //combine all the .jsons into a single object
+    let response = {}
+    const databases = await fs.readdir(path.join(options.output));
+    for (const database of databases) {
+        if(database.includes('diffs')){
+            console.log('Skipping diffs folder')
+            continue
+        }
+        let dbStructure = await fs.readFile(path.join(options.output, database, `${database}.json`), 'utf8');
+        response[database] = JSON.parse(dbStructure);
+    }
+    return response;
+}
+
+
+
+

package/src/index.js

@@ -7,13 +7,20 @@ import path from 'path';
 import { cli } from './cli.js';
 import { dumpAllDatabases } from './dump.js';
 import { compareAllDatabases } from './compare.js';
-
+import { startApiServer } from './socketServer.js'; // Import the new socket server
+import open from 'open';
 
 class DBStructureChecker {
     constructor(config, targetDatabase = null) {
         this.config = config;
         this.targetDatabase = targetDatabase;
         this.connection = mysql.createConnection(this.config);
+        this.dumpAllDatabases = dumpAllDatabases;
+        this.compareAllDatabases = compareAllDatabases;
+        this.getDatabases = () => {
+
+            fs.readFileSync(path.join(__dirname, 'databases.json'), 'utf8');
+        }
         this.connection.on('error', (err) => {
             console.error('Database connection error:', err);
         });
@@ -35,50 +42,61 @@ class DBStructureChecker {
 
 }
 
-// CLI Setup
+// Export the DBStructureChecker class
+export { DBStructureChecker };
+
+// Start the server only if the 'ui' command is used
+const PORT = process.env.PORT || 3000;
 (async () => {
     const { command, config, argv } = cli();
 
-    const checker = new DBStructureChecker(config, argv.database);
-    checker.connection.on('connect', async () => {
-        console.log('Connected to the database');
-        checker.targetDatabase = argv.database;
-        checker.command = command;
-        checker.options = argv;
-        try {
-            if (command === 'dump') {
-                console.log('Dumping the database structure to files');
-                await dumpAllDatabases(checker.connection, command, argv);
-            } else if (command === 'compare') {
-                console.log('Comparing the database structure with JSON dumps (dry run)');
-                let diffs = await compareAllDatabases(checker.connection, argv.output, false, command, argv); // Dry run
-                let totalDiffs = Object.values(diffs).reduce((acc, arr) => acc + arr.length, 0);
-                console.log('Total differences count:', totalDiffs);
-                fs.writeFileSync(path.join(argv.output, 'diffs.json'), JSON.stringify(diffs, null, 4));
-            } else if (command === 'update') {
-                console.log('Updating the database structure based on JSON dumps');
-                let totalDiffs = Infinity; // Initialize with a large number
-                let previousDiffs = totalDiffs; // Store previous differences
-                let runCount = 0; // Counter for the number of runs
-                let maxRuns = 6;
-                while (runCount < maxRuns && totalDiffs > 0 && (totalDiffs < previousDiffs || previousDiffs === Infinity)) {
-                    console.log('Running update command. Run count:', runCount);
-                    let diffs = await compareAllDatabases(checker.connection, argv.output, true, command, argv); // Apply updates
-                    previousDiffs = totalDiffs; // Update previous differences
-                    totalDiffs = Object.values(diffs).reduce((acc, arr) => acc + arr.length, 0);
+    if (command === 'ui') {
+        startApiServer(PORT); // Start the Socket.IO server
+        console.log('Server started on port', PORT);
+        console.log('Open http://localhost:' + PORT + ' in your browser to use the UI');
+        await open(`http://localhost:${PORT}`);
+    } else {
+        // Handle other commands (dump, compare, update) as before
+        const checker = new DBStructureChecker(config, argv.database);
+        checker.connection.on('connect', async () => {
+            console.log('Connected to the database');
+            checker.targetDatabase = argv.database;
+            checker.command = command;
+            checker.options = argv;
+            try {
+                if (command === 'dump') {
+                    console.log('Dumping the database structure to files');
+                    await dumpAllDatabases(checker.connection, command, argv);
+                } else if (command === 'compare') {
+                    console.log('Comparing the database structure with JSON dumps (dry run)');
+                    let diffs = await compareAllDatabases(checker.connection, argv.output, false, command, argv); // Dry run
+                    let totalDiffs = Object.values(diffs).reduce((acc, arr) => acc + arr.length, 0);
                     console.log('Total differences count:', totalDiffs);
-                    runCount++;
-                    if(totalDiffs > 0 && runCount < maxRuns){
-                        console.log('Total differences count is still greater than 0. Waiting 1 second before next run. Run count:', runCount);
-                        await new Promise(resolve => setTimeout(resolve, 1000));
+                    fs.writeFileSync(path.join(argv.output, 'diffs.json'), JSON.stringify(diffs, null, 4));
+                } else if (command === 'update') {
+                    console.log('Updating the database structure based on JSON dumps');
+                    let totalDiffs = Infinity; // Initialize with a large number
+                    let previousDiffs = totalDiffs; // Store previous differences
+                    let runCount = 0; // Counter for the number of runs
+                    let maxRuns = 6;
+                    while (runCount < maxRuns && totalDiffs > 0 && (totalDiffs < previousDiffs || previousDiffs === Infinity)) {
+                        console.log('Running update command. Run count:', runCount);
+                        let diffs = await compareAllDatabases(checker.connection, argv.output, true, command, argv); // Apply updates
+                        previousDiffs = totalDiffs; // Update previous differences
+                        totalDiffs = Object.values(diffs).reduce((acc, arr) => acc + arr.length, 0);
+                        console.log('Total differences count:', totalDiffs);
+                        runCount++;
+                        if(totalDiffs > 0 && runCount < maxRuns){
+                            console.log('Total differences count is still greater than 0. Waiting 1 second before next run. Run count:', runCount);
+                            await new Promise(resolve => setTimeout(resolve, 1000));
+                        }
                     }
                 }
+            } catch (err) {
+                console.error(err.message);
+            } finally {
+                await checker.closeConnection();
             }
-        } catch (err) {
-            console.error(err.message);
-        } finally {
-            await checker.closeConnection();
-        }
-    });
-
+        });
+    }
 })();

package/src/parsers.js

@@ -44,7 +44,8 @@ export const parseCreateTableSQL = (createTableSQL) => {
 
             // Set Default property if it exists
             if (columnMatch[5]) {
-                column.Default = columnMatch[5];
+                // console.log('columnMatch[5]', columnMatch[5], columnMatch[5].replace(/'/g, ''))
+                column.Default = columnMatch[5].replace(/'/g, '');
             }
 
             // Set AutoIncrement property if it exists

package/src/socketServer.js

@@ -0,0 +1,96 @@
+import express from 'express';
+import http from 'http';
+import { dumpAllDatabases, getDatabasesFromExistingDumps } from './dump.js'; // Import necessary functions
+import { compareAllDatabases } from './compare.js';
+import { DBStructureChecker } from './index.js'; // Import your DBStructureChecker class
+import { applyDifferences } from './apply.js';
+import cors from 'cors';
+
+export const startApiServer = (port) => {
+    const app = express();
+    app.use(cors({origin:'*'}));
+    const server = http.createServer(app);
+    app.use(express.json()); // Middleware to parse JSON requests
+
+    app.post('/api/getDatabasesFromExistingDumps', async (req, res) => {
+        const { config } = req.body;
+        const databases = await getDatabasesFromExistingDumps(config);
+        res.json(databases);
+    });
+
+    // API endpoint to dump the database
+    app.post('/api/dump', async (req, res) => {
+        const { config, database } = req.body;
+        const checker = new DBStructureChecker(config, database);
+        checker.connection.on('connect', async () => {
+            console.log('Connected to the database');
+            checker.targetDatabase = database;
+            checker.command = 'dump';
+            checker.options = req.body;
+            try {
+                console.log('Dumping the database structure to files');
+                await dumpAllDatabases(checker.connection, 'dump', config);
+                res.json({ message: 'Dump completed successfully' });
+            } catch (err) {
+                res.status(500).json({ message: err.message });
+            } finally {
+                await checker.closeConnection();
+            }
+        });
+    });
+
+    // API endpoint to compare the database
+    app.post('/api/compare', async (req, res) => {
+        const { config } = req.body;
+        const checker = new DBStructureChecker(config, config.database);
+        checker.connection.on('connect', async () => {
+            console.log('Connected to the database');
+            checker.targetDatabase = config.database;
+            checker.command = 'compare';
+            checker.options = req.body;
+            try {
+                delete req.body.output;
+                console.log('Comparing the database structure with JSON dumps (dry run)');
+                let diffs = await compareAllDatabases(checker.connection, config.output, false, 'compare', config);
+                res.json(diffs);    
+            } catch (err) {
+                console.log(err);
+                console.log(req.body);
+                res.status(500).json({ message: err.message });
+            } finally {
+                await checker.closeConnection();
+            }
+        })
+        
+    });
+
+    // API endpoint to apply differences
+    app.post('/api/apply', async (req, res) => {
+        const { config, database, diffs } = req.body;
+        console.log('Applying differences:', diffs);
+        const checker = new DBStructureChecker(config, database);
+        checker.connection.on('connect', async () => {
+            console.log('Connected to the database');
+            checker.targetDatabase = database;
+            checker.command = 'apply';
+            checker.options = req.body;
+            try {
+                console.log('Applying the database structure based on JSON dumps');
+                await applyDifferences(checker.connection, database, diffs);
+                res.json({ message: 'Apply completed successfully' });
+            } catch (err) {
+                res.status(500).json({ message: err.message });
+            } finally {
+                await checker.closeConnection();
+            }
+        });
+    });
+    
+    //serve the app from the ui folder
+    app.use(express.static('ui/dist/spa'));
+
+    // Start the server
+    server.listen(port, () => {
+        console.log(`Server is running on http://localhost:${port}`);
+    });
+}; 

package/ui/.editorconfig

@@ -0,0 +1,7 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
+charset = utf-8
+indent_size = 4
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/ui/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/ui/README.md

@@ -0,0 +1,40 @@
+# MySQLsyncr (mysqlsyncr)
+
+A simple ui for the sync features in mysqlsyncr
+
+## Install the dependencies
+```bash
+yarn
+# or
+npm install
+```
+
+### Start the app in development mode (hot-code reloading, error reporting, etc.)
+```bash
+quasar dev
+```
+
+
+### Lint the files
+```bash
+yarn lint
+# or
+npm run lint
+```
+
+
+### Format the files
+```bash
+yarn format
+# or
+npm run format
+```
+
+
+### Build the app for production
+```bash
+quasar build
+```
+
+### Customize the configuration
+See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).

package/ui/dist/spa/assets/MainLayout-C27l9N4F.js

@@ -0,0 +1 @@
+import{c as L,i as I,e as P,l as D,p as N,b as g,h as m,f as J,g as C,j as X,s as Y,w as _,k as Z,o as T,m as H,n as V,q,r as ee,t as te,u as y,v as A,x as F,y as R,z as x,A as ne,B as oe,_ as ie,C as le,D as re,E as ae,F as k,G as B}from"./index-DKK0oGss.js";const se=L({name:"QPageContainer",setup(e,{slots:p}){const{proxy:{$q:n}}=C(),t=I(D,P);if(t===P)return console.error("QPageContainer needs to be child of QLayout"),P;N(X,!0);const r=g(()=>{const a={};return t.header.space===!0&&(a.paddingTop=`${t.header.size}px`),t.right.space===!0&&(a[`padding${n.lang.rtl===!0?"Left":"Right"}`]=`${t.right.size}px`),t.footer.space===!0&&(a.paddingBottom=`${t.footer.size}px`),t.left.space===!0&&(a[`padding${n.lang.rtl===!0?"Right":"Left"}`]=`${t.left.size}px`),a});return()=>m("div",{class:"q-page-container",style:r.value},J(p.default))}}),{passive:M}=q,ce=["both","horizontal","vertical"],ue=L({name:"QScrollObserver",props:{axis:{type:String,validator:e=>ce.includes(e),default:"vertical"},debounce:[String,Number],scrollTarget:Y},emits:["scroll"],setup(e,{emit:p}){const n={position:{top:0,left:0},direction:"down",directionChanged:!1,delta:{top:0,left:0},inflectionPoint:{top:0,left:0}};let t=null,r,a;_(()=>e.scrollTarget,()=>{l(),v()});function s(){t!==null&&t();const c=Math.max(0,ee(r)),w=te(r),d={top:c-n.position.top,left:w-n.position.left};if(e.axis==="vertical"&&d.top===0||e.axis==="horizontal"&&d.left===0)return;const z=Math.abs(d.top)>=Math.abs(d.left)?d.top<0?"up":"down":d.left<0?"left":"right";n.position={top:c,left:w},n.directionChanged=n.direction!==z,n.delta=d,n.directionChanged===!0&&(n.direction=z,n.inflectionPoint=n.position),p("scroll",{...n})}function v(){r=Z(a,e.scrollTarget),r.addEventListener("scroll",i,M),i(!0)}function l(){r!==void 0&&(r.removeEventListener("scroll",i,M),r=void 0)}function i(c){if(c===!0||e.debounce===0||e.debounce==="0")s();else if(t===null){const[w,d]=e.debounce?[setTimeout(s,e.debounce),clearTimeout]:[requestAnimationFrame(s),cancelAnimationFrame];t=()=>{d(w),t=null}}}const{proxy:h}=C();return _(()=>h.$q.lang.rtl,s),T(()=>{a=h.$el.parentNode,v()}),H(()=>{t!==null&&t(),l()}),Object.assign(h,{trigger:i,getPosition:()=>n}),V}});function de(){const e=y(!A.value);return e.value===!1&&T(()=>{e.value=!0}),{isHydrated:e}}const K=typeof ResizeObserver<"u",W=K===!0?{}:{style:"display:block;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;",url:"about:blank"},j=L({name:"QResizeObserver",props:{debounce:{type:[String,Number],default:100}},emits:["resize"],setup(e,{emit:p}){let n=null,t,r={width:-1,height:-1};function a(l){l===!0||e.debounce===0||e.debounce==="0"?s():n===null&&(n=setTimeout(s,e.debounce))}function s(){if(n!==null&&(clearTimeout(n),n=null),t){const{offsetWidth:l,offsetHeight:i}=t;(l!==r.width||i!==r.height)&&(r={width:l,height:i},p("resize",r))}}const{proxy:v}=C();if(v.trigger=a,K===!0){let l;const i=h=>{t=v.$el.parentNode,t?(l=new ResizeObserver(a),l.observe(t),s()):h!==!0&&F(()=>{i(!0)})};return T(()=>{i()}),H(()=>{n!==null&&clearTimeout(n),l!==void 0&&(l.disconnect!==void 0?l.disconnect():t&&l.unobserve(t))}),V}else{let l=function(){n!==null&&(clearTimeout(n),n=null),c!==void 0&&(c.removeEventListener!==void 0&&c.removeEventListener("resize",a,q.passive),c=void 0)},i=function(){l(),t&&t.contentDocument&&(c=t.contentDocument.defaultView,c.addEventListener("resize",a,q.passive),s())};const{isHydrated:h}=de();let c;return T(()=>{F(()=>{t=v.$el,t&&i()})}),H(l),()=>{if(h.value===!0)return m("object",{class:"q--avoid-card-border",style:W.style,tabindex:-1,type:"text/html",data:W.url,"aria-hidden":"true",onLoad:i})}}}}),fe=L({name:"QLayout",props:{container:Boolean,view:{type:String,default:"hhh lpr fff",validator:e=>/^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(e.toLowerCase())},onScroll:Function,onScrollHeight:Function,onResize:Function},setup(e,{slots:p,emit:n}){const{proxy:{$q:t}}=C(),r=y(null),a=y(t.screen.height),s=y(e.container===!0?0:t.screen.width),v=y({position:0,direction:"down",inflectionPoint:0}),l=y(0),i=y(A.value===!0?0:R()),h=g(()=>"q-layout q-layout--"+(e.container===!0?"containerized":"standard")),c=g(()=>e.container===!1?{minHeight:t.screen.height+"px"}:null),w=g(()=>i.value!==0?{[t.lang.rtl===!0?"left":"right"]:`${i.value}px`}:null),d=g(()=>i.value!==0?{[t.lang.rtl===!0?"right":"left"]:0,[t.lang.rtl===!0?"left":"right"]:`-${i.value}px`,width:`calc(100% + ${i.value}px)`}:null);function z(o){if(e.container===!0||document.qScrollPrevented!==!0){const u={position:o.position.top,direction:o.direction,directionChanged:o.directionChanged,inflectionPoint:o.inflectionPoint.top,delta:o.delta.top};v.value=u,e.onScroll!==void 0&&n("scroll",u)}}function U(o){const{height:u,width:b}=o;let f=!1;a.value!==u&&(f=!0,a.value=u,e.onScrollHeight!==void 0&&n("scrollHeight",u),E()),s.value!==b&&(f=!0,s.value=b),f===!0&&e.onResize!==void 0&&n("resize",o)}function G({height:o}){l.value!==o&&(l.value=o,E())}function E(){if(e.container===!0){const o=a.value>l.value?R():0;i.value!==o&&(i.value=o)}}let S=null;const O={instances:{},view:g(()=>e.view),isContainer:g(()=>e.container),rootRef:r,height:a,containerHeight:l,scrollbarWidth:i,totalWidth:g(()=>s.value+i.value),rows:g(()=>{const o=e.view.toLowerCase().split(" ");return{top:o[0].split(""),middle:o[1].split(""),bottom:o[2].split("")}}),header:x({size:0,offset:0,space:!1}),right:x({size:300,offset:0,space:!1}),footer:x({size:0,offset:0,space:!1}),left:x({size:300,offset:0,space:!1}),scroll:v,animate(){S!==null?clearTimeout(S):document.body.classList.add("q-body--layout-animate"),S=setTimeout(()=>{S=null,document.body.classList.remove("q-body--layout-animate")},155)},update(o,u,b){O[o][u]=b}};if(N(D,O),R()>0){let o=function(){f=null,$.classList.remove("hide-scrollbar")},u=function(){if(f===null){if($.scrollHeight>t.screen.height)return;$.classList.add("hide-scrollbar")}else clearTimeout(f);f=setTimeout(o,300)},b=function(Q){f!==null&&Q==="remove"&&(clearTimeout(f),o()),window[`${Q}EventListener`]("resize",u)},f=null;const $=document.body;_(()=>e.container!==!0?"add":"remove",b),e.container!==!0&&b("add"),ne(()=>{b("remove")})}return()=>{const o=oe(p.default,[m(ue,{onScroll:z}),m(j,{onResize:U})]),u=m("div",{class:h.value,style:c.value,ref:e.container===!0?void 0:r,tabindex:-1},o);return e.container===!0?m("div",{class:"q-layout-container overflow-hidden",ref:r},[m(j,{onResize:G}),m("div",{class:"absolute-full",style:w.value},[m("div",{class:"scroll",style:d.value},[u])])]):u}}}),ve={};function he(e,p){const n=le("router-view");return re(),ae(fe,{view:"lHh Lpr lFf"},{default:k(()=>[B(se,null,{default:k(()=>[B(n)]),_:1})]),_:1})}const me=ie(ve,[["render",he]]);export{me as default};

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

@@ -0,0 +1 @@
+import{d as e,a}from"./index-DKK0oGss.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};