@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.
Files changed (199) hide show
  1. package/.eslintrc.mjs +22 -0
  2. package/CHANGELOG.md +174 -0
  3. package/README.md +6 -68
  4. package/dist/API.d.ts +14 -0
  5. package/dist/API.d.ts.map +1 -0
  6. package/dist/LICENSE +202 -0
  7. package/dist/adapter/adapter.abstract.d.ts +10 -0
  8. package/dist/adapter/adapter.abstract.d.ts.map +1 -0
  9. package/dist/adapter/config.interface.d.ts +14 -0
  10. package/dist/adapter/config.interface.d.ts.map +1 -0
  11. package/dist/adapter/define-config.d.ts +3 -0
  12. package/dist/adapter/define-config.d.ts.map +1 -0
  13. package/dist/adapter/file-adapter.mixin.d.ts +18 -0
  14. package/dist/adapter/file-adapter.mixin.d.ts.map +1 -0
  15. package/dist/adapter/index.d.ts +4 -0
  16. package/dist/adapter/index.d.ts.map +1 -0
  17. package/dist/adapters/index.d.ts +3 -0
  18. package/dist/adapters/index.d.ts.map +1 -0
  19. package/dist/adapters/node.adapter.d.ts +7 -0
  20. package/dist/adapters/node.adapter.d.ts.map +1 -0
  21. package/dist/adapters/vite.adapter.d.ts +3 -0
  22. package/dist/adapters/vite.adapter.d.ts.map +1 -0
  23. package/dist/app.container.d.ts +5 -5
  24. package/dist/app.container.d.ts.map +1 -0
  25. package/dist/app.module.d.ts +1 -0
  26. package/dist/app.module.d.ts.map +1 -0
  27. package/dist/bootstrap.d.ts +3 -0
  28. package/dist/bootstrap.d.ts.map +1 -0
  29. package/dist/color/color.api.d.ts +39 -0
  30. package/dist/color/color.api.d.ts.map +1 -0
  31. package/dist/color/color.manager.d.ts +24 -0
  32. package/dist/color/color.manager.d.ts.map +1 -0
  33. package/dist/color/color.module.d.ts +1 -0
  34. package/dist/color/color.module.d.ts.map +1 -0
  35. package/dist/color/color.utils.d.ts +8 -0
  36. package/dist/color/color.utils.d.ts.map +1 -0
  37. package/dist/color/configurable-color.d.ts +31 -0
  38. package/dist/color/configurable-color.d.ts.map +1 -0
  39. package/dist/color/default-color.d.ts +3 -0
  40. package/dist/color/default-color.d.ts.map +1 -0
  41. package/dist/color/index.d.ts +5 -4
  42. package/dist/color/index.d.ts.map +1 -0
  43. package/dist/index.cjs +3215 -0
  44. package/dist/index.d.ts +7 -4
  45. package/dist/index.d.ts.map +1 -0
  46. package/dist/index.js +3175 -7
  47. package/dist/material-color-utilities/contrastCurve.d.ts +1 -0
  48. package/dist/material-color-utilities/contrastCurve.d.ts.map +1 -0
  49. package/dist/material-color-utilities/dynamic_color.d.ts +89 -76
  50. package/dist/material-color-utilities/dynamic_color.d.ts.map +1 -0
  51. package/dist/material-color-utilities/hct_solver.d.ts +131 -0
  52. package/dist/material-color-utilities/hct_solver.d.ts.map +1 -0
  53. package/dist/material-color-utilities/htc.d.ts +77 -0
  54. package/dist/material-color-utilities/htc.d.ts.map +1 -0
  55. package/dist/material-color-utilities/index.d.ts +1 -0
  56. package/dist/material-color-utilities/index.d.ts.map +1 -0
  57. package/dist/material-color-utilities/toneDeltaPair.d.ts +19 -25
  58. package/dist/material-color-utilities/toneDeltaPair.d.ts.map +1 -0
  59. package/dist/plugin/index.d.ts +4 -0
  60. package/dist/plugin/index.d.ts.map +1 -0
  61. package/dist/plugin/plugin.abstract.d.ts +19 -5
  62. package/dist/plugin/plugin.abstract.d.ts.map +1 -0
  63. package/dist/plugin/plugin.api.d.ts +10 -0
  64. package/dist/plugin/plugin.api.d.ts.map +1 -0
  65. package/dist/plugin/plugin.module.d.ts +1 -0
  66. package/dist/plugin/plugin.module.d.ts.map +1 -0
  67. package/dist/plugins/font/font.plugin.d.ts +50 -0
  68. package/dist/plugins/font/font.plugin.d.ts.map +1 -0
  69. package/dist/plugins/font/index.d.ts +2 -0
  70. package/dist/plugins/font/index.d.ts.map +1 -0
  71. package/dist/plugins/index.d.ts +2 -0
  72. package/dist/plugins/index.d.ts.map +1 -0
  73. package/dist/theme/index.d.ts +7 -3
  74. package/dist/theme/index.d.ts.map +1 -0
  75. package/dist/theme/scheme.d.ts +20 -0
  76. package/dist/theme/scheme.d.ts.map +1 -0
  77. package/dist/theme/scheme.manager.d.ts +31 -0
  78. package/dist/theme/scheme.manager.d.ts.map +1 -0
  79. package/dist/theme/theme.api.d.ts +23 -0
  80. package/dist/theme/theme.api.d.ts.map +1 -0
  81. package/dist/theme/theme.module.d.ts +1 -0
  82. package/dist/theme/theme.module.d.ts.map +1 -0
  83. package/dist/theme/variant.d.ts +36 -0
  84. package/dist/theme/variant.d.ts.map +1 -0
  85. package/dist/theme/variant.manager.d.ts +14 -0
  86. package/dist/theme/variant.manager.d.ts.map +1 -0
  87. package/dist/theme/variants/expressive.variant.d.ts +3 -0
  88. package/dist/theme/variants/expressive.variant.d.ts.map +1 -0
  89. package/dist/theme/variants/index.d.ts +11 -0
  90. package/dist/theme/variants/index.d.ts.map +1 -0
  91. package/dist/theme/variants/neutral.variant.d.ts +3 -0
  92. package/dist/theme/variants/neutral.variant.d.ts.map +1 -0
  93. package/dist/theme/variants/tonal-spot.variant.d.ts +3 -0
  94. package/dist/theme/variants/tonal-spot.variant.d.ts.map +1 -0
  95. package/dist/theme/variants/vibrant.variant.d.ts +3 -0
  96. package/dist/theme/variants/vibrant.variant.d.ts.map +1 -0
  97. package/package.json +24 -86
  98. package/src/API.ts +23 -0
  99. package/src/adapter/adapter.abstract.ts +64 -0
  100. package/src/adapter/config.interface.ts +14 -0
  101. package/src/adapter/define-config.ts +11 -0
  102. package/src/adapter/file-adapter.mixin.ts +72 -0
  103. package/src/adapter/index.ts +3 -0
  104. package/src/adapters/index.ts +2 -0
  105. package/src/adapters/node.adapter.ts +49 -0
  106. package/src/adapters/vite.adapter.ts +79 -0
  107. package/src/app.container.ts +12 -36
  108. package/src/app.module.ts +2 -2
  109. package/src/bootstrap.ts +6 -0
  110. package/src/color/color.api.ts +75 -0
  111. package/src/color/color.manager.ts +213 -0
  112. package/src/color/color.module.ts +4 -4
  113. package/src/color/color.utils.ts +126 -0
  114. package/src/color/configurable-color.ts +67 -0
  115. package/src/color/default-color.ts +832 -0
  116. package/src/color/index.ts +4 -4
  117. package/src/index.test.ts +5 -0
  118. package/src/index.ts +6 -4
  119. package/src/material-color-utilities/dynamic_color.ts +286 -222
  120. package/src/material-color-utilities/hct_solver.ts +536 -0
  121. package/src/material-color-utilities/htc.ts +198 -0
  122. package/src/material-color-utilities/toneDeltaPair.ts +29 -11
  123. package/src/plugin/index.ts +3 -0
  124. package/src/plugin/plugin.abstract.ts +45 -4
  125. package/src/plugin/plugin.api.ts +51 -0
  126. package/src/plugin/plugin.module.ts +2 -2
  127. package/src/plugins/font/font.plugin.ts +203 -0
  128. package/src/plugins/font/index.ts +1 -0
  129. package/src/plugins/index.ts +1 -0
  130. package/src/theme/index.ts +6 -3
  131. package/src/theme/{services/scheme.service.ts → scheme.manager.ts} +39 -19
  132. package/src/theme/{entities/scheme.entity.ts → scheme.ts} +20 -4
  133. package/src/theme/{services/theme.service.ts → theme.api.ts} +23 -19
  134. package/src/theme/theme.module.ts +6 -4
  135. package/src/theme/variant.manager.ts +58 -0
  136. package/src/theme/variant.ts +53 -0
  137. package/src/theme/variants/expressive.variant.ts +81 -0
  138. package/src/theme/variants/index.ts +16 -0
  139. package/src/theme/variants/neutral.variant.ts +45 -0
  140. package/src/theme/variants/tonal-spot.variant.ts +35 -0
  141. package/src/theme/variants/vibrant.variant.ts +72 -0
  142. package/tsconfig.json +13 -0
  143. package/tsconfig.lib.json +33 -0
  144. package/tsconfig.spec.json +36 -0
  145. package/vite.config.ts +54 -0
  146. package/LICENSE +0 -21
  147. package/dist/app.service.d.ts +0 -13
  148. package/dist/color/color.interface.d.ts +0 -8
  149. package/dist/color/entities/color.entity.d.ts +0 -42
  150. package/dist/color/entities/index.d.ts +0 -1
  151. package/dist/color/models/default-color.model.d.ts +0 -3
  152. package/dist/color/models/index.d.ts +0 -1
  153. package/dist/color/services/color-manager.service.d.ts +0 -18
  154. package/dist/color/services/color.service.d.ts +0 -21
  155. package/dist/color/services/index.d.ts +0 -2
  156. package/dist/config/config.interface.d.ts +0 -14
  157. package/dist/config/config.module.d.ts +0 -2
  158. package/dist/config/config.service.d.ts +0 -12
  159. package/dist/config/index.d.ts +0 -2
  160. package/dist/main.d.ts +0 -3
  161. package/dist/plugin/plugin.service.d.ts +0 -9
  162. package/dist/theme/entities/index.d.ts +0 -2
  163. package/dist/theme/entities/scheme.entity.d.ts +0 -15
  164. package/dist/theme/entities/variant.entity.d.ts +0 -7
  165. package/dist/theme/models/index.d.ts +0 -1
  166. package/dist/theme/models/variant.model.d.ts +0 -8
  167. package/dist/theme/services/index.d.ts +0 -3
  168. package/dist/theme/services/scheme.service.d.ts +0 -17
  169. package/dist/theme/services/theme.service.d.ts +0 -22
  170. package/dist/theme/services/variant.service.d.ts +0 -13
  171. package/dist/theme.cjs.development.js +0 -1975
  172. package/dist/theme.cjs.development.js.map +0 -1
  173. package/dist/theme.cjs.production.min.js +0 -2
  174. package/dist/theme.cjs.production.min.js.map +0 -1
  175. package/dist/theme.esm.js +0 -1947
  176. package/dist/theme.esm.js.map +0 -1
  177. package/src/app.service.spec.ts +0 -15
  178. package/src/app.service.ts +0 -23
  179. package/src/color/color.interface.ts +0 -13
  180. package/src/color/entities/color.entity.ts +0 -71
  181. package/src/color/entities/index.ts +0 -1
  182. package/src/color/models/default-color.model.ts +0 -300
  183. package/src/color/models/index.ts +0 -1
  184. package/src/color/services/color-manager.service.ts +0 -191
  185. package/src/color/services/color.service.spec.ts +0 -28
  186. package/src/color/services/color.service.ts +0 -75
  187. package/src/color/services/index.ts +0 -2
  188. package/src/config/config.interface.ts +0 -15
  189. package/src/config/config.module.ts +0 -7
  190. package/src/config/config.service.ts +0 -68
  191. package/src/config/index.ts +0 -2
  192. package/src/main.ts +0 -14
  193. package/src/plugin/plugin.service.ts +0 -26
  194. package/src/theme/entities/index.ts +0 -2
  195. package/src/theme/entities/variant.entity.ts +0 -39
  196. package/src/theme/models/index.ts +0 -1
  197. package/src/theme/models/variant.model.ts +0 -63
  198. package/src/theme/services/index.ts +0 -3
  199. 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,2 +0,0 @@
1
- export * from './scheme.entity';
2
- export * from './variant.entity';
@@ -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,3 +0,0 @@
1
- export * from './scheme.service';
2
- export * from './theme.service';
3
- export * from './variant.service';
@@ -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
- }