@tstdl/base 0.71.15 → 0.71.16

package/css/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme.model';
+export * from './theme.service';

package/css/theme/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./theme.model"), exports);
+__exportStar(require("./theme.service"), exports);
+//# sourceMappingURL=index.js.map

package/css/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/css/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,kDAAgC"}

package/css/theme/theme.model.d.ts

@@ -0,0 +1,8 @@
+export declare type ThemeEntry = string | {
+    name?: string;
+    color: string;
+};
+export declare type Theme = {
+    isDark?: boolean;
+    colors: Record<string, ThemeEntry>;
+};

package/css/theme/theme.model.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=theme.model.js.map

package/css/theme/theme.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.model.js","sourceRoot":"","sources":["../../../source/css/theme/theme.model.ts"],"names":[],"mappings":""}

package/css/theme/theme.service.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from './theme.model';
+export declare class ThemeService {
+    private readonly styleElement;
+    constructor(document: Document);
+    setTheme(theme: Theme, darkTheme?: Theme): void;
+}

package/css/theme/theme.service.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeService = void 0;
+const array_1 = require("../../utils/array/array");
+const type_guards_1 = require("../../utils/type-guards");
+const chroma = require("chroma-js");
+const paletteNumbers = [50, ...(0, array_1.createArray)(9, (index) => (100 + (100 * index)))];
+class ThemeService {
+    constructor(document) {
+        this.styleElement = document.createElement('style');
+        document.head.appendChild(this.styleElement);
+    }
+    setTheme(theme, darkTheme) {
+        const lightRules = buildThemeRules(theme);
+        const darkRules = (0, type_guards_1.isDefined)(darkTheme) ? buildThemeRules(darkTheme) : [];
+        const lightRulesString = lightRules.join('\n');
+        const darkRulesString = darkRules.join('\n');
+        this.styleElement.innerHTML = `
+@media (prefers-color-scheme: light) {
+  :root, .light {
+    ${lightRulesString}
+  }
+
+  .dark {
+    ${darkRulesString}
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root, .dark {
+    ${darkRulesString}
+  }
+
+  .light {
+    ${lightRulesString}
+  }
+}
+`;
+    }
+}
+exports.ThemeService = ThemeService;
+function buildThemeRules(theme) {
+    var _a, _b;
+    const rules = [];
+    for (const [colorName, value] of Object.entries(theme.colors)) {
+        const name = (0, type_guards_1.isString)(value) ? colorName : ((_a = value.name) !== null && _a !== void 0 ? _a : colorName);
+        const color = (0, type_guards_1.isString)(value) ? value : value.color;
+        const colorRules = generatePaletteVariableDeclarations(name, (_b = theme.isDark) !== null && _b !== void 0 ? _b : false, color);
+        rules.push(...colorRules);
+    }
+    return rules;
+}
+function generatePaletteVariableDeclarations(paletteName, isDark, color) {
+    const baseColor = isDark ? 'black' : 'white';
+    const colors = chroma.scale([baseColor, color]).colors(paletteNumbers.length);
+    const variables = [[`--color-${paletteName}`, color], ...paletteNumbers.map((number, index) => [`--color-${paletteName}-${number}`, colors[index]])];
+    const variableDeclarations = variables.map(([name, value]) => `${name}: ${value};`);
+    return variableDeclarations;
+}
+//# sourceMappingURL=theme.service.js.map

package/css/theme/theme.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../source/css/theme/theme.service.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAClD,yDAA0D;AAC1D,oCAAoC;AAGpC,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,GAAG,IAAA,mBAAW,EAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjF,MAAa,YAAY;IAGvB,YAAY,QAAkB;QAC5B,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ,CAAC,KAAY,EAAE,SAAiB;QACtC,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,IAAA,uBAAS,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzE,MAAM,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE7C,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG;;;MAG5B,gBAAgB;;;;MAIhB,eAAe;;;;;;MAMf,eAAe;;;;MAIf,gBAAgB;;;CAGrB,CAAC;IACA,CAAC;CACF;AApCD,oCAoCC;AAED,SAAS,eAAe,CAAC,KAAY;;IACnC,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7D,MAAM,IAAI,GAAG,IAAA,sBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,SAAS,CAAC,CAAC;QACrE,MAAM,KAAK,GAAG,IAAA,sBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAEpD,MAAM,UAAU,GAAG,mCAAmC,CAAC,IAAI,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3F,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;KAC3B;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,mCAAmC,CAAC,WAAmB,EAAE,MAAe,EAAE,KAAa;IAC9F,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,CAAC,CAAC,WAAW,WAAW,EAAE,EAAE,KAAK,CAAC,EAAE,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,WAAW,IAAI,MAAM,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAU,CAAC,CAAC,CAAC;IAC9J,MAAM,oBAAoB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,KAAK,GAAG,CAAC,CAAC;IAEpF,OAAO,oBAAoB,CAAC;AAC9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tstdl/base",
-  "version": "0.71.15",
+  "version": "0.71.16",
   "author": "Patrick Hein",
   "publishConfig": {
     "access": "public"
@@ -18,6 +18,7 @@
     "rxjs": "^7"
   },
   "devDependencies": {
+    "@types/chroma-js": "^2.1.3",
     "@types/koa__router": "8.0",
     "@types/luxon": "2.3",
     "@types/minio": "7.0",
@@ -37,6 +38,7 @@
     "@elastic/elasticsearch": "^8.2",
     "@koa/router": "^10.1",
     "@tstdl/angular": "^0.10",
+    "chroma-js": "^2.4.2",
     "got": "^12.0",
     "handlebars": "^4.7",
     "koa": "^2.13",

package/schema/schemas/object.d.ts

@@ -14,7 +14,7 @@ export declare type ObjectSchemaDefinition<T extends StringMap<SchemaDefinition>
     /** Keep unknown properties instead of raising an error. This overwrites mask. */
     keepUnknown?: boolean;
 };
-export declare type ObjectAssign<A extends StringMap<SchemaDefinition>, B extends StringMap<SchemaDefinition>> = SimplifyObject<Omit<A, keyof B> & B>;
+export declare type ObjectAssign<A extends StringMap<SchemaDefinition>, B extends StringMap<SchemaDefinition>> = SimplifyObject<B & Omit<A, keyof B>>;
 export declare class ObjectSchemaValidator<T extends StringMap<SchemaDefinition>> extends SchemaValidator<ObjectSchemaDefinition<T>> {
     private readonly validatorEntries;
     constructor(validators: ObjectSchemaValidatorEntries<T>, schema: ObjectSchemaDefinition<T>);

package/tailwind/colors.d.ts

@@ -0,0 +1,16 @@
+import type { Theme } from "../css/theme";
+export declare type TailwindPalette = {
+    DEFAULT: string;
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare function generateTailwindColors(theme: Theme): Record<string, TailwindPalette>;
+export declare function generateTailwindPalette(name: string): TailwindPalette;

package/tailwind/colors.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateTailwindPalette = exports.generateTailwindColors = void 0;
+const type_guards_1 = require("../utils/type-guards");
+function generateTailwindColors(theme) {
+    const entries = Object.entries(theme.colors)
+        .map(([colorName, value]) => {
+        var _a;
+        const name = (0, type_guards_1.isString)(value) ? colorName : ((_a = value.name) !== null && _a !== void 0 ? _a : colorName);
+        return [name, generateTailwindPalette(name)];
+    });
+    return Object.fromEntries(entries);
+}
+exports.generateTailwindColors = generateTailwindColors;
+function generateTailwindPalette(name) {
+    return {
+        /* eslint-disable @typescript-eslint/naming-convention */
+        DEFAULT: `var(--color-${name})`,
+        50: `var(--color-${name}-50)`,
+        100: `var(--color-${name}-100)`,
+        200: `var(--color-${name}-200)`,
+        300: `var(--color-${name}-300)`,
+        400: `var(--color-${name}-400)`,
+        500: `var(--color-${name}-500)`,
+        600: `var(--color-${name}-600)`,
+        700: `var(--color-${name}-700)`,
+        800: `var(--color-${name}-800)`,
+        900: `var(--color-${name}-900)`
+        /* eslint-enable @typescript-eslint/naming-convention */
+    };
+}
+exports.generateTailwindPalette = generateTailwindPalette;
+//# sourceMappingURL=colors.js.map

package/tailwind/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../source/tailwind/colors.ts"],"names":[],"mappings":";;;AACA,sDAA+C;AAkB/C,SAAgB,sBAAsB,CAAC,KAAY;IACjD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;SACzC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;;QAC1B,MAAM,IAAI,GAAG,IAAA,sBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,SAAS,CAAC,CAAC;QACrE,OAAO,CAAC,IAAI,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEL,OAAO,MAAM,CAAC,WAAW,CAAC,OAAO,CAAoC,CAAC;AACxE,CAAC;AARD,wDAQC;AAED,SAAgB,uBAAuB,CAAC,IAAY;IAClD,OAAO;QACL,yDAAyD;QACzD,OAAO,EAAE,eAAe,IAAI,GAAG;QAC/B,EAAE,EAAE,eAAe,IAAI,MAAM;QAC7B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,wDAAwD;KACzD,CAAC;AACJ,CAAC;AAhBD,0DAgBC"}

package/tailwind/index.d.ts

@@ -0,0 +1 @@
+export * from './colors';

package/tailwind/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./colors"), exports);
+//# sourceMappingURL=index.js.map

package/tailwind/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/tailwind/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/types.d.ts

@@ -43,12 +43,8 @@ export declare type Record<K extends keyof any = any, V = any> = {
 export declare type DeepRecord<K extends keyof any = any, V = any> = {
     [P in K]: V | DeepRecord<K, V>;
 };
-export declare type StringMap<T = any> = {
-    [key: string]: T;
-};
-export declare type NumberMap<T = any> = {
-    [key: number]: T;
-};
+export declare type StringMap<T = any> = Record<string, T>;
+export declare type NumberMap<T = any> = Record<number, T>;
 export declare type StringNumberMap<T = any> = {
     [key: string]: T;
     [key: number]: T;