igniteui-live-editing 3.3.0 → 3.4.2

package/generators/SampleAssetsGenerator.js

@@ -36,6 +36,7 @@ const SampleDefinitionFile_1 = require("./misc/SampleDefinitionFile");
 const APP_MODULE_TEMPLATE_PATH = path.join(__dirname, "../templates/app.module.ts.template");
 const APP_CONFIG_TEMPLATE_PATH = path.join(__dirname, "../templates/app.config.ts.template");
 const APP_COMPONENT_TEMPLATE_PATH = path.join(__dirname, "../templates/app.component.ts.template");
+const POSTCSSRC_FILE_PATH = path.join(__dirname, "../templates/postcssrc.json.template");
 const COMPONENT_STYLE_FILE_EXTENSION = "scss";
 const ROOT_MODULE_PATHS = ["grid-crm/grid-crm"];
 const COMPONENT_FILE_EXTENSIONS = ["ts", "html", COMPONENT_STYLE_FILE_EXTENSION];
@@ -50,7 +51,9 @@ const WEB_CONTAINER_DEPS = [
     '@juggle/resize-observer',
     '@microsoft/signalr',
     'igniteui-dockmanager',
-    'igniteui-webcomponents'
+    'igniteui-webcomponents',
+    'tailwindcss',
+    '@tailwindcss/postcss',
 ];
 class SampleAssetsGenerator {
     constructor(options) {
@@ -145,7 +148,9 @@ class SampleAssetsGenerator {
         let dependencies = this._dependencyResolver.resolveSampleDependencies(config.dependenciesType, config.additionalDependencies);
         const modifiedPackages = this.addCustomDependencies(config.additionalDependencies || [], dependencies);
         if (this.options.platform === 'angular') {
-            const packageJsonFile = this.removeRedundantDependencies(JSON.stringify(dependencies), modifiedPackages);
+            const packageJsonString = this.removeRedundantDependencies(config.additionalDependencies || [], modifiedPackages);
+            const packageJson = JSON.parse(packageJsonString);
+            const packageJsonFile = JSON.stringify(packageJson, null, 2);
             sampleFiles.push(new LiveEditingFile_1.LiveEditingFile("package.json", packageJsonFile));
         }
         let sampleDef = new SampleDefinitionFile_1.SampleDefinitionFile(sampleFiles, dependencies, config.useIvy);
@@ -213,11 +218,17 @@ class SampleAssetsGenerator {
     _getAdditionalFiles(config) {
         let additionalFiles = new Array();
         for (let i = 0; i < config.additionalFiles.length; i++) {
-            let fileContent = fs.readFileSync(path.join(process.cwd(), config.additionalFiles[i]), "utf8");
-            config.additionalFiles[i] = config.additionalFiles[i].substring(config.additionalFiles[i].indexOf(LiveEditingFile_1.SAMPLE_SRC_FOLDER));
-            let file = new LiveEditingFile_1.LiveEditingFile(config.additionalFiles[i], fileContent);
-            this._shortenComponentPath(config, file);
-            additionalFiles.push(file);
+            if (config.additionalFiles[i] === ".postcssrc.json") {
+                let postCssRcFile = fs.readFileSync(POSTCSSRC_FILE_PATH, "utf8");
+                additionalFiles.push(new LiveEditingFile_1.LiveEditingFile(".postcssrc.json", postCssRcFile));
+            }
+            else {
+                let fileContent = fs.readFileSync(path.join(process.cwd(), config.additionalFiles[i]), "utf8");
+                config.additionalFiles[i] = config.additionalFiles[i].substring(config.additionalFiles[i].indexOf(LiveEditingFile_1.SAMPLE_SRC_FOLDER));
+                let file = new LiveEditingFile_1.LiveEditingFile(config.additionalFiles[i], fileContent);
+                this._shortenComponentPath(config, file);
+                additionalFiles.push(file);
+            }
         }
         return additionalFiles;
     }
@@ -461,12 +472,22 @@ class SampleAssetsGenerator {
         const PACKAGE_JSON_FILE_PATH = path.join(__dirname, "../templates/package.json.template");
         let packageJsonFile = fs.readFileSync(PACKAGE_JSON_FILE_PATH, "utf8");
         let dependenciesString = "";
-        for (let i = 0; i < dependencies.length; i++) {
-            if (withVersions[dependencies[i]]) {
-                dependenciesString += `,\n    "${dependencies[i]}": "${withVersions[dependencies[i]]}"`;
+        // Update existing packages or add new ones with resolved versions
+        for (const pkg in withVersions) {
+            const escapedPkg = pkg.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+            const versionPattern = new RegExp(`"${escapedPkg}": "[^"]*"`, 'g');
+            const replacement = `"${pkg}": "${withVersions[pkg]}"`;
+            if (packageJsonFile.match(versionPattern)) {
+                packageJsonFile = packageJsonFile.replace(versionPattern, replacement);
             }
             else {
-                dependenciesString += `,\n    "${dependencies[i]}": "*"`;
+                dependenciesString += `,\n    ${replacement}`;
+            }
+        }
+        // Add packages without resolved versions
+        for (const dep of dependencies) {
+            if (!withVersions[dep]) {
+                dependenciesString += `,\n    "${dep}": "*"`;
             }
         }
         packageJsonFile = packageJsonFile.replace("{dependencies}", dependenciesString);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-live-editing",
-  "version": "3.3.0",
+  "version": "3.4.2",
   "description": "This feature helps us to provide each sample as a separate application to external consumers.",
   "main": "index.js",
   "types": "index.d.ts",

package/templates/package.json.template

@@ -38,6 +38,7 @@
     "intl": "^1.2.5",
     "rxjs": "^7.8.2",
     "tailwindcss": "^4.1.10",
+    "@tailwindcss/postcss": "^4.1.10",
     "tslib": "^2.6.1",
     "zone.js": "~0.15.0"{dependencies}
   },

package/templates/postcssrc.json.template

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

package/templates/tasks.json.template

@@ -8,9 +8,9 @@
   ],
     // These tasks can be run from CodeSandbox. Running one will open a log in the app.
     "tasks": {
-        "node node_modules/@angular/cli/bin/ng serve": {
+        "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check": {
             "name": "Start Project",
-            "command": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve",
+            "command": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o --disable-host-check",
             "runAtStart": true
         }
     }

package/templates/tsconfig.json.template

@@ -15,7 +15,7 @@
       "node_modules/@types"
     ],
     "lib": [
-      "es2018",
+      "es2022",
       "dom"
     ]
   },