@udixio/theme 1.0.0-beta.2

package/src/theme/services/scheme.service.ts

@@ -0,0 +1,52 @@
+import { Injectable } from '@nestjs/common';
+import { SchemeEntity, SchemeOptions } from '../entities/scheme.entity';
+import {
+  argbFromHex,
+  Hct,
+  TonalPalette,
+} from '@material/material-color-utilities';
+import mergeDeep from 'merge-deep';
+
+export type SchemeServiceOptions = Omit<
+  SchemeOptions,
+  'palettes' | 'sourceColorArgb'
+> & {
+  sourceColorHex: string;
+  palettes: Record<string, (sourceColorHct: Hct) => TonalPalette>;
+};
+
+@Injectable()
+export class SchemeService {
+  private schemeEntity?: SchemeEntity;
+  private options?: SchemeServiceOptions;
+
+  createOrUpdate(options: Partial<SchemeServiceOptions>) {
+    this.options = mergeDeep(this.options, options);
+    const palettes = new Map<string, TonalPalette>();
+
+    const sourceColorArgb = argbFromHex(this.options.sourceColorHex);
+    const sourceColorHct: Hct = Hct.fromInt(sourceColorArgb);
+
+    if (!this.options.palettes) {
+      return;
+    }
+    for (const [key, paletteFunction] of Object.entries(
+      this.options.palettes
+    )) {
+      const palette: TonalPalette = paletteFunction(sourceColorHct);
+      palettes.set(key, palette);
+    }
+    this.schemeEntity = new SchemeEntity({
+      ...this.options,
+      palettes: palettes,
+      sourceColorArgb: sourceColorArgb,
+    });
+  }
+
+  get(): SchemeEntity {
+    if (!this.schemeEntity) {
+      throw new Error('Scheme is not created');
+    }
+    return this.schemeEntity;
+  }
+}

package/src/theme/services/theme.service.ts

@@ -0,0 +1,58 @@
+import { DynamicColor } from '@material/material-color-utilities';
+import { Injectable } from '@nestjs/common';
+import { SchemeService, SchemeServiceOptions } from './scheme.service';
+import { VariantService } from './variant.service';
+import { VariantEntity } from '../entities/variant.entity';
+
+type ThemeOptions = Omit<SchemeServiceOptions, 'palettes'>;
+
+const colorPaletteKeyColor = DynamicColor.fromPalette({
+  name: 'primary_palette_key_color',
+  palette: (s) => s.primaryPalette,
+  tone: (s) => s.primaryPalette.keyColor.tone,
+});
+
+@Injectable()
+export class ThemeService {
+  constructor(
+    private schemeService: SchemeService,
+    private variantService: VariantService
+  ) {
+    // this.addPalette({key: "primary", addDefaultColors: true})
+    // this.addPalette({key: "secondary", addDefaultColors: true})
+    // this.addPalette({key: "tertiary", addDefaultColors: true})
+    // this.addPalette({key: "error", palette: TonalPalette.fromHueAndChroma(25.0, 84.0)})
+    // this.addPalette({key: "neutral"})
+    // this.addPalette({key: "neutralVariant"})
+  }
+  // addPalette({key, palette, addDefaultColors}: {key: string; palette: TonalPalette; addDefaultColors: boolean}) {
+  //   this.themeOptions.palettes.set(key, palette);
+  //   if (addDefaultColors){
+  //     this.colorService.addPalette(key)
+  //   }
+  // }
+
+  // create(args: ThemeOptions): SchemeService {
+  //   return new SchemeService(args, this.colorService)
+  // }
+  //
+  // update(options: Partial<ThemeOptions>): SchemeService {
+  //   Object.assign(this.themeOptions, options);
+  //   return this.theme();
+  // }
+
+  create(options: ThemeOptions) {
+    this.schemeService.createOrUpdate(options);
+  }
+
+  addVariant(variant: VariantEntity) {
+    this.variantService.set(variant);
+  }
+
+  update(options: Partial<ThemeOptions>) {
+    this.schemeService.createOrUpdate(options);
+  }
+  // theme(): SchemeService {
+  //   return new SchemeService(this.themeOptions, this.colorService)
+  // }
+}

package/src/theme/services/variant.service.ts

@@ -0,0 +1,17 @@
+import { SchemeService } from './scheme.service';
+import { VariantEntity } from '../entities/variant.entity';
+import { Injectable } from '@nestjs/common';
+import { TonalPalette } from '@material/material-color-utilities';
+
+@Injectable()
+export class VariantService {
+  constructor(private schemeService: SchemeService) {}
+
+  set(variantEntity: VariantEntity) {
+    if (!variantEntity.palettes.error) {
+      variantEntity.palettes.error = () =>
+        TonalPalette.fromHueAndChroma(25.0, 84.0);
+    }
+    this.schemeService.createOrUpdate(variantEntity);
+  }
+}

package/src/theme/theme.module.ts

@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { SchemeService } from './services/scheme.service';
+import { ThemeService } from './services/theme.service';
+import { VariantService } from './services/variant.service';
+
+@Module({
+  providers: [SchemeService, ThemeService, VariantService],
+  exports: [ThemeService, SchemeService],
+})
+export class ThemeModule {}