chore(core): monorepo, esm targeting, improved management (#8707)

packages/webpack/helpers/projectFilesManager.js

@@ -0,0 +1,135 @@
+const path = require("path");
+const fs = require("fs");
+
+const { isTypeScript, isAngular, isVue, isShared, isPlugin } = require("./projectHelpers");
+
+function addProjectFiles(projectDir) {
+    const projectTemplates = getProjectTemplates(projectDir);
+    Object.keys(projectTemplates).forEach(function (templateName) {
+        const templateDestination = projectTemplates[templateName];
+        templateName = path.resolve(templateName);
+        copyTemplate(templateName, templateDestination);
+    });
+}
+
+function removeProjectFiles(projectDir) {
+    const projectTemplates = getProjectTemplates(projectDir);
+    Object.keys(projectTemplates).forEach(function (templateName) {
+        const templateDestination = projectTemplates[templateName];
+        deleteFile(templateDestination);
+    });
+}
+
+function forceUpdateProjectFiles(projectDir) {
+    removeProjectFiles(projectDir);
+    addProjectFiles(projectDir);
+}
+
+function compareProjectFiles(projectDir) {
+    const projectTemplates = getProjectTemplates(projectDir);
+    Object.keys(projectTemplates).forEach(newTemplatePath => {
+        const currentTemplatePath = projectTemplates[newTemplatePath];
+        if (fs.existsSync(currentTemplatePath)) {
+            const currentTemplate = fs.readFileSync(currentTemplatePath).toString();
+            const newTemplate = fs.readFileSync(newTemplatePath).toString();
+            if (newTemplate.replace(/\s/g, '') !== currentTemplate.replace(/\s/g, '')) {
+                const message = `Note: ${path.basename(currentTemplatePath)} is different than the suggested @nativescript/webpack config at ${newTemplatePath}.\nIf you have build trouble you can update to latest config using "./node_modules/.bin/update-ns-webpack --configs" command.`;
+                console.info(`\x1B[33;1m${message}\x1B[0m`);
+            }
+        }
+    });
+}
+
+function deleteFile(destinationPath) {
+    if (fs.existsSync(destinationPath)) {
+        console.info(`Deleting file: ${destinationPath}`);
+        fs.unlinkSync(destinationPath);
+    }
+}
+
+function copyTemplate(templateName, destinationPath) {
+    // Create destination file, only if not present.
+    if (!fs.existsSync(destinationPath)) {
+        console.info(`Creating file: ${destinationPath}`);
+        const content = fs.readFileSync(templateName, "utf8");
+        fs.writeFileSync(destinationPath, content);
+    }
+}
+
+function getProjectTemplates(projectDir) {
+    const WEBPACK_CONFIG_NAME = "webpack.config.js";
+
+    let templates;
+    if (isPlugin({ projectDir })) {
+      // TODO: create config for plugin builds
+      templates = [];
+    } else if (isAngular({ projectDir })) {
+        if (isShared({ projectDir })) {
+            templates = getSharedAngularTemplates(WEBPACK_CONFIG_NAME);
+        } else {
+            templates = getAngularTemplates(WEBPACK_CONFIG_NAME);
+        }
+    } else if (isVue({ projectDir })) {
+        templates = getVueTemplates(WEBPACK_CONFIG_NAME);
+    } else if (isTypeScript({ projectDir })) {
+        templates = getTypeScriptTemplates(WEBPACK_CONFIG_NAME);
+    } else {
+        templates = getJavaScriptTemplates(WEBPACK_CONFIG_NAME);
+    }
+
+    return getFullTemplatesPath(projectDir, templates);
+}
+
+function getSharedAngularTemplates(webpackConfigName) {
+    return {
+        "webpack.angular.js": webpackConfigName,
+    };
+}
+
+function getAngularTemplates(webpackConfigName) {
+    return {
+        "webpack.angular.js": webpackConfigName
+    };
+}
+
+function getTypeScriptTemplates(webpackConfigName) {
+    return {
+        "webpack.typescript.js": webpackConfigName
+    };
+}
+
+function getVueTemplates(webpackConfigName) {
+    return {
+        "webpack.vue.js": webpackConfigName
+    };
+}
+
+function getJavaScriptTemplates(webpackConfigName) {
+    return {
+        "webpack.javascript.js": webpackConfigName,
+    };
+}
+
+function getFullTemplatesPath(projectDir, templates) {
+    let updatedTemplates = {};
+
+    Object.keys(templates).forEach(key => {
+        const updatedKey = getFullPath(path.join(__dirname, "..", "templates"), key);
+        const updatedValue = getFullPath(projectDir, templates[key])
+
+        updatedTemplates[updatedKey] = updatedValue;
+    });
+
+    return updatedTemplates;
+}
+
+function getFullPath(projectDir, filePath) {
+    return path.resolve(projectDir, filePath);
+}
+
+module.exports = {
+    addProjectFiles,
+    removeProjectFiles,
+    forceUpdateProjectFiles,
+    compareProjectFiles,
+};