@tstdl/base 0.92.167 → 0.93.0

package/search-index/search-index.js

@@ -1,31 +0,0 @@
-import { isDefined } from '../utils/type-guards.js';
-export class SearchIndex {
-    /**
-     * search all entities using an automatic cursor
-     * @param query search query
-     * @param options search options
-     */
-    async *searchCursor(query, options) {
-        let cursor;
-        do {
-            const result = await this.search(cursor ?? query, options);
-            cursor = result.cursor;
-            yield* result.items;
-        } while (isDefined(cursor));
-    }
-    /**
-     * search all entities instead of just a chunk
-     * @param query search query
-     * @param options search option
-     */
-    async searchAll(query, options) {
-        const batches = [];
-        let cursor;
-        do {
-            const result = await this.search(cursor ?? query, options);
-            cursor = result.cursor;
-            batches.push(result.items);
-        } while (isDefined(cursor));
-        return [].concat(...batches);
-    }
-}

package/search-index/search-result.d.ts

@@ -1,12 +0,0 @@
-import type { Entity } from '../database/index.js';
-export type SearchResultItem<T extends Entity> = {
-    entity: T;
-    score: number;
-};
-export type SearchResult<T extends Entity> = {
-    total?: number;
-    totalIsLowerBound: boolean;
-    milliseconds: number;
-    items: SearchResultItem<T>[];
-    cursor?: string;
-};

package/search-index/search-result.js

@@ -1 +0,0 @@
-export {};

package/theme/adapters/css-adapter.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeService } from '../theme-service.js';
-export interface CssThemeAdapter {
-    destroy(): void;
-}
-export declare function cssThemeAdapter(themeService: ThemeService<any>): CssThemeAdapter;

package/theme/adapters/css-adapter.js

@@ -1,29 +0,0 @@
-import { objectEntries } from '../../utils/object/object.js';
-import { hyphenate } from '../../utils/string/hypenate.js';
-import { themeColorTones } from '../theme-service.js';
-export function cssThemeAdapter(themeService) {
-    const styleSheet = new CSSStyleSheet();
-    document.adoptedStyleSheets.push(styleSheet);
-    const rootRule = createCssRule(styleSheet, ':root  {}');
-    const subscription = themeService.calculatedTheme$.subscribe((theme) => setVariables(rootRule, theme.palette));
-    return {
-        destroy() {
-            subscription.unsubscribe();
-        }
-    };
-}
-function setVariables(cssRule, palette) {
-    for (const [color, tones] of objectEntries(palette)) {
-        const colorVariable = hyphenate(color);
-        for (const tone of themeColorTones) {
-            cssRule.style.setProperty(`--theme-${colorVariable}`, tones.base);
-            cssRule.style.setProperty(`--theme-${colorVariable}-rgb`, tones.baseRgb);
-            cssRule.style.setProperty(`--theme-${colorVariable}-${tone}`, tones[tone]);
-            cssRule.style.setProperty(`--theme-${colorVariable}-${tone}-rgb`, tones[`${tone}Rgb`]);
-        }
-    }
-}
-function createCssRule(styleSheet, rule) {
-    const index = styleSheet.insertRule(rule);
-    return styleSheet.cssRules[index];
-}

package/theme/adapters/index.d.ts

@@ -1,2 +0,0 @@
-export * from './css-adapter.js';
-export * from './tailwind-adapter.js';

package/theme/adapters/index.js

@@ -1,2 +0,0 @@
-export * from './css-adapter.js';
-export * from './tailwind-adapter.js';

package/theme/adapters/tailwind-adapter.d.ts

@@ -1,18 +0,0 @@
-import type { Theme } from '../../theme/theme-service.js';
-export type TailwindPalette = {
-    DEFAULT: string;
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    950: string;
-};
-export declare function generateTailwindColorsFromTheme(theme: Theme, tailwindNamePrefix?: string): Record<string, TailwindPalette>;
-export declare function generateTailwindColorsFromThemeColors(colors: readonly string[], tailwindNamePrefix?: string): Record<string, TailwindPalette>;
-export declare function generateTailwindPalette(color: string): TailwindPalette;

package/theme/adapters/tailwind-adapter.js

@@ -1,32 +0,0 @@
-import { fromEntries, objectKeys } from '../../utils/object/object.js';
-import { hyphenate } from '../../utils/string/hypenate.js';
-import { isDefined } from '../../utils/type-guards.js';
-export function generateTailwindColorsFromTheme(theme, tailwindNamePrefix) {
-    const colors = objectKeys(theme.palette);
-    return generateTailwindColorsFromThemeColors(colors, tailwindNamePrefix);
-}
-export function generateTailwindColorsFromThemeColors(colors, tailwindNamePrefix) {
-    const prefix = isDefined(tailwindNamePrefix) ? `${tailwindNamePrefix}-` : '';
-    const entries = colors
-        .map(hyphenate)
-        .map((color) => [`${prefix}${color}`, generateTailwindPalette(color)]);
-    return fromEntries(entries);
-}
-export function generateTailwindPalette(color) {
-    return {
-        /* eslint-disable @typescript-eslint/naming-convention */
-        DEFAULT: `rgb(var(--theme-${color}-rgb) / <alpha-value>)`,
-        50: `rgb(var(--theme-${color}-50-rgb) / <alpha-value>)`,
-        100: `rgb(var(--theme-${color}-100-rgb) / <alpha-value>)`,
-        200: `rgb(var(--theme-${color}-200-rgb) / <alpha-value>)`,
-        300: `rgb(var(--theme-${color}-300-rgb) / <alpha-value>)`,
-        400: `rgb(var(--theme-${color}-400-rgb) / <alpha-value>)`,
-        500: `rgb(var(--theme-${color}-500-rgb) / <alpha-value>)`,
-        600: `rgb(var(--theme-${color}-600-rgb) / <alpha-value>)`,
-        700: `rgb(var(--theme-${color}-700-rgb) / <alpha-value>)`,
-        800: `rgb(var(--theme-${color}-800-rgb) / <alpha-value>)`,
-        900: `rgb(var(--theme-${color}-900-rgb) / <alpha-value>)`,
-        950: `rgb(var(--theme-${color}-950-rgb) / <alpha-value>)`
-        /* eslint-enable @typescript-eslint/naming-convention */
-    };
-}

package/theme/index.d.ts

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

package/theme/index.js

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

package/theme/theme-service.d.ts

@@ -1,43 +0,0 @@
-import { type Observable } from 'rxjs';
-export type CalculatedPalette<Colors extends string = string> = {
-    [Color in Colors]: ColorTonesWithRgb;
-};
-export type CalculatedTheme<Colors extends string = string> = {
-    palette: CalculatedPalette<Colors>;
-};
-export type Theme<Colors extends string = string> = {
-    palette: Palette<Colors>;
-};
-export type Palette<Colors extends string = string> = {
-    [Color in Colors]: string | ColorTones;
-};
-export type ColorTones = {
-    base: string;
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export type ColorTonesWithRgb = ColorTones & {
-    [Tone in keyof ColorTones as `${Tone}Rgb`]: string;
-};
-export declare const themeColorTones: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
-export declare const DEFAULT_THEME: import("../injector/token.js").InjectionToken<Theme<string>, never>;
-export declare class ThemeService<Colors extends string = string> {
-    private readonly themeSubject;
-    private readonly calculatedThemeSubject;
-    private readonly defaultTheme;
-    readonly colors: Colors[];
-    readonly theme$: Observable<Theme<Colors>>;
-    readonly calculatedTheme$: Observable<CalculatedTheme<Colors>>;
-    get theme(): Theme<Colors>;
-    get calculatedTheme(): CalculatedTheme<Colors>;
-    constructor(defaultTheme: Theme<Colors>);
-    setTheme(theme?: Theme<Colors> | undefined): void;
-}

package/theme/theme-service.js

@@ -1,128 +0,0 @@
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import chroma from 'chroma-js';
-import { BehaviorSubject } from 'rxjs';
-import { Inject, Singleton } from '../injector/decorators.js';
-import { injectionToken } from '../injector/token.js';
-import { createArray } from '../utils/array/array.js';
-import { memoize } from '../utils/function/memoize.js';
-import { fromEntries, objectEntries, objectKeys } from '../utils/object/object.js';
-import { isString } from '../utils/type-guards.js';
-export const themeColorTones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
-export const DEFAULT_THEME = injectionToken('default theme');
-const calculateTheme = memoize(_calculateTheme, { weak: true });
-const generateColorTones = memoize(_generateColorTones);
-let ThemeService = class ThemeService {
-    themeSubject;
-    calculatedThemeSubject;
-    defaultTheme;
-    colors;
-    theme$;
-    calculatedTheme$;
-    get theme() {
-        return this.themeSubject.value;
-    }
-    get calculatedTheme() {
-        return this.calculatedThemeSubject.value;
-    }
-    constructor(defaultTheme) {
-        this.defaultTheme = defaultTheme;
-        this.colors = objectKeys(defaultTheme.palette);
-        this.themeSubject = new BehaviorSubject(undefined);
-        this.calculatedThemeSubject = new BehaviorSubject(undefined);
-        this.theme$ = this.themeSubject.asObservable();
-        this.calculatedTheme$ = this.calculatedThemeSubject.asObservable();
-        this.setTheme(undefined);
-    }
-    setTheme(theme = this.defaultTheme) {
-        const calculatedTheme = calculateTheme(theme);
-        this.themeSubject.next(theme);
-        this.calculatedThemeSubject.next(calculatedTheme);
-    }
-};
-ThemeService = __decorate([
-    Singleton(),
-    __param(0, Inject(DEFAULT_THEME)),
-    __metadata("design:paramtypes", [Object])
-], ThemeService);
-export { ThemeService };
-function _calculateTheme(theme) {
-    const paletteEntries = objectEntries(theme.palette)
-        .map(([color, palette]) => [color, toColorTonesWithRgb(isString(palette) ? generateColorTones(palette) : palette)]);
-    const palette = fromEntries(paletteEntries);
-    return { palette };
-}
-function _generateColorTones(base) {
-    const colors = generateColors(base, 10);
-    return {
-        base,
-        50: colors[0],
-        100: colors[1],
-        200: colors[2],
-        300: colors[3],
-        400: colors[4],
-        500: colors[5],
-        600: colors[6],
-        700: colors[7],
-        800: colors[8],
-        900: colors[9]
-    };
-}
-function toColorTonesWithRgb(tones) {
-    return {
-        /* eslint-disable @typescript-eslint/naming-convention, quote-props */
-        'base': tones.base,
-        'baseRgb': getRgbString(tones.base),
-        '50': tones['50'],
-        '50Rgb': getRgbString(tones['50']),
-        '100': tones['100'],
-        '100Rgb': getRgbString(tones['100']),
-        '200': tones['200'],
-        '200Rgb': getRgbString(tones['200']),
-        '300': tones['300'],
-        '300Rgb': getRgbString(tones['300']),
-        '400': tones['400'],
-        '400Rgb': getRgbString(tones['400']),
-        '500': tones['500'],
-        '500Rgb': getRgbString(tones['500']),
-        '600': tones['600'],
-        '600Rgb': getRgbString(tones['600']),
-        '700': tones['700'],
-        '700Rgb': getRgbString(tones['700']),
-        '800': tones['800'],
-        '800Rgb': getRgbString(tones['800']),
-        '900': tones['900'],
-        '900Rgb': getRgbString(tones['900'])
-        /* eslint-enable @typescript-eslint/naming-convention, quote-props */
-    };
-}
-function getRgbString(color) {
-    return chroma(color).rgb(true).join(' ');
-}
-function generateColors(baseColor, colorCount, { bezier = true, correctLightness = true } = {}) {
-    const generatedColors = autoGradient(baseColor, colorCount);
-    if (!bezier && !correctLightness) {
-        return generatedColors.map((color) => color.hex());
-    }
-    const scale = (bezier ? chroma.bezier(generatedColors).scale() : chroma.scale(generatedColors));
-    const colors = scale
-        .correctLightness(correctLightness)
-        .colors(colorCount);
-    return colors;
-}
-function autoGradient(color, numColors) {
-    const [, a, b] = chroma(color).lab();
-    const step = 100 / (numColors + 1);
-    return createArray(numColors, (i) => chroma.lab(100 - ((i + 1) * step), a, b));
-}