@yamato-daiwa/automation 0.0.9 → 0.2.0-alpha.0

package/EntryPoint.js

@@ -72,6 +72,9 @@ const es_extensions_nodejs_1 = __webpack_require__(/*! @yamato-daiwa/es-extensio
 const path_1 = __importDefault(__webpack_require__(/*! path */ "path"));
 const yamljs_1 = __importDefault(__webpack_require__(/*! yamljs */ "yamljs"));
 class EntryPoint {
+    static {
+        es_extensions_1.Logger.setImplementation(es_extensions_nodejs_1.ConsoleApplicationLogger);
+    }
     static interpretAndExecuteConsoleCommand(rawConsoleCommand) {
         const parsedConsoleCommand = es_extensions_nodejs_1.ConsoleCommandsParser.parse(rawConsoleCommand, ApplicationConsoleLineInterface_1.default.specification);
         if (true) {
@@ -113,9 +116,6 @@ class EntryPoint {
             }
         }
     }
-    static {
-        es_extensions_1.Logger.setImplementation(es_extensions_nodejs_1.ConsoleApplicationLogger);
-    }
 }
 exports["default"] = EntryPoint;
 
@@ -291,12 +291,14 @@ const AssetsProcessingSettingsRepresentative_1 = __importDefault(__webpack_requi
 class AudiosProcessingSettingsRepresentative extends AssetsProcessingSettingsRepresentative_1.default {
     TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM = "Audio";
     TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM = "Audios";
+    relevantSourceFilesGlobSelectors;
     assetsProcessingCommonSettings;
     actualAssetsGroupsSettings;
     constructor(audiosManagementSettings, masterConfigRepresentative) {
         super(masterConfigRepresentative);
         this.assetsProcessingCommonSettings = audiosManagementSettings.common;
         this.actualAssetsGroupsSettings = audiosManagementSettings.assetsGroups;
+        this.relevantSourceFilesGlobSelectors = Array.from(this.actualAssetsGroupsSettings.values()).map((imagesGroupSettings) => imagesGroupSettings.sourceFilesGlobSelector);
     }
 }
 exports["default"] = AudiosProcessingSettingsRepresentative;
@@ -497,13 +499,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const AssetsProcessingSettingsRepresentative_1 = __importDefault(__webpack_require__(/*! @ProjectBuilding/Common/SettingsRepresentatives/AssetsProcessingSettingsRepresentative */ "./ProjectBuilding/Common/SettingsRepresentatives/AssetsProcessingSettingsRepresentative.ts"));
 class FontsProcessingSettingsRepresentative extends AssetsProcessingSettingsRepresentative_1.default {
+    TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM = "Font";
     TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM = "Fonts";
+    relevantSourceFilesGlobSelectors;
     assetsProcessingCommonSettings;
     actualAssetsGroupsSettings;
     constructor(imagesManagementSettings, masterConfigRepresentative) {
         super(masterConfigRepresentative);
         this.assetsProcessingCommonSettings = imagesManagementSettings.common;
         this.actualAssetsGroupsSettings = imagesManagementSettings.assetsGroups;
+        this.relevantSourceFilesGlobSelectors = Array.from(this.actualAssetsGroupsSettings.values()).map((imagesGroupSettings) => imagesGroupSettings.sourceFilesGlobSelector);
     }
 }
 exports["default"] = FontsProcessingSettingsRepresentative;
@@ -705,12 +710,14 @@ const AssetsProcessingSettingsRepresentative_1 = __importDefault(__webpack_requi
 class ImagesProcessingSettingsRepresentative extends AssetsProcessingSettingsRepresentative_1.default {
     TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM = "Image";
     TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM = "Images";
+    relevantSourceFilesGlobSelectors;
     assetsProcessingCommonSettings;
     actualAssetsGroupsSettings;
     constructor(imagesManagementSettings, masterConfigRepresentative) {
         super(masterConfigRepresentative);
         this.assetsProcessingCommonSettings = imagesManagementSettings.common;
         this.actualAssetsGroupsSettings = imagesManagementSettings.assetsGroups;
+        this.relevantSourceFilesGlobSelectors = Array.from(this.actualAssetsGroupsSettings.values()).map((imagesGroupSettings) => imagesGroupSettings.sourceFilesGlobSelector);
     }
 }
 exports["default"] = ImagesProcessingSettingsRepresentative;
@@ -803,7 +810,7 @@ class ImagesProcessor extends GulpStreamsBasedAssetsProcessor_1.default {
             pipe(super.printProcessedFilesPathsAndQuantity()).
             pipe(super.handleErrorIfItWillOccur()).
             pipe((0, gulp_intercept_1.default)(this.addActualSourceCodeProcessingSettingsToVinylFile.bind(this))).
-            pipe((0, gulp_if_1.default)(this.masterConfigRepresentative.isProductionBuildingMode, (0, gulp_imagemin_1.default)([
+            pipe((0, gulp_if_1.default)(this.masterConfigRepresentative.isStagingBuildingMode || this.masterConfigRepresentative.isProductionBuildingMode, (0, gulp_imagemin_1.default)([
             gulp_imagemin_1.default.mozjpeg({ progressive: true }),
             gulp_imagemin_1.default.gifsicle({ interlaced: true }),
             gulp_imagemin_1.default.svgo({}),
@@ -921,12 +928,14 @@ const AssetsProcessingSettingsRepresentative_1 = __importDefault(__webpack_requi
 class VideosProcessingSettingsRepresentative extends AssetsProcessingSettingsRepresentative_1.default {
     TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM = "Video";
     TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM = "Videos";
+    relevantSourceFilesGlobSelectors;
     assetsProcessingCommonSettings;
     actualAssetsGroupsSettings;
     constructor(videosManagementSettings, masterConfigRepresentative) {
         super(masterConfigRepresentative);
         this.assetsProcessingCommonSettings = videosManagementSettings.common;
         this.actualAssetsGroupsSettings = videosManagementSettings.assetsGroups;
+        this.relevantSourceFilesGlobSelectors = Array.from(this.actualAssetsGroupsSettings.values()).map((imagesGroupSettings) => imagesGroupSettings.sourceFilesGlobSelector);
     }
 }
 exports["default"] = VideosProcessingSettingsRepresentative;
@@ -1078,6 +1087,7 @@ class BrowserLiveReloader {
                     baseDir: browserLiveReloadingConfigRepresentative.targetFilesRootDirectoryAbsolutePath,
                     index: browserLiveReloadingConfigRepresentative.startingFilenameWithExtension
                 },
+                browser: "chrome",
                 ...(0, es_extensions_1.isNotNull)(browserLiveReloadingConfigRepresentative.customMainPort) ? {
                     port: browserLiveReloadingConfigRepresentative.customMainPort
                 } : {},
@@ -1349,7 +1359,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const ConsumingProjectPreDefinedBuildingModes_1 = __importDefault(__webpack_require__(/*! @ProjectBuilding/Common/Defaults/ConsumingProjectPreDefinedBuildingModes */ "./ProjectBuilding/Common/Defaults/ConsumingProjectPreDefinedBuildingModes.ts"));
 exports["default"] = {
     revisioning: {
-        mustExecute: (projectBuildingMode__possiblyCustom) => projectBuildingMode__possiblyCustom !== ConsumingProjectPreDefinedBuildingModes_1.default.development,
+        mustExecute: (projectBuildingMode__possiblyCustom) => projectBuildingMode__possiblyCustom !== ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview &&
+            projectBuildingMode__possiblyCustom !== ConsumingProjectPreDefinedBuildingModes_1.default.development,
         contentHashPostfixSeparator: "--"
     }
 };
@@ -1381,6 +1392,7 @@ exports["default"] = CONFIG_FILE_DEFAULT_NAME_WITH_EXTENSION;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var ConsumingProjectPreDefinedBuildingModes;
 (function (ConsumingProjectPreDefinedBuildingModes) {
+    ConsumingProjectPreDefinedBuildingModes["staticPreview"] = "STATIC_PREVIEW";
     ConsumingProjectPreDefinedBuildingModes["development"] = "DEVELOPMENT";
     ConsumingProjectPreDefinedBuildingModes["testing"] = "TESTING";
     ConsumingProjectPreDefinedBuildingModes["staging"] = "STAGING";
@@ -1491,11 +1503,9 @@ var AssetsProcessingSettingsGenericProperties__FromFile__RawValid;
                             newName: "buildingModeDependent",
                             type: es_extensions_1.RawObjectDataProcessor.ValuesTypesIDs.associativeArrayOfUniformTypeValues,
                             required: true,
-                            oneOfKeysIsRequired: [
-                                consumingProjectLocalizedPreDefinedBuildingModes.development,
-                                consumingProjectLocalizedPreDefinedBuildingModes.production
-                            ],
+                            minimalEntriesCount: 1,
                             keysRenamings: {
+                                [consumingProjectLocalizedPreDefinedBuildingModes.staticPreview]: ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.development]: ConsumingProjectPreDefinedBuildingModes_1.default.development,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.testing]: ConsumingProjectPreDefinedBuildingModes_1.default.testing,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.production]: ConsumingProjectPreDefinedBuildingModes_1.default.production
@@ -1587,10 +1597,15 @@ var ProjectBuildingTasksIDsForConfigFile;
 /*!***********************************************************************************************!*\
   !*** ./ProjectBuilding/Common/RawConfig/ProjectBuildingCommonSettings__FromFile__RawValid.ts ***!
   \***********************************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+/* --- Defaults ----------------------------------------------------------------------------------------------------- */
+const ConsumingProjectPreDefinedBuildingModes_1 = __importDefault(__webpack_require__(/*! @ProjectBuilding/Common/Defaults/ConsumingProjectPreDefinedBuildingModes */ "./ProjectBuilding/Common/Defaults/ConsumingProjectPreDefinedBuildingModes.ts"));
 const ProjectBuildingTasksIDsForConfigFile_1 = __webpack_require__(/*! @ProjectBuilding:Common/RawConfig/Enumerations/ProjectBuildingTasksIDsForConfigFile */ "./ProjectBuilding/Common/RawConfig/Enumerations/ProjectBuildingTasksIDsForConfigFile.ts");
 /* --- General auxiliaries ------------------------------------------------------------------------------------------ */
 const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
@@ -1642,6 +1657,16 @@ var ProjectBuildingCommonSettings__FromFile__RawValid;
                         }
                     }
                 }
+            },
+            [projectBuildingCommonSettingsLocalization.publicDirectoriesRelativePaths.KEY]: {
+                newName: "publicDirectoriesRelativePaths",
+                type: es_extensions_1.RawObjectDataProcessor.ValuesTypesIDs.associativeArrayOfUniformTypeValues,
+                required: false,
+                allowedKeys: Object.values(ConsumingProjectPreDefinedBuildingModes_1.default),
+                value: {
+                    type: String,
+                    minimalCharactersCount: 1
+                }
             }
         };
     }
@@ -1932,7 +1957,7 @@ class SourceCodeProcessingRawSettingsNormalizer {
     }
     createNormalizedEntryPointsGroupsSettings(entryPointsGroupsSettings__rawValid, completeEntryPointsGroupNormalizedSettingsGeneralPropertiesUntilSpecificEntryPointsGroupNormalizedSettings) {
         const entryPointsGroupsSettings__normalized = new Map();
-        /* [ Approach ] This case could be both valid (e. g. if inside the project styles are being declared only inside
+        /* [ Approach ] This case could be both valid (e.g. if inside the project markup is being declared only inside
             Vue components) or invalid. */
         if ((0, es_extensions_1.isUndefined)(entryPointsGroupsSettings__rawValid)) {
             return entryPointsGroupsSettings__normalized;
@@ -2323,7 +2348,6 @@ const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "
 class GulpStreamsBasedAssetsProcessor extends GulpStreamsBasedTaskExecutor_1.default {
     static WAITING_FOR_OTHER_FILES_WILL_BE_SAVED_PERIOD__SECONDS = 1;
     associatedAssetsProcessingConfigRepresentative;
-    sourceFilesThoseAlwaysWillBeWatchedGlobSelectors = [];
     filesWhichStatusHasBeenChangedAbsolutePathsQueueToProcessing = new Set();
     waitingForOtherFilesWillBeSavedDuration = null;
     constructor(masterConfigRepresentative, certainAssetsManagementConfigRepresentative) {
@@ -2331,7 +2355,7 @@ class GulpStreamsBasedAssetsProcessor extends GulpStreamsBasedTaskExecutor_1.def
         this.associatedAssetsProcessingConfigRepresentative = certainAssetsManagementConfigRepresentative;
     }
     initializeOrUpdateSourceFilesWatcher() {
-        gulp_1.default.watch(this.sourceFilesThoseAlwaysWillBeWatchedGlobSelectors).
+        gulp_1.default.watch(this.associatedAssetsProcessingConfigRepresentative.relevantSourceFilesGlobSelectors).
             on("all", (eventName, fileOrDirectoryPath) => {
             es_extensions_1.Logger.logInfo({
                 title: `${this.SOURCE_FILES_TYPE_LABEL_FOR_LOGGING} files watcher`,
@@ -2353,7 +2377,7 @@ class GulpStreamsBasedAssetsProcessor extends GulpStreamsBasedTaskExecutor_1.def
             this.filesWhichStatusHasBeenChangedAbsolutePathsQueueToProcessing.add(fileOrDirectoryPath);
             this.waitingForOtherFilesWillBeSavedDuration = setTimeout(() => {
                 if (this.filesWhichStatusHasBeenChangedAbsolutePathsQueueToProcessing.size > 0) {
-                    this.processAssets(Array.from(this.filesWhichStatusHasBeenChangedAbsolutePathsQueueToProcessing));
+                    this.processAssets(Array.from(this.filesWhichStatusHasBeenChangedAbsolutePathsQueueToProcessing))();
                 }
                 this.filesWhichStatusHasBeenChangedAbsolutePathsQueueToProcessing.clear();
             }, (0, es_extensions_1.secondsToMilliseconds)(GulpStreamsBasedAssetsProcessor.WAITING_FOR_OTHER_FILES_WILL_BE_SAVED_PERIOD__SECONDS));
@@ -2900,6 +2924,7 @@ const ProjectBuildingConfigFromFileDefaultLocalization = {
             browserLiveReloading: "browserLiveReloading"
         },
         consumingProjectPreDefinedBuildingModes: {
+            staticPreview: "STATIC_PREVIEW",
             development: "DEVELOPMENT",
             testing: "TESTING",
             staging: "STAGING",
@@ -2963,6 +2988,7 @@ const ProjectBuildingConfigFromFileDefaultLocalization = {
                     standard: { KEY: "standard" },
                     disable: { KEY: "disable" }
                 },
+                convertToHandlebarsInNonStaticPreviewModes: { KEY: "convertToHandlebarsInNonStaticPreviewModes" },
                 buildingModeDependent: {
                     KEY: "buildingModeDependent",
                     outputBaseDirectoryRelativePath: { KEY: "outputBaseDirectoryRelativePath" }
@@ -3405,6 +3431,9 @@ class ProjectBuildingMasterConfigRepresentative {
     }
     /* --- Project building mode -------------------------------------------------------------------------------------- */
     get consumingProjectBuildingMode() { return this.commonSettings.projectBuildingMode; }
+    get isStaticPreviewBuildingMode() {
+        return this.commonSettings.projectBuildingMode === ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview;
+    }
     get isDevelopmentBuildingMode() {
         return this.commonSettings.projectBuildingMode === ConsumingProjectPreDefinedBuildingModes_1.default.development;
     }
@@ -3445,7 +3474,8 @@ class ProjectBuildingMasterConfigRepresentative {
         return (0, es_extensions_1.isNotUndefined)(this.videosProcessingSettingsRepresentative);
     }
     get mustProvideBrowserLiveReloading() {
-        return (0, es_extensions_1.isNotUndefined)(this.browserLiveReloadingSettingsRepresentative) && this.isDevelopmentBuildingMode;
+        return (0, es_extensions_1.isNotUndefined)(this.browserLiveReloadingSettingsRepresentative) &&
+            (this.isStaticPreviewBuildingMode || this.isDevelopmentBuildingMode);
     }
     /* --- Debugging -------------------------------------------------------------------------------------------------- */
     get mustDebugEntryPointsAndPartialFiles() {
@@ -3715,7 +3745,8 @@ exports["default"] = {
         mustExecute(namedParameters) {
             if (namedParameters.targetRuntimeType === SupportedECMA_ScriptRuntimesTypes.browser ||
                 namedParameters.targetRuntimeType === SupportedECMA_ScriptRuntimesTypes.webWorker) {
-                return namedParameters.consumingProjectBuildingMode !== ConsumingProjectPreDefinedBuildingModes_1.default.development;
+                return namedParameters.consumingProjectBuildingMode !== ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview &&
+                    namedParameters.consumingProjectBuildingMode !== ConsumingProjectPreDefinedBuildingModes_1.default.development;
             }
             return false;
         },
@@ -3914,11 +3945,9 @@ var ECMA_ScriptLogicProcessingSettings__FromFile__RawValid;
                             newName: "buildingModeDependent",
                             type: es_extensions_1.RawObjectDataProcessor.ValuesTypesIDs.associativeArrayOfUniformTypeValues,
                             required: true,
-                            oneOfKeysIsRequired: [
-                                consumingProjectLocalizedPreDefinedBuildingModes.development,
-                                consumingProjectLocalizedPreDefinedBuildingModes.production
-                            ],
+                            minimalEntriesCount: 1,
                             keysRenamings: {
+                                [consumingProjectLocalizedPreDefinedBuildingModes.staticPreview]: ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.development]: ConsumingProjectPreDefinedBuildingModes_1.default.development,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.testing]: ConsumingProjectPreDefinedBuildingModes_1.default.testing,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.production]: ConsumingProjectPreDefinedBuildingModes_1.default.production
@@ -4025,7 +4054,8 @@ class ECMA_ScriptLogicProcessor extends TaskExecutor_1.default {
                         });
                     }
                     /** 〔 納品版のみ理由 〕　開発版で同じ事をすれば、gulpが落ちる */
-                    if (dataHoldingSelfInstance.masterConfigRepresentative.isProductionBuildingMode &&
+                    if ((dataHoldingSelfInstance.masterConfigRepresentative.isStagingBuildingMode ||
+                        dataHoldingSelfInstance.masterConfigRepresentative.isProductionBuildingMode) &&
                         (0, es_extensions_1.isNotUndefined)(finalErrorMessageDynamicPart)) {
                         es_extensions_1.Logger.logError({
                             errorType: "ECMA_ScriptLogicProcessingError",
@@ -4250,9 +4280,17 @@ class WebpackConfigGenerator {
                         type: (() => {
                             switch (entryPointsGroupSettings.targetRuntime.type) {
                                 case SupportedECMA_ScriptRuntimesTypes.browser: return "module";
-                                case SupportedECMA_ScriptRuntimesTypes.webWorker: return "module";
                                 case SupportedECMA_ScriptRuntimesTypes.nodeJS: return "commonjs";
                                 case SupportedECMA_ScriptRuntimesTypes.pug: return "umd";
+                                default: {
+                                    es_extensions_1.Logger.throwErrorAndLog({
+                                        errorInstance: new es_extensions_1.UnexpectedEventError("The web worker could not be the library, while the computing of 'output.library.type' has been " +
+                                            "requested"),
+                                        title: es_extensions_1.UnexpectedEventError.localization.defaultTitle,
+                                        occurrenceLocation: "webpackConfigGenerator." +
+                                            "generateSingleWebpackConfigurationIfAtLeastOneTargetEntryPointFileExists(entryPointsGroupSettings)"
+                                    });
+                                }
                             }
                         })(),
                         ...willNodeJS_LibraryBeBuilt || willPugLibraryBeBuilt ? {
@@ -4263,9 +4301,14 @@ class WebpackConfigGenerator {
                 ...willPugLibraryBeBuilt ? { globalObject: "globalThis" } : null
             },
             ...willBrowserJS_LibraryBeBuilt ? { experiments: { outputModule: true } } : null,
-            mode: this.masterConfigRepresentative.isDevelopmentBuildingMode ? "development" : "production",
-            watch: this.masterConfigRepresentative.isDevelopmentBuildingMode,
-            devtool: this.masterConfigRepresentative.isDevelopmentBuildingMode ? "eval" : false,
+            mode: this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
+                this.masterConfigRepresentative.isDevelopmentBuildingMode ?
+                "development" : "production",
+            watch: this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
+                this.masterConfigRepresentative.isDevelopmentBuildingMode,
+            devtool: this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
+                this.masterConfigRepresentative.isDevelopmentBuildingMode ?
+                "eval" : false,
             ...entryPointsGroupSettings.targetRuntime.type === SupportedECMA_ScriptRuntimesTypes.nodeJS ? {
                 node: {
                     __dirname: true,
@@ -4421,13 +4464,17 @@ class WebpackConfigGenerator {
                 new vue_loader_1.VueLoaderPlugin(),
                 new eslint_webpack_plugin_1.default({
                     extensions: ["js", "ts", "vue"],
-                    failOnError: this.masterConfigRepresentative.isProductionBuildingMode,
-                    failOnWarning: this.masterConfigRepresentative.isProductionBuildingMode
+                    failOnError: this.masterConfigRepresentative.isStagingBuildingMode ||
+                        this.masterConfigRepresentative.isProductionBuildingMode,
+                    failOnWarning: this.masterConfigRepresentative.isStagingBuildingMode ||
+                        this.masterConfigRepresentative.isProductionBuildingMode
                 })
             ],
             optimization: {
-                minimize: this.masterConfigRepresentative.isProductionBuildingMode,
-                emitOnErrors: this.masterConfigRepresentative.isDevelopmentBuildingMode
+                minimize: this.masterConfigRepresentative.isStagingBuildingMode ||
+                    this.masterConfigRepresentative.isProductionBuildingMode,
+                emitOnErrors: this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
+                    this.masterConfigRepresentative.isDevelopmentBuildingMode
             }
         };
     }
@@ -4450,7 +4497,8 @@ class WebpackConfigGenerator {
      *       [ path at search string of browser ] + publicPath + chunkFilename
      * */
     computePublicPathIfPossible(ECMA_ScriptLogicEntryPointsGroupSettings__normalized) {
-        if (!this.masterConfigRepresentative.isDevelopmentBuildingMode) {
+        if (!this.masterConfigRepresentative.isStaticPreviewBuildingMode &&
+            !this.masterConfigRepresentative.isDevelopmentBuildingMode) {
             return "/";
         }
         return ECMA_ScriptLogicEntryPointsGroupSettings__normalized.ID.replace(ECMA_ScriptLogicEntryPointsGroupSettings__normalized.ID, "/");
@@ -4539,9 +4587,7 @@ class MarkupProcessingRawSettingsNormalizer extends SourceCodeProcessingRawSetti
     lintingCommonSettings;
     static normalize({ markupProcessingSettings__fromFile__rawValid, commonSettings__normalized }) {
         const lintingCommonSettings = (0, es_extensions_1.isUndefined)(markupProcessingSettings__fromFile__rawValid.linting) ?
-            {
-                isCompletelyDisabled: !MarkupProcessingSettings__Default_1.default.linting.mustExecute
-            } :
+            { isCompletelyDisabled: !MarkupProcessingSettings__Default_1.default.linting.mustExecute } :
             {
                 isCompletelyDisabled: markupProcessingSettings__fromFile__rawValid.linting.disableCompletely === true ?
                     true : !MarkupProcessingSettings__Default_1.default.linting.mustExecute,
@@ -4569,7 +4615,7 @@ class MarkupProcessingRawSettingsNormalizer extends SourceCodeProcessingRawSetti
                     MarkupProcessingSettings__Default_1.default.waitingForOtherFilesWillBeSavedPeriod__seconds
             },
             linting: lintingCommonSettings,
-            entryPointsGroupsActualForCurrentProjectBuildingMode: dataHoldingSelfInstance.createNormalizedEntryPointsGroupsSettings(markupProcessingSettings__fromFile__rawValid.entryPointsGroups, dataHoldingSelfInstance.
+            relevantEntryPointsGroups: dataHoldingSelfInstance.createNormalizedEntryPointsGroupsSettings(markupProcessingSettings__fromFile__rawValid.entryPointsGroups, dataHoldingSelfInstance.
                 completeEntryPointsGroupNormalizedSettingsCommonPropertiesUntilMarkupEntryPointsGroupNormalizedSettings.
                 bind(dataHoldingSelfInstance))
         };
@@ -4579,15 +4625,6 @@ class MarkupProcessingRawSettingsNormalizer extends SourceCodeProcessingRawSetti
         this.lintingCommonSettings = namedParameters.lintingCommonSettings;
     }
     completeEntryPointsGroupNormalizedSettingsCommonPropertiesUntilMarkupEntryPointsGroupNormalizedSettings(entryPointsGroupGenericSettings__normalized, entryPointsGroupSettings__rawValid) {
-        const entryPointsGroupSettings__buildingModeDependent__rawValid = entryPointsGroupSettings__rawValid.buildingModeDependent[this.consumingProjectBuildingMode];
-        if ((0, es_extensions_1.isUndefined)(entryPointsGroupSettings__buildingModeDependent__rawValid)) {
-            es_extensions_1.Logger.throwErrorAndLog({
-                errorInstance: new es_extensions_1.AlgorithmMismatchError(`プロジェクト構成モード：「${this.consumingProjectBuildingMode}」に該当する生入点設定が発見されず。`),
-                occurrenceLocation: "MarkupProcessingRawSettingsNormalizer" +
-                    "completeEntryPointsGroupNormalizedSettingsCommonPropertiesUntilMarkupEntryPointsGroupNormalizedSettings",
-                title: es_extensions_1.AlgorithmMismatchError.localization.defaultTitle
-            });
-        }
         return {
             ...entryPointsGroupGenericSettings__normalized,
             HTML_Validation: {
@@ -4613,7 +4650,9 @@ class MarkupProcessingRawSettingsNormalizer extends SourceCodeProcessingRawSetti
                     MarkupProcessingSettings__Default_1.default.accessibilityInspection.mustExecute,
                 standard: entryPointsGroupSettings__rawValid.accessibilityInspection?.standard ??
                     MarkupProcessingSettings__Default_1.default.accessibilityInspection.standard
-            }
+            },
+            mustConvertToHandlebarsInNonStaticPreviewModes: entryPointsGroupSettings__rawValid.
+                convertToHandlebarsInNonStaticPreviewModes ?? false
         };
     }
 }
@@ -4658,12 +4697,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const GulpStreamBasedSourceCodeProcessingConfigRepresentative_1 = __importDefault(__webpack_require__(/*! @ProjectBuilding/Common/SettingsRepresentatives/GulpStreamBasedSourceCodeProcessingConfigRepresentative */ "./ProjectBuilding/Common/SettingsRepresentatives/GulpStreamBasedSourceCodeProcessingConfigRepresentative.ts"));
-/* --- Utils -------------------------------------------------------------------------------------------------------- */
-const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
 class MarkupProcessingSettingsRepresentative extends GulpStreamBasedSourceCodeProcessingConfigRepresentative_1.default {
-    TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM = "Markup";
     supportedEntryPointsSourceFileNameExtensionsWithoutLeadingDots;
+    TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM = "Markup";
+    TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM = "Markup";
+    prefixOfEntryPointsGroupReference = "@";
     waitingForTheOtherFilesWillBeSavedPeriod__seconds;
+    entryPointsGroupsNormalizedSettingsMappedByReferences;
     sourceCodeLintingCommonSettings;
     sourceAndOutputFilesAbsolutePathsCorrespondenceMap = new Map();
     relevantEntryPointsGroupsSettings;
@@ -4672,21 +4712,15 @@ class MarkupProcessingSettingsRepresentative extends GulpStreamBasedSourceCodePr
         super(projectBuildingMasterConfigRepresentative);
         this.sourceCodeProcessingCommonSettings = normalizedMarkupProcessingSettings.common;
         this.sourceCodeLintingCommonSettings = normalizedMarkupProcessingSettings.linting;
-        this.relevantEntryPointsGroupsSettings = normalizedMarkupProcessingSettings.
-            entryPointsGroupsActualForCurrentProjectBuildingMode;
-        if (this.relevantEntryPointsGroupsSettings.size === 0) {
-            es_extensions_1.Logger.logWarning({
-                title: "Styles processing idle",
-                description: "Styles processing idle",
-                occurrenceLocation: "No markup processing settings has been specified for project building mode " +
-                    `'${this.masterConfigRepresentative.consumingProjectBuildingMode}' and/or current ` +
-                    "selective execution."
-            });
-        }
+        this.relevantEntryPointsGroupsSettings = normalizedMarkupProcessingSettings.relevantEntryPointsGroups;
         this.supportedEntryPointsSourceFileNameExtensionsWithoutLeadingDots = normalizedMarkupProcessingSettings.common.
             supportedSourceFileNameExtensionsWithoutLeadingDots;
         this.waitingForTheOtherFilesWillBeSavedPeriod__seconds = normalizedMarkupProcessingSettings.common.
             waitingForSubsequentFilesWillBeSavedPeriod__seconds;
+        this.entryPointsGroupsNormalizedSettingsMappedByReferences = new Map(Array.from(this.relevantEntryPointsGroupsSettings.values()).map((entryPointsGroupSettings) => [
+            `${this.prefixOfEntryPointsGroupReference}${entryPointsGroupSettings.ID}`,
+            entryPointsGroupSettings
+        ]));
         super.initializeOrUpdatePartialFilesAndEntryPointsRelationsMap();
     }
 }
@@ -4707,7 +4741,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const MarkupProcessingRestrictions_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/MarkupProcessingRestrictions */ "./ProjectBuilding/SourceCodeProcessing/Markup/MarkupProcessingRestrictions.ts"));
-exports["default"] = {
+const MarkupProcessingSettings__Default = {
     waitingForOtherFilesWillBeSavedPeriod__seconds: 1,
     linting: {
         mustExecute: true,
@@ -4721,6 +4755,7 @@ exports["default"] = {
         standard: MarkupProcessingRestrictions_1.default.SupportedAccessibilityStandards.WCAG2AAA
     }
 };
+exports["default"] = MarkupProcessingSettings__Default;
 
 
 /***/ }),
@@ -4775,6 +4810,7 @@ var MarkupProcessingSettings__FromFile__RawValid;
                 newName: "entryPointsGroups",
                 type: es_extensions_1.RawObjectDataProcessor.ValuesTypesIDs.associativeArrayOfUniformTypeValues,
                 required: true,
+                minimalEntriesCount: 1,
                 value: {
                     type: Object,
                     properties: {
@@ -4824,15 +4860,18 @@ var MarkupProcessingSettings__FromFile__RawValid;
                                 }
                             }
                         },
+                        [markupProcessingLocalization.entryPointsGroups.convertToHandlebarsInNonStaticPreviewModes.KEY]: {
+                            newName: "convertToHandlebarsInNonStaticPreviewModes",
+                            type: Boolean,
+                            required: false
+                        },
                         [markupProcessingLocalization.entryPointsGroups.buildingModeDependent.KEY]: {
                             newName: "buildingModeDependent",
                             type: es_extensions_1.RawObjectDataProcessor.ValuesTypesIDs.associativeArrayOfUniformTypeValues,
                             required: true,
-                            oneOfKeysIsRequired: [
-                                consumingProjectLocalizedPreDefinedBuildingModes.development,
-                                consumingProjectLocalizedPreDefinedBuildingModes.production
-                            ],
+                            minimalEntriesCount: 1,
                             keysRenamings: {
+                                [consumingProjectLocalizedPreDefinedBuildingModes.staticPreview]: ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.development]: ConsumingProjectPreDefinedBuildingModes_1.default.development,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.testing]: ConsumingProjectPreDefinedBuildingModes_1.default.testing,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.production]: ConsumingProjectPreDefinedBuildingModes_1.default.production
@@ -4881,7 +4920,7 @@ const gulp_pug_1 = __importDefault(__webpack_require__(/*! gulp-pug */ "gulp-pug
 const gulp_intercept_1 = __importDefault(__webpack_require__(/*! gulp-intercept */ "gulp-intercept"));
 const gulp_html_prettify_1 = __importDefault(__webpack_require__(/*! gulp-html-prettify */ "gulp-html-prettify"));
 /* --- Applied utils ------------------------------------------------------------------------------------------------ */
-const ResourceFilesPathsAliasesResolverForHTML_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/Plugins/AssetsPathsAliasesResolverForHTML/ResourceFilesPathsAliasesResolverForHTML */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AssetsPathsAliasesResolverForHTML/ResourceFilesPathsAliasesResolverForHTML.ts"));
+const ResourcesReferencesResolverForHTML_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.ts"));
 const HTML_Validator_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/Plugins/HTML_Validator/HTML_Validator */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_Validator.ts"));
 const AccessibilityInspector_1 = __importDefault(__webpack_require__(/*! ./Plugins/AccessibilityInspector/AccessibilityInspector */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AccessibilityInspector/AccessibilityInspector.ts"));
 const removeExtraSpacesFromJapaneseText_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/Plugins/removeExtraSpacesFromJapaneseText */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/removeExtraSpacesFromJapaneseText.ts"));
@@ -4898,7 +4937,8 @@ class MarkupProcessor extends GulpStreamsBasedSourceCodeProcessor_1.default {
             return () => new stream_1.PassThrough().end();
         }
         const dataHoldingSelfInstance = new MarkupProcessor(masterConfigRepresentative, markupProcessingSettingsRepresentative);
-        if (masterConfigRepresentative.isDevelopmentBuildingMode) {
+        if (masterConfigRepresentative.isStaticPreviewBuildingMode ||
+            masterConfigRepresentative.isDevelopmentBuildingMode) {
             dataHoldingSelfInstance.initializeSourceFilesDirectoriesWhichAlwaysWillBeBeingWatchedGlobSelectors();
             dataHoldingSelfInstance.initializeOrUpdateWatchedSourceFilesGlobSelectors();
             dataHoldingSelfInstance.initializeOrUpdateSourceFilesWatcher();
@@ -4922,6 +4962,7 @@ class MarkupProcessor extends GulpStreamsBasedSourceCodeProcessor_1.default {
             pipe((0, gulp_intercept_1.default)(this.addActualSourceCodeProcessingSettingsToVinylFile.bind(this))).
             pipe((0, gulp_pug_1.default)({
             locals: {
+                __IS_STATIC_PREVIEW_BUILDING_MODE__: this.masterConfigRepresentative.isStaticPreviewBuildingMode,
                 __IS_DEVELOPMENT_BUILDING_MODE__: this.masterConfigRepresentative.isDevelopmentBuildingMode,
                 __IS_TESTING_BUILDING_MODE__: this.masterConfigRepresentative.isTestingBuildingMode,
                 __IS_STAGING_BUILDING_MODE__: this.masterConfigRepresentative.isStagingBuildingMode,
@@ -4946,16 +4987,25 @@ class MarkupProcessor extends GulpStreamsBasedSourceCodeProcessor_1.default {
     }
     onRawOutputCode(_compiledHTML_File) {
         const compiledHTML_File = _compiledHTML_File;
-        compiledHTML_File.contents = Buffer.from(ResourceFilesPathsAliasesResolverForHTML_1.default.resolvePathAliases(compiledHTML_File, this.masterConfigRepresentative));
+        compiledHTML_File.contents = Buffer.from(ResourcesReferencesResolverForHTML_1.default.resolve(compiledHTML_File, this.masterConfigRepresentative));
         return compiledHTML_File;
     }
     onPostProcessedCode(_compiledHTML_File) {
         const compiledHTML_File = _compiledHTML_File;
-        if (compiledHTML_File.processingSettings.HTML_Validation.mustExecute) {
-            HTML_Validator_1.default.validateHTML(compiledHTML_File, this.masterConfigRepresentative);
+        this.markupProcessingConfigRepresentative.
+            sourceAndOutputFilesAbsolutePathsCorrespondenceMap.
+            set(ImprovedPath_1.default.replacePathSeparatorsToForwardSlashes(compiledHTML_File.sourceAbsolutePath), ImprovedPath_1.default.joinPathSegments(compiledHTML_File.outputDirectoryAbsolutePath, compiledHTML_File.basename));
+        if (compiledHTML_File.processingSettings.mustConvertToHandlebarsInNonStaticPreviewModes &&
+            !this.masterConfigRepresentative.isStaticPreviewBuildingMode) {
+            compiledHTML_File.extname = ".hbs";
         }
-        if (compiledHTML_File.processingSettings.accessibilityInspection.mustExecute) {
-            AccessibilityInspector_1.default.inspectAccessibility(compiledHTML_File, this.masterConfigRepresentative);
+        else {
+            if (compiledHTML_File.processingSettings.HTML_Validation.mustExecute) {
+                HTML_Validator_1.default.validateHTML(compiledHTML_File, this.masterConfigRepresentative);
+            }
+            if (compiledHTML_File.processingSettings.accessibilityInspection.mustExecute) {
+                AccessibilityInspector_1.default.inspectAccessibility(compiledHTML_File, this.masterConfigRepresentative);
+            }
         }
         return compiledHTML_File;
     }
@@ -4984,7 +5034,6 @@ const access_sniff_1 = __importDefault(__webpack_require__(/*! access-sniff */ "
 const node_notifier_1 = __importDefault(__webpack_require__(/*! node-notifier */ "node-notifier"));
 const getExpectedToBeNonNullStringifiedContentOfVinylFile_1 = __importDefault(__webpack_require__(/*! @Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile */ "./Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile.ts"));
 const isCompiledHTML_ContentEmpty_1 = __importDefault(__webpack_require__(/*! @Utils/isCompiledHTML_ContentEmpty */ "./Utils/isCompiledHTML_ContentEmpty.ts"));
-/* --- General utils ------------------------------------------------------------------------------------------------ */
 const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
 const ImprovedPath_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/ImprovedPath/ImprovedPath */ "./UtilsIncubator/ImprovedPath/ImprovedPath.ts"));
 const Stopwatch_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/Stopwatch */ "./UtilsIncubator/Stopwatch.ts"));
@@ -5037,7 +5086,7 @@ class AccessibilityInspector {
             }
             es_extensions_1.Logger.logErrorLikeMessage(AccessibilityInspector.localization.generateIssuesFoundErrorLog({
                 targetFileRelativePath,
-                formattedErrors: formattedErrors.join("\n\n")
+                formattedErrorsAndWarnings: formattedErrors.join("\n\n")
             }));
         });
     }
@@ -5055,85 +5104,259 @@ exports["default"] = AccessibilityInspector;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const AccessibilityInspectorLocalization__English = {
+const accessibilityInspectorLocalization__english = {
     generateFileIsEmptyWarningLog: (namedParameters) => ({
-        title: "Accessibility inspection terminated",
-        description: `File '${namedParameters.targetFileRelativePath}' is empty, no HTML to inspect.`
+        title: "HTML code accessibility inspection terminated",
+        description: `File '${namedParameters.targetFileRelativePath}' is empty, nothing to inspect.`
     }),
     generateInspectionStartedInfoLog: (namedParameters) => ({
-        title: "Accessibility inspection started",
-        description: `Begin the inspection of file '${namedParameters.targetFileRelativePath}' ...`
+        title: "HTML code accessibility inspection started",
+        description: `Begin the accessibility inspection of HTML code in the file '${namedParameters.targetFileRelativePath}' ...`
     }),
     generateInspectionFinishedWithNoIssuesFoundSuccessLog: (namedParameters) => ({
-        title: "Accessibility inspection finished",
-        description: `File '${namedParameters.targetFileRelativePath}' is has not the accessibility issues.\n` +
+        title: "HTML code accessibility inspection finished",
+        description: `The HTML code in file '${namedParameters.targetFileRelativePath}' has not the accessibility issues.\n` +
             `${namedParameters.secondsElapsed} seconds elapsed.`
     }),
     issuesFoundNotification: {
-        title: "Accessibility validation, issue(s) found",
-        message: "Accessibility issues detected. Check the console for the details."
+        title: "HTML code accessibility inspection, issue(s) found",
+        message: "Accessibility issues detected in one or more HTML files. Please check the console for the details."
     },
     generateIssueOccurrenceLocationIndication: (namedParameters) => `Line ${namedParameters.lineNumber},　column ${namedParameters.columnNumber}`,
     generateIssuesFoundErrorLog: (namedParameters) => ({
-        customBadgeText: "Accessibility inspection not passed",
-        title: "Accessibility inspections, issue(s) found",
-        description: `File '${namedParameters.targetFileRelativePath}' is including the following accessibility issue:\n\n` +
-            `${namedParameters.formattedErrors}\n\n`
+        customBadgeText: "HTML code accessibility inspection not passed",
+        title: "HTML code accessibility inspection, issue(s) found",
+        description: `HTML file '${namedParameters.targetFileRelativePath}' is including the following accessibility issues:\n\n` +
+            `${namedParameters.formattedErrorsAndWarnings}\n\n`
     }),
     formattedError: {
         violatedGuidelineItem: "Violated rule",
         keyAndValueSeparator: ":"
     }
 };
-exports["default"] = AccessibilityInspectorLocalization__English;
+exports["default"] = accessibilityInspectorLocalization__english;
+
+
+/***/ }),
+
+/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_Validator.ts":
+/*!**********************************************************************************************!*\
+  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_Validator.ts ***!
+  \**********************************************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+/* --- Assets ------------------------------------------------------------------------------------------------------- */
+const HTML_ValidatorLocalization_english_1 = __importDefault(__webpack_require__(/*! ./HTML_ValidatorLocalization.english */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_ValidatorLocalization.english.ts"));
+/* --- Applied utils ------------------------------------------------------------------------------------------------ */
+const html_validator_1 = __importDefault(__webpack_require__(/*! html-validator */ "html-validator"));
+const getExpectedToBeNonNullStringifiedContentOfVinylFile_1 = __importDefault(__webpack_require__(/*! @Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile */ "./Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile.ts"));
+const isCompiledHTML_ContentEmpty_1 = __importDefault(__webpack_require__(/*! @Utils/isCompiledHTML_ContentEmpty */ "./Utils/isCompiledHTML_ContentEmpty.ts"));
+const node_notifier_1 = __importDefault(__webpack_require__(/*! node-notifier */ "node-notifier"));
+/* --- General utils ------------------------------------------------------------------------------------------------ */
+const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
+const ImprovedPath_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/ImprovedPath/ImprovedPath */ "./UtilsIncubator/ImprovedPath/ImprovedPath.ts"));
+const Stopwatch_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/Stopwatch */ "./UtilsIncubator/Stopwatch.ts"));
+class HTML_Validator {
+    static localization = HTML_ValidatorLocalization_english_1.default;
+    static validateHTML(compiledHTML_File, masterConfigRepresentative) {
+        const extractedHTML_Code = (0, getExpectedToBeNonNullStringifiedContentOfVinylFile_1.default)(compiledHTML_File);
+        const targetFileRelativePath = ImprovedPath_1.default.computeRelativePath({
+            basePath: masterConfigRepresentative.consumingProjectRootDirectoryAbsolutePath,
+            comparedPath: compiledHTML_File.path
+        });
+        if ((0, isCompiledHTML_ContentEmpty_1.default)(extractedHTML_Code)) {
+            es_extensions_1.Logger.logWarning(HTML_Validator.localization.generateFileIsEmptyWarningLog({ targetFileRelativePath }));
+            return;
+        }
+        const validationTimeMeasuringStopwatch = new Stopwatch_1.default().startOrRestart();
+        es_extensions_1.Logger.logInfo(HTML_Validator.localization.generateValidationStartedInfoLog({ targetFileRelativePath }));
+        (0, html_validator_1.default)({
+            /* eslint-disable-next-line id-denylist --
+             * From the viewpoint of TypeScript, the property name does not conflict with imported names.
+             * ESLint community has declined to fix this.
+             * https://github.com/eslint/eslint/issues/15504 */
+            data: extractedHTML_Code,
+            format: "json"
+        }).
+            then((validationResults) => {
+            const validationPeriod__seconds = validationTimeMeasuringStopwatch.stop().seconds;
+            const filteredIssues = (0, es_extensions_1.removeArrayElementsByPredicates)({
+                targetArray: validationResults.messages,
+                predicates: HTML_Validator.getPredicatesForHTML_ValidationIssuesFiltering(),
+                mutably: false
+            }).updatedArray;
+            if (filteredIssues.length === 0) {
+                es_extensions_1.Logger.logSuccess(HTML_Validator.localization.generateValidationFinishedWithNoIssuesFoundSuccessLog({
+                    targetFileRelativePath,
+                    secondsElapsed: validationPeriod__seconds
+                }));
+                return;
+            }
+            node_notifier_1.default.notify(HTML_Validator.localization.issuesFoundNotification);
+            const formattedErrors = [];
+            for (const issue of filteredIssues) {
+                let accumulatingFormattedError = "";
+                if (HTML_Validator.isValidationMessageLocationObject(issue)) {
+                    const codeFragmentPartWhichMustBeHighlighted = issue.extract.substring(issue.hiliteStart, issue.hiliteStart + issue.hiliteLength);
+                    accumulatingFormattedError = `${issue.extract.replace(codeFragmentPartWhichMustBeHighlighted, es_extensions_1.Logger.highlightText(codeFragmentPartWhichMustBeHighlighted))}\n${HTML_Validator.localization.generateIssueOccurrenceLocationIndication({
+                        lineNumber: issue.lastLine, startingColumnNumber: issue.firstColumn, lastColumnNumber: issue.lastColumn
+                    })}\n`;
+                }
+                switch (issue.type) {
+                    case "error": {
+                        accumulatingFormattedError = `${accumulatingFormattedError}` +
+                            `${HTML_Validator.localization.issuesTypesTitles.grossViolation}` +
+                            `${HTML_Validator.localization.issuesTypesTitles.keyAndValueSeparator}`;
+                        break;
+                    }
+                    case "info": {
+                        accumulatingFormattedError =
+                            `${accumulatingFormattedError}` +
+                                `${HTML_Validator.localization.issuesTypesTitles.recommendationDisregard}` +
+                                `${HTML_Validator.localization.issuesTypesTitles.keyAndValueSeparator}`;
+                        break;
+                    }
+                    default: {
+                        accumulatingFormattedError = `${accumulatingFormattedError}` +
+                            `${HTML_Validator.localization.issuesTypesTitles.other}` +
+                            `${HTML_Validator.localization.issuesTypesTitles.keyAndValueSeparator}`;
+                        break;
+                    }
+                }
+                accumulatingFormattedError = `${accumulatingFormattedError}${issue.message}`;
+                formattedErrors.push(accumulatingFormattedError);
+            }
+            es_extensions_1.Logger.logErrorLikeMessage(HTML_Validator.localization.generateIssuesFoundErrorLog({
+                targetFileRelativePath,
+                formattedErrorsAndWarnings: formattedErrors.join("\n\n")
+            }));
+        }).
+            catch((error) => {
+            es_extensions_1.Logger.logError({
+                errorType: es_extensions_1.DataRetrievingFailedError.localization.defaultTitle,
+                ...HTML_Validator.localization.validationFailedErrorLog,
+                occurrenceLocation: "HTML_Validator.validateHTML(...parameters)",
+                caughtError: error
+            });
+        });
+    }
+    static getPredicatesForHTML_ValidationIssuesFiltering() {
+        return [
+            (HTML_ValidationIssue) => HTML_ValidationIssue.message === "Attribute “webkitdirectory” not allowed on element “input” at this point."
+        ];
+    }
+    static isValidationMessageLocationObject(violation) {
+        return (0, es_extensions_1.isArbitraryObject)(violation) &&
+            (0, es_extensions_1.isNotUndefined)(violation.extract) &&
+            (0, es_extensions_1.isNotUndefined)(violation.lastLine) &&
+            (0, es_extensions_1.isNotUndefined)(violation.firstColumn) &&
+            (0, es_extensions_1.isNotUndefined)(violation.lastColumn);
+    }
+}
+exports["default"] = HTML_Validator;
 
 
 /***/ }),
 
-/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AssetsPathsAliasesResolverForHTML/AssetsPathsAliasesResolverForHTML_Localization.english.ts":
-/*!*********************************************************************************************************************************************************!*\
-  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AssetsPathsAliasesResolverForHTML/AssetsPathsAliasesResolverForHTML_Localization.english.ts ***!
-  \*********************************************************************************************************************************************************/
+/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_ValidatorLocalization.english.ts":
+/*!******************************************************************************************************************!*\
+  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_ValidatorLocalization.english.ts ***!
+  \******************************************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const HTML_ValidatorLocalization__english = {
+    generateFileIsEmptyWarningLog: (namedParameters) => ({
+        title: "HTML code validation terminated",
+        description: `File '${namedParameters.targetFileRelativePath}' is empty, no HTML to validate.`
+    }),
+    generateValidationStartedInfoLog: (namedParameters) => ({
+        title: "HTML code validation started",
+        description: `Begin the validation of HTML code in the file '${namedParameters.targetFileRelativePath}' ...`
+    }),
+    generateValidationFinishedWithNoIssuesFoundSuccessLog: (namedParameters) => ({
+        title: "HTML validation finished",
+        description: `File '${namedParameters.targetFileRelativePath}' is fully obeying to W3C rules and recommendations.\n` +
+            `${namedParameters.secondsElapsed} seconds elapsed.`
+    }),
+    issuesFoundNotification: {
+        title: "HTML validation, issue(s) found",
+        message: "W3C rules violations and / or recommendations neglect detected. Check the console for the details."
+    },
+    generateIssueOccurrenceLocationIndication: (namedParameters) => `Line ${namedParameters.lineNumber}, ` +
+        `columns ${namedParameters.startingColumnNumber}-${namedParameters.lastColumnNumber}`,
+    issuesTypesTitles: {
+        grossViolation: "Gross violation",
+        recommendationDisregard: "Recommendation disregard",
+        other: "Other issue",
+        keyAndValueSeparator: ": "
+    },
+    generateIssuesFoundErrorLog: (namedParameters) => ({
+        customBadgeText: "HTML validation not passed",
+        title: "HTML validation, issue(s) found",
+        description: `File '${namedParameters.targetFileRelativePath}' is including the following HTML validity issues:\n\n` +
+            `${namedParameters.formattedErrorsAndWarnings}\n\n`
+    }),
+    validationFailedErrorLog: {
+        title: "HTML validation failed",
+        description: "The error occurred during HTML validation"
+    }
+};
+exports["default"] = HTML_ValidatorLocalization__english;
+
+
+/***/ }),
+
+/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.english.ts":
+/*!**********************************************************************************************************************************************!*\
+  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.english.ts ***!
+  \**********************************************************************************************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
-const assetsPathsAliasesResolverForHTML_Localization__english = {
-    generateUnableToResolveShortenedAbsolutePathWarning: (namedParameters) => ({
+const resourcesReferencesResolverForHTML_Localization__english = {
+    generateUnableToResolveShortenedAbsolutePathWarningLog: (namedParameters) => ({
         title: `${(0, es_extensions_1.capitalizeFirstCharacter)(namedParameters.filesType__singularForm)} file, unable to resolve the absolute path`,
         description: `Unable to resolve the shortened absolute path for the ${namedParameters.filesType__singularForm} file ` +
             `because no public path has been specified for '${namedParameters.projectBuildingMode}' project building mode. ` +
             "Relative path will be used instead."
     }),
-    generateUnknownSourceFileTopDirectoryAliasWarning: (namedParameters) => ({
-        title: `${namedParameters.fileType__singularForm} file, unknown directory path alias`,
-        description: `The alias '${namedParameters.firstPathSegment}' in path ` +
-            `'${namedParameters.pickedPathOfTargetResourceFile}' has not been specified neither explicitly nor implicitly ` +
-            "(via resources group name). Below directories paths' aliases are available for usage: \n" +
+    generateUnknownResourceGroupReferenceWarningLog: (namedParameters) => ({
+        title: `Unknown reference to ${namedParameters.fileType__pluralForm} files group`,
+        description: `The reference '${namedParameters.firstPathSegment}' in path ` +
+            `'${namedParameters.pickedPathOfTargetResourceFile}' refers to unknown resources group. ` +
+            `Below references are available for ${namedParameters.fileType__pluralForm} files: \n` +
             `${namedParameters.formattedSourceFilesTopDirectoriesAliasesAndRespectiveAbsolutePathsMap}`
     }),
-    generateNoMatchingsForAliasedFilePathWithoutFilenameExtensionWarning: (namedParameters) => ({
+    generateNoMatchingsForAliasedFilePathWithoutFilenameExtensionWarningLog: (namedParameters) => ({
         title: `Unknown path to ${namedParameters.fileType__singularForm} file`,
         description: `The aliased path '${namedParameters.pickedPathOfTargetResourceFile}' without filename extension ` +
-            "refers to unknown file. Tried to search with all supported filename extensions: " +
+            "refers to unknown file. Tried to search at path with all supported filename extensions: " +
             `${namedParameters.checkedAbsolutePaths__formatted}.`
     }),
-    generateNoOutputFileExistingForSpecifiedSourceFilePath: (namedParameters) => ({
+    generateNoOutputFileExistingForSpecifiedSourceFilePathWarningLog: (namedParameters) => ({
         title: `Unknown path to ${namedParameters.fileType__singularForm} file`,
-        description: `No ${namedParameters.fileType__singularForm} output file has been found for specified aliased source ` +
-            `file path '${namedParameters.pickedPathOfTargetResourceFile}'.`
+        description: `No ${namedParameters.fileType__singularForm} output file has been found for specified source ` +
+            `file path '${namedParameters.pickedPathOfTargetResourceFile}' including reference.`
     })
 };
-exports["default"] = assetsPathsAliasesResolverForHTML_Localization__english;
+exports["default"] = resourcesReferencesResolverForHTML_Localization__english;
 
 
 /***/ }),
 
-/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AssetsPathsAliasesResolverForHTML/ResourceFilesPathsAliasesResolverForHTML.ts":
-/*!*******************************************************************************************************************************************!*\
-  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AssetsPathsAliasesResolverForHTML/ResourceFilesPathsAliasesResolverForHTML.ts ***!
-  \*******************************************************************************************************************************************/
+/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.ts":
+/*!**************************************************************************************************************************************!*\
+  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.ts ***!
+  \**************************************************************************************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -5142,27 +5365,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 /* --- Assets ------------------------------------------------------------------------------------------------------- */
-const AssetsPathsAliasesResolverForHTML_Localization_english_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/Plugins/AssetsPathsAliasesResolverForHTML/AssetsPathsAliasesResolverForHTML_Localization.english */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/AssetsPathsAliasesResolverForHTML/AssetsPathsAliasesResolverForHTML_Localization.english.ts"));
+const ResourcesReferencesResolverForHTML_english_1 = __importDefault(__webpack_require__(/*! @MarkupProcessing/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.english */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/ResourcesReferencesResolverForHTML/ResourcesReferencesResolverForHTML.english.ts"));
 /* --- Applied auxiliaries ------------------------------------------------------------------------------------------ */
 const cheerio_1 = __importDefault(__webpack_require__(/*! cheerio */ "cheerio"));
 const getExpectedToBeNonNullStringifiedContentOfVinylFile_1 = __importDefault(__webpack_require__(/*! @Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile */ "./Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile.ts"));
 /* --- General auxiliaries ------------------------------------------------------------------------------------------ */
 const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
 const ImprovedPath_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/ImprovedPath/ImprovedPath */ "./UtilsIncubator/ImprovedPath/ImprovedPath.ts"));
-class ResourceFilesPathsAliasesResolverForHTML {
-    static localization = AssetsPathsAliasesResolverForHTML_Localization_english_1.default;
+class ResourcesReferencesResolverForHTML {
+    static localization = ResourcesReferencesResolverForHTML_english_1.default;
     compiledHTML_File;
     HTML_FileContentCheerioCapturing;
     masterConfigRepresentative;
-    static resolvePathAliases(compiledHTML_File, masterConfigRepresentative) {
-        return new ResourceFilesPathsAliasesResolverForHTML(compiledHTML_File, masterConfigRepresentative).
+    static resolve(compiledHTML_File, masterConfigRepresentative) {
+        return new ResourcesReferencesResolverForHTML(compiledHTML_File, masterConfigRepresentative).
+            resolveInternalLinks().
             resolveStylesheetsPathsAliases().
             resoleScriptsPathsAliases().
             resolveImagesPathsAliases().
             resolveVideosPathsAliases().
             resolveAudiosPathsAliases().
             /* [ Theory ] Without '{ decodeEntities: false }' all ideographic characters will be converted to entities
-             * like '文' what could cause some troubles during HTML code post-processing. */
+             * like '文' what could cause some troubles during post-processing of HTML code. */
             HTML_FileContentCheerioCapturing.
             html({ decodeEntities: false });
     }
@@ -5171,14 +5395,50 @@ class ResourceFilesPathsAliasesResolverForHTML {
         this.HTML_FileContentCheerioCapturing = cheerio_1.default.load((0, getExpectedToBeNonNullStringifiedContentOfVinylFile_1.default)(compiledHTML_File));
         this.masterConfigRepresentative = masterConfigRepresentative;
     }
+    resolveInternalLinks() {
+        if ((0, es_extensions_1.isUndefined)(this.masterConfigRepresentative.markupProcessingSettingsRepresentative)) {
+            return this;
+        }
+        const markupProcessingSettingsRepresentative = this.masterConfigRepresentative.markupProcessingSettingsRepresentative;
+        for (const anchorElement of Array.from(this.HTML_FileContentCheerioCapturing("a"))) {
+            const anchorCheerioElement = this.HTML_FileContentCheerioCapturing(anchorElement);
+            const hrefAttributeValue = anchorCheerioElement.attr("href");
+            if (!(0, es_extensions_1.isNonEmptyString)(hrefAttributeValue)) {
+                continue;
+            }
+            const resolvedURI = this.resolveOutputResourceFileAbsolutePathIfPossible({
+                pickedPathOfTargetResourceFile: hrefAttributeValue,
+                prefixOfAliasOfTopDirectoryOfResourcesGroup: markupProcessingSettingsRepresentative.prefixOfEntryPointsGroupReference,
+                sourceFilesTopDirectoriesAliasesAndRespectiveAbsolutePathsMap: (0, es_extensions_1.createMapBasedOnOtherMap)(markupProcessingSettingsRepresentative.entryPointsGroupsNormalizedSettingsMappedByReferences, (pathAlias, markupEntryPointsGroupNormalizedSettings) => [
+                    pathAlias,
+                    markupEntryPointsGroupNormalizedSettings.isSingeEntryPointGroup ?
+                        markupEntryPointsGroupNormalizedSettings.sourceFilesGlobSelectors[0] :
+                        markupEntryPointsGroupNormalizedSettings.sourceFilesTopDirectoryAbsolutePath
+                ]),
+                supportedEntryPointsSourceFileNameExtensionsWithoutLeadingDots: markupProcessingSettingsRepresentative.
+                    supportedEntryPointsSourceFileNameExtensionsWithoutLeadingDots,
+                sourceAndOutputFilesAbsolutePathsCorrespondenceMap: markupProcessingSettingsRepresentative.sourceAndOutputFilesAbsolutePathsCorrespondenceMap,
+                fileTypeForLogging__singularForm: markupProcessingSettingsRepresentative.TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM,
+                fileTypeForLogging__pluralForm: markupProcessingSettingsRepresentative.TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM
+            });
+            if ((0, es_extensions_1.isNull)(resolvedURI)) {
+                continue;
+            }
+            anchorCheerioElement.attr("href", this.buildResourceFileFinalPath({
+                resolvedOutputAbsolutePathOfResourceFile: resolvedURI,
+                resourceFileType__singularForm: markupProcessingSettingsRepresentative.TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM
+            }));
+        }
+        return this;
+    }
     resolveStylesheetsPathsAliases() {
         if ((0, es_extensions_1.isUndefined)(this.masterConfigRepresentative.stylesProcessingSettingsRepresentative)) {
             return this;
         }
         const stylesProcessingSettingsRepresentative = this.masterConfigRepresentative.stylesProcessingSettingsRepresentative;
         for (const linkElement of Array.from(this.HTML_FileContentCheerioCapturing("link[rel='stylesheet']"))) {
-            const $linkElement = this.HTML_FileContentCheerioCapturing(linkElement);
-            const hrefAttributeValue = $linkElement.attr("href");
+            const linkCheerioElement = this.HTML_FileContentCheerioCapturing(linkElement);
+            const hrefAttributeValue = linkCheerioElement.attr("href");
             if (!(0, es_extensions_1.isNonEmptyString)(hrefAttributeValue)) {
                 continue;
             }
@@ -5201,7 +5461,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
             if ((0, es_extensions_1.isNull)(resolvedOutputAbsolutePathOfStylesheet)) {
                 continue;
             }
-            $linkElement.attr("href", this.buildResourceFileFinalPath({
+            linkCheerioElement.attr("href", this.buildResourceFileFinalPath({
                 resolvedOutputAbsolutePathOfResourceFile: resolvedOutputAbsolutePathOfStylesheet,
                 resourceFileType__singularForm: stylesProcessingSettingsRepresentative.TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM
             }));
@@ -5214,8 +5474,8 @@ class ResourceFilesPathsAliasesResolverForHTML {
         }
         const ECMA_ScriptLogicProcessingConfigRepresentative = this.masterConfigRepresentative.ECMA_ScriptLogicProcessingSettingsRepresentative;
         for (const scriptElement of Array.from(this.HTML_FileContentCheerioCapturing("script"))) {
-            const $scriptElement = this.HTML_FileContentCheerioCapturing(scriptElement);
-            const srcAttributeValue = $scriptElement.attr("src");
+            const scriptCheerioElement = this.HTML_FileContentCheerioCapturing(scriptElement);
+            const srcAttributeValue = scriptCheerioElement.attr("src");
             if (!(0, es_extensions_1.isNonEmptyString)(srcAttributeValue)) {
                 continue;
             }
@@ -5239,7 +5499,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
             if ((0, es_extensions_1.isNull)(resolvedOutputAbsolutePathOfScript)) {
                 continue;
             }
-            $scriptElement.attr("src", this.buildResourceFileFinalPath({
+            scriptCheerioElement.attr("src", this.buildResourceFileFinalPath({
                 resolvedOutputAbsolutePathOfResourceFile: resolvedOutputAbsolutePathOfScript,
                 resourceFileType__singularForm: ECMA_ScriptLogicProcessingConfigRepresentative.
                     TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM
@@ -5253,8 +5513,8 @@ class ResourceFilesPathsAliasesResolverForHTML {
         }
         const imagesProcessingConfigRepresentative = this.masterConfigRepresentative.imagesProcessingSettingsRepresentative;
         for (const imageElement of Array.from(this.HTML_FileContentCheerioCapturing("img"))) {
-            const $imageElement = this.HTML_FileContentCheerioCapturing(imageElement);
-            const srcAttributeValue = $imageElement.attr("src");
+            const imageCheerioElement = this.HTML_FileContentCheerioCapturing(imageElement);
+            const srcAttributeValue = imageCheerioElement.attr("src");
             if (!(0, es_extensions_1.isNonEmptyString)(srcAttributeValue)) {
                 continue;
             }
@@ -5271,14 +5531,14 @@ class ResourceFilesPathsAliasesResolverForHTML {
             if ((0, es_extensions_1.isNull)(resolvedOutputAbsolutePathOfImage)) {
                 continue;
             }
-            $imageElement.attr("src", this.buildResourceFileFinalPath({
+            imageCheerioElement.attr("src", this.buildResourceFileFinalPath({
                 resolvedOutputAbsolutePathOfResourceFile: resolvedOutputAbsolutePathOfImage,
                 resourceFileType__singularForm: imagesProcessingConfigRepresentative.TARGET_FILES_KIND_FOR_LOGGING__PLURAL_FORM
             }));
         }
         for (const linkElement of Array.from(this.HTML_FileContentCheerioCapturing("link[type='image/x-icon']"))) {
-            const $linkElement = this.HTML_FileContentCheerioCapturing(linkElement);
-            const hrefAttributeValue = $linkElement.attr("href");
+            const linkCheerioElement = this.HTML_FileContentCheerioCapturing(linkElement);
+            const hrefAttributeValue = linkCheerioElement.attr("href");
             if ((0, es_extensions_1.isUndefined)(hrefAttributeValue)) {
                 continue;
             }
@@ -5297,7 +5557,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
             if ((0, es_extensions_1.isNull)(imageResolvedOutputAbsolutePath)) {
                 continue;
             }
-            $linkElement.attr("href", this.buildResourceFileFinalPath({
+            linkCheerioElement.attr("href", this.buildResourceFileFinalPath({
                 resolvedOutputAbsolutePathOfResourceFile: imageResolvedOutputAbsolutePath,
                 resourceFileType__singularForm: imagesProcessingConfigRepresentative.TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM
             }));
@@ -5310,8 +5570,8 @@ class ResourceFilesPathsAliasesResolverForHTML {
         }
         const videosProcessingConfigRepresentative = this.masterConfigRepresentative.videosProcessingSettingsRepresentative;
         for (const sourceElement of Array.from(this.HTML_FileContentCheerioCapturing("video > source"))) {
-            const $sourceElement = this.HTML_FileContentCheerioCapturing(sourceElement);
-            const srcAttributeValue = $sourceElement.attr("src");
+            const sourceCheerioElement = this.HTML_FileContentCheerioCapturing(sourceElement);
+            const srcAttributeValue = sourceCheerioElement.attr("src");
             if (!(0, es_extensions_1.isNonEmptyString)(srcAttributeValue)) {
                 continue;
             }
@@ -5328,7 +5588,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
             if ((0, es_extensions_1.isNull)(resolvedOutputAbsolutePathOfVideo)) {
                 continue;
             }
-            $sourceElement.attr("src", this.buildResourceFileFinalPath({
+            sourceCheerioElement.attr("src", this.buildResourceFileFinalPath({
                 resolvedOutputAbsolutePathOfResourceFile: resolvedOutputAbsolutePathOfVideo,
                 resourceFileType__singularForm: videosProcessingConfigRepresentative.TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM
             }));
@@ -5341,8 +5601,8 @@ class ResourceFilesPathsAliasesResolverForHTML {
         }
         const audiosProcessingConfigRepresentative = this.masterConfigRepresentative.audiosProcessingSettingsRepresentative;
         for (const sourceElement of Array.from(this.HTML_FileContentCheerioCapturing("audio > source"))) {
-            const $sourceElement = this.HTML_FileContentCheerioCapturing(sourceElement);
-            const srcAttributeValue = $sourceElement.attr("src");
+            const sourceCheerioElement = this.HTML_FileContentCheerioCapturing(sourceElement);
+            const srcAttributeValue = sourceCheerioElement.attr("src");
             if ((0, es_extensions_1.isUndefined)(srcAttributeValue)) {
                 continue;
             }
@@ -5359,7 +5619,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
             if ((0, es_extensions_1.isNull)(resolvedOutputAbsolutePathOfVideo)) {
                 continue;
             }
-            $sourceElement.attr("src", this.buildResourceFileFinalPath({
+            sourceCheerioElement.attr("src", this.buildResourceFileFinalPath({
                 resolvedOutputAbsolutePathOfResourceFile: resolvedOutputAbsolutePathOfVideo,
                 resourceFileType__singularForm: audiosProcessingConfigRepresentative.TARGET_FILES_KIND_FOR_LOGGING__SINGULAR_FORM
             }));
@@ -5378,8 +5638,8 @@ class ResourceFilesPathsAliasesResolverForHTML {
         }
         const sourceFilesTopDirectoryAbsolutePathOfCurrentAlias = sourceFilesTopDirectoriesAliasesAndRespectiveAbsolutePathsMap.get(firstSegmentOfPickedPath);
         if ((0, es_extensions_1.isUndefined)(sourceFilesTopDirectoryAbsolutePathOfCurrentAlias)) {
-            es_extensions_1.Logger.logWarning(ResourceFilesPathsAliasesResolverForHTML.localization.generateUnknownSourceFileTopDirectoryAliasWarning({
-                fileType__singularForm: fileTypeForLogging__pluralForm,
+            es_extensions_1.Logger.logWarning(ResourcesReferencesResolverForHTML.localization.generateUnknownResourceGroupReferenceWarningLog({
+                fileType__pluralForm: fileTypeForLogging__pluralForm,
                 firstPathSegment: firstSegmentOfPickedPath,
                 pickedPathOfTargetResourceFile,
                 formattedSourceFilesTopDirectoriesAliasesAndRespectiveAbsolutePathsMap: (0, es_extensions_1.stringifyAndFormatArbitraryValue)(Array.from(sourceFilesTopDirectoriesAliasesAndRespectiveAbsolutePathsMap.entries()))
@@ -5394,8 +5654,8 @@ class ResourceFilesPathsAliasesResolverForHTML {
                 `${supportedStylesheetFileNameExtensionWithoutLeadingDot}`);
             const searchingResultsInSourceFilesAbsolutePathsAndOutputFilesActualPathsMap = (0, es_extensions_1.filterMap)(sourceAndOutputFilesAbsolutePathsCorrespondenceMap, (sourceFileAbsolutePath) => possibleAbsolutePathsOfTargetSourceFile.includes(sourceFileAbsolutePath));
             if (searchingResultsInSourceFilesAbsolutePathsAndOutputFilesActualPathsMap.size === 0) {
-                es_extensions_1.Logger.logWarning(ResourceFilesPathsAliasesResolverForHTML.localization.
-                    generateNoMatchingsForAliasedFilePathWithoutFilenameExtensionWarning({
+                es_extensions_1.Logger.logWarning(ResourcesReferencesResolverForHTML.localization.
+                    generateNoMatchingsForAliasedFilePathWithoutFilenameExtensionWarningLog({
                     pickedPathOfTargetResourceFile,
                     fileType__singularForm: fileTypeForLogging__pluralForm,
                     checkedAbsolutePaths__formatted: (0, es_extensions_1.stringifyAndFormatArbitraryValue)(possibleAbsolutePathsOfTargetSourceFile)
@@ -5407,7 +5667,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
         const resolvedFileOutputAbsolutePath = sourceAndOutputFilesAbsolutePathsCorrespondenceMap.
             get(sourceFileComputedAbsolutePathPossiblyWithoutFileNameExtension);
         if ((0, es_extensions_1.isUndefined)(resolvedFileOutputAbsolutePath)) {
-            es_extensions_1.Logger.logWarning(ResourceFilesPathsAliasesResolverForHTML.localization.generateNoOutputFileExistingForSpecifiedSourceFilePath({
+            es_extensions_1.Logger.logWarning(ResourcesReferencesResolverForHTML.localization.generateNoOutputFileExistingForSpecifiedSourceFilePathWarningLog({
                 pickedPathOfTargetResourceFile,
                 fileType__singularForm: fileTypeForLogging__pluralForm
             }));
@@ -5416,12 +5676,13 @@ class ResourceFilesPathsAliasesResolverForHTML {
         return resolvedFileOutputAbsolutePath;
     }
     buildResourceFileFinalPath({ resolvedOutputAbsolutePathOfResourceFile, resourceFileType__singularForm }) {
-        if (this.masterConfigRepresentative.isDevelopmentBuildingMode ||
+        if (this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
             (0, es_extensions_1.isUndefined)(this.masterConfigRepresentative.actualPublicDirectoryAbsolutePath)) {
-            if (!this.masterConfigRepresentative.isDevelopmentBuildingMode &&
+            if (!this.masterConfigRepresentative.isStaticPreviewBuildingMode &&
                 (0, es_extensions_1.isUndefined)(this.masterConfigRepresentative.actualPublicDirectoryAbsolutePath)) {
-                es_extensions_1.Logger.logWarning(ResourceFilesPathsAliasesResolverForHTML.localization.generateUnableToResolveShortenedAbsolutePathWarning({
+                es_extensions_1.Logger.logWarning(ResourcesReferencesResolverForHTML.localization.generateUnableToResolveShortenedAbsolutePathWarningLog({
                     projectBuildingMode: this.masterConfigRepresentative.consumingProjectBuildingMode,
+                    targetFileAbsolutePath: resolvedOutputAbsolutePathOfResourceFile,
                     filesType__singularForm: resourceFileType__singularForm
                 }));
             }
@@ -5436,181 +5697,7 @@ class ResourceFilesPathsAliasesResolverForHTML {
         })}`;
     }
 }
-exports["default"] = ResourceFilesPathsAliasesResolverForHTML;
-
-
-/***/ }),
-
-/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_Validator.ts":
-/*!**********************************************************************************************!*\
-  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_Validator.ts ***!
-  \**********************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-/* --- Assets ------------------------------------------------------------------------------------------------------- */
-const HTML_ValidatorLocalization_english_1 = __importDefault(__webpack_require__(/*! ./HTML_ValidatorLocalization.english */ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_ValidatorLocalization.english.ts"));
-/* --- Applied utils ------------------------------------------------------------------------------------------------ */
-const html_validator_1 = __importDefault(__webpack_require__(/*! html-validator */ "html-validator"));
-const getExpectedToBeNonNullStringifiedContentOfVinylFile_1 = __importDefault(__webpack_require__(/*! @Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile */ "./Utils/getExpectedToBeNonNullStringifiedContentOfVinylFile.ts"));
-const isCompiledHTML_ContentEmpty_1 = __importDefault(__webpack_require__(/*! @Utils/isCompiledHTML_ContentEmpty */ "./Utils/isCompiledHTML_ContentEmpty.ts"));
-const node_notifier_1 = __importDefault(__webpack_require__(/*! node-notifier */ "node-notifier"));
-/* --- General utils ------------------------------------------------------------------------------------------------ */
-const es_extensions_1 = __webpack_require__(/*! @yamato-daiwa/es-extensions */ "@yamato-daiwa/es-extensions");
-const ImprovedPath_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/ImprovedPath/ImprovedPath */ "./UtilsIncubator/ImprovedPath/ImprovedPath.ts"));
-const Stopwatch_1 = __importDefault(__webpack_require__(/*! @UtilsIncubator/Stopwatch */ "./UtilsIncubator/Stopwatch.ts"));
-class HTML_Validator {
-    static localization = HTML_ValidatorLocalization_english_1.default;
-    static validateHTML(compiledHTML_File, masterConfigRepresentative) {
-        const extractedHTML_Code = (0, getExpectedToBeNonNullStringifiedContentOfVinylFile_1.default)(compiledHTML_File);
-        const targetFileRelativePath = ImprovedPath_1.default.computeRelativePath({
-            basePath: masterConfigRepresentative.consumingProjectRootDirectoryAbsolutePath,
-            comparedPath: compiledHTML_File.path
-        });
-        if ((0, isCompiledHTML_ContentEmpty_1.default)(extractedHTML_Code)) {
-            es_extensions_1.Logger.logWarning(HTML_Validator.localization.generateFileIsEmptyWarningLog({ targetFileRelativePath }));
-            return;
-        }
-        const validationTimeMeasuringStopwatch = new Stopwatch_1.default().startOrRestart();
-        es_extensions_1.Logger.logInfo(HTML_Validator.localization.generateValidationStartedInfoLog({ targetFileRelativePath }));
-        (0, html_validator_1.default)({
-            /* eslint-disable-next-line id-denylist --
-             * From the viewpoint of TypeScript, the property name does not conflict with imported names.
-             * ESLint community has declined to fix this.
-             * https://github.com/eslint/eslint/issues/15504 */
-            data: extractedHTML_Code,
-            format: "json"
-        }).
-            then((validationResults) => {
-            const validationPeriod__seconds = validationTimeMeasuringStopwatch.stop().seconds;
-            const filteredIssues = (0, es_extensions_1.removeArrayElementsByPredicates)({
-                targetArray: validationResults.messages,
-                predicates: HTML_Validator.getPredicatesForHTML_ValidationIssuesFiltering(),
-                mutably: false
-            }).updatedArray;
-            if (filteredIssues.length === 0) {
-                es_extensions_1.Logger.logSuccess(HTML_Validator.localization.generateValidationFinishedWithNoIssuesFoundSuccessLog({
-                    targetFileRelativePath,
-                    secondsElapsed: validationPeriod__seconds
-                }));
-                return;
-            }
-            node_notifier_1.default.notify(HTML_Validator.localization.issuesFoundNotification);
-            const formattedErrors = [];
-            for (const issue of filteredIssues) {
-                let accumulatingFormattedError = "";
-                if (HTML_Validator.isValidationMessageLocationObject(issue)) {
-                    const codeFragmentPartWhichMustBeHighlighted = issue.extract.substring(issue.hiliteStart, issue.hiliteStart + issue.hiliteLength);
-                    accumulatingFormattedError = `${issue.extract.replace(codeFragmentPartWhichMustBeHighlighted, es_extensions_1.Logger.highlightText(codeFragmentPartWhichMustBeHighlighted))}\n${HTML_Validator.localization.generateIssueOccurrenceLocationIndication({
-                        lineNumber: issue.lastLine, startingColumnNumber: issue.firstColumn, lastColumnNumber: issue.lastColumn
-                    })}\n`;
-                }
-                switch (issue.type) {
-                    case "error": {
-                        accumulatingFormattedError = `${accumulatingFormattedError}` +
-                            `${HTML_Validator.localization.issuesTypesTitles.grossViolation}` +
-                            `${HTML_Validator.localization.issuesTypesTitles.keyAndValueSeparator}`;
-                        break;
-                    }
-                    case "info": {
-                        accumulatingFormattedError =
-                            `${accumulatingFormattedError}` +
-                                `${HTML_Validator.localization.issuesTypesTitles.recommendationDisregard}` +
-                                `${HTML_Validator.localization.issuesTypesTitles.keyAndValueSeparator}`;
-                        break;
-                    }
-                    default: {
-                        accumulatingFormattedError = `${accumulatingFormattedError}` +
-                            `${HTML_Validator.localization.issuesTypesTitles.other}` +
-                            `${HTML_Validator.localization.issuesTypesTitles.keyAndValueSeparator}`;
-                        break;
-                    }
-                }
-                accumulatingFormattedError = `${accumulatingFormattedError}${issue.message}`;
-                formattedErrors.push(accumulatingFormattedError);
-            }
-            es_extensions_1.Logger.logErrorLikeMessage(HTML_Validator.localization.generateIssuesFoundErrorLog({
-                targetFileRelativePath,
-                formattedErrors: formattedErrors.join("\n\n")
-            }));
-        }).
-            catch((error) => {
-            es_extensions_1.Logger.logError({
-                errorType: es_extensions_1.DataRetrievingFailedError.localization.defaultTitle,
-                ...HTML_Validator.localization.validationFailedErrorLog,
-                occurrenceLocation: "HTML_Validator.validateHTML(...parameters)",
-                caughtError: error
-            });
-        });
-    }
-    static getPredicatesForHTML_ValidationIssuesFiltering() {
-        return [
-            (HTML_ValidationIssue) => HTML_ValidationIssue.message === "Attribute “webkitdirectory” not allowed on element “input” at this point."
-        ];
-    }
-    static isValidationMessageLocationObject(violation) {
-        return (0, es_extensions_1.isArbitraryObject)(violation) &&
-            (0, es_extensions_1.isNotUndefined)(violation.extract) &&
-            (0, es_extensions_1.isNotUndefined)(violation.lastLine) &&
-            (0, es_extensions_1.isNotUndefined)(violation.firstColumn) &&
-            (0, es_extensions_1.isNotUndefined)(violation.lastColumn);
-    }
-}
-exports["default"] = HTML_Validator;
-
-
-/***/ }),
-
-/***/ "./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_ValidatorLocalization.english.ts":
-/*!******************************************************************************************************************!*\
-  !*** ./ProjectBuilding/SourceCodeProcessing/Markup/Plugins/HTML_Validator/HTML_ValidatorLocalization.english.ts ***!
-  \******************************************************************************************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-const HTML_ValidatorLocalization__English = {
-    generateFileIsEmptyWarningLog: (namedParameters) => ({
-        title: "HTML validation terminated",
-        description: `File '${namedParameters.targetFileRelativePath}' is empty, no HTML to inspect.`
-    }),
-    generateValidationStartedInfoLog: (namedParameters) => ({
-        title: "HTML validation started",
-        description: `Begin the inspection of file '${namedParameters.targetFileRelativePath}' ...`
-    }),
-    generateValidationFinishedWithNoIssuesFoundSuccessLog: (namedParameters) => ({
-        title: "HTML validation finished",
-        description: `File '${namedParameters.targetFileRelativePath}' is fully obeying to W3C rules and recommendations.\n` +
-            `${namedParameters.secondsElapsed} seconds elapsed.`
-    }),
-    issuesFoundNotification: {
-        title: "HTML validation, issue(s) found",
-        message: "W3C rules violations and / or recommendations neglect detected. Check the console for the details."
-    },
-    generateIssueOccurrenceLocationIndication: (namedParameters) => `Line ${namedParameters.lineNumber}, ` +
-        `columns ${namedParameters.startingColumnNumber}-${namedParameters.lastColumnNumber}`,
-    issuesTypesTitles: {
-        grossViolation: "Gross violation",
-        recommendationDisregard: "Recommendation disregard",
-        other: "Other issue",
-        keyAndValueSeparator: ": "
-    },
-    generateIssuesFoundErrorLog: (namedParameters) => ({
-        customBadgeText: "HTML validation not passed",
-        title: "HTML validation, issue(s) found",
-        description: `File '${namedParameters.targetFileRelativePath}' is including following HTML validity issues:\n\n` +
-            `${namedParameters.formattedErrors}\n\n`
-    }),
-    validationFailedErrorLog: {
-        title: "HTML validation failed",
-        description: "The error occurred during HTML validation"
-    }
-};
-exports["default"] = HTML_ValidatorLocalization__English;
+exports["default"] = ResourcesReferencesResolverForHTML;
 
 
 /***/ }),
@@ -5893,7 +5980,8 @@ exports["default"] = {
     waitingForSubsequentFilesWillBeSavedPeriod__seconds: 1,
     filePathAliasNotation: "@",
     revisioning: {
-        mustExecute: (projectBuildingMode__possiblyCustom) => projectBuildingMode__possiblyCustom !== ConsumingProjectPreDefinedBuildingModes_1.default.development,
+        mustExecute: (projectBuildingMode__possiblyCustom) => projectBuildingMode__possiblyCustom !== ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview &&
+            projectBuildingMode__possiblyCustom !== ConsumingProjectPreDefinedBuildingModes_1.default.development,
         contentHashPostfixSeparator: "--"
     },
     linting: {
@@ -5982,11 +6070,9 @@ var StylesProcessingSettings__FromFile__RawValid;
                             preValidationModifications: es_extensions_1.nullToUndefined,
                             type: es_extensions_1.RawObjectDataProcessor.ValuesTypesIDs.associativeArrayOfUniformTypeValues,
                             required: true,
-                            oneOfKeysIsRequired: [
-                                consumingProjectLocalizedPreDefinedBuildingModes.development,
-                                consumingProjectLocalizedPreDefinedBuildingModes.production
-                            ],
+                            minimalEntriesCount: 1,
                             keysRenamings: {
+                                [consumingProjectLocalizedPreDefinedBuildingModes.development]: ConsumingProjectPreDefinedBuildingModes_1.default.staticPreview,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.development]: ConsumingProjectPreDefinedBuildingModes_1.default.development,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.testing]: ConsumingProjectPreDefinedBuildingModes_1.default.testing,
                                 [consumingProjectLocalizedPreDefinedBuildingModes.production]: ConsumingProjectPreDefinedBuildingModes_1.default.production
@@ -6059,7 +6145,7 @@ class StylesProcessor extends GulpStreamsBasedSourceCodeProcessor_1.default {
             return () => new stream_1.PassThrough().end();
         }
         const dataHoldingSelfInstance = new StylesProcessor(masterConfigRepresentative, stylesProcessingSettingsRepresentative);
-        if (masterConfigRepresentative.isDevelopmentBuildingMode) {
+        if (masterConfigRepresentative.isStaticPreviewBuildingMode || masterConfigRepresentative.isDevelopmentBuildingMode) {
             dataHoldingSelfInstance.initializeSourceFilesDirectoriesWhichAlwaysWillBeBeingWatchedGlobSelectors();
             dataHoldingSelfInstance.initializeOrUpdateWatchedSourceFilesGlobSelectors();
             dataHoldingSelfInstance.initializeOrUpdateSourceFilesWatcher();
@@ -6081,7 +6167,8 @@ class StylesProcessor extends GulpStreamsBasedSourceCodeProcessor_1.default {
             pipe(super.printProcessedFilesPathsAndQuantity()).
             pipe(super.handleErrorIfItWillOccur()).
             pipe((0, gulp_intercept_1.default)(this.addActualSourceCodeProcessingSettingsToVinylFile.bind(this))).
-            pipe((0, gulp_if_1.default)(this.masterConfigRepresentative.isDevelopmentBuildingMode, gulp_sourcemaps_1.default.init())).
+            pipe((0, gulp_if_1.default)(this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
+            this.masterConfigRepresentative.isDevelopmentBuildingMode, gulp_sourcemaps_1.default.init())).
             pipe((0, gulp_if_1.default)((file) => file.mustBeProcessedByStylus, (0, gulp_stylus_1.default)({
             /* [ Theory ] Allows to "@include XXX.css" which is critical for third-party libraries usage. */
             "include css": true
@@ -6093,14 +6180,17 @@ class StylesProcessor extends GulpStreamsBasedSourceCodeProcessor_1.default {
                     preset: [
                         "default",
                         {
-                            normalizeWhitespace: !this.masterConfigRepresentative.isDevelopmentBuildingMode,
-                            discardComments: !this.masterConfigRepresentative.isDevelopmentBuildingMode
+                            normalizeWhitespace: !this.masterConfigRepresentative.isStaticPreviewBuildingMode &&
+                                !this.masterConfigRepresentative.isDevelopmentBuildingMode,
+                            discardComments: !this.masterConfigRepresentative.isStaticPreviewBuildingMode &&
+                                !this.masterConfigRepresentative.isDevelopmentBuildingMode
                         }
                     ]
                 })
             ]
         }))).
-            pipe((0, gulp_if_1.default)(this.masterConfigRepresentative.isDevelopmentBuildingMode, gulp_sourcemaps_1.default.write())).
+            pipe((0, gulp_if_1.default)(this.masterConfigRepresentative.isStaticPreviewBuildingMode ||
+            this.masterConfigRepresentative.isDevelopmentBuildingMode, gulp_sourcemaps_1.default.write())).
             pipe((0, gulp_intercept_1.default)(this.onPostProcessedCode.bind(this))).
             pipe(gulp_1.default.dest((targetFileInFinalState) => targetFileInFinalState.outputDirectoryAbsolutePath));
     }