@versatiles/style 4.3.0 → 4.4.0

package/README.MD

@@ -191,5 +191,5 @@ Iconsets can be defined in [`scripts/config-sprites.ts`](./scripts/config-sprite
 
 # Licenses
 
-* Sourcecode: [Unlicense](./UNLICENSE.md)
+* Sourcecode: [Unlicense](./LICENSE.md)
 * Iconsets and rendered Spritemaps: [CC0 1.0 Universal](./icons/LICENSE.md)

package/dist/style_builder/recolor.d.ts

@@ -1,7 +1,7 @@
 import Color from 'color';
 export interface RecolorOptions {
     /** If true, inverts the colors. */
-    invert?: boolean;
+    invertBrightness?: boolean;
     /** The degree to rotate the hue of the color (in degrees). */
     rotate?: number;
     /** Adjusts the saturation level of the color. Positive values increase saturation, negative values decrease it. */

package/dist/style_builder/recolor.js

@@ -1,7 +1,7 @@
 import Color from 'color';
 export function getDefaultRecolorFlags() {
     return {
-        invert: false,
+        invertBrightness: false,
         rotate: 0,
         saturate: 0,
         gamma: 1,
@@ -14,7 +14,7 @@ export function getDefaultRecolorFlags() {
 function isValidRecolorOptions(opt) {
     if (!opt)
         return false;
-    if ((opt.invert != null) && opt.invert)
+    if ((opt.invertBrightness != null) && opt.invertBrightness)
         return true;
     if ((opt.rotate != null) && (opt.rotate !== 0))
         return true;
@@ -63,8 +63,8 @@ export class CachedRecolor {
 export function recolor(color, opt) {
     if (!isValidRecolorOptions(opt))
         return color;
-    if (opt.invert ?? false)
-        color = color.negate();
+    if (opt.invertBrightness ?? false)
+        color = invert(color);
     if ((opt.rotate !== undefined) && (opt.rotate !== 0))
         color = color.rotate(opt.rotate);
     if ((opt.saturate !== undefined) && (opt.saturate !== 0))
@@ -78,6 +78,10 @@ export function recolor(color, opt) {
     if ((opt.tint !== undefined) && (opt.tintColor !== undefined) && (opt.tint !== 0))
         color = tint(color, opt.tint, Color(opt.tintColor));
     return color;
+    function invert(c) {
+        c = c.hsl();
+        return c.lightness(100 - c.lightness()).rgb();
+    }
     function gamma(c, value) {
         if (value < 1e-3)
             value = 1e-3;

package/dist/styles/eclipse.d.ts

@@ -0,0 +1,5 @@
+import Colorful from './colorful.js';
+export default class Eclipse extends Colorful {
+    readonly name: string;
+    constructor();
+}

package/dist/styles/eclipse.js

@@ -0,0 +1,11 @@
+import Colorful from './colorful.js';
+export default class Eclipse extends Colorful {
+    name = 'Eclipse';
+    constructor() {
+        super();
+        this.transformDefaultColors(color => {
+            color = color.hsl();
+            return color.lightness(100 - color.lightness()).rgb();
+        });
+    }
+}

package/dist/styles/index.d.ts

@@ -4,19 +4,23 @@ import type { MaplibreStyle } from '../types/maplibre.js';
 import type { RecolorOptions } from '../style_builder/recolor.js';
 export type { MaplibreStyle, RecolorOptions };
 import Colorful from './colorful.js';
+import Eclipse from './eclipse.js';
 import Graybeard from './graybeard.js';
 import Neutrino from './neutrino.js';
 export type ColorfulOptions = StyleBuilderOptions<Colorful>;
+export type EclipseOptions = StyleBuilderOptions<Eclipse>;
 export type GraybeardOptions = StyleBuilderOptions<Graybeard>;
 export type NeutrinoOptions = StyleBuilderOptions<Neutrino>;
-export type SomeOptions = ColorfulOptions | GraybeardOptions | NeutrinoOptions;
+export type SomeOptions = ColorfulOptions | EclipseOptions | GraybeardOptions | NeutrinoOptions;
 type MakeStyle<T extends StyleBuilder<T>, O extends StyleBuilderOptions<T>> = ((options?: O) => MaplibreStyle) & {
     getOptions: () => O;
 };
 export type ColorfulBuilder = MakeStyle<Colorful, ColorfulOptions>;
+export type EclipseBuilder = MakeStyle<Eclipse, EclipseOptions>;
 export type GraybeardBuilder = MakeStyle<Graybeard, GraybeardOptions>;
 export type NeutrinoBuilder = MakeStyle<Neutrino, NeutrinoOptions>;
 export type SomeBuilder = ColorfulBuilder | GraybeardBuilder | NeutrinoBuilder;
 export declare const colorful: ColorfulBuilder;
+export declare const eclipse: EclipseBuilder;
 export declare const graybeard: GraybeardBuilder;
 export declare const neutrino: NeutrinoBuilder;

package/dist/styles/index.js

@@ -1,13 +1,17 @@
+// import styles
 import Colorful from './colorful.js';
+import Eclipse from './eclipse.js';
 import Graybeard from './graybeard.js';
 import Neutrino from './neutrino.js';
-function makeStyle(styleBuilder) {
+function getStyleBuilder(styleBuilder) {
     const fn = function (options) {
         return new styleBuilder().build(options);
     };
     fn.getOptions = () => new styleBuilder().getDefaultOptions();
     return fn;
 }
-export const colorful = makeStyle(Colorful);
-export const graybeard = makeStyle(Graybeard);
-export const neutrino = makeStyle(Neutrino);
+// generate style builders
+export const colorful = getStyleBuilder(Colorful);
+export const eclipse = getStyleBuilder(Eclipse);
+export const graybeard = getStyleBuilder(Graybeard);
+export const neutrino = getStyleBuilder(Neutrino);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/style",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "Generate StyleJSON for MapLibre",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -46,26 +46,26 @@
     "@types/brace-expansion": "^1.1.2",
     "@types/inquirer": "^9.0.7",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.11.24",
+    "@types/node": "^20.12.4",
     "@types/tar-stream": "^3.1.3",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
     "@versatiles/container": "^1.2.1",
     "@versatiles/release-tool": "^1.2.2",
     "bin-pack": "^1.0.2",
     "eslint": "^8.57.0",
-    "inquirer": "^9.2.15",
+    "inquirer": "^9.2.17",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-ts-webcompat-resolver": "^1.0.0",
-    "npm-check-updates": "^16.14.15",
-    "rollup": "^4.12.0",
+    "npm-check-updates": "^16.14.18",
+    "rollup": "^4.14.0",
     "rollup-plugin-dts": "^6.1.0",
-    "sharp": "^0.33.2",
+    "sharp": "^0.33.3",
     "tar-stream": "^3.1.7",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
-    "tsx": "^4.7.1",
-    "typescript": "^5.3.3"
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.4"
   }
 }