@hcl-software/dxclient 225.0.0 → 227.0.0

package/dist/packages/livesync/src/commands/pushWcmDesignLibrary.js

@@ -48,10 +48,14 @@ const EventsQueue_1 = require("../services/EventsQueue");
 const livesyncUtils_1 = require("../services/livesyncUtils");
 const ongoingSyncServices_1 = require("../services/ongoingSyncServices");
 const presentationTemplateWcmServices_1 = require("../services/presentationTemplateWcmServices");
+const initialSync_1 = require("../services/wcmContext/initialSync");
+const stylesheetComponent_1 = __importDefault(require("../services/wcmContext/stylesheetComponent"));
 class PushWcmDesignLibrary {
     constructor() {
         this.watcher = null;
         this.eventsQueue = null;
+        this.maxRetryCount = 60;
+        this.timeInterval = 1000;
     }
     invoke(cmdArgs) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -85,7 +89,9 @@ class PushWcmDesignLibrary {
                     }
                     wcmLibraryName = this.libraryMetaData.name;
                     PushWcmDesignLibrary.savedMetadata = metadataServices_1.loadMetadata(this.libraryPath);
+                    this.initialSync = new initialSync_1.InitialSync();
                     isSuccess = yield this.pushAll(cmdArgs.wcmLibraryPath);
+                    yield this.initialSync.syncFiles();
                     if (isSuccess && utils_1.isFeatureEnabled(constants_1.FeaturesEnum.LIVESYNC_WCM_DELETE)) {
                         yield this.deleteFoldersAndFiles(cmdArgs.wcmLibraryPath);
                     }
@@ -127,13 +133,14 @@ class PushWcmDesignLibrary {
             const folderMetadataPath = path_1.join(libraryPath, '.library', 'Folder');
             const componentMetadataPath = path_1.join(libraryPath, '.library', 'LibraryHTMLComponent');
             const presentationTemplateMetadataPath = path_1.join(libraryPath, '.library', 'PresentationTemplate');
+            const styleSheetMetadataPath = path_1.join(libraryPath, '.library', 'LibraryStyleSheetComponent');
             const folderMetadataCollection = fs_extra_1.readdirSync(folderMetadataPath);
             const deleteFolderJobs = folderMetadataCollection.map((file) => __awaiter(this, void 0, void 0, function* () {
                 const filePath = path_1.join(folderMetadataPath, file);
-                if (!fs_extra_1.existsSync(filePath))
+                if (!fs_extra_1.existsSync(path_1.join(this.libraryPath, filePath)))
                     return;
                 const folderMeta = fs_extra_1.readJSONSync(filePath);
-                if (!fs_extra_1.existsSync(folderMeta.localPath)) {
+                if (!fs_extra_1.existsSync(path_1.join(this.libraryPath, folderMeta.localPath))) {
                     if (!utils_1.isFeatureEnabled(constants_1.FeaturesEnum.LIVESYNC_WCM_DELETE_FOLDER)) {
                         logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_FOLDER_DISABLED', { 0: folderMeta.localPath }));
                         return;
@@ -145,61 +152,85 @@ class PushWcmDesignLibrary {
                 logger_1.logger.debug('Initial Sync - Folder Delete Function Completed');
                 const componentsMetadataCollection = fs_extra_1.readdirSync(componentMetadataPath);
                 const prensentationTemplateMetadataCollection = fs_extra_1.readdirSync(presentationTemplateMetadataPath);
+                const StyleSheetMetadataCollection = fs_extra_1.readdirSync(styleSheetMetadataPath);
                 const deleteComponentJobs = componentsMetadataCollection.map((file) => __awaiter(this, void 0, void 0, function* () {
                     const filePath = path_1.join(componentMetadataPath, file);
                     const componentsMeta = fs_extra_1.readJSONSync(filePath);
-                    if (!fs_extra_1.existsSync(componentsMeta.localPath)) {
+                    if (!fs_extra_1.existsSync(path_1.join(this.libraryPath, componentsMeta.localPath))) {
                         const resp = yield htmlComponentWcmServices_1.deleteHtmlComponent(this.apiOptions, componentsMeta.id);
                         if ([204, 404, 409].includes(resp.status)) {
                             if (resp.status === 409) {
-                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_HTML_CONFLICT', { 0: componentsMeta.name }));
+                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_HTML_COMPONENT_CONFLICT', { 0: componentsMeta.name }));
                             }
                             try {
                                 fs.rmSync(filePath);
                                 logger_1.logger.info(utils_1.message('LIVESYNC_PUSH_WCM_ONGOING_SYNC_DELETE_HTML_COMPONENT', { 0: componentsMeta.name, 1: this.libraryMetaData.name }));
                             }
                             catch (err) {
-                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_DEFAULT', { 0: componentsMeta.name, 1: err }));
+                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_COMPONENT_DEFAULT', { 0: componentsMeta.name, 1: err }));
                             }
                         }
                         else if (resp.status === 423) {
-                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_LOCKED_FILE', { 0: componentsMeta.name }));
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_COMPONENT_LOCKED_FILE', { 0: componentsMeta.name }));
                         }
                         else if (resp.status === 500) {
-                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_GENERIC', { 0: componentsMeta.name, 1: resp.statusText }));
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_COMPONENT_GENERIC', { 0: componentsMeta.name, 1: resp.statusText }));
                         }
                     }
                 }));
                 const deleteTemplateJobs = prensentationTemplateMetadataCollection.map((file) => __awaiter(this, void 0, void 0, function* () {
                     const filePath = path_1.join(presentationTemplateMetadataPath, file);
                     const templateMeta = fs_extra_1.readJSONSync(filePath);
-                    if (!fs_extra_1.existsSync(templateMeta.localPath)) {
+                    if (!fs_extra_1.existsSync(path_1.join(this.libraryPath, templateMeta.localPath))) {
                         const resp = yield presentationTemplateWcmServices_1.deletePresentationTemplate(this.apiOptions, templateMeta.id);
                         if ([204, 404, 409].includes(resp.status)) {
                             if (resp.status === 409) {
-                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_HTML_CONFLICT', { 0: templateMeta.name }));
+                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_PRESENTATION_TEMPLATE_CONFLICT', { 0: templateMeta.name }));
                             }
                             try {
                                 fs.rmSync(filePath);
                                 logger_1.logger.info(utils_1.message('LIVESYNC_PUSH_WCM_ONGOING_SYNC_DELETE_PRESENTATION_TEMPLATE', { 0: templateMeta.name, 1: this.libraryMetaData.name }));
                             }
                             catch (err) {
-                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_DEFAULT', { 0: templateMeta.name, 1: err }));
+                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_PRESENTATION_TEMPLATE_DEFAULT', { 0: templateMeta.name, 1: err }));
                             }
                         }
                         else if (resp.status === 423) {
-                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_LOCKED_FILE', { 0: templateMeta.name }));
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_PRESENTATION_TEMPLATE_LOCKED_FILE', { 0: templateMeta.name }));
                         }
                         else if (resp.status === 500) {
-                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_HTML_GENERIC', { 0: templateMeta.name, 1: resp.statusText }));
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_PRESENTATION_TEMPLATE_GENERIC', { 0: templateMeta.name, 1: resp.statusText }));
                         }
                     }
                 }));
+                let deleteStyleSheetJobs;
+                if (livesyncUtils_1.isTypeEnabled('LibraryStyleSheetComponent')) {
+                    deleteStyleSheetJobs = StyleSheetMetadataCollection.map((file) => __awaiter(this, void 0, void 0, function* () {
+                        const filePath = path_1.join(styleSheetMetadataPath, file);
+                        try {
+                            const fileMeta = fs_extra_1.readJSONSync(filePath);
+                            const stylesheetComponent = new stylesheetComponent_1.default(fileMeta.localPath, fileMeta, {
+                                apiOptions: this.apiOptions,
+                                libraryId: this.libraryMetaData.id,
+                                libraryPath: this.libraryPath,
+                                libraryMetaData: this.libraryMetaData,
+                            });
+                            this.initialSync.push(fileMeta.localPath, stylesheetComponent);
+                        }
+                        catch (e) {
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_STYLESHEET_COMPONENT_GENERIC', { 0: filePath, 1: e.message }));
+                        }
+                    }));
+                }
+                yield this.initialSync.syncFiles();
                 return Promise.all(deleteComponentJobs).then(() => {
                     logger_1.logger.debug('Initial Sync - Component Delete Function Completed');
                     return Promise.all(deleteTemplateJobs).then(() => {
                         logger_1.logger.debug('Initial Sync - Presentation Template Delete Function Completed');
-                        return true;
+                        return Promise.all(deleteStyleSheetJobs).then(() => {
+                            logger_1.logger.debug('Initial Sync - StyleSheet Delete Function Completed');
+                            return true;
+                        });
                     });
                 }).catch(() => { return false; });
             })).catch(() => { return false; });
@@ -216,7 +247,7 @@ class PushWcmDesignLibrary {
             if (!parentFolderMeta) {
                 isDeleteSuccess = true;
             }
-            else if (parentFolderMeta && !fs_extra_1.existsSync(parentFolderMeta.localPath)) {
+            else if (parentFolderMeta && !fs_extra_1.existsSync(path_1.join(this.libraryPath, parentFolderMeta.localPath))) {
                 isDeleteSuccess = yield this.deleteRootMissingFolder(parentFolderMeta.parentID, parentID, parentFolderMeta.name);
             }
             else {
@@ -231,7 +262,7 @@ class PushWcmDesignLibrary {
                     return true;
                 }
                 catch (err) {
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_FOLDER_DEFAULT', { 0: childName, 1: err }));
+                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_DELETE_FOLDER_DEFAULT', { 0: childName, 1: err.message }));
                 }
             }
             else if (resp.status === 423) {
@@ -258,32 +289,62 @@ class PushWcmDesignLibrary {
                         continue;
                     }
                     if (fileName === '.html') {
-                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: filePath }));
+                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: fileName, 1: filePath }));
                         isSuccessful = false;
                         break;
                     }
                     if (path_1.default.extname(filePath) === '.html') {
                         try {
-                            yield this.pushHTMLFile(filePath);
+                            const fileMeta = metadataServices_1.getSavedMetadata(this.libraryPath, filePath, PushWcmDesignLibrary.savedMetadata);
+                            if (fileMeta && fileMeta.type === 'LibraryStyleSheetComponent') {
+                                this.initialSync.push(filePath, new stylesheetComponent_1.default(filePath, fileMeta, {
+                                    apiOptions: this.apiOptions,
+                                    libraryId: this.libraryMetaData.id,
+                                    libraryPath: this.libraryPath,
+                                    libraryMetaData: this.libraryMetaData,
+                                }));
+                            }
+                            else {
+                                yield this.pushHTMLFile(filePath, fileMeta);
+                            }
                         }
                         catch (error) {
-                            logger_1.logger.error(`Error pushing HTML file ${filePath}: ${error.message}`);
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_GENERIC', { 0: filePath, 1: error.message }));
                             isSuccessful = false;
                             break;
                         }
                     }
+                    else if (path_1.default.extname(filePath) === '.css') {
+                        if (livesyncUtils_1.isTypeEnabled('LibraryStyleSheetComponent')) {
+                            try {
+                                const fileMeta = metadataServices_1.getSavedMetadata(this.libraryPath, filePath, PushWcmDesignLibrary.savedMetadata);
+                                const stylesheetComponent = new stylesheetComponent_1.default(filePath, fileMeta, {
+                                    apiOptions: this.apiOptions,
+                                    libraryId: this.libraryMetaData.id,
+                                    libraryPath: this.libraryPath,
+                                    libraryMetaData: this.libraryMetaData,
+                                });
+                                this.initialSync.push(filePath, stylesheetComponent);
+                            }
+                            catch (e) {
+                                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_GENERIC', { 0: filePath, 1: e.message }));
+                                isSuccessful = false;
+                                break;
+                            }
+                        }
+                    }
                     else if (fileStats.isDirectory()) {
                         try {
                             yield this.pushFolderComponent(filePath);
                         }
                         catch (error) {
-                            logger_1.logger.error(`Error pushing folder component ${filePath}: ${error.message}`);
+                            logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_GENERIC', { 0: filePath, 1: error.message }));
                             isSuccessful = false;
                             break;
                         }
                     }
                     else {
-                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: filePath }));
+                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: fileName, 1: filePath }));
                         isSuccessful = false;
                         break;
                     }
@@ -293,7 +354,7 @@ class PushWcmDesignLibrary {
                         yield this.pushAll(filePath);
                     }
                     catch (error) {
-                        logger_1.logger.error(`Error processing directory ${filePath}: ${error.message}`);
+                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_GENERIC', { 0: filePath, 1: error.message }));
                         isSuccessful = false;
                         break;
                     }
@@ -302,17 +363,26 @@ class PushWcmDesignLibrary {
             return isSuccessful;
         });
     }
-    pushHTMLFile(filePath) {
+    pushHTMLFile(filePath, fileMeta) {
         return __awaiter(this, void 0, void 0, function* () {
             logger_1.logger.debug('Executing function Push WCM Design Library pushFile');
             const directoryPath = path_1.default.parse(filePath).dir;
             const directoryFileMeta = metadataServices_1.getSavedMetadata(this.libraryPath, directoryPath, PushWcmDesignLibrary.savedMetadata);
             const fileName = path_1.default.parse(filePath).name;
+            const relativeFilePath = path_1.default.relative(this.libraryPath, filePath);
             const libraryID = this.libraryMetaData.id;
             let parentID = directoryFileMeta ? directoryFileMeta.id : libraryID;
-            const fileMeta = metadataServices_1.getSavedMetadata(this.libraryPath, filePath, PushWcmDesignLibrary.savedMetadata);
             const fileContent = fs_extra_1.readFileSync(filePath, 'utf8');
+            const wcmtype = livesyncUtils_1.getWCMType(filePath, this.libraryPath);
             let metadata;
+            if (!livesyncUtils_1.isTypeEnabled(wcmtype) && fileMeta && fileMeta.type === 'LibraryStyleSheetComponent') {
+                this.initialSync.push(filePath, new stylesheetComponent_1.default(filePath, fileMeta, {
+                    apiOptions: this.apiOptions,
+                    libraryId: this.libraryMetaData.id,
+                    libraryPath: this.libraryPath,
+                    libraryMetaData: this.libraryMetaData,
+                }));
+            }
             let referenceUrl = '';
             if (this.apiOptions.virtualPortalContext) {
                 referenceUrl = `${this.apiOptions.contenthandlerPath}/${this.apiOptions.virtualPortalContext}`;
@@ -330,7 +400,7 @@ class PushWcmDesignLibrary {
             let resp = { status: 999 };
             const type = livesyncUtils_1.getWCMType(filePath, this.libraryPath);
             if (!livesyncUtils_1.isTypeEnabled(type)) {
-                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: filePath }));
+                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: relativeFilePath }));
                 return false;
             }
             let messageType;
@@ -346,7 +416,7 @@ class PushWcmDesignLibrary {
                         messageType = 'PRESENTATION_TEMPLATE';
                         break;
                     default:
-                        logger_1.logger.debug(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: filePath }));
+                        logger_1.logger.debug(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: relativeFilePath }));
                         return false;
                 }
                 const data = JSON.stringify({
@@ -391,17 +461,17 @@ class PushWcmDesignLibrary {
                         resp = yield presentationTemplateWcmServices_1.createPresentationTemplate(this.apiOptions, data);
                         break;
                     default:
-                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: filePath }));
+                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: relativeFilePath }));
                         return false;
                 }
             }
             else {
                 if (fileContent === fileMeta.content.value) {
-                    logger_1.logger.debug('File content unchanged: %s', filePath);
+                    logger_1.logger.debug('File content unchanged: %s', relativeFilePath);
                     return true;
                 }
                 fileMeta.content.value = fileContent;
-                const data = JSON.stringify({ entry: { content: fileMeta.content } });
+                const data = JSON.stringify({ entry: { author: fileMeta.author, owner: fileMeta.owner, content: fileMeta.content } });
                 switch (type) {
                     case 'LibraryHTMLComponent':
                         messageType = 'HTML_COMPONENT';
@@ -412,7 +482,7 @@ class PushWcmDesignLibrary {
                         resp = yield presentationTemplateWcmServices_1.updatePresentationTemplate(this.apiOptions, fileMeta.id, data);
                         break;
                     default:
-                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: filePath }));
+                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILE_TYPE', { 0: relativeFilePath }));
                         return false;
                 }
                 parentID = fileMeta.parentID;
@@ -421,27 +491,27 @@ class PushWcmDesignLibrary {
                 case 200:
                 case 201:
                     if (fileMeta && fileMeta.id !== resp.data.id) {
-                        logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_HTML_HAS_DRAFT', { 0: fileName }));
+                        logger_1.logger.error(utils_1.errorMessage(`ERROR_LIVESYNC_PUSH_WCM_UPDATE_${messageType}_HAS_DRAFT`, { 0: relativeFilePath }));
                         return false;
                     }
                     metadata = metadataServices_1.createMetadata(this.libraryPath, resp.data, parentID, libraryID);
-                    if (filePath !== metadata.localPath) {
-                        fs_extra_1.moveSync(filePath, metadata.localPath);
+                    if (path_1.relative(this.libraryPath, filePath).toLowerCase() !== metadata.localPath.toLowerCase()) {
+                        fs_extra_1.moveSync(path_1.relative(this.libraryPath, filePath), metadata.localPath);
                     }
                     PushWcmDesignLibrary.savedMetadata = metadataServices_1.saveMetadata(this.libraryPath, metadata, PushWcmDesignLibrary.savedMetadata);
-                    logger_1.logger.info(utils_1.message(`LIVESYNC_PUSH_WCM_ONGOING_SYNC_${fileIsNew ? 'CREATE' : 'UPDATE'}_${messageType}`, { 0: fileName, 1: this.libraryMetaData.name }));
+                    logger_1.logger.info(utils_1.message(`LIVESYNC_PUSH_WCM_ONGOING_SYNC_${fileIsNew ? 'CREATE' : 'UPDATE'}_${messageType}`, { 0: relativeFilePath, 1: this.libraryMetaData.name }));
                     return true;
                 case 400:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_CREATE_HTML_DEFAULT', { 0: fileName, 1: resp.statusText }));
+                    logger_1.logger.error(utils_1.errorMessage(`ERROR_LIVESYNC_PUSH_WCM_${fileIsNew ? 'CREATE' : 'UPDATE'}_${messageType}_DEFAULT`, { 0: relativeFilePath, 1: resp.statusText }));
                     return false;
                 case 404:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_HTML_NOTFOUND', { 0: fileName }));
+                    logger_1.logger.error(utils_1.errorMessage(`ERROR_LIVESYNC_PUSH_WCM_${messageType}_NOTFOUND`, { 0: relativeFilePath }));
                     return false;
                 case 423:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_HTML_LOCKED_FILE', { 0: fileName }));
+                    logger_1.logger.error(utils_1.errorMessage(`ERROR_LIVESYNC_PUSH_WCM_${messageType}_LOCKED_FILE`, { 0: relativeFilePath }));
                     return false;
                 default:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_HTML_DEFAULT', { 0: fileName, 1: resp.statusText }));
+                    logger_1.logger.error(utils_1.errorMessage(`ERROR_LIVESYNC_PUSH_WCM_${fileIsNew ? 'CREATE' : 'UPDATE'}_${messageType}_DEFAULT`, { 0: relativeFilePath, 1: resp.statusText }));
                     return false;
             }
         });
@@ -450,6 +520,7 @@ class PushWcmDesignLibrary {
         return __awaiter(this, void 0, void 0, function* () {
             logger_1.logger.debug('Executing function Push WCM Design Library pushFile');
             const fileName = path_1.default.parse(filePath).name;
+            const relativeFilePath = path_1.default.relative(this.libraryPath, filePath);
             const fileMeta = metadataServices_1.getSavedMetadata(this.libraryPath, filePath, PushWcmDesignLibrary.savedMetadata);
             const libraryID = this.libraryMetaData.id;
             const directoryPath = path_1.default.parse(filePath).dir;
@@ -475,8 +546,8 @@ class PushWcmDesignLibrary {
                 resp = yield foldersWcmServices_1.createFolder(this.apiOptions, libraryID, JSON.stringify(data));
             }
             else {
-                if (fileMeta.localPath === filePath) {
-                    logger_1.logger.debug('Folder unchanged: %s', filePath);
+                if (fileMeta.localPath === relativeFilePath) {
+                    logger_1.logger.debug('Folder unchanged: %s', relativeFilePath);
                     return true;
                 }
                 const cleanFolderMeta = Object.assign({}, fileMeta);
@@ -488,22 +559,22 @@ class PushWcmDesignLibrary {
             switch (resp.status) {
                 case 200:
                 case 201:
-                    resp.data.localPath = filePath;
+                    resp.data.localPath = relativeFilePath;
                     metadataServices_1.createMetadata(this.libraryPath, resp.data, parentID, libraryID);
                     PushWcmDesignLibrary.savedMetadata = metadataServices_1.saveMetadata(this.libraryPath, resp.data, PushWcmDesignLibrary.getCache());
-                    logger_1.logger.info(utils_1.message(`LIVESYNC_PUSH_WCM_ONGOING_SYNC_${fileIsNew ? 'CREATE' : 'UPDATE'}_FOLDER`, { 0: fileName, 1: this.libraryMetaData.name }));
+                    logger_1.logger.info(utils_1.message(`LIVESYNC_PUSH_WCM_ONGOING_SYNC_${fileIsNew ? 'CREATE' : 'UPDATE'}_FOLDER`, { 0: relativeFilePath, 1: this.libraryMetaData.name }));
                     return true;
                 case 400:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INITIAL_SYNC_CREATE_FOLDER', { 0: fileName, 1: resp.statusText }));
+                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INITIAL_SYNC_CREATE_FOLDER', { 0: relativeFilePath, 1: resp.statusText }));
                     return false;
                 case 404:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_FOLDER_NOTFOUND', { 0: fileName }));
+                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_FOLDER_NOTFOUND', { 0: relativeFilePath }));
                     return false;
                 case 423:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_LOCKED_FOLDER', { 0: fileName }));
+                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_UPDATE_LOCKED_FOLDER', { 0: relativeFilePath }));
                     return false;
                 default:
-                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_CREATE_FOLDER_DEFAULT', { 0: fileName, 1: resp.statusText }));
+                    logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_CREATE_FOLDER_DEFAULT', { 0: relativeFilePath, 1: resp.statusText }));
                     return false;
             }
         });
@@ -512,24 +583,38 @@ class PushWcmDesignLibrary {
         logger_1.logger.debug('Executing function Push WCM Design Library ongoingSync');
         let isSuccess = true;
         const { wcmLibraryPath } = cmdArgs;
+        const watchedPaths = [];
+        if (utils_1.isFeatureEnabled(constants_1.FeaturesEnum.LIVESYNC_WCM_HTML_COMPONENT)) {
+            watchedPaths.push(path_1.join(wcmLibraryPath, 'Components'));
+        }
+        if (utils_1.isFeatureEnabled(constants_1.FeaturesEnum.LIVESYNC_WCM_STYLE_SHEET) && watchedPaths.length === 0) {
+            watchedPaths.push(path_1.join(wcmLibraryPath, 'Components'));
+        }
+        if (utils_1.isFeatureEnabled(constants_1.FeaturesEnum.LIVESYNC_WCM_PRESENTATION_TEMPLATE)) {
+            watchedPaths.push(path_1.join(wcmLibraryPath, 'Presentation Templates'));
+        }
         const handlerProvider = {
             [constants_1.ChokidarEvent.ADD]: () => __awaiter(this, void 0, void 0, function* () {
                 logger_1.logger.debug('File created');
             }),
             [constants_1.ChokidarEvent.ADD_HTML]: ongoingSyncServices_1.addWCMHtmlFileHandler,
+            [constants_1.ChokidarEvent.ADD_CSS]: ongoingSyncServices_1.addWCMCssFileHandler,
             [constants_1.ChokidarEvent.ADD_DIR]: ongoingSyncServices_1.addWCMFolderHandler,
             [constants_1.ChokidarEvent.CHANGE]: () => __awaiter(this, void 0, void 0, function* () {
                 logger_1.logger.debug('Updated file event');
             }),
             [constants_1.ChokidarEvent.CHANGE_HTML]: ongoingSyncServices_1.updateWCMHtmlFileHandler,
+            [constants_1.ChokidarEvent.CHANGE_CSS]: ongoingSyncServices_1.updateWCMCssFileHandler,
             [constants_1.ChokidarEvent.CHANGE_DIR]: ongoingSyncServices_1.updateWCMFolderHandler,
             [constants_1.ChokidarEvent.UNLINK_HTML]: ongoingSyncServices_1.deleteWCMHtmlFileHandler,
+            [constants_1.ChokidarEvent.UNLINK_CSS]: ongoingSyncServices_1.deleteWCMCssFileHandler,
             [constants_1.ChokidarEvent.UNLINK_DIR]: ongoingSyncServices_1.deleteWCMFolderHandle,
         };
         this.eventsQueue = new EventsQueue_1.EventsQueue(handlerProvider);
         this.eventsQueue.initialize();
+        const mappedLibraryPath = utils_1.mapToHostPath(wcmLibraryPath, []);
         logger_1.logger.debug('Initializing chokidar watcher...');
-        logger_1.logger.info(utils_1.message('LIVE_SYNC_START', { 0: wcmLibraryPath }));
+        logger_1.logger.info(utils_1.message('LIVE_SYNC_START', { 0: mappedLibraryPath }));
         const STABILITY_THRESHOLD = 100;
         const POLL_INTERVAL = 2000;
         const watchOptions = {
@@ -542,13 +627,13 @@ class PushWcmDesignLibrary {
             ignored: [...filesServices_1.fileServices.getIgnoredPaths(wcmLibraryPath), path_1.join(wcmLibraryPath, '.library')],
         };
         this.watcher = chokidar_1.default
-            .watch(wcmLibraryPath, watchOptions)
+            .watch(watchedPaths, watchOptions)
             .on(constants_1.ChokidarEvent.ADD, (chokidarPath) => __awaiter(this, void 0, void 0, function* () {
             logger_1.logger.debug(`Detected file created: ${chokidarPath}`);
+            const fileType = path_1.default.extname(chokidarPath).toLocaleLowerCase();
             const fileName = path_1.default.parse(chokidarPath).name;
-            const fileType = path_1.default.extname(chokidarPath);
-            if (fileName === '.html' || fileType !== '.html') {
-                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: chokidarPath }));
+            if (!['.html', '.css'].includes(fileType)) {
+                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: fileName, 1: chokidarPath }));
                 return;
             }
             const chokidarEventType = livesyncUtils_1.getEventByFileType(chokidarPath, constants_1.ChokidarEvent.ADD);
@@ -563,6 +648,16 @@ class PushWcmDesignLibrary {
                         },
                     });
                     break;
+                case constants_1.ChokidarEvent.ADD_CSS:
+                    this.eventsQueue.push({
+                        cmdArgs,
+                        chokidarEvent: chokidarEventType,
+                        chokidarPath,
+                        options: {
+                            library: this.libraryMetaData,
+                        },
+                    });
+                    break;
                 case constants_1.ChokidarEvent.ADD:
                     this.eventsQueue.push({ cmdArgs, chokidarEvent: chokidarEventType, chokidarPath });
                     break;
@@ -584,10 +679,10 @@ class PushWcmDesignLibrary {
         }))
             .on(constants_1.ChokidarEvent.CHANGE, (chokidarPath) => __awaiter(this, void 0, void 0, function* () {
             logger_1.logger.debug(`Detected file updated: ${chokidarPath}`);
+            const fileType = path_1.default.extname(chokidarPath).toLocaleLowerCase();
             const fileName = path_1.default.parse(chokidarPath).name;
-            const fileType = path_1.default.extname(chokidarPath);
-            if (fileName === '.html' || fileType !== '.html') {
-                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: chokidarPath }));
+            if (!['.html', '.css'].includes(fileType)) {
+                logger_1.logger.error(utils_1.errorMessage('ERROR_LIVESYNC_PUSH_WCM_INVALID_FILENAME', { 0: fileName, 1: chokidarPath }));
                 return;
             }
             const chokidarEventType = livesyncUtils_1.getEventByFileType(chokidarPath, constants_1.ChokidarEvent.CHANGE);
@@ -602,6 +697,16 @@ class PushWcmDesignLibrary {
                         },
                     });
                     break;
+                case constants_1.ChokidarEvent.CHANGE_CSS:
+                    this.eventsQueue.push({
+                        cmdArgs,
+                        chokidarEvent: chokidarEventType,
+                        chokidarPath,
+                        options: {
+                            library: this.libraryMetaData,
+                        },
+                    });
+                    break;
                 case constants_1.ChokidarEvent.CHANGE:
                     this.eventsQueue.push({ cmdArgs, chokidarEvent: chokidarEventType, chokidarPath });
                     break;
@@ -627,25 +732,52 @@ class PushWcmDesignLibrary {
             });
         }))
             .on(constants_1.ChokidarEvent.UNLINK, (chokidarPath) => __awaiter(this, void 0, void 0, function* () {
-            logger_1.logger.debug(`Detected file deleted: ${chokidarPath}`);
-            const chokidarEventType = livesyncUtils_1.getEventByFileType(chokidarPath, constants_1.ChokidarEvent.UNLINK);
-            switch (chokidarEventType) {
-                case constants_1.ChokidarEvent.UNLINK_HTML:
-                    this.eventsQueue.push({
-                        cmdArgs,
-                        chokidarEvent: chokidarEventType,
-                        chokidarPath,
-                        options: {
-                            library: this.libraryMetaData,
-                        },
-                    });
-                    break;
-                case constants_1.ChokidarEvent.UNLINK:
-                    this.eventsQueue.push({ cmdArgs, chokidarEvent: chokidarEventType, chokidarPath });
-                    break;
-                default:
-                    logger_1.logger.debug(`Detected file delete: ${chokidarPath}`);
-                    break;
+            var _a;
+            try {
+                logger_1.logger.debug(`Detected file deleted: ${chokidarPath}`);
+                const chokidarEventType = livesyncUtils_1.getEventByFileType(chokidarPath, constants_1.ChokidarEvent.UNLINK);
+                const fileMeta = metadataServices_1.getSavedMetadata(this.libraryPath, chokidarPath, PushWcmDesignLibrary.savedMetadata);
+                switch (chokidarEventType) {
+                    case constants_1.ChokidarEvent.UNLINK_HTML:
+                        let eventType = chokidarEventType;
+                        if (!livesyncUtils_1.isTypeEnabled(livesyncUtils_1.getWCMType(chokidarPath, (_a = this.libraryPath) !== null && _a !== void 0 ? _a : '')) && fileMeta.type === 'LibraryStyleSheetComponent') {
+                            eventType = constants_1.ChokidarEvent.UNLINK_CSS;
+                        }
+                        this.eventsQueue.push({
+                            cmdArgs,
+                            chokidarEvent: eventType,
+                            chokidarPath,
+                            options: {
+                                library: this.libraryMetaData,
+                                fileMeta,
+                            },
+                        });
+                        break;
+                    case constants_1.ChokidarEvent.UNLINK_CSS:
+                        this.eventsQueue.push({
+                            cmdArgs,
+                            chokidarEvent: chokidarEventType,
+                            chokidarPath,
+                            options: {
+                                library: this.libraryMetaData,
+                                fileMeta,
+                            },
+                        });
+                        break;
+                    case constants_1.ChokidarEvent.UNLINK:
+                        this.eventsQueue.push({ cmdArgs, chokidarEvent: chokidarEventType, chokidarPath });
+                        break;
+                    default:
+                        logger_1.logger.debug(`Detected file delete: ${chokidarPath}`);
+                        break;
+                }
+            }
+            catch (error) {
+                logger_1.logger.debug(error.message);
+                logger_1.logger.error(utils_1.errorMessage('ERROR_WCM_DESIGN_LIBRARY_PUSH_GENERIC', {
+                    0: chokidarPath,
+                    1: error.message,
+                }));
             }
         }))
             .on(constants_1.ChokidarEvent.UNLINK_DIR, (chokidarPath) => __awaiter(this, void 0, void 0, function* () {
@@ -686,16 +818,14 @@ class PushWcmDesignLibrary {
                 yield this.eventsQueue.kill();
             }
             logger_1.logger.info(utils_1.message('LIVESYNC_RUN_CLEANUP_QUEUE'));
-            const maxRetryCount = 60;
-            const timeInterval = 1000;
             const waitForQueueToFinish = (retryCount = 0) => __awaiter(this, void 0, void 0, function* () {
                 if (!this.eventsQueue.queue.running()) {
                     return;
                 }
-                if (retryCount < maxRetryCount) {
+                if (retryCount < this.maxRetryCount) {
                     logger_1.logger.debug('Waiting for queue process to finish...');
                     yield new Promise((resolve) => {
-                        return setTimeout(resolve, timeInterval);
+                        return setTimeout(resolve, this.timeInterval);
                     });
                     yield waitForQueueToFinish(retryCount + 1);
                 }