Merge pull request #3722 from IgniteUI/sstoychev/fix-csb-qb-stackblitz

feat(*): adding qb live editing + upgrading packages

Author: ChronosSF

gulpfile.js

@@ -3,6 +3,8 @@ const fs = require("fs");
 const path = require("path");
 const es = require('event-stream');
 const fsExtra = require("fs-extra");
+const yargs = require("yargs");
+const { hideBin } = require('yargs/helpers');
 
 require('ts-node').register({
     transpileOnly: true,
@@ -14,7 +16,7 @@ require('ts-node').register({
 });
 
 const { generateLiveEditing } = require('igniteui-live-editing');
-const argv = require("yargs").argv;
+const argv = yargs(hideBin(process.argv)).parse();
 
 const submodule = "igniteui-live-editing-samples";
 

live-editing/configs/QueryBuilderConfigGenerator.ts

@@ -1,9 +1,12 @@
-import { Config, IConfigGenerator} from 'igniteui-live-editing'
+import { Config, IConfigGenerator } from 'igniteui-live-editing'
 import { BaseAppConfig } from './BaseConfig';
 export class QueryBuilderConfigGenerator implements IConfigGenerator {
     public generateConfigs(): Config[] {
         const configs = new Array<Config>();
 
+        const HTTPConfig = structuredClone(BaseAppConfig);
+        HTTPConfig.providers.push({ 'provider': 'provideHttpClient(),', 'import': '@angular/common/http' });
+
         configs.push(new Config({
             component: 'QueryBuilderSample1Component',
             appConfig: BaseAppConfig,
@@ -23,12 +26,19 @@ export class QueryBuilderConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: "/interactions/query-builder/"
         }));
 
-        // configs.push(new Config({
-        //     component: 'QueryBuilderSqlSampleComponent',
-        //     additionalDependencies: ["sql-formatter"],
-        //     appConfig: BaseAppConfig,
-        //     shortenComponentPathBy: "/interactions/query-builder/"
-        // })); // sql-formatter is not available in the live editing environment and cannot be enabled per config atm
+        configs.push(new Config({
+            component: 'QueryBuilderRequestSampleComponent',
+            additionalFiles: ["/src/app/interactions/query-builder/query-builder-style/layout.scss"],
+            appConfig: HTTPConfig,
+            shortenComponentPathBy: "/interactions/query-builder/"
+        }));
+
+        configs.push(new Config({
+            component: 'QueryBuilderSqlSampleComponent',
+            additionalDependencies: ["sql-formatter"],
+            appConfig: HTTPConfig,
+            shortenComponentPathBy: "/interactions/query-builder/"
+        }));
 
         return configs;
     }