igniteui-live-editing 3.4.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) {
@@ -215,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;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-live-editing",
-  "version": "3.4.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
         }
     }