Skip to content

Commit 1953c0a

Browse files
committed
feat(live-editing): changing generators for new format
1 parent cb2ee79 commit 1953c0a

69 files changed

Lines changed: 901 additions & 4198 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

live-editing/configs/AccordionConfigGenerator.ts

Lines changed: 5 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@ import {
77
IgxSwitchModule,
88
IgxIconModule
99
} from 'igniteui-angular';
10-
import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing';
10+
import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'
11+
import { BaseAppConfig } from './BaseConfig';
1112

1213
export class AccordionConfigGenerator implements IConfigGenerator {
1314

@@ -16,33 +17,19 @@ export class AccordionConfigGenerator implements IConfigGenerator {
1617

1718
configs.push(new Config({
1819
component: 'AccordionSample1Component',
19-
appModuleConfig: new AppModuleConfig({
20-
imports: ['AccordionSample1Component', 'IgxAccordionModule', 'IgxSwitchModule'],
21-
ngDeclarations: ['AccordionSample1Component'],
22-
ngImports: ['IgxAccordionModule', 'IgxSwitchModule']
23-
}),
20+
appConfig: BaseAppConfig,
2421
shortenComponentPathBy: '/layouts/accordion/'
2522
}));
2623

2724
configs.push(new Config({
2825
component: 'AccordionSample2Component',
29-
appModuleConfig: new AppModuleConfig({
30-
imports: ['AccordionSample2Component', 'IgxAccordionModule', 'IgxSwitchModule'],
31-
ngDeclarations: ['AccordionSample2Component'],
32-
ngImports: ['IgxAccordionModule', 'IgxSwitchModule']
33-
}),
26+
appConfig: BaseAppConfig,
3427
shortenComponentPathBy: '/layouts/accordion/'
3528
}));
3629

3730
configs.push(new Config({
3831
component: 'AccordionSample3Component',
39-
appModuleConfig: new AppModuleConfig({
40-
imports: ['IgxCheckboxModule', 'IgxSliderModule',
41-
'IgxRadioModule', 'IgxTimePickerModule', 'AccordionSample3Component', 'IgxAccordionModule', 'IgxIconModule'],
42-
ngDeclarations: ['AccordionSample3Component'],
43-
ngImports: ['IgxCheckboxModule', 'IgxSliderModule',
44-
'IgxRadioModule', 'IgxTimePickerModule', 'IgxAccordionModule', 'IgxIconModule']
45-
}),
32+
appConfig: BaseAppConfig,
4633
shortenComponentPathBy: '/layouts/accordion/'
4734
}));
4835

live-editing/configs/ActionStripConfigGenerator.ts

Lines changed: 12 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
/* eslint-disable max-len */
2-
import {IgxActionStripModule,
3-
IgxRippleModule,
4-
IgxButtonModule,
5-
IgxIconModule,
6-
IgxButtonGroupModule} from 'igniteui-angular';
7-
import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing';
2+
import {
3+
IgxActionStripModule,
4+
IgxRippleModule,
5+
IgxButtonModule,
6+
IgxIconModule,
7+
IgxButtonGroupModule
8+
} from 'igniteui-angular';
9+
import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'
10+
import { BaseAppConfig } from './BaseConfig';
811
export class ActionStripConfigGenerator implements IConfigGenerator {
912

1013

@@ -13,31 +16,19 @@ export class ActionStripConfigGenerator implements IConfigGenerator {
1316

1417
configs.push(new Config({
1518
component: 'ActionStripParagraphComponent',
16-
appModuleConfig: new AppModuleConfig({
17-
imports: ['IgxActionStripModule', 'ActionStripParagraphComponent', 'IgxRippleModule', 'IgxButtonGroupModule', 'IgxButtonModule', 'IgxIconModule'],
18-
ngDeclarations: ['ActionStripParagraphComponent'],
19-
ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonGroupModule', 'IgxButtonModule', 'IgxIconModule']
20-
}),
19+
appConfig: BaseAppConfig,
2120
shortenComponentPathBy: '/menus/action-strip/'
2221
}));
2322

2423
configs.push(new Config({
2524
component: 'ActionStripParagraphMenuComponent',
26-
appModuleConfig: new AppModuleConfig({
27-
imports: ['IgxActionStripModule', 'ActionStripParagraphMenuComponent', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'],
28-
ngDeclarations: ['ActionStripParagraphMenuComponent'],
29-
ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule']
30-
}),
25+
appConfig: BaseAppConfig,
3126
shortenComponentPathBy: '/menus/action-strip/'
3227
}));
3328

3429
configs.push(new Config({
3530
component: 'ActionStripStylingComponent',
36-
appModuleConfig: new AppModuleConfig({
37-
imports: ['IgxActionStripModule', 'ActionStripStylingComponent', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'],
38-
ngDeclarations: ['ActionStripStylingComponent'],
39-
ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule']
40-
}),
31+
appConfig: BaseAppConfig,
4132
shortenComponentPathBy: '/menus/action-strip/'
4233
}));
4334

Lines changed: 29 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,32 @@
1-
import {IgxAutocompleteModule,
1+
import {
2+
IgxAutocompleteModule,
23
IgxDropDownModule,
3-
IgxInputGroupModule} from 'igniteui-angular';
4-
5-
import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing';
6-
7-
export class AutocompleteConfigGenerator implements IConfigGenerator {
8-
public additionalImports = {
9-
AutocompletePipeStartsWith: '../../src/app/data-entries/autocomplete/autocomplete/autocomplete.component',
10-
AutocompletePipeStartsWith2: '../../src/app/data-entries/autocomplete/movie/movie.component'
11-
4+
IgxInputGroupModule
5+
} from 'igniteui-angular';
6+
7+
import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'
8+
import { BaseAppConfig } from './BaseConfig';
9+
10+
export class AutocompleteConfigGenerator implements IConfigGenerator {
11+
public additionalImports = {
12+
AutocompletePipeStartsWith: '../../src/app/data-entries/autocomplete/autocomplete/autocomplete.component',
13+
AutocompletePipeStartsWith2: '../../src/app/data-entries/autocomplete/movie/movie.component'
1214
};
13-
public generateConfigs(): Config[] {
14-
const configs = new Array<Config>();
15-
16-
configs.push(new Config({
17-
appModuleConfig: new AppModuleConfig({
18-
imports: ['IgxAutocompleteModule', 'IgxDropDownModule', 'IgxInputGroupModule',
19-
'AutocompleteBasicComponent', 'AutocompletePipeStartsWith'],
20-
ngDeclarations: ['AutocompleteBasicComponent', 'AutocompletePipeStartsWith'],
21-
ngImports: ['IgxAutocompleteModule', 'IgxDropDownModule', 'IgxInputGroupModule']
22-
}),
23-
component: 'AutocompleteBasicComponent',
24-
shortenComponentPathBy: "/data-entries/autocomplete/"
25-
}));
26-
27-
configs.push(new Config({
28-
appModuleConfig: new AppModuleConfig({
29-
imports: [
30-
'IgxAutocompleteModule',
31-
'IgxDropDownModule',
32-
'IgxInputGroupModule',
33-
'MovieComponent',
34-
'AutocompletePipeStartsWith2'
35-
],
36-
ngDeclarations: ['MovieComponent', 'AutocompletePipeStartsWith2'],
37-
ngImports: [
38-
'IgxAutocompleteModule',
39-
'IgxDropDownModule',
40-
'IgxInputGroupModule'
41-
]
42-
}),
43-
component: 'MovieComponent'
44-
}));
45-
46-
return configs;
47-
}
15+
16+
public generateConfigs(): Config[] {
17+
const configs = new Array<Config>();
18+
19+
configs.push(new Config({
20+
appConfig: BaseAppConfig,
21+
component: 'AutocompleteBasicComponent',
22+
shortenComponentPathBy: "/data-entries/autocomplete/"
23+
}));
24+
25+
configs.push(new Config({
26+
appConfig: BaseAppConfig,
27+
component: 'MovieComponent'
28+
}));
29+
30+
return configs;
4831
}
49-
32+
}

live-editing/configs/AvatarConfigGenerator.ts

Lines changed: 6 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
import {IgxAvatarModule} from 'igniteui-angular';
2-
import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'
1+
import { IgxAvatarModule } from 'igniteui-angular';
2+
import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'
3+
import { BaseAppConfig } from './BaseConfig';
34
export class AvatarConfigGenerator implements IConfigGenerator {
45

56

@@ -8,31 +9,19 @@ export class AvatarConfigGenerator implements IConfigGenerator {
89

910
configs.push(new Config({
1011
component: 'AvatarSample3Component',
11-
appModuleConfig: new AppModuleConfig({
12-
imports: ['IgxAvatarModule', 'AvatarSample3Component'],
13-
ngDeclarations: ['AvatarSample3Component'],
14-
ngImports: ['IgxAvatarModule']
15-
}),
12+
appConfig: BaseAppConfig,
1613
shortenComponentPathBy: "/layouts/avatar/"
1714
}));
1815

1916
configs.push(new Config({
2017
component: 'AvatarStylingSampleComponent',
21-
appModuleConfig: new AppModuleConfig({
22-
imports: ['IgxAvatarModule', 'AvatarStylingSampleComponent'],
23-
ngDeclarations: ['AvatarStylingSampleComponent'],
24-
ngImports: ['IgxAvatarModule']
25-
}),
18+
appConfig: BaseAppConfig,
2619
shortenComponentPathBy: "/layouts/avatar/"
2720
}));
2821

2922
configs.push(new Config({
3023
component: 'AvatarCSSVariablesComponent',
31-
appModuleConfig: new AppModuleConfig({
32-
imports: ['IgxAvatarModule', 'AvatarCSSVariablesComponent'],
33-
ngDeclarations: ['AvatarCSSVariablesComponent'],
34-
ngImports: ['IgxAvatarModule']
35-
}),
24+
appConfig: BaseAppConfig,
3625
shortenComponentPathBy: "/layouts/avatar/"
3726
}));
3827

live-editing/configs/BadgeConfigGenerator.ts

Lines changed: 11 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
1-
import {IgxAvatarModule,
2-
IgxBadgeModule,
3-
IgxListModule} from 'igniteui-angular';
4-
import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing';
1+
import {
2+
IgxAvatarModule,
3+
IgxBadgeModule,
4+
IgxListModule
5+
} from 'igniteui-angular';
6+
import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'
7+
import { BaseAppConfig } from './BaseConfig';
58
export class BadgeConfigGenerator implements IConfigGenerator {
69

710

@@ -12,46 +15,30 @@ export class BadgeConfigGenerator implements IConfigGenerator {
1215
configs.push(new Config({
1316
component: 'BadgeIconComponent',
1417
additionalFiles: ["src/app/data-display/badge/model/member.model.ts"],
15-
appModuleConfig: new AppModuleConfig({
16-
imports: ['IgxBadgeModule', 'IgxAvatarModule', 'BadgeIconComponent'],
17-
ngDeclarations: ['BadgeIconComponent'],
18-
ngImports: ['IgxBadgeModule', 'IgxAvatarModule']
19-
}),
18+
appConfig: BaseAppConfig,
2019
shortenComponentPathBy: "/data-display/badge/"
2120
}));
2221

2322
// badge sample 2
2423
configs.push(new Config({
2524
component: 'BadgeSample2Component',
2625
additionalFiles: ["src/app/data-display/badge/model/member.model.ts"],
27-
appModuleConfig: new AppModuleConfig({
28-
imports: ['IgxBadgeModule', 'IgxAvatarModule', 'BadgeSample2Component'],
29-
ngDeclarations: ['BadgeSample2Component'],
30-
ngImports: ['IgxBadgeModule', 'IgxAvatarModule']
31-
}),
26+
appConfig: BaseAppConfig,
3227
shortenComponentPathBy: "/data-display/badge/"
3328
}));
3429

3530
// badge sample 3
3631
configs.push(new Config({
3732
component: 'BadgeSample3Component',
3833
additionalFiles: ["src/app/data-display/badge/model/member.model.ts"],
39-
appModuleConfig: new AppModuleConfig({
40-
imports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule', 'BadgeSample3Component'],
41-
ngDeclarations: ['BadgeSample3Component'],
42-
ngImports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule']
43-
}),
34+
appConfig: BaseAppConfig,
4435
shortenComponentPathBy: "/data-display/badge/"
4536
}));
4637

4738
configs.push(new Config({
4839
component: 'BadgeStylingSampleComponent',
4940
additionalFiles: ["src/app/data-display/badge/model/member.model.ts"],
50-
appModuleConfig: new AppModuleConfig({
51-
imports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule', 'BadgeStylingSampleComponent'],
52-
ngDeclarations: ['BadgeStylingSampleComponent'],
53-
ngImports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule']
54-
}),
41+
appConfig: BaseAppConfig,
5542
shortenComponentPathBy: "/data-display/badge/"
5643
}));
5744

0 commit comments

Comments
 (0)