@udixio/theme 1.0.0-beta.8 → 1.0.0
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/.eslintrc.mjs +22 -0
- package/CHANGELOG.md +174 -0
- package/README.md +6 -68
- package/dist/API.d.ts +14 -0
- package/dist/API.d.ts.map +1 -0
- package/dist/LICENSE +202 -0
- package/dist/adapter/adapter.abstract.d.ts +10 -0
- package/dist/adapter/adapter.abstract.d.ts.map +1 -0
- package/dist/adapter/config.interface.d.ts +14 -0
- package/dist/adapter/config.interface.d.ts.map +1 -0
- package/dist/adapter/define-config.d.ts +3 -0
- package/dist/adapter/define-config.d.ts.map +1 -0
- package/dist/adapter/file-adapter.mixin.d.ts +18 -0
- package/dist/adapter/file-adapter.mixin.d.ts.map +1 -0
- package/dist/adapter/index.d.ts +4 -0
- package/dist/adapter/index.d.ts.map +1 -0
- package/dist/adapters/index.d.ts +3 -0
- package/dist/adapters/index.d.ts.map +1 -0
- package/dist/adapters/node.adapter.d.ts +7 -0
- package/dist/adapters/node.adapter.d.ts.map +1 -0
- package/dist/adapters/vite.adapter.d.ts +3 -0
- package/dist/adapters/vite.adapter.d.ts.map +1 -0
- package/dist/app.container.d.ts +5 -5
- package/dist/app.container.d.ts.map +1 -0
- package/dist/app.module.d.ts +1 -0
- package/dist/app.module.d.ts.map +1 -0
- package/dist/bootstrap.d.ts +3 -0
- package/dist/bootstrap.d.ts.map +1 -0
- package/dist/color/color.api.d.ts +39 -0
- package/dist/color/color.api.d.ts.map +1 -0
- package/dist/color/color.manager.d.ts +24 -0
- package/dist/color/color.manager.d.ts.map +1 -0
- package/dist/color/color.module.d.ts +1 -0
- package/dist/color/color.module.d.ts.map +1 -0
- package/dist/color/color.utils.d.ts +8 -0
- package/dist/color/color.utils.d.ts.map +1 -0
- package/dist/color/configurable-color.d.ts +31 -0
- package/dist/color/configurable-color.d.ts.map +1 -0
- package/dist/color/default-color.d.ts +3 -0
- package/dist/color/default-color.d.ts.map +1 -0
- package/dist/color/index.d.ts +5 -4
- package/dist/color/index.d.ts.map +1 -0
- package/dist/index.cjs +3215 -0
- package/dist/index.d.ts +7 -4
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3175 -7
- package/dist/material-color-utilities/contrastCurve.d.ts +1 -0
- package/dist/material-color-utilities/contrastCurve.d.ts.map +1 -0
- package/dist/material-color-utilities/dynamic_color.d.ts +89 -76
- package/dist/material-color-utilities/dynamic_color.d.ts.map +1 -0
- package/dist/material-color-utilities/hct_solver.d.ts +131 -0
- package/dist/material-color-utilities/hct_solver.d.ts.map +1 -0
- package/dist/material-color-utilities/htc.d.ts +77 -0
- package/dist/material-color-utilities/htc.d.ts.map +1 -0
- package/dist/material-color-utilities/index.d.ts +1 -0
- package/dist/material-color-utilities/index.d.ts.map +1 -0
- package/dist/material-color-utilities/toneDeltaPair.d.ts +19 -25
- package/dist/material-color-utilities/toneDeltaPair.d.ts.map +1 -0
- package/dist/plugin/index.d.ts +4 -0
- package/dist/plugin/index.d.ts.map +1 -0
- package/dist/plugin/plugin.abstract.d.ts +19 -5
- package/dist/plugin/plugin.abstract.d.ts.map +1 -0
- package/dist/plugin/plugin.api.d.ts +10 -0
- package/dist/plugin/plugin.api.d.ts.map +1 -0
- package/dist/plugin/plugin.module.d.ts +1 -0
- package/dist/plugin/plugin.module.d.ts.map +1 -0
- package/dist/plugins/font/font.plugin.d.ts +50 -0
- package/dist/plugins/font/font.plugin.d.ts.map +1 -0
- package/dist/plugins/font/index.d.ts +2 -0
- package/dist/plugins/font/index.d.ts.map +1 -0
- package/dist/plugins/index.d.ts +2 -0
- package/dist/plugins/index.d.ts.map +1 -0
- package/dist/theme/index.d.ts +7 -3
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/scheme.d.ts +20 -0
- package/dist/theme/scheme.d.ts.map +1 -0
- package/dist/theme/scheme.manager.d.ts +31 -0
- package/dist/theme/scheme.manager.d.ts.map +1 -0
- package/dist/theme/theme.api.d.ts +23 -0
- package/dist/theme/theme.api.d.ts.map +1 -0
- package/dist/theme/theme.module.d.ts +1 -0
- package/dist/theme/theme.module.d.ts.map +1 -0
- package/dist/theme/variant.d.ts +36 -0
- package/dist/theme/variant.d.ts.map +1 -0
- package/dist/theme/variant.manager.d.ts +14 -0
- package/dist/theme/variant.manager.d.ts.map +1 -0
- package/dist/theme/variants/expressive.variant.d.ts +3 -0
- package/dist/theme/variants/expressive.variant.d.ts.map +1 -0
- package/dist/theme/variants/index.d.ts +11 -0
- package/dist/theme/variants/index.d.ts.map +1 -0
- package/dist/theme/variants/neutral.variant.d.ts +3 -0
- package/dist/theme/variants/neutral.variant.d.ts.map +1 -0
- package/dist/theme/variants/tonal-spot.variant.d.ts +3 -0
- package/dist/theme/variants/tonal-spot.variant.d.ts.map +1 -0
- package/dist/theme/variants/vibrant.variant.d.ts +3 -0
- package/dist/theme/variants/vibrant.variant.d.ts.map +1 -0
- package/package.json +24 -86
- package/src/API.ts +23 -0
- package/src/adapter/adapter.abstract.ts +64 -0
- package/src/adapter/config.interface.ts +14 -0
- package/src/adapter/define-config.ts +11 -0
- package/src/adapter/file-adapter.mixin.ts +72 -0
- package/src/adapter/index.ts +3 -0
- package/src/adapters/index.ts +2 -0
- package/src/adapters/node.adapter.ts +49 -0
- package/src/adapters/vite.adapter.ts +79 -0
- package/src/app.container.ts +12 -36
- package/src/app.module.ts +2 -2
- package/src/bootstrap.ts +6 -0
- package/src/color/color.api.ts +75 -0
- package/src/color/color.manager.ts +213 -0
- package/src/color/color.module.ts +4 -4
- package/src/color/color.utils.ts +126 -0
- package/src/color/configurable-color.ts +67 -0
- package/src/color/default-color.ts +832 -0
- package/src/color/index.ts +4 -4
- package/src/index.test.ts +5 -0
- package/src/index.ts +6 -4
- package/src/material-color-utilities/dynamic_color.ts +286 -222
- package/src/material-color-utilities/hct_solver.ts +536 -0
- package/src/material-color-utilities/htc.ts +198 -0
- package/src/material-color-utilities/toneDeltaPair.ts +29 -11
- package/src/plugin/index.ts +3 -0
- package/src/plugin/plugin.abstract.ts +45 -4
- package/src/plugin/plugin.api.ts +51 -0
- package/src/plugin/plugin.module.ts +2 -2
- package/src/plugins/font/font.plugin.ts +203 -0
- package/src/plugins/font/index.ts +1 -0
- package/src/plugins/index.ts +1 -0
- package/src/theme/index.ts +6 -3
- package/src/theme/{services/scheme.service.ts → scheme.manager.ts} +39 -19
- package/src/theme/{entities/scheme.entity.ts → scheme.ts} +20 -4
- package/src/theme/{services/theme.service.ts → theme.api.ts} +23 -19
- package/src/theme/theme.module.ts +6 -4
- package/src/theme/variant.manager.ts +58 -0
- package/src/theme/variant.ts +53 -0
- package/src/theme/variants/expressive.variant.ts +81 -0
- package/src/theme/variants/index.ts +16 -0
- package/src/theme/variants/neutral.variant.ts +45 -0
- package/src/theme/variants/tonal-spot.variant.ts +35 -0
- package/src/theme/variants/vibrant.variant.ts +72 -0
- package/tsconfig.json +13 -0
- package/tsconfig.lib.json +33 -0
- package/tsconfig.spec.json +36 -0
- package/vite.config.ts +54 -0
- package/LICENSE +0 -21
- package/dist/app.service.d.ts +0 -13
- package/dist/color/color.interface.d.ts +0 -8
- package/dist/color/entities/color.entity.d.ts +0 -42
- package/dist/color/entities/index.d.ts +0 -1
- package/dist/color/models/default-color.model.d.ts +0 -3
- package/dist/color/models/index.d.ts +0 -1
- package/dist/color/services/color-manager.service.d.ts +0 -18
- package/dist/color/services/color.service.d.ts +0 -21
- package/dist/color/services/index.d.ts +0 -2
- package/dist/config/config.interface.d.ts +0 -14
- package/dist/config/config.module.d.ts +0 -2
- package/dist/config/config.service.d.ts +0 -12
- package/dist/config/index.d.ts +0 -2
- package/dist/main.d.ts +0 -3
- package/dist/plugin/plugin.service.d.ts +0 -9
- package/dist/theme/entities/index.d.ts +0 -2
- package/dist/theme/entities/scheme.entity.d.ts +0 -15
- package/dist/theme/entities/variant.entity.d.ts +0 -7
- package/dist/theme/models/index.d.ts +0 -1
- package/dist/theme/models/variant.model.d.ts +0 -8
- package/dist/theme/services/index.d.ts +0 -3
- package/dist/theme/services/scheme.service.d.ts +0 -17
- package/dist/theme/services/theme.service.d.ts +0 -22
- package/dist/theme/services/variant.service.d.ts +0 -13
- package/dist/theme.cjs.development.js +0 -1975
- package/dist/theme.cjs.development.js.map +0 -1
- package/dist/theme.cjs.production.min.js +0 -2
- package/dist/theme.cjs.production.min.js.map +0 -1
- package/dist/theme.esm.js +0 -1947
- package/dist/theme.esm.js.map +0 -1
- package/src/app.service.spec.ts +0 -15
- package/src/app.service.ts +0 -23
- package/src/color/color.interface.ts +0 -13
- package/src/color/entities/color.entity.ts +0 -71
- package/src/color/entities/index.ts +0 -1
- package/src/color/models/default-color.model.ts +0 -300
- package/src/color/models/index.ts +0 -1
- package/src/color/services/color-manager.service.ts +0 -191
- package/src/color/services/color.service.spec.ts +0 -28
- package/src/color/services/color.service.ts +0 -75
- package/src/color/services/index.ts +0 -2
- package/src/config/config.interface.ts +0 -15
- package/src/config/config.module.ts +0 -7
- package/src/config/config.service.ts +0 -68
- package/src/config/index.ts +0 -2
- package/src/main.ts +0 -14
- package/src/plugin/plugin.service.ts +0 -26
- package/src/theme/entities/index.ts +0 -2
- package/src/theme/entities/variant.entity.ts +0 -39
- package/src/theme/models/index.ts +0 -1
- package/src/theme/models/variant.model.ts +0 -63
- package/src/theme/services/index.ts +0 -3
- package/src/theme/services/variant.service.ts +0 -52
package/src/main.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import AppContainer from './app.container';
|
|
2
|
-
import { AppService } from './app.service';
|
|
3
|
-
import { ConfigService } from './config';
|
|
4
|
-
|
|
5
|
-
export function bootstrap(): AppService {
|
|
6
|
-
return AppContainer.resolve<AppService>('appService');
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export async function bootstrapFromConfig(path?: string): Promise<AppService> {
|
|
10
|
-
const configService = AppContainer.resolve<ConfigService>('configService');
|
|
11
|
-
if (path) configService.configPath = path;
|
|
12
|
-
await configService.loadConfig();
|
|
13
|
-
return AppContainer.resolve<AppService>('appService');
|
|
14
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { PluginAbstract } from './plugin.abstract';
|
|
2
|
-
import { AppService } from '../app.service';
|
|
3
|
-
|
|
4
|
-
export class PluginService {
|
|
5
|
-
private pluginInstances = new Map<string, PluginAbstract>();
|
|
6
|
-
private pluginConstructors = new Map<
|
|
7
|
-
string,
|
|
8
|
-
new (appService: AppService) => PluginAbstract
|
|
9
|
-
>();
|
|
10
|
-
|
|
11
|
-
public addPlugin(plugin: new (appService: AppService) => PluginAbstract) {
|
|
12
|
-
this.pluginConstructors.set(plugin.name, plugin);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
public loadPlugins(appService: AppService) {
|
|
16
|
-
this.pluginConstructors.forEach((plugin) => {
|
|
17
|
-
this.pluginInstances.set(plugin.name, new plugin(appService));
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
public getPlugin<T extends PluginAbstract>(
|
|
22
|
-
plugin: new (appService: AppService) => T
|
|
23
|
-
): T | undefined {
|
|
24
|
-
return this.pluginInstances.get(plugin.name) as T;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Hct,
|
|
3
|
-
sanitizeDegreesDouble,
|
|
4
|
-
TonalPalette,
|
|
5
|
-
} from '@material/material-color-utilities';
|
|
6
|
-
|
|
7
|
-
export const getRotatedHue = (
|
|
8
|
-
sourceColor: Hct,
|
|
9
|
-
hues: number[],
|
|
10
|
-
rotations: number[]
|
|
11
|
-
): number => {
|
|
12
|
-
const sourceHue = sourceColor.hue;
|
|
13
|
-
if (hues.length !== rotations.length) {
|
|
14
|
-
throw new Error(
|
|
15
|
-
`mismatch between hue length ${hues.length} & rotations ${rotations.length}`
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
if (rotations.length === 1) {
|
|
19
|
-
return sanitizeDegreesDouble(sourceColor.hue + rotations[0]);
|
|
20
|
-
}
|
|
21
|
-
const size = hues.length;
|
|
22
|
-
for (let i = 0; i <= size - 2; i++) {
|
|
23
|
-
const thisHue = hues[i];
|
|
24
|
-
const nextHue = hues[i + 1];
|
|
25
|
-
if (thisHue < sourceHue && sourceHue < nextHue) {
|
|
26
|
-
return sanitizeDegreesDouble(sourceHue + rotations[i]);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
// If this statement executes, something is wrong, there should have been a
|
|
30
|
-
// rotation found using the arrays.
|
|
31
|
-
return sourceHue;
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export class VariantEntity {
|
|
35
|
-
constructor(
|
|
36
|
-
public palettes: Record<string, (sourceColorHct: Hct) => TonalPalette> = {},
|
|
37
|
-
public customPalettes?: (colorHct: Hct) => TonalPalette
|
|
38
|
-
) {}
|
|
39
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './variant.model';
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
sanitizeDegreesDouble,
|
|
3
|
-
TonalPalette,
|
|
4
|
-
} from '@material/material-color-utilities';
|
|
5
|
-
import { getRotatedHue, VariantEntity } from '../entities/variant.entity';
|
|
6
|
-
|
|
7
|
-
export class VariantModel {
|
|
8
|
-
static tonalSpot: VariantEntity = {
|
|
9
|
-
palettes: {
|
|
10
|
-
primary: (sourceColorHct) =>
|
|
11
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 36.0),
|
|
12
|
-
secondary: (sourceColorHct) =>
|
|
13
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 16.0),
|
|
14
|
-
tertiary: (sourceColorHct) =>
|
|
15
|
-
TonalPalette.fromHueAndChroma(
|
|
16
|
-
sanitizeDegreesDouble(sourceColorHct.hue + 60.0),
|
|
17
|
-
24.0
|
|
18
|
-
),
|
|
19
|
-
neutral: (sourceColorHct) =>
|
|
20
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 6.0),
|
|
21
|
-
neutralVariant: (sourceColorHct) =>
|
|
22
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 8.0),
|
|
23
|
-
},
|
|
24
|
-
customPalettes: (colorHct) =>
|
|
25
|
-
TonalPalette.fromHueAndChroma(colorHct.hue, 16),
|
|
26
|
-
};
|
|
27
|
-
static vibrant: VariantEntity = {
|
|
28
|
-
palettes: {
|
|
29
|
-
primary: (sourceColorHct) =>
|
|
30
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 200.0),
|
|
31
|
-
secondary: (sourceColorHct) =>
|
|
32
|
-
TonalPalette.fromHueAndChroma(
|
|
33
|
-
getRotatedHue(sourceColorHct, this.hues, this.secondaryRotations),
|
|
34
|
-
24.0
|
|
35
|
-
),
|
|
36
|
-
tertiary: (sourceColorHct) =>
|
|
37
|
-
TonalPalette.fromHueAndChroma(
|
|
38
|
-
getRotatedHue(sourceColorHct, this.hues, this.tertiaryRotations),
|
|
39
|
-
32.0
|
|
40
|
-
),
|
|
41
|
-
neutral: (sourceColorHct) =>
|
|
42
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 6.0),
|
|
43
|
-
neutralVariant: (sourceColorHct) =>
|
|
44
|
-
TonalPalette.fromHueAndChroma(sourceColorHct.hue, 8.0),
|
|
45
|
-
},
|
|
46
|
-
customPalettes: (colorHct) =>
|
|
47
|
-
TonalPalette.fromHueAndChroma(
|
|
48
|
-
getRotatedHue(colorHct, this.hues, this.secondaryRotations),
|
|
49
|
-
24.0
|
|
50
|
-
),
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
private static readonly hues = [
|
|
54
|
-
0.0, 41.0, 61.0, 101.0, 131.0, 181.0, 251.0, 301.0, 360.0,
|
|
55
|
-
];
|
|
56
|
-
|
|
57
|
-
private static readonly secondaryRotations = [
|
|
58
|
-
18.0, 15.0, 10.0, 12.0, 15.0, 18.0, 15.0, 12.0, 12.0,
|
|
59
|
-
];
|
|
60
|
-
private static readonly tertiaryRotations = [
|
|
61
|
-
35.0, 30.0, 20.0, 25.0, 30.0, 35.0, 30.0, 25.0, 25.0,
|
|
62
|
-
];
|
|
63
|
-
}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { SchemeService } from './scheme.service';
|
|
2
|
-
import { VariantEntity } from '../entities/variant.entity';
|
|
3
|
-
import { Hct, TonalPalette } from '@material/material-color-utilities';
|
|
4
|
-
|
|
5
|
-
export class VariantService {
|
|
6
|
-
public customPalettes: Record<string, string> = {};
|
|
7
|
-
private variantEntity?: VariantEntity;
|
|
8
|
-
|
|
9
|
-
private readonly schemeService: SchemeService;
|
|
10
|
-
constructor({ schemeService }: { schemeService: SchemeService }) {
|
|
11
|
-
this.schemeService = schemeService;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
addCustomPalette(key: string, colorHex: string) {
|
|
15
|
-
this.customPalettes[key] = colorHex;
|
|
16
|
-
this.update();
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
set(variantEntity: VariantEntity) {
|
|
20
|
-
this.variantEntity = variantEntity;
|
|
21
|
-
if (!variantEntity.palettes.error) {
|
|
22
|
-
variantEntity.palettes.error = () =>
|
|
23
|
-
TonalPalette.fromHueAndChroma(25.0, 84.0);
|
|
24
|
-
}
|
|
25
|
-
this.update();
|
|
26
|
-
}
|
|
27
|
-
private update() {
|
|
28
|
-
if (!this.variantEntity) return;
|
|
29
|
-
const palettes: Record<
|
|
30
|
-
string,
|
|
31
|
-
{
|
|
32
|
-
sourceColorkey?: string;
|
|
33
|
-
tonalPalette: (sourceColorHct: Hct) => TonalPalette;
|
|
34
|
-
}
|
|
35
|
-
> = {};
|
|
36
|
-
Object.keys(this.variantEntity.palettes).forEach((key) => {
|
|
37
|
-
palettes[key] = { tonalPalette: this.variantEntity!.palettes[key] };
|
|
38
|
-
});
|
|
39
|
-
if (this.variantEntity.customPalettes) {
|
|
40
|
-
Object.keys(this.customPalettes).forEach((key) => {
|
|
41
|
-
palettes[key] = {
|
|
42
|
-
sourceColorkey: key,
|
|
43
|
-
tonalPalette: this.variantEntity!.customPalettes!,
|
|
44
|
-
};
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
this.schemeService.createOrUpdate({
|
|
48
|
-
sourcesColorHex: this.customPalettes,
|
|
49
|
-
palettes: palettes,
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
}
|