@versatiles/style 3.8.2 → 4.0.0

package/README.MD

@@ -35,7 +35,7 @@ Use it in:
 <script src="maplibre-gl.js"></script>
 <script src="versatiles-style.js"></script>
 <script>
-  const style = VersaTilesStyle.graybeard({
+  const style = VersaTilesStyle.styles.graybeard({
     tiles: ['https://???.org/tiles/osm/{z}/{x}/{y}'],
     sprite: 'https://???.org/assets/styles/swr-bright/sprite',
     glyphs: 'https://???.org/assets/fonts/{fontstack}/{range}.pbf',
@@ -62,9 +62,10 @@ npm install versatiles-style
 Use it in Node.js:
 
 ```javascript
-import { Colorful } from 'versatiles-style';
-let style = new Colorful();
-style.language = 'de';
+import { styles } from 'versatiles-style';
+let style = styles.colorful({
+  languageSuffix: '_en',
+});
 writeFileSync('style.json', JSON.stringify(style.build()));
 ```
 

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 import type { MaplibreStyle, StylemakerOptions } from './lib/types.js';
+export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './lib/types.js';
 import Colorful from './style/colorful.js';
-export declare function colorful(options?: StylemakerOptions<Colorful>): MaplibreStyle;
 import Graybeard from './style/graybeard.js';
-export declare function graybeard(options?: StylemakerOptions<Graybeard>): MaplibreStyle;
 import Neutrino from './style/neutrino.js';
-export declare function neutrino(options?: StylemakerOptions<Neutrino>): MaplibreStyle;
-export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './lib/types.js';
-export { default as guessStyle } from './lib/style_guesser.js';
+export declare const styles: {
+    colorful: (options?: StylemakerOptions<Colorful>) => MaplibreStyle;
+    graybeard: (options?: StylemakerOptions<Graybeard>) => MaplibreStyle;
+    neutrino: (options?: StylemakerOptions<Neutrino>) => MaplibreStyle;
+};
+export { default as guessStyle } from './lib/guess_style.js';

package/dist/index.js

@@ -1,13 +1,15 @@
 import Colorful from './style/colorful.js';
-export function colorful(options) {
-    return new Colorful().build(options);
-}
 import Graybeard from './style/graybeard.js';
-export function graybeard(options) {
-    return new Graybeard().build(options);
-}
 import Neutrino from './style/neutrino.js';
-export function neutrino(options) {
-    return new Neutrino().build(options);
-}
-export { default as guessStyle } from './lib/style_guesser.js';
+export const styles = {
+    colorful: function colorful(options) {
+        return new Colorful().build(options);
+    },
+    graybeard: function graybeard(options) {
+        return new Graybeard().build(options);
+    },
+    neutrino: function neutrino(options) {
+        return new Neutrino().build(options);
+    },
+};
+export { default as guessStyle } from './lib/guess_style.js';

package/dist/index.test.js

@@ -1,17 +1,16 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import * as builders from './index.js';
-describe('Style Builders', () => {
-    const styles = [
-        { name: 'Colorful', builder: builders.colorful },
-        { name: 'Graybeard', builder: builders.graybeard },
-        { name: 'Neutrino', builder: builders.neutrino },
-    ];
-    styles.forEach(({ name, builder }) => {
+import { guessStyle, styles } from './index.js';
+describe('styles', () => {
+    it('should be all styles', () => {
+        expect(Array.from(Object.keys(styles)).sort())
+            .toStrictEqual(['colorful', 'graybeard', 'neutrino']);
+    });
+    Object.entries(styles).forEach(([name, builder]) => {
         it(`should create and test an instance of ${name}`, () => {
             expect(typeof builder).toBe('function');
             const style = builder({ baseUrl: 'https://example.org' });
             expect(JSON.stringify(style).length).toBeGreaterThan(50000);
-            expect(style.name).toBe('versatiles-' + name.toLowerCase());
+            expect(style.name).toBe('versatiles-' + name);
             expect(style.glyphs).toBe('https://example.org/assets/fonts/{fontstack}/{range}.pbf');
             expect(style.sprite).toBe('https://example.org/assets/sprites/sprites');
             expect(Object.keys(style.sources).join(',')).toBe('versatiles-shortbread');
@@ -20,7 +19,7 @@ describe('Style Builders', () => {
     });
 });
 describe('Colorful', () => {
-    const style = builders.colorful({
+    const style = styles.colorful({
         baseUrl: 'https://dev.null',
         colors: { commercial: '#f00' },
     });
@@ -38,7 +37,7 @@ describe('guessStyle', () => {
     const tiles = ['https://fancy.map/tiles/{z}/{x}/{y}'];
     const vectorLayers = [{ id: 'hallo', fields: { label: 'String' } }];
     it('should build raster styles', () => {
-        const style = builders.guessStyle({
+        const style = guessStyle({
             tiles,
             format: 'png',
         });
@@ -49,7 +48,7 @@ describe('guessStyle', () => {
         });
     });
     it('should build vector styles', () => {
-        const style = builders.guessStyle({
+        const style = guessStyle({
             tiles,
             format: 'pbf',
             vectorLayers,

package/dist/lib/{style_builder.test.js → build_style.test.js}

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import Color from 'color';
-import StyleBuilder from './style_builder.js';
+import StyleBuilder from './build_style.js';
 // Mock class for abstract class StyleBuilder
 class MockStyleBuilder extends StyleBuilder {
     name = 'mock';

package/dist/lib/{style_guesser.test.js → guess_style.test.js}

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import getTemplate from './shortbread/template.js';
-import guessStyle from './style_guesser.js';
+import guessStyle from './guess_style.js';
 describe('guessStyle', () => {
     const tiles = ['https://example.com/tiles/{z}/{x}/{y}'];
     const vectorLayersSomething = [{ id: 'geometry', fields: { label: 'String', height: 'Number' } }];

package/dist/lib/recolor.d.ts

@@ -1,4 +1,4 @@
 import type { RecolorOptions, StylemakerColors } from './types.js';
-import type StyleBuilder from './style_builder.ts';
+import type StyleBuilder from './build_style.ts';
 export declare function getDefaultRecolorFlags(): RecolorOptions;
 export declare function recolor<Subclass extends StyleBuilder<Subclass>>(colors: StylemakerColors<Subclass>, opt?: RecolorOptions): void;

package/dist/lib/recolor.test.d.ts

@@ -1,5 +1,5 @@
 import type { StyleRules, StyleRulesOptions } from './types.js';
-import StyleBuilder from './style_builder.js';
+import StyleBuilder from './build_style.js';
 export default class TestStyle extends StyleBuilder<TestStyle> {
     readonly name: string;
     defaultFonts: {};

package/dist/lib/recolor.test.js

@@ -1,5 +1,5 @@
 import { getDefaultRecolorFlags, recolor } from './recolor.js';
-import StyleBuilder from './style_builder.js';
+import StyleBuilder from './build_style.js';
 describe('colorTransformer', () => {
     describe('getDefaultRecolorFlags', () => {
         it('should return the default color transformer flags', () => {

package/dist/lib/types.d.ts

@@ -1,6 +1,6 @@
 import type { BackgroundLayerSpecification, FillLayerSpecification, FilterSpecification, LineLayerSpecification, StyleSpecification, SymbolLayerSpecification } from '@maplibre/maplibre-gl-style-spec';
 import type Color from 'color';
-import type StyleBuilder from './style_builder.ts';
+import type StyleBuilder from './build_style.ts';
 /** Represents the available tile formats. */
 export type TileFormat = 'avif' | 'bin' | 'geojson' | 'jpg' | 'json' | 'pbf' | 'png' | 'svg' | 'topojson' | 'webp';
 /** Type for Maplibre layers, including background, fill, line, and symbol specifications. */

package/dist/style/colorful.d.ts

@@ -1,4 +1,4 @@
-import StyleBuilder from '../lib/style_builder.js';
+import StyleBuilder from '../lib/build_style.js';
 import type { StyleRules, StyleRulesOptions } from '../lib/types.js';
 export default class Colorful extends StyleBuilder<Colorful> {
     readonly name: string;

package/dist/style/colorful.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import StyleBuilder from '../lib/style_builder.js';
+import StyleBuilder from '../lib/build_style.js';
 export default class Colorful extends StyleBuilder {
     name = 'Colorful';
     defaultFonts = {

package/dist/style/neutrino.d.ts

@@ -1,4 +1,4 @@
-import StyleBuilder from '../lib/style_builder.js';
+import StyleBuilder from '../lib/build_style.js';
 import type { StyleRules, StyleRulesOptions } from '../lib/types.js';
 export default class Neutrino extends StyleBuilder<Neutrino> {
     readonly name: string;

package/dist/style/neutrino.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import StyleBuilder from '../lib/style_builder.js';
+import StyleBuilder from '../lib/build_style.js';
 export default class Neutrino extends StyleBuilder {
     name = 'Neutrino';
     defaultFonts = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/style",
-  "version": "3.8.2",
+  "version": "4.0.0",
   "description": "Generate StyleJSON for MapLibre",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -45,7 +45,7 @@
     "@types/brace-expansion": "^1.1.2",
     "@types/inquirer": "^9.0.7",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.11.17",
+    "@types/node": "^20.11.19",
     "@typescript-eslint/eslint-plugin": "^7.0.1",
     "@typescript-eslint/parser": "^7.0.1",
     "@versatiles/release-tool": "^1.2.1",
@@ -55,7 +55,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-ts-webcompat-resolver": "^1.0.0",
     "npm-check-updates": "^16.14.15",
-    "rollup": "^4.10.0",
+    "rollup": "^4.11.0",
     "rollup-plugin-dts": "^6.1.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",