adminforth 1.3.54-next.22 → 1.3.54-next.23

package/dist/modules/codeInjector.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { exec, spawn } from 'child_process';
 import crypto from 'crypto';
 import filewatcher from 'filewatcher';
@@ -38,21 +29,19 @@ function findHomePage(menuItem) {
     }
     return undefined;
 }
-function findFirstMenuItemWithResource(menuItem) {
-    return __awaiter(this, void 0, void 0, function* () {
-        for (const item of menuItem) {
-            if (item.path || item.resourceId) {
-                return item;
-            }
-            if (item.children) {
-                const found = yield findFirstMenuItemWithResource(item.children);
-                if (found) {
-                    return found;
-                }
+async function findFirstMenuItemWithResource(menuItem) {
+    for (const item of menuItem) {
+        if (item.path || item.resourceId) {
+            return item;
+        }
+        if (item.children) {
+            const found = await findFirstMenuItemWithResource(item.children);
+            if (found) {
+                return found;
             }
         }
-        return undefined;
-    });
+    }
+    return undefined;
 }
 const execAsync = promisify(exec);
 function hashify(obj) {
@@ -88,556 +77,542 @@ class CodeInjector {
     //   console.timeEnd(`${command} done in`);
     //   console.log(`Command ${command} output:`, out, err);
     // }
-    runNpmShell(_a) {
-        return __awaiter(this, arguments, void 0, function* ({ command, cwd }) {
-            const nodeBinary = process.execPath; // Path to the Node.js binary running this script
-            const npmPath = path.join(path.dirname(nodeBinary), 'npm'); // Path to the npm executable
-            const env = Object.assign({ VITE_ADMINFORTH_PUBLIC_PATH: this.adminforth.config.baseUrl, FORCE_COLOR: '1' }, process.env);
-            console.log(`⚙️ exec: npm ${command}...`);
-            console.time(`npm ${command} done in`);
-            const { stdout: out, stderr: err } = yield execAsync(`${nodeBinary} ${npmPath} ${command}`, {
-                cwd,
-                env,
-            });
-            console.timeEnd(`npm ${command} done in`);
-            process.env.HEAVY_DEBUG && console.log(`🪲 npm ${command} output:`, out);
-            if (err) {
-                process.env.HEAVY_DEBUG && console.error(`🪲npm ${command} errors/warnings:`, err);
-            }
+    async runNpmShell({ command, cwd }) {
+        const nodeBinary = process.execPath; // Path to the Node.js binary running this script
+        const npmPath = path.join(path.dirname(nodeBinary), 'npm'); // Path to the npm executable
+        const env = Object.assign({ VITE_ADMINFORTH_PUBLIC_PATH: this.adminforth.config.baseUrl, FORCE_COLOR: '1' }, process.env);
+        console.log(`⚙️ exec: npm ${command}...`);
+        console.time(`npm ${command} done in`);
+        const { stdout: out, stderr: err } = await execAsync(`${nodeBinary} ${npmPath} ${command}`, {
+            cwd,
+            env,
         });
+        console.timeEnd(`npm ${command} done in`);
+        process.env.HEAVY_DEBUG && console.log(`🪲 npm ${command} output:`, out);
+        if (err) {
+            process.env.HEAVY_DEBUG && console.error(`🪲npm ${command} errors/warnings:`, err);
+        }
     }
-    rmTmpDir() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // remove spa_tmp folder if it is exists
-            try {
-                yield fs.promises.rm(CodeInjector.SPA_TMP_PATH, { recursive: true });
-            }
-            catch (e) {
-                // ignore
-            }
-        });
+    async rmTmpDir() {
+        // remove spa_tmp folder if it is exists
+        try {
+            await fs.promises.rm(CodeInjector.SPA_TMP_PATH, { recursive: true });
+        }
+        catch (e) {
+            // ignore
+        }
     }
-    packagesFromNpm(dir) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const usersPackagePath = path.join(dir, 'package.json');
-            let packageContent = null;
-            let lockHash = '';
-            let packages = [];
+    async packagesFromNpm(dir) {
+        const usersPackagePath = path.join(dir, 'package.json');
+        let packageContent = null;
+        let lockHash = '';
+        let packages = [];
+        try {
+            packageContent = JSON.parse(await fs.promises.readFile(usersPackagePath, 'utf-8'));
+        }
+        catch (e) {
+            // user package.json does not exist, user does not have custom components
+        }
+        if (packageContent) {
+            const lockPath = path.join(dir, 'package-lock.json');
+            let lock = null;
             try {
-                packageContent = JSON.parse(yield fs.promises.readFile(usersPackagePath, 'utf-8'));
+                lock = JSON.parse(await fs.promises.readFile(lockPath, 'utf-8'));
             }
             catch (e) {
-                // user package.json does not exist, user does not have custom components
-            }
-            if (packageContent) {
-                const lockPath = path.join(dir, 'package-lock.json');
-                let lock = null;
-                try {
-                    lock = JSON.parse(yield fs.promises.readFile(lockPath, 'utf-8'));
-                }
-                catch (e) {
-                    throw new Error(`Custom package-lock.json does not exist in ${dir}, but package.json does. 
+                throw new Error(`Custom package-lock.json does not exist in ${dir}, but package.json does. 
           We can't determine version of packages without package-lock.json. Please run npm install in ${dir}`);
-                }
-                lockHash = hashify(lock);
-                packages = [
-                    ...Object.keys(packageContent.dependencies || []),
-                    ...Object.keys(packageContent.devDependencies || [])
-                ].reduce((acc, packageName) => {
-                    const pack = lock.packages[`node_modules/${packageName}`];
-                    if (!pack) {
-                        throw new Error(`Package ${packageName} is not in package-lock.json but is in package.json. Please run 'npm install' in ${dir}`);
-                    }
-                    const version = pack.version;
-                    acc.push(`${packageName}@${version}`);
-                    return acc;
-                }, []);
             }
-            return [lockHash, packages];
-        });
+            lockHash = hashify(lock);
+            packages = [
+                ...Object.keys(packageContent.dependencies || []),
+                ...Object.keys(packageContent.devDependencies || [])
+            ].reduce((acc, packageName) => {
+                const pack = lock.packages[`node_modules/${packageName}`];
+                if (!pack) {
+                    throw new Error(`Package ${packageName} is not in package-lock.json but is in package.json. Please run 'npm install' in ${dir}`);
+                }
+                const version = pack.version;
+                acc.push(`${packageName}@${version}`);
+                return acc;
+            }, []);
+        }
+        return [lockHash, packages];
     }
-    prepareSources(_a) {
-        return __awaiter(this, arguments, void 0, function* ({ filesUpdated }) {
-            var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            // check SPA_TMP_PATH exists and create if not
-            try {
-                yield fs.promises.access(CodeInjector.SPA_TMP_PATH, fs.constants.F_OK);
-            }
-            catch (e) {
-                yield fs.promises.mkdir(CodeInjector.SPA_TMP_PATH, { recursive: true });
-            }
-            const icons = [];
-            let routes = '';
-            let routerComponents = '';
-            const collectAssetsFromMenu = (menu) => {
-                menu.forEach((item) => {
-                    var _a, _b, _c, _d;
-                    if (item.icon) {
-                        icons.push(item.icon);
-                    }
-                    if (item.component) {
-                        if (Object.keys(item).includes('isStaticRoute')) {
-                            if (!item.isStaticRoute) {
-                                routes += `{
+    async prepareSources({ filesUpdated }) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        // check SPA_TMP_PATH exists and create if not
+        try {
+            await fs.promises.access(CodeInjector.SPA_TMP_PATH, fs.constants.F_OK);
+        }
+        catch (e) {
+            await fs.promises.mkdir(CodeInjector.SPA_TMP_PATH, { recursive: true });
+        }
+        const icons = [];
+        let routes = '';
+        let routerComponents = '';
+        const collectAssetsFromMenu = (menu) => {
+            menu.forEach((item) => {
+                var _a, _b, _c, _d;
+                if (item.icon) {
+                    icons.push(item.icon);
+                }
+                if (item.component) {
+                    if (Object.keys(item).includes('isStaticRoute')) {
+                        if (!item.isStaticRoute) {
+                            routes += `{
                 path: '${item.path}',
                 name: '${item.path}',
                 component: () => import('${item.component}'),
                 meta: { title: '${((_a = item === null || item === void 0 ? void 0 : item.meta) === null || _a === void 0 ? void 0 : _a.title) || item.path.replace('/', '')}'}
               },\n`;
-                            }
-                            else {
-                                routes += `{
+                        }
+                        else {
+                            routes += `{
                 path: '${item.path}',
                 name: '${item.path}',
                 component: ${getComponentNameFromPath(item.component)},
                 meta: { title: '${((_b = item === null || item === void 0 ? void 0 : item.meta) === null || _b === void 0 ? void 0 : _b.title) || item.path.replace('/', '')}'}
               },\n`;
-                                const componentName = `${getComponentNameFromPath(item.component)}`;
-                                routerComponents += `import ${componentName} from '${item.component}';\n`;
-                            }
+                            const componentName = `${getComponentNameFromPath(item.component)}`;
+                            routerComponents += `import ${componentName} from '${item.component}';\n`;
                         }
-                        else {
-                            if (item.homepage) {
-                                routes += `{
+                    }
+                    else {
+                        if (item.homepage) {
+                            routes += `{
                   path: '${item.path}',
                   name: '${item.path}',
                   component: ${getComponentNameFromPath(item.component)},
                   meta: { title: '${((_c = item === null || item === void 0 ? void 0 : item.meta) === null || _c === void 0 ? void 0 : _c.title) || item.path.replace('/', '')}'}
                 },\n`;
-                                const componentName = `${getComponentNameFromPath(item.component)}`;
-                                routerComponents += `import ${componentName} from '${item.component}';\n`;
-                            }
-                            else {
-                                routes += `{
+                            const componentName = `${getComponentNameFromPath(item.component)}`;
+                            routerComponents += `import ${componentName} from '${item.component}';\n`;
+                        }
+                        else {
+                            routes += `{
                   path: '${item.path}',
                   name: '${item.path}',
                   component: () => import('${item.component}'),
                   meta: { title: '${((_d = item === null || item === void 0 ? void 0 : item.meta) === null || _d === void 0 ? void 0 : _d.title) || item.path.replace('/', '')}'}
                 },\n`;
-                            }
                         }
                     }
-                    if (item.children) {
-                        collectAssetsFromMenu(item.children);
-                    }
-                });
-            };
-            const registerCustomPages = (config) => {
-                if (config.customization.customPages) {
-                    config.customization.customPages.forEach((page) => {
-                        var _a, _b, _c;
-                        routes += `{
+                }
+                if (item.children) {
+                    collectAssetsFromMenu(item.children);
+                }
+            });
+        };
+        const registerCustomPages = (config) => {
+            if (config.customization.customPages) {
+                config.customization.customPages.forEach((page) => {
+                    var _a, _b, _c;
+                    routes += `{
             path: '${page.path}',
             name: '${page.path}',
             component: () => import('${((_a = page === null || page === void 0 ? void 0 : page.component) === null || _a === void 0 ? void 0 : _a.file) || page.component}'),
             meta: ${JSON.stringify(Object.assign(Object.assign({}, (((_b = page === null || page === void 0 ? void 0 : page.component) === null || _b === void 0 ? void 0 : _b.meta) || {})), { title: ((_c = page.meta) === null || _c === void 0 ? void 0 : _c.title) || page.path.replace('/', '') }))}
           },`;
-                    });
-                }
-            };
-            registerCustomPages(this.adminforth.config);
-            collectAssetsFromMenu(this.adminforth.config.menu);
-            if (filesUpdated) {
-                // copy only updated files
-                yield Promise.all(filesUpdated.map((file) => __awaiter(this, void 0, void 0, function* () {
-                    const src = path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa', file);
-                    const dest = path.join(CodeInjector.SPA_TMP_PATH, file);
-                    // overwrite:true can't be used to not destroy cache
-                    yield fsExtra.copy(src, dest, {
-                        dereference: true, // needed to dereference types
-                    });
-                    if (process.env.HEAVY_DEBUG) {
-                        console.log('🪲⚙️ fsExtra.copy copy single file', src, dest);
-                    }
-                })));
+                });
             }
-            else {
-                if (process.env.HEAVY_DEBUG) {
-                    console.log(`🪲⚙️ fsExtra.copy from ${path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa')}, -> ${CodeInjector.SPA_TMP_PATH}`);
-                }
-                // try to rm SPA_TMP_PATH/src/types directory 
-                try {
-                    yield fs.promises.rm(path.join(CodeInjector.SPA_TMP_PATH, 'src', 'types'), { recursive: true });
-                }
-                catch (e) {
-                    // ignore
-                }
-                // overwrite can't be used to not destroy cache
-                yield fsExtra.copy(path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa'), CodeInjector.SPA_TMP_PATH, {
-                    filter: (src) => {
-                        const filterPasses = !src.includes('/adminforth/spa/node_modules') && !src.includes('/adminforth/spa/dist');
-                        if (process.env.HEAVY_DEBUG && !filterPasses) {
-                            console.log('🪲⚙️ fsExtra.copy filtered out', src);
-                        }
-                        return filterPasses;
-                    },
+        };
+        registerCustomPages(this.adminforth.config);
+        collectAssetsFromMenu(this.adminforth.config.menu);
+        if (filesUpdated) {
+            // copy only updated files
+            await Promise.all(filesUpdated.map(async (file) => {
+                const src = path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa', file);
+                const dest = path.join(CodeInjector.SPA_TMP_PATH, file);
+                // overwrite:true can't be used to not destroy cache
+                await fsExtra.copy(src, dest, {
                     dereference: true, // needed to dereference types
                 });
-                // copy whole custom directory
-                if ((_b = this.adminforth.config.customization) === null || _b === void 0 ? void 0 : _b.customComponentsDir) {
-                    // resolve customComponentsDir to absolute path, so ./aa will be resolved to /path/to/current/dir/aa
-                    const customCompAbsPath = path.resolve(this.adminforth.config.customization.customComponentsDir);
-                    this.srcFoldersToSync[customCompAbsPath] = './';
-                }
-                // if this.adminforth.config.customization.favicon is set, copy it to assets
-                const customFav = (_c = this.adminforth.config.customization) === null || _c === void 0 ? void 0 : _c.favicon;
-                if (customFav) {
-                    const faviconPath = path.join((_d = this.adminforth.config.customization) === null || _d === void 0 ? void 0 : _d.customComponentsDir, customFav.replace('@@/', ''));
-                    const dest = path.join(CodeInjector.SPA_TMP_PATH, 'public', 'assets', customFav.replace('@@/', ''));
-                    // make sure all folders in dest exist
-                    yield fsExtra.ensureDir(path.dirname(dest));
-                    yield fsExtra.copy(faviconPath, dest);
+                if (process.env.HEAVY_DEBUG) {
+                    console.log('🪲⚙️ fsExtra.copy copy single file', src, dest);
                 }
-                for (const [src, dest] of Object.entries(this.srcFoldersToSync)) {
-                    const to = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'custom', dest);
-                    if (process.env.HEAVY_DEBUG) {
-                        console.log(`🪲⚙️ fsExtra.copy from ${src}, ${to}`);
+            }));
+        }
+        else {
+            if (process.env.HEAVY_DEBUG) {
+                console.log(`🪲⚙️ fsExtra.copy from ${path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa')}, -> ${CodeInjector.SPA_TMP_PATH}`);
+            }
+            // try to rm SPA_TMP_PATH/src/types directory 
+            try {
+                await fs.promises.rm(path.join(CodeInjector.SPA_TMP_PATH, 'src', 'types'), { recursive: true });
+            }
+            catch (e) {
+                // ignore
+            }
+            // overwrite can't be used to not destroy cache
+            await fsExtra.copy(path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa'), CodeInjector.SPA_TMP_PATH, {
+                filter: (src) => {
+                    const filterPasses = !src.includes('/adminforth/spa/node_modules') && !src.includes('/adminforth/spa/dist');
+                    if (process.env.HEAVY_DEBUG && !filterPasses) {
+                        console.log('🪲⚙️ fsExtra.copy filtered out', src);
                     }
-                    yield fsExtra.copy(src, to, {
-                        recursive: true,
-                        dereference: true,
-                    });
+                    return filterPasses;
+                },
+                dereference: true, // needed to dereference types
+            });
+            // copy whole custom directory
+            if ((_a = this.adminforth.config.customization) === null || _a === void 0 ? void 0 : _a.customComponentsDir) {
+                // resolve customComponentsDir to absolute path, so ./aa will be resolved to /path/to/current/dir/aa
+                const customCompAbsPath = path.resolve(this.adminforth.config.customization.customComponentsDir);
+                this.srcFoldersToSync[customCompAbsPath] = './';
+            }
+            // if this.adminforth.config.customization.favicon is set, copy it to assets
+            const customFav = (_b = this.adminforth.config.customization) === null || _b === void 0 ? void 0 : _b.favicon;
+            if (customFav) {
+                const faviconPath = path.join((_c = this.adminforth.config.customization) === null || _c === void 0 ? void 0 : _c.customComponentsDir, customFav.replace('@@/', ''));
+                const dest = path.join(CodeInjector.SPA_TMP_PATH, 'public', 'assets', customFav.replace('@@/', ''));
+                // make sure all folders in dest exist
+                await fsExtra.ensureDir(path.dirname(dest));
+                await fsExtra.copy(faviconPath, dest);
+            }
+            for (const [src, dest] of Object.entries(this.srcFoldersToSync)) {
+                const to = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'custom', dest);
+                if (process.env.HEAVY_DEBUG) {
+                    console.log(`🪲⚙️ fsExtra.copy from ${src}, ${to}`);
                 }
+                await fsExtra.copy(src, to, {
+                    recursive: true,
+                    dereference: true,
+                });
             }
-            //collect all 'icon' fields from resources bulkActions
-            this.adminforth.config.resources.forEach((resource) => {
-                var _a;
-                if ((_a = resource.options) === null || _a === void 0 ? void 0 : _a.bulkActions) {
-                    resource.options.bulkActions.forEach((action) => {
-                        if (action.icon) {
-                            icons.push(action.icon);
-                        }
-                    });
-                }
-            });
-            const uniqueIcons = Array.from(new Set(icons));
-            // icons are collectionName:iconName. Get list of all unique collection names:
-            const collections = new Set(icons.map((icon) => icon.split(':')[0]));
-            // package names @iconify-prerendered/vue-<collection name>
-            const iconPackageNames = Array.from(collections).map((collection) => `@iconify-prerendered/vue-${collection}`);
-            // for each icon generate import statement
-            const iconImports = uniqueIcons.map((icon) => {
-                const [collection, iconName] = icon.split(':');
-                const PascalIconName = 'Icon' + iconName.split('-').map((part, index) => {
-                    return part[0].toUpperCase() + part.slice(1);
-                }).join('');
-                return `import { ${PascalIconName} } from '@iconify-prerendered/vue-${collection}';`;
-            }).join('\n');
-            // for each custom component generate import statement
-            const customResourceComponents = [];
-            function checkInjections(filePathes) {
-                filePathes.forEach(({ file }) => {
-                    if (!customResourceComponents.includes(file)) {
-                        if (file === undefined) {
-                            throw new Error('file is undefined');
-                        }
-                        customResourceComponents.push(file);
+        }
+        //collect all 'icon' fields from resources bulkActions
+        this.adminforth.config.resources.forEach((resource) => {
+            var _a;
+            if ((_a = resource.options) === null || _a === void 0 ? void 0 : _a.bulkActions) {
+                resource.options.bulkActions.forEach((action) => {
+                    if (action.icon) {
+                        icons.push(action.icon);
                     }
                 });
             }
-            this.adminforth.config.resources.forEach((resource) => {
-                var _a;
-                resource.columns.forEach((column) => {
-                    if (column.components) {
-                        Object.values(column.components).forEach(({ file }) => {
-                            if (!customResourceComponents.includes(file)) {
-                                if (file === undefined) {
-                                    throw new Error('file is undefined from field.components, field:' + JSON.stringify(column));
-                                }
-                                customResourceComponents.push(file);
-                            }
-                        });
+        });
+        const uniqueIcons = Array.from(new Set(icons));
+        // icons are collectionName:iconName. Get list of all unique collection names:
+        const collections = new Set(icons.map((icon) => icon.split(':')[0]));
+        // package names @iconify-prerendered/vue-<collection name>
+        const iconPackageNames = Array.from(collections).map((collection) => `@iconify-prerendered/vue-${collection}`);
+        // for each icon generate import statement
+        const iconImports = uniqueIcons.map((icon) => {
+            const [collection, iconName] = icon.split(':');
+            const PascalIconName = 'Icon' + iconName.split('-').map((part, index) => {
+                return part[0].toUpperCase() + part.slice(1);
+            }).join('');
+            return `import { ${PascalIconName} } from '@iconify-prerendered/vue-${collection}';`;
+        }).join('\n');
+        // for each custom component generate import statement
+        const customResourceComponents = [];
+        function checkInjections(filePathes) {
+            filePathes.forEach(({ file }) => {
+                if (!customResourceComponents.includes(file)) {
+                    if (file === undefined) {
+                        throw new Error('file is undefined');
                     }
-                });
-                (Object.values(((_a = resource.options) === null || _a === void 0 ? void 0 : _a.pageInjections) || {})).forEach((injection) => {
-                    Object.values(injection).forEach((filePathes) => {
-                        checkInjections(filePathes);
+                    customResourceComponents.push(file);
+                }
+            });
+        }
+        this.adminforth.config.resources.forEach((resource) => {
+            var _a;
+            resource.columns.forEach((column) => {
+                if (column.components) {
+                    Object.values(column.components).forEach(({ file }) => {
+                        if (!customResourceComponents.includes(file)) {
+                            if (file === undefined) {
+                                throw new Error('file is undefined from field.components, field:' + JSON.stringify(column));
+                            }
+                            customResourceComponents.push(file);
+                        }
                     });
-                });
+                }
             });
-            if ((_e = this.adminforth.config.customization) === null || _e === void 0 ? void 0 : _e.globalInjections) {
-                Object.values(this.adminforth.config.customization.globalInjections).forEach((injection) => {
-                    checkInjections(injection);
+            (Object.values(((_a = resource.options) === null || _a === void 0 ? void 0 : _a.pageInjections) || {})).forEach((injection) => {
+                Object.values(injection).forEach((filePathes) => {
+                    checkInjections(filePathes);
                 });
-            }
-            customResourceComponents.forEach((filePath) => {
-                const componentName = getComponentNameFromPath(filePath);
-                this.allComponentNames[filePath] = componentName;
             });
-            // console.log('🔧 Injecting code into Vue sources...', this.allComponentNames);
-            let customComponentsImports = '';
-            for (const [targetPath, component] of Object.entries(this.allComponentNames)) {
-                customComponentsImports += `import ${component} from '${targetPath}';\n`;
-            }
-            // Generate Vue.component statements for each icon
-            const iconComponents = uniqueIcons.map((icon) => {
-                const [collection, iconName] = icon.split(':');
-                const PascalIconName = 'Icon' + iconName.split('-').map((part, index) => {
-                    return part[0].toUpperCase() + part.slice(1);
-                }).join('');
-                return `app.component('${PascalIconName}', ${PascalIconName});`;
-            }).join('\n');
-            // Generate Vue.component statements for each custom component
-            let customComponentsComponents = '';
-            for (const name of Object.values(this.allComponentNames)) {
-                customComponentsComponents += `app.component('${name}', ${name});\n`;
-            }
-            let imports = iconImports + '\n';
-            imports += customComponentsImports + '\n';
-            if ((_f = this.adminforth.config.customization) === null || _f === void 0 ? void 0 : _f.vueUsesFile) {
-                imports += `import addCustomUses from '${this.adminforth.config.customization.vueUsesFile}';\n`;
-            }
-            // inject that code into spa_tmp/src/App.vue
-            const appVuePath = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'main.ts');
-            let appVueContent = yield fs.promises.readFile(appVuePath, 'utf-8');
-            appVueContent = appVueContent.replace('/* IMPORTANT:ADMINFORTH IMPORTS */', imports);
-            appVueContent = appVueContent.replace('/* IMPORTANT:ADMINFORTH COMPONENT REGISTRATIONS */', iconComponents + '\n' + customComponentsComponents + '\n');
-            if ((_g = this.adminforth.config.customization) === null || _g === void 0 ? void 0 : _g.vueUsesFile) {
-                appVueContent = appVueContent.replace('/* IMPORTANT:ADMINFORTH CUSTOM USES */', 'addCustomUses(app);');
-            }
-            yield fs.promises.writeFile(appVuePath, appVueContent);
-            // generate tailwind extend styles
-            const stylesGenerator = new StylesGenerator((_h = this.adminforth.config.customization) === null || _h === void 0 ? void 0 : _h.styles);
-            const stylesText = JSON.stringify(stylesGenerator.mergeStyles(), null, 2).slice(1, -1);
-            let tailwindConfigPath = path.join(CodeInjector.SPA_TMP_PATH, 'tailwind.config.js');
-            let tailwindConfigContent = yield fs.promises.readFile(tailwindConfigPath, 'utf-8');
-            tailwindConfigContent = tailwindConfigContent.replace('/* IMPORTANT:ADMINFORTH TAILWIND STYLES */', stylesText);
-            yield fs.promises.writeFile(tailwindConfigPath, tailwindConfigContent);
-            const routerVuePath = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'router', 'index.ts');
-            let routerVueContent = yield fs.promises.readFile(routerVuePath, 'utf-8');
-            routerVueContent = routerVueContent.replace('/* IMPORTANT:ADMINFORTH ROUTES IMPORTS */', routerComponents);
-            // inject title to index.html
-            const indexHtmlPath = path.join(CodeInjector.SPA_TMP_PATH, 'index.html');
-            let indexHtmlContent = yield fs.promises.readFile(indexHtmlPath, 'utf-8');
-            indexHtmlContent = indexHtmlContent.replace('/* IMPORTANT:ADMINFORTH TITLE */', `${this.adminforth.config.customization.title || 'AdminForth'}`);
-            indexHtmlContent = indexHtmlContent.replace('/* IMPORTANT:ADMINFORTH FAVICON */', ((_j = this.adminforth.config.customization.favicon) === null || _j === void 0 ? void 0 : _j.replace('@@/', `${this.adminforth.baseUrlSlashed}assets/`))
-                ||
-                    `${this.adminforth.baseUrlSlashed}assets/favicon.png`);
-            yield fs.promises.writeFile(indexHtmlPath, indexHtmlContent);
-            /* generate custom routes */
-            let homepageMenuItem = findHomePage(this.adminforth.config.menu);
-            if (!homepageMenuItem) {
-                // find first item with path or resourceId. If we face a menu item with children earlier then path/resourceId, we should search in children
-                homepageMenuItem = yield findFirstMenuItemWithResource(this.adminforth.config.menu);
-            }
-            if (!homepageMenuItem) {
-                throw new Error('No homepage found in menu and no menu item with path/resourceId found. AdminForth can not generate routes');
-            }
-            let homePagePath = homepageMenuItem.path || `/resource/${homepageMenuItem.resourceId}`;
-            if (!homePagePath) {
-                homePagePath = ((_k = this.adminforth.config.menu.filter((mi) => mi.path)[0]) === null || _k === void 0 ? void 0 : _k.path) || `/resource/${(_l = this.adminforth.config.menu.filter((mi) => mi.children)[0]) === null || _l === void 0 ? void 0 : _l.resourceId}`;
-            }
-            routes += `{
+        });
+        if ((_d = this.adminforth.config.customization) === null || _d === void 0 ? void 0 : _d.globalInjections) {
+            Object.values(this.adminforth.config.customization.globalInjections).forEach((injection) => {
+                checkInjections(injection);
+            });
+        }
+        customResourceComponents.forEach((filePath) => {
+            const componentName = getComponentNameFromPath(filePath);
+            this.allComponentNames[filePath] = componentName;
+        });
+        // console.log('🔧 Injecting code into Vue sources...', this.allComponentNames);
+        let customComponentsImports = '';
+        for (const [targetPath, component] of Object.entries(this.allComponentNames)) {
+            customComponentsImports += `import ${component} from '${targetPath}';\n`;
+        }
+        // Generate Vue.component statements for each icon
+        const iconComponents = uniqueIcons.map((icon) => {
+            const [collection, iconName] = icon.split(':');
+            const PascalIconName = 'Icon' + iconName.split('-').map((part, index) => {
+                return part[0].toUpperCase() + part.slice(1);
+            }).join('');
+            return `app.component('${PascalIconName}', ${PascalIconName});`;
+        }).join('\n');
+        // Generate Vue.component statements for each custom component
+        let customComponentsComponents = '';
+        for (const name of Object.values(this.allComponentNames)) {
+            customComponentsComponents += `app.component('${name}', ${name});\n`;
+        }
+        let imports = iconImports + '\n';
+        imports += customComponentsImports + '\n';
+        if ((_e = this.adminforth.config.customization) === null || _e === void 0 ? void 0 : _e.vueUsesFile) {
+            imports += `import addCustomUses from '${this.adminforth.config.customization.vueUsesFile}';\n`;
+        }
+        // inject that code into spa_tmp/src/App.vue
+        const appVuePath = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'main.ts');
+        let appVueContent = await fs.promises.readFile(appVuePath, 'utf-8');
+        appVueContent = appVueContent.replace('/* IMPORTANT:ADMINFORTH IMPORTS */', imports);
+        appVueContent = appVueContent.replace('/* IMPORTANT:ADMINFORTH COMPONENT REGISTRATIONS */', iconComponents + '\n' + customComponentsComponents + '\n');
+        if ((_f = this.adminforth.config.customization) === null || _f === void 0 ? void 0 : _f.vueUsesFile) {
+            appVueContent = appVueContent.replace('/* IMPORTANT:ADMINFORTH CUSTOM USES */', 'addCustomUses(app);');
+        }
+        await fs.promises.writeFile(appVuePath, appVueContent);
+        // generate tailwind extend styles
+        const stylesGenerator = new StylesGenerator((_g = this.adminforth.config.customization) === null || _g === void 0 ? void 0 : _g.styles);
+        const stylesText = JSON.stringify(stylesGenerator.mergeStyles(), null, 2).slice(1, -1);
+        let tailwindConfigPath = path.join(CodeInjector.SPA_TMP_PATH, 'tailwind.config.js');
+        let tailwindConfigContent = await fs.promises.readFile(tailwindConfigPath, 'utf-8');
+        tailwindConfigContent = tailwindConfigContent.replace('/* IMPORTANT:ADMINFORTH TAILWIND STYLES */', stylesText);
+        await fs.promises.writeFile(tailwindConfigPath, tailwindConfigContent);
+        const routerVuePath = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'router', 'index.ts');
+        let routerVueContent = await fs.promises.readFile(routerVuePath, 'utf-8');
+        routerVueContent = routerVueContent.replace('/* IMPORTANT:ADMINFORTH ROUTES IMPORTS */', routerComponents);
+        // inject title to index.html
+        const indexHtmlPath = path.join(CodeInjector.SPA_TMP_PATH, 'index.html');
+        let indexHtmlContent = await fs.promises.readFile(indexHtmlPath, 'utf-8');
+        indexHtmlContent = indexHtmlContent.replace('/* IMPORTANT:ADMINFORTH TITLE */', `${this.adminforth.config.customization.title || 'AdminForth'}`);
+        indexHtmlContent = indexHtmlContent.replace('/* IMPORTANT:ADMINFORTH FAVICON */', ((_h = this.adminforth.config.customization.favicon) === null || _h === void 0 ? void 0 : _h.replace('@@/', `${this.adminforth.baseUrlSlashed}assets/`))
+            ||
+                `${this.adminforth.baseUrlSlashed}assets/favicon.png`);
+        await fs.promises.writeFile(indexHtmlPath, indexHtmlContent);
+        /* generate custom routes */
+        let homepageMenuItem = findHomePage(this.adminforth.config.menu);
+        if (!homepageMenuItem) {
+            // find first item with path or resourceId. If we face a menu item with children earlier then path/resourceId, we should search in children
+            homepageMenuItem = await findFirstMenuItemWithResource(this.adminforth.config.menu);
+        }
+        if (!homepageMenuItem) {
+            throw new Error('No homepage found in menu and no menu item with path/resourceId found. AdminForth can not generate routes');
+        }
+        let homePagePath = homepageMenuItem.path || `/resource/${homepageMenuItem.resourceId}`;
+        if (!homePagePath) {
+            homePagePath = ((_j = this.adminforth.config.menu.filter((mi) => mi.path)[0]) === null || _j === void 0 ? void 0 : _j.path) || `/resource/${(_k = this.adminforth.config.menu.filter((mi) => mi.children)[0]) === null || _k === void 0 ? void 0 : _k.resourceId}`;
+        }
+        routes += `{
       path: '/',
       name: 'home',
       //redirect to login 
       redirect: '${homePagePath}'
     },\n`;
-            routerVueContent = routerVueContent.replace('/* IMPORTANT:ADMINFORTH ROUTES */', routes);
-            yield fs.promises.writeFile(routerVuePath, routerVueContent);
-            /* hash checking */
-            const spaPackageLockPath = path.join(CodeInjector.SPA_TMP_PATH, 'package-lock.json');
-            const spaPackageLock = JSON.parse(yield fs.promises.readFile(spaPackageLockPath, 'utf-8'));
-            const spaLockHash = hashify(spaPackageLock);
-            /* customPackageLock */
-            let usersLockHash = '';
-            let usersPackages = [];
-            if ((_m = this.adminforth.config.customization) === null || _m === void 0 ? void 0 : _m.customComponentsDir) {
-                [usersLockHash, usersPackages] = yield this.packagesFromNpm(this.adminforth.config.customization.customComponentsDir);
-            }
-            const pluginPackages = [];
-            // for every installed plugin generate packages
-            for (const plugin of this.adminforth.activatedPlugins) {
-                process.env.HEAVY_DEBUG && console.log('🔧 Checking packages for plugin', plugin.constructor.name, plugin.customFolderPath);
-                const [lockHash, packages] = yield this.packagesFromNpm(plugin.customFolderPath);
-                if (packages.length) {
-                    pluginPackages.push({
-                        pluginName: plugin.constructor.name,
-                        lockHash,
-                        packages,
-                    });
-                }
-            }
-            // form string "pluginName:lockHash::pLugin2Name:lockHash"
-            const pluginsLockHash = pluginPackages.map(({ pluginName, lockHash }) => `${pluginName}>${lockHash}`).join('::');
-            const iconPackagesNamesHash = hashify(iconPackageNames);
-            const fullHash = `spa>${spaLockHash}::icons>${iconPackagesNamesHash}::user/custom>${usersLockHash}::${pluginsLockHash}`;
-            const hashPath = path.join(CodeInjector.SPA_TMP_PATH, 'node_modules', '.adminforth_hash');
-            try {
-                const existingHash = yield fs.promises.readFile(hashPath, 'utf-8');
-                if (existingHash === fullHash) {
-                    process.env.HEAVY_DEBUG && console.log(`🪲Hashes match, skipping npm ci/install, from file: ${existingHash}, actual: ${fullHash}`);
-                    return;
-                }
-                else {
-                    process.env.HEAVY_DEBUG && console.log(`🪲 Hashes do not match: from file: ${existingHash} actual: ${fullHash}, proceeding with npm ci/install`);
-                }
+        routerVueContent = routerVueContent.replace('/* IMPORTANT:ADMINFORTH ROUTES */', routes);
+        await fs.promises.writeFile(routerVuePath, routerVueContent);
+        /* hash checking */
+        const spaPackageLockPath = path.join(CodeInjector.SPA_TMP_PATH, 'package-lock.json');
+        const spaPackageLock = JSON.parse(await fs.promises.readFile(spaPackageLockPath, 'utf-8'));
+        const spaLockHash = hashify(spaPackageLock);
+        /* customPackageLock */
+        let usersLockHash = '';
+        let usersPackages = [];
+        if ((_l = this.adminforth.config.customization) === null || _l === void 0 ? void 0 : _l.customComponentsDir) {
+            [usersLockHash, usersPackages] = await this.packagesFromNpm(this.adminforth.config.customization.customComponentsDir);
+        }
+        const pluginPackages = [];
+        // for every installed plugin generate packages
+        for (const plugin of this.adminforth.activatedPlugins) {
+            process.env.HEAVY_DEBUG && console.log('🔧 Checking packages for plugin', plugin.constructor.name, plugin.customFolderPath);
+            const [lockHash, packages] = await this.packagesFromNpm(plugin.customFolderPath);
+            if (packages.length) {
+                pluginPackages.push({
+                    pluginName: plugin.constructor.name,
+                    lockHash,
+                    packages,
+                });
             }
-            catch (e) {
-                // ignore
-                process.env.HEAVY_DEBUG && console.log('🪲Hash file does not exist, proceeding with npm ci/install');
+        }
+        // form string "pluginName:lockHash::pLugin2Name:lockHash"
+        const pluginsLockHash = pluginPackages.map(({ pluginName, lockHash }) => `${pluginName}>${lockHash}`).join('::');
+        const iconPackagesNamesHash = hashify(iconPackageNames);
+        const fullHash = `spa>${spaLockHash}::icons>${iconPackagesNamesHash}::user/custom>${usersLockHash}::${pluginsLockHash}`;
+        const hashPath = path.join(CodeInjector.SPA_TMP_PATH, 'node_modules', '.adminforth_hash');
+        try {
+            const existingHash = await fs.promises.readFile(hashPath, 'utf-8');
+            if (existingHash === fullHash) {
+                process.env.HEAVY_DEBUG && console.log(`🪲Hashes match, skipping npm ci/install, from file: ${existingHash}, actual: ${fullHash}`);
+                return;
             }
-            yield this.runNpmShell({ command: 'ci', cwd: CodeInjector.SPA_TMP_PATH });
-            const allPacks = [
-                ...iconPackageNames,
-                ...usersPackages,
-                ...pluginPackages.reduce((acc, { packages }) => {
-                    acc.push(...packages);
-                    return acc;
-                }, []),
-            ];
-            const EXCLUDE_PACKS = ['@iconify-prerendered/vue-flowbite'];
-            const allPacksFiltered = allPacks.filter((pack) => {
-                return !EXCLUDE_PACKS.some((exclude) => pack.startsWith(exclude));
-            });
-            const allPacksUnique = Array.from(new Set(allPacksFiltered));
-            if (allPacks.length) {
-                const npmInstallCommand = `install ${allPacksUnique.join(' ')}`;
-                yield this.runNpmShell({ command: npmInstallCommand, cwd: CodeInjector.SPA_TMP_PATH });
+            else {
+                process.env.HEAVY_DEBUG && console.log(`🪲 Hashes do not match: from file: ${existingHash} actual: ${fullHash}, proceeding with npm ci/install`);
             }
-            yield fs.promises.writeFile(hashPath, fullHash);
+        }
+        catch (e) {
+            // ignore
+            process.env.HEAVY_DEBUG && console.log('🪲Hash file does not exist, proceeding with npm ci/install');
+        }
+        await this.runNpmShell({ command: 'ci', cwd: CodeInjector.SPA_TMP_PATH });
+        const allPacks = [
+            ...iconPackageNames,
+            ...usersPackages,
+            ...pluginPackages.reduce((acc, { packages }) => {
+                acc.push(...packages);
+                return acc;
+            }, []),
+        ];
+        const EXCLUDE_PACKS = ['@iconify-prerendered/vue-flowbite'];
+        const allPacksFiltered = allPacks.filter((pack) => {
+            return !EXCLUDE_PACKS.some((exclude) => pack.startsWith(exclude));
         });
+        const allPacksUnique = Array.from(new Set(allPacksFiltered));
+        if (allPacks.length) {
+            const npmInstallCommand = `install ${allPacksUnique.join(' ')}`;
+            await this.runNpmShell({ command: npmInstallCommand, cwd: CodeInjector.SPA_TMP_PATH });
+        }
+        await fs.promises.writeFile(hashPath, fullHash);
     }
-    watchForReprepare(_a) {
-        return __awaiter(this, arguments, void 0, function* ({}) {
-            const spaPath = path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa');
-            // get list of all subdirectories in spa recursively
-            const directories = [];
-            const collectDirectories = (dir) => __awaiter(this, void 0, void 0, function* () {
-                const files = yield fs.promises.readdir(dir, { withFileTypes: true });
-                for (const file of files) {
-                    if (['node_modules', 'dist'].includes(file.name)) {
-                        continue;
-                    }
-                    if (file.isDirectory()) {
-                        directories.push(path.join(dir, file.name));
-                        yield collectDirectories(path.join(dir, file.name));
-                    }
+    async watchForReprepare({}) {
+        const spaPath = path.join(ADMIN_FORTH_ABSOLUTE_PATH, 'spa');
+        // get list of all subdirectories in spa recursively
+        const directories = [];
+        const collectDirectories = async (dir) => {
+            const files = await fs.promises.readdir(dir, { withFileTypes: true });
+            for (const file of files) {
+                if (['node_modules', 'dist'].includes(file.name)) {
+                    continue;
+                }
+                if (file.isDirectory()) {
+                    directories.push(path.join(dir, file.name));
+                    await collectDirectories(path.join(dir, file.name));
                 }
-            });
-            yield collectDirectories(spaPath);
-            if (process.env.HEAVY_DEBUG) {
-                console.log('🪲🔎 Watch for:', directories.join(','));
             }
-            const watcher = filewatcher();
-            directories.forEach((dir) => {
-                watcher.add(dir);
-            });
-            watcher.on('change', (file, x) => __awaiter(this, void 0, void 0, function* () {
-                console.log(`File ${file} changed ${x}, preparing sources...`);
-                yield this.prepareSources({ filesUpdated: [file.replace(spaPath + '/', '')] });
-            }));
-            watcher.on('fallback', notifyWatcherIssue);
-            this.allWatchers.push(watcher);
+        };
+        await collectDirectories(spaPath);
+        if (process.env.HEAVY_DEBUG) {
+            console.log('🪲🔎 Watch for:', directories.join(','));
+        }
+        const watcher = filewatcher();
+        directories.forEach((dir) => {
+            watcher.add(dir);
+        });
+        watcher.on('change', async (file, x) => {
+            console.log(`File ${file} changed ${x}, preparing sources...`);
+            await this.prepareSources({ filesUpdated: [file.replace(spaPath + '/', '')] });
         });
+        watcher.on('fallback', notifyWatcherIssue);
+        this.allWatchers.push(watcher);
     }
-    watchCustomComponentsForCopy(_a) {
-        return __awaiter(this, arguments, void 0, function* ({ customComponentsDir, destination }) {
-            if (!customComponentsDir) {
-                return;
-            }
-            // check if folder exists
-            try {
-                yield fs.promises.access(customComponentsDir, fs.constants.F_OK);
-            }
-            catch (e) {
-                process.env.HEAVY_DEBUG && console.log(`🪲Custom components dir ${customComponentsDir} does not exist, skipping watching`);
+    async watchCustomComponentsForCopy({ customComponentsDir, destination }) {
+        if (!customComponentsDir) {
+            return;
+        }
+        // check if folder exists
+        try {
+            await fs.promises.access(customComponentsDir, fs.constants.F_OK);
+        }
+        catch (e) {
+            process.env.HEAVY_DEBUG && console.log(`🪲Custom components dir ${customComponentsDir} does not exist, skipping watching`);
+            return;
+        }
+        // get all subdirs
+        const directories = [];
+        const files = [];
+        const collectDirectories = async (dir) => {
+            if (['node_modules', 'dist'].includes(path.basename(dir))) {
                 return;
             }
-            // get all subdirs
-            const directories = [];
-            const files = [];
-            const collectDirectories = (dir) => __awaiter(this, void 0, void 0, function* () {
-                if (['node_modules', 'dist'].includes(path.basename(dir))) {
-                    return;
-                }
-                directories.push(dir);
-                const filesAndDirs = yield fs.promises.readdir(dir, { withFileTypes: true });
-                yield Promise.all(filesAndDirs.map((file) => __awaiter(this, void 0, void 0, function* () {
-                    const isDir = fs.lstatSync(path.join(dir, file.name)).isDirectory();
-                    if (isDir) {
-                        yield collectDirectories(path.join(dir, file.name));
-                    }
-                    else {
-                        files.push(path.join(dir, file.name));
-                    }
-                })));
-            });
-            yield collectDirectories(customComponentsDir);
-            const watcher = filewatcher();
-            files.forEach((file) => {
-                process.env.HEAVY_DEBUG && console.log(`🪲🔎 Watch for file ${file}`);
-                watcher.add(file);
-            });
-            if (process.env.HEAVY_DEBUG) {
-                console.log('🪲🔎 Watch for:', directories.join(','));
-            }
-            watcher.on('change', (fileOrDir) => __awaiter(this, void 0, void 0, function* () {
-                // copy one file
-                const relativeFilename = fileOrDir.replace(customComponentsDir + '/', '');
-                if (process.env.HEAVY_DEBUG) {
-                    console.log(`🔎 fileOrDir ${fileOrDir} changed`);
-                    console.log(`🔎 relativeFilename ${relativeFilename}`);
-                    console.log(`🔎 customComponentsDir ${customComponentsDir}`);
-                    console.log(`🔎 destination ${destination}`);
-                }
-                const isFile = fs.lstatSync(fileOrDir).isFile();
-                if (isFile) {
-                    const destPath = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'custom', destination, relativeFilename);
-                    process.env.HEAVY_DEBUG && console.log(`🔎 Copying file ${fileOrDir} to ${destPath}`);
-                    yield fsExtra.copy(fileOrDir, destPath);
-                    return;
+            directories.push(dir);
+            const filesAndDirs = await fs.promises.readdir(dir, { withFileTypes: true });
+            await Promise.all(filesAndDirs.map(async (file) => {
+                const isDir = fs.lstatSync(path.join(dir, file.name)).isDirectory();
+                if (isDir) {
+                    await collectDirectories(path.join(dir, file.name));
                 }
                 else {
-                    // for now do nothing
+                    files.push(path.join(dir, file.name));
                 }
             }));
-            watcher.on('fallback', notifyWatcherIssue);
-            this.allWatchers.push(watcher);
+        };
+        await collectDirectories(customComponentsDir);
+        const watcher = filewatcher();
+        files.forEach((file) => {
+            process.env.HEAVY_DEBUG && console.log(`🪲🔎 Watch for file ${file}`);
+            watcher.add(file);
         });
-    }
-    bundleNow(_a) {
-        return __awaiter(this, arguments, void 0, function* ({ hotReload = false }) {
-            console.log(`AdminForth bundling ${hotReload ? ' and listening for changes (🔥 Hotreload)' : ' (no hot reload)'}`);
-            this.adminforth.runningHotReload = hotReload;
-            yield this.prepareSources({});
-            if (hotReload) {
-                yield Promise.all([
-                    this.watchForReprepare({}),
-                    ...Object.entries(this.srcFoldersToSync).map((_b) => __awaiter(this, [_b], void 0, function* ([src, dest]) {
-                        yield this.watchCustomComponentsForCopy({
-                            customComponentsDir: src,
-                            destination: dest,
-                        });
-                    })),
-                ]);
-            }
-            console.log('AdminForth bundling');
-            const cwd = CodeInjector.SPA_TMP_PATH;
-            if (!hotReload) {
-                // probably add option to build with tsh check (plain 'build')
-                yield this.runNpmShell({ command: 'run build-only', cwd });
+        if (process.env.HEAVY_DEBUG) {
+            console.log('🪲🔎 Watch for:', directories.join(','));
+        }
+        watcher.on('change', async (fileOrDir) => {
+            // copy one file
+            const relativeFilename = fileOrDir.replace(customComponentsDir + '/', '');
+            if (process.env.HEAVY_DEBUG) {
+                console.log(`🔎 fileOrDir ${fileOrDir} changed`);
+                console.log(`🔎 relativeFilename ${relativeFilename}`);
+                console.log(`🔎 customComponentsDir ${customComponentsDir}`);
+                console.log(`🔎 destination ${destination}`);
+            }
+            const isFile = fs.lstatSync(fileOrDir).isFile();
+            if (isFile) {
+                const destPath = path.join(CodeInjector.SPA_TMP_PATH, 'src', 'custom', destination, relativeFilename);
+                process.env.HEAVY_DEBUG && console.log(`🔎 Copying file ${fileOrDir} to ${destPath}`);
+                await fsExtra.copy(fileOrDir, destPath);
+                return;
             }
             else {
-                const command = 'run dev';
-                console.log(`🪲⚙️ spawn: npm ${command}...`);
-                const nodeBinary = process.execPath;
-                const npmPath = path.join(path.dirname(nodeBinary), 'npm');
-                const env = Object.assign({ VITE_ADMINFORTH_PUBLIC_PATH: this.adminforth.config.baseUrl, FORCE_COLOR: '1' }, process.env);
-                const devServer = spawn(`${nodeBinary}`, [`${npmPath}`, ...command.split(' ')], {
-                    cwd,
-                    env,
-                });
-                devServer.stdout.on('data', (data) => {
-                    console.log(`[AdminForth SPA]:`);
-                    process.stdout.write(data);
-                });
-                devServer.stderr.on('data', (data) => {
-                    console.error(`[AdminForth SPA ERR]:`);
-                    process.stdout.write(data);
-                });
+                // for now do nothing
             }
         });
+        watcher.on('fallback', notifyWatcherIssue);
+        this.allWatchers.push(watcher);
+    }
+    async bundleNow({ hotReload = false }) {
+        console.log(`AdminForth bundling ${hotReload ? ' and listening for changes (🔥 Hotreload)' : ' (no hot reload)'}`);
+        this.adminforth.runningHotReload = hotReload;
+        await this.prepareSources({});
+        if (hotReload) {
+            await Promise.all([
+                this.watchForReprepare({}),
+                ...Object.entries(this.srcFoldersToSync).map(async ([src, dest]) => {
+                    await this.watchCustomComponentsForCopy({
+                        customComponentsDir: src,
+                        destination: dest,
+                    });
+                }),
+            ]);
+        }
+        console.log('AdminForth bundling');
+        const cwd = CodeInjector.SPA_TMP_PATH;
+        if (!hotReload) {
+            // probably add option to build with tsh check (plain 'build')
+            await this.runNpmShell({ command: 'run build-only', cwd });
+        }
+        else {
+            const command = 'run dev';
+            console.log(`🪲⚙️ spawn: npm ${command}...`);
+            const nodeBinary = process.execPath;
+            const npmPath = path.join(path.dirname(nodeBinary), 'npm');
+            const env = Object.assign({ VITE_ADMINFORTH_PUBLIC_PATH: this.adminforth.config.baseUrl, FORCE_COLOR: '1' }, process.env);
+            const devServer = spawn(`${nodeBinary}`, [`${npmPath}`, ...command.split(' ')], {
+                cwd,
+                env,
+            });
+            devServer.stdout.on('data', (data) => {
+                console.log(`[AdminForth SPA]:`);
+                process.stdout.write(data);
+            });
+            devServer.stderr.on('data', (data) => {
+                console.error(`[AdminForth SPA ERR]:`);
+                process.stdout.write(data);
+            });
+        }
     }
 }
 CodeInjector.SPA_TMP_PATH = path.join(TMP_DIR, 'adminforth', 'spa_tmp');