From 5d952c2630526edfadee62d711652eb868b8b3d0 Mon Sep 17 00:00:00 2001 From: dobromirts Date: Tue, 22 Jul 2025 15:46:54 +0300 Subject: [PATCH 1/2] Add tailwind support --- src/generators/SampleAssetsGenerator.ts | 20 +++++++++++++------- src/templates/package.json.template | 5 ++++- src/templates/postcssrc.json.template | 5 +++++ 3 files changed, 22 insertions(+), 8 deletions(-) create mode 100644 src/templates/postcssrc.json.template diff --git a/src/generators/SampleAssetsGenerator.ts b/src/generators/SampleAssetsGenerator.ts index ed7712c..0cb7d60 100644 --- a/src/generators/SampleAssetsGenerator.ts +++ b/src/generators/SampleAssetsGenerator.ts @@ -13,6 +13,7 @@ import { SampleDefinitionFile } from "./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"]; @@ -221,12 +222,17 @@ export class SampleAssetsGenerator { private _getAdditionalFiles(config: Config): LiveEditingFile[] { 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(SAMPLE_SRC_FOLDER)); - let file = new 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(".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(SAMPLE_SRC_FOLDER)); + let file = new LiveEditingFile(config.additionalFiles[i], fileContent); + this._shortenComponentPath(config, file); + additionalFiles.push(file); + } } return additionalFiles; @@ -496,7 +502,7 @@ export class SampleAssetsGenerator { private removeRedundantDepencenies(additionalDependencies) { const webContainerDeps = - ['igniteui-angular-charts', 'igniteui-angular-core', 'igniteui-angular-excel', 'igniteui-angular-gauges', 'igniteui-angular-maps', + ['igniteui-angular-charts', 'igniteui-angular-core', 'igniteui-angular-excel', 'igniteui-angular-gauges', 'igniteui-angular-maps', 'tailwindcss', '@tailwindcss/postcss', 'igniteui-angular-spreadsheet', 'igniteui-angular-spreadsheet-chart-adapter', '@juggle/resize-observer', '@microsoft/signalr', 'igniteui-dockmanager', 'igniteui-webcomponents'] const PACKAGE_JSON_FILE_PATH = path.join(__dirname, "../templates/package.json.template"); let packageJsonFile = fs.readFileSync(PACKAGE_JSON_FILE_PATH, "utf8"); diff --git a/src/templates/package.json.template b/src/templates/package.json.template index b3cb55d..f154802 100644 --- a/src/templates/package.json.template +++ b/src/templates/package.json.template @@ -24,8 +24,11 @@ "@microsoft/signalr": "^8.0.7", "core-js": "2.6.2", "hammerjs": "^2.0.8", - "igniteui-angular": "20.0.0-rc.0", + "tailwindcss": "^4.1.10", + "@tailwindcss/postcss": "^4.1.10", + "igniteui-angular": "20.0.2", "igniteui-angular-charts": "^19.0.0", + "igniteui-theming": "^19.1.2", "igniteui-angular-core": "^19.0.0", "igniteui-angular-excel": "^19.0.0", "igniteui-angular-gauges": "^19.0.0", diff --git a/src/templates/postcssrc.json.template b/src/templates/postcssrc.json.template new file mode 100644 index 0000000..e092dc7 --- /dev/null +++ b/src/templates/postcssrc.json.template @@ -0,0 +1,5 @@ +{ + "plugins": { + "@tailwindcss/postcss": {} + } +} From e377591232554dff4d1fb035b34ef24183fa69f4 Mon Sep 17 00:00:00 2001 From: dobromirts Date: Wed, 25 Mar 2026 15:34:18 +0200 Subject: [PATCH 2/2] fix(tasks): update ng serve command --- src/templates/tasks.json.template | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/templates/tasks.json.template b/src/templates/tasks.json.template index 1780bcb..e0b89f9 100644 --- a/src/templates/tasks.json.template +++ b/src/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 } }