@o3r/styling 12.3.0-prerelease.6 → 12.3.0-prerelease.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/o3r-styling.mjs
CHANGED
|
@@ -45,10 +45,10 @@ class OtterStylingDevtools {
|
|
|
45
45
|
}, [])
|
|
46
46
|
.forEach((varName) => style.removeProperty(varName));
|
|
47
47
|
}
|
|
48
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
49
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
48
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: OtterStylingDevtools, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
49
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: OtterStylingDevtools }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: OtterStylingDevtools, decorators: [{
|
|
52
52
|
type: Injectable
|
|
53
53
|
}] });
|
|
54
54
|
|
|
@@ -176,10 +176,10 @@ class StylingDevtoolsMessageService {
|
|
|
176
176
|
activate() {
|
|
177
177
|
fromEvent(window, 'message').pipe(takeUntilDestroyed(this.destroyRef), filterMessageContent(isStylingMessage)).subscribe((e) => this.handleEvents(e));
|
|
178
178
|
}
|
|
179
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
180
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
179
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsMessageService, deps: [{ token: i1.LoggerService }, { token: OtterStylingDevtools }, { token: OTTER_STYLING_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
180
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsMessageService }); }
|
|
181
181
|
}
|
|
182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsMessageService, decorators: [{
|
|
183
183
|
type: Injectable
|
|
184
184
|
}], ctorParameters: () => [{ type: i1.LoggerService }, { type: OtterStylingDevtools }, { type: undefined, decorators: [{
|
|
185
185
|
type: Optional
|
|
@@ -203,15 +203,15 @@ class StylingDevtoolsModule {
|
|
|
203
203
|
]
|
|
204
204
|
};
|
|
205
205
|
}
|
|
206
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
207
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
208
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
206
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
207
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsModule }); }
|
|
208
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsModule, providers: [
|
|
209
209
|
{ provide: OTTER_STYLING_DEVTOOLS_OPTIONS, useValue: OTTER_STYLING_DEVTOOLS_DEFAULT_OPTIONS },
|
|
210
210
|
StylingDevtoolsMessageService,
|
|
211
211
|
OtterStylingDevtools
|
|
212
212
|
] }); }
|
|
213
213
|
}
|
|
214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: StylingDevtoolsModule, decorators: [{
|
|
215
215
|
type: NgModule,
|
|
216
216
|
args: [{
|
|
217
217
|
providers: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@o3r/styling",
|
|
3
|
-
"version": "12.3.0-prerelease.
|
|
3
|
+
"version": "12.3.0-prerelease.60",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -38,11 +38,11 @@
|
|
|
38
38
|
"@angular/common": "^19.0.0",
|
|
39
39
|
"@angular/core": "^19.0.0",
|
|
40
40
|
"@angular/material": "^19.0.0",
|
|
41
|
-
"@o3r/core": "^12.3.0-prerelease.
|
|
42
|
-
"@o3r/dynamic-content": "^12.3.0-prerelease.
|
|
43
|
-
"@o3r/extractors": "^12.3.0-prerelease.
|
|
44
|
-
"@o3r/logger": "^12.3.0-prerelease.
|
|
45
|
-
"@o3r/schematics": "^12.3.0-prerelease.
|
|
41
|
+
"@o3r/core": "^12.3.0-prerelease.60",
|
|
42
|
+
"@o3r/dynamic-content": "^12.3.0-prerelease.60",
|
|
43
|
+
"@o3r/extractors": "^12.3.0-prerelease.60",
|
|
44
|
+
"@o3r/logger": "^12.3.0-prerelease.60",
|
|
45
|
+
"@o3r/schematics": "^12.3.0-prerelease.60",
|
|
46
46
|
"@schematics/angular": "^19.0.0",
|
|
47
47
|
"@yarnpkg/cli": "^4.3.1",
|
|
48
48
|
"@yarnpkg/core": "^4.1.1",
|
|
@@ -127,6 +127,7 @@
|
|
|
127
127
|
}
|
|
128
128
|
},
|
|
129
129
|
"dependencies": {
|
|
130
|
+
"@o3r/schematics": "^12.3.0-prerelease.60",
|
|
130
131
|
"tslib": "^2.6.2"
|
|
131
132
|
},
|
|
132
133
|
"generatorDependencies": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../schematics/ng-add/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,IAAI,EACL,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../schematics/ng-add/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,IAAI,EACL,MAAM,4BAA4B,CAAC;AAkBpC,OAAO,KAAK,EACV,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAgFlB;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,SAAS,qBAAqB,SAA2C,CAAC"}
|
|
@@ -4,6 +4,7 @@ exports.ngAdd = void 0;
|
|
|
4
4
|
const fs = require("node:fs");
|
|
5
5
|
const path = require("node:path");
|
|
6
6
|
const schematics_1 = require("@angular-devkit/schematics");
|
|
7
|
+
const schematics_2 = require("@o3r/schematics");
|
|
7
8
|
const cms_adapter_1 = require("../cms-adapter");
|
|
8
9
|
const devDependenciesToInstall = [
|
|
9
10
|
'chokidar',
|
|
@@ -13,12 +14,6 @@ const dependenciesToInstall = [
|
|
|
13
14
|
'@angular/material',
|
|
14
15
|
'@angular/cdk'
|
|
15
16
|
];
|
|
16
|
-
const reportMissingSchematicsDep = (logger) => (reason) => {
|
|
17
|
-
logger.error(`[ERROR]: Adding @o3r/styling has failed.
|
|
18
|
-
If the error is related to missing @o3r dependencies you need to install '@o3r/core' to be able to use the styling package. Please run 'ng add @o3r/core' .
|
|
19
|
-
Otherwise, use the error message as guidance.`);
|
|
20
|
-
throw reason;
|
|
21
|
-
};
|
|
22
17
|
/**
|
|
23
18
|
* Add Otter styling to an Angular Project
|
|
24
19
|
* Update the styling if the app/lib used otter v7
|
|
@@ -27,26 +22,25 @@ Otherwise, use the error message as guidance.`);
|
|
|
27
22
|
function ngAddFn(options) {
|
|
28
23
|
return async (tree, context) => {
|
|
29
24
|
const packageJsonPath = path.resolve(__dirname, '..', '..', 'package.json');
|
|
30
|
-
|
|
31
|
-
options = { ...getDefaultOptionsForSchematic(getWorkspaceConfig(tree), '@o3r/styling', 'ng-add', options), ...options };
|
|
25
|
+
options = { ...(0, schematics_2.getDefaultOptionsForSchematic)((0, schematics_2.getWorkspaceConfig)(tree), '@o3r/styling', 'ng-add', options), ...options };
|
|
32
26
|
const { updateThemeFiles, removeV7OtterAssetsInAngularJson } = await Promise.resolve().then(() => require('./theme-files'));
|
|
33
27
|
const { NodeDependencyType } = await Promise.resolve().then(() => require('@schematics/angular/utility/dependencies'));
|
|
34
|
-
const depsInfo = getO3rPeerDeps(packageJsonPath);
|
|
28
|
+
const depsInfo = (0, schematics_2.getO3rPeerDeps)(packageJsonPath);
|
|
35
29
|
if (options.enableMetadataExtract) {
|
|
36
30
|
depsInfo.o3rPeerDeps = [...depsInfo.o3rPeerDeps, '@o3r/extractors'];
|
|
37
31
|
}
|
|
38
|
-
const workspaceProject = options.projectName ? getWorkspaceConfig(tree)?.projects[options.projectName] : undefined;
|
|
32
|
+
const workspaceProject = options.projectName ? (0, schematics_2.getWorkspaceConfig)(tree)?.projects[options.projectName] : undefined;
|
|
39
33
|
const dependencies = depsInfo.o3rPeerDeps.reduce((acc, dep) => {
|
|
40
34
|
acc[dep] = {
|
|
41
35
|
inManifest: [{
|
|
42
36
|
range: `${options.exactO3rVersion ? '' : '~'}${depsInfo.packageVersion}`,
|
|
43
|
-
types: getProjectNewDependenciesTypes(workspaceProject)
|
|
37
|
+
types: (0, schematics_2.getProjectNewDependenciesTypes)(workspaceProject)
|
|
44
38
|
}],
|
|
45
39
|
ngAddOptions: { exactO3rVersion: options.exactO3rVersion }
|
|
46
40
|
};
|
|
47
41
|
return acc;
|
|
48
|
-
}, getPackageInstallConfig(packageJsonPath, tree, options.projectName, false, !!options.exactO3rVersion));
|
|
49
|
-
Object.entries(getExternalDependenciesVersionRange(devDependenciesToInstall, packageJsonPath, context.logger))
|
|
42
|
+
}, (0, schematics_2.getPackageInstallConfig)(packageJsonPath, tree, options.projectName, false, !!options.exactO3rVersion));
|
|
43
|
+
Object.entries((0, schematics_2.getExternalDependenciesVersionRange)(devDependenciesToInstall, packageJsonPath, context.logger))
|
|
50
44
|
.forEach(([dep, range]) => {
|
|
51
45
|
dependencies[dep] = {
|
|
52
46
|
inManifest: [{
|
|
@@ -55,12 +49,12 @@ function ngAddFn(options) {
|
|
|
55
49
|
}]
|
|
56
50
|
};
|
|
57
51
|
});
|
|
58
|
-
Object.entries(getExternalDependenciesVersionRange(dependenciesToInstall, packageJsonPath, context.logger))
|
|
52
|
+
Object.entries((0, schematics_2.getExternalDependenciesVersionRange)(dependenciesToInstall, packageJsonPath, context.logger))
|
|
59
53
|
.forEach(([dep, range]) => {
|
|
60
54
|
dependencies[dep] = {
|
|
61
55
|
inManifest: [{
|
|
62
56
|
range,
|
|
63
|
-
types: getProjectNewDependenciesTypes(workspaceProject)
|
|
57
|
+
types: (0, schematics_2.getProjectNewDependenciesTypes)(workspaceProject)
|
|
64
58
|
}]
|
|
65
59
|
};
|
|
66
60
|
});
|
|
@@ -68,17 +62,17 @@ function ngAddFn(options) {
|
|
|
68
62
|
useOtterTheming: undefined
|
|
69
63
|
};
|
|
70
64
|
return (0, schematics_1.chain)([
|
|
71
|
-
removePackages(['@otter/styling']),
|
|
72
|
-
updateSassImports('o3r'),
|
|
65
|
+
(0, schematics_2.removePackages)(['@otter/styling']),
|
|
66
|
+
(0, schematics_2.updateSassImports)('o3r'),
|
|
73
67
|
updateThemeFiles(__dirname, options),
|
|
74
68
|
removeV7OtterAssetsInAngularJson(options),
|
|
75
|
-
setupDependencies({
|
|
69
|
+
(0, schematics_2.setupDependencies)({
|
|
76
70
|
projectName: options.projectName,
|
|
77
71
|
dependencies,
|
|
78
72
|
ngAddToRun: depsInfo.o3rPeerDeps
|
|
79
73
|
}),
|
|
80
|
-
registerPackageCollectionSchematics(JSON.parse(fs.readFileSync(packageJsonPath).toString())),
|
|
81
|
-
setupSchematicsParamsForProject({
|
|
74
|
+
(0, schematics_2.registerPackageCollectionSchematics)(JSON.parse(fs.readFileSync(packageJsonPath).toString())),
|
|
75
|
+
(0, schematics_2.setupSchematicsParamsForProject)({
|
|
82
76
|
'@o3r/core:component': schematicsDefaultOptions,
|
|
83
77
|
'@o3r/core:component-presenter': schematicsDefaultOptions
|
|
84
78
|
}, options.projectName),
|
|
@@ -91,9 +85,6 @@ function ngAddFn(options) {
|
|
|
91
85
|
* Update the styling if the app/lib used otter v7
|
|
92
86
|
* @param options for the dependency installations
|
|
93
87
|
*/
|
|
94
|
-
const ngAdd = (options) =>
|
|
95
|
-
const { createOtterSchematic } = await Promise.resolve().then(() => require('@o3r/schematics')).catch(reportMissingSchematicsDep(logger));
|
|
96
|
-
return createOtterSchematic(ngAddFn)(options);
|
|
97
|
-
};
|
|
88
|
+
const ngAdd = (options) => (0, schematics_2.createOtterSchematic)(ngAddFn)(options);
|
|
98
89
|
exports.ngAdd = ngAdd;
|
|
99
90
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../schematics/ng-add/theme-files/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAML,IAAI,EAKL,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../schematics/ng-add/theme-files/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAML,IAAI,EAKL,MAAM,4BAA4B,CAAC;AAOpC;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,GAAG,IAAI,CA+C7G;AAID;;;;GAIG;AACH,wBAAgB,gCAAgC,CAAC,OAAO,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,GAAG,IAAI,CAmB3G"}
|
|
@@ -5,6 +5,7 @@ exports.removeV7OtterAssetsInAngularJson = removeV7OtterAssetsInAngularJson;
|
|
|
5
5
|
const path = require("node:path");
|
|
6
6
|
const core_1 = require("@angular-devkit/core");
|
|
7
7
|
const schematics_1 = require("@angular-devkit/schematics");
|
|
8
|
+
const schematics_2 = require("@o3r/schematics");
|
|
8
9
|
/**
|
|
9
10
|
* Added styling support
|
|
10
11
|
* @param rootPath @see RuleFactory.rootPath
|
|
@@ -12,9 +13,8 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
12
13
|
* @param options.projectName
|
|
13
14
|
*/
|
|
14
15
|
function updateThemeFiles(rootPath, options) {
|
|
15
|
-
return
|
|
16
|
-
const
|
|
17
|
-
const workspaceProject = options.projectName ? getWorkspaceConfig(tree)?.projects[options.projectName] : undefined;
|
|
16
|
+
return (tree, context) => {
|
|
17
|
+
const workspaceProject = options.projectName ? (0, schematics_2.getWorkspaceConfig)(tree)?.projects[options.projectName] : undefined;
|
|
18
18
|
if (!workspaceProject || workspaceProject.projectType === 'library') {
|
|
19
19
|
return schematics_1.noop;
|
|
20
20
|
}
|
|
@@ -40,7 +40,7 @@ function updateThemeFiles(rootPath, options) {
|
|
|
40
40
|
|| tree.exists(path.posix.join(mainStyleFolder, 'styling', '_styling.scss'))) { // do nothing if the styling is already in place
|
|
41
41
|
return;
|
|
42
42
|
}
|
|
43
|
-
const templateSource = (0, schematics_1.apply)((0, schematics_1.url)(getTemplateFolder(rootPath, __dirname)), [
|
|
43
|
+
const templateSource = (0, schematics_1.apply)((0, schematics_1.url)((0, schematics_2.getTemplateFolder)(rootPath, __dirname)), [
|
|
44
44
|
(0, schematics_1.template)({
|
|
45
45
|
...core_1.strings,
|
|
46
46
|
currentStyleFile,
|
|
@@ -58,9 +58,8 @@ function updateThemeFiles(rootPath, options) {
|
|
|
58
58
|
* @param options.projectName
|
|
59
59
|
*/
|
|
60
60
|
function removeV7OtterAssetsInAngularJson(options) {
|
|
61
|
-
return
|
|
62
|
-
const
|
|
63
|
-
const workspace = getWorkspaceConfig(tree);
|
|
61
|
+
return (tree, context) => {
|
|
62
|
+
const workspace = (0, schematics_2.getWorkspaceConfig)(tree);
|
|
64
63
|
const projectName = options.projectName;
|
|
65
64
|
const workspaceProject = options.projectName ? workspace?.projects[options.projectName] : undefined;
|
|
66
65
|
// exit if not an application
|
|
@@ -72,7 +71,7 @@ function removeV7OtterAssetsInAngularJson(options) {
|
|
|
72
71
|
workspaceProject.architect.build.options.assets = workspaceProject.architect.build.options.assets.filter((a) => !a.input || !a.input.includes('node_modules/@otter/styling/assets'));
|
|
73
72
|
}
|
|
74
73
|
workspace.projects[projectName] = workspaceProject;
|
|
75
|
-
writeAngularJson(tree, workspace);
|
|
74
|
+
(0, schematics_2.writeAngularJson)(tree, workspace);
|
|
76
75
|
};
|
|
77
76
|
}
|
|
78
77
|
//# sourceMappingURL=index.js.map
|