styled-map-package 4.1.0 → 5.0.0-pre.1

package/dist/utils/streams.d.ts

@@ -1,73 +0,0 @@
-import * as stream from 'stream';
-import * as readable_stream from 'readable-stream';
-import { Transform, TransformOptions } from 'readable-stream';
-
-/** @import { TransformOptions } from 'readable-stream' */
-/**
- * Create a writable stream from an async function. Default concurrecy is 16 -
- * this is the number of parallel functions that will be pending before
- * backpressure is applied on the stream.
- *
- * @template {(...args: any[]) => Promise<void>} T
- * @param {T} fn
- * @returns {import('readable-stream').Writable}
- */
-declare function writeStreamFromAsync<T extends (...args: any[]) => Promise<void>>(fn: T, { concurrency }?: {
-    concurrency?: number | undefined;
-}): readable_stream.Writable;
-/**
- * From https://github.com/nodejs/node/blob/430c0269/lib/internal/webstreams/adapters.js#L509
- *
- * @param {ReadableStream} readableStream
- * @param {{
- *   highWaterMark? : number,
- *   encoding? : string,
- *   objectMode? : boolean,
- *   signal? : AbortSignal,
- * }} [options]
- * @returns {import('stream').Readable}
- */
-declare function fromWebReadableStream(readableStream: ReadableStream, options?: {
-    highWaterMark?: number;
-    encoding?: string;
-    objectMode?: boolean;
-    signal?: AbortSignal;
-}): stream.Readable;
-/**
- * @param {unknown} obj
- * @returns {obj is ReadableStream}
- */
-declare function isWebReadableStream(obj: unknown): obj is ReadableStream;
-/** @typedef {(opts: { totalBytes: number, chunkBytes: number }) => void} ProgressCallback */
-/** @typedef {TransformOptions & { onprogress?: ProgressCallback }} ProgressStreamOptions */
-/**
- * Passthrough stream that counts the bytes passing through it. Pass an optional
- * `onprogress` callback that will be called with the accumulated total byte
- * count and the chunk byte count after each chunk.
- * @extends {Transform}
- */
-declare class ProgressStream extends Transform {
-    /**
-     * @param {ProgressStreamOptions} [opts]
-     */
-    constructor({ onprogress, ...opts }?: ProgressStreamOptions);
-    /** Total bytes that have passed through this stream */
-    get byteLength(): number;
-    /**
-     * @override
-     * @param {Buffer | Uint8Array} chunk
-     * @param {Parameters<Transform['_transform']>[1]} encoding
-     * @param {Parameters<Transform['_transform']>[2]} callback
-     */
-    override _transform(chunk: Buffer | Uint8Array, encoding: Parameters<Transform["_transform"]>[1], callback: Parameters<Transform["_transform"]>[2]): void;
-    #private;
-}
-type ProgressCallback = (opts: {
-    totalBytes: number;
-    chunkBytes: number;
-}) => void;
-type ProgressStreamOptions = TransformOptions & {
-    onprogress?: ProgressCallback;
-};
-
-export { type ProgressCallback, ProgressStream, type ProgressStreamOptions, fromWebReadableStream, isWebReadableStream, writeStreamFromAsync };

package/dist/utils/streams.js

@@ -1,103 +0,0 @@
-import { Readable, Writable, Transform } from "readable-stream";
-function writeStreamFromAsync(fn, { concurrency = 16 } = {}) {
-  return new Writable({
-    highWaterMark: concurrency,
-    objectMode: true,
-    write(chunk, encoding, callback) {
-      fn.apply(null, chunk).then(() => callback(), callback);
-    }
-  });
-}
-function fromWebReadableStream(readableStream, options = {}) {
-  if (!isWebReadableStream(readableStream)) {
-    throw new Error("First argument must be a ReadableStream");
-  }
-  const { highWaterMark, encoding, objectMode = false, signal } = options;
-  if (encoding !== void 0 && !Buffer.isEncoding(encoding))
-    throw new Error("Invalid encoding");
-  const reader = readableStream.getReader();
-  let closed = false;
-  const readable = new Readable({
-    objectMode,
-    highWaterMark,
-    encoding,
-    // @ts-ignore
-    signal,
-    read() {
-      reader.read().then(
-        (chunk) => {
-          if (chunk.done) {
-            readable.push(null);
-          } else {
-            readable.push(chunk.value);
-          }
-        },
-        (error) => readable.destroy(error)
-      );
-    },
-    destroy(error, callback) {
-      function done() {
-        try {
-          callback(error);
-        } catch (error2) {
-          process.nextTick(() => {
-            throw error2;
-          });
-        }
-      }
-      if (!closed) {
-        reader.cancel(error).then(done, done);
-        return;
-      }
-      done();
-    }
-  });
-  reader.closed.then(
-    () => {
-      closed = true;
-    },
-    (error) => {
-      closed = true;
-      readable.destroy(error);
-    }
-  );
-  return readable;
-}
-function isWebReadableStream(obj) {
-  return !!(typeof obj === "object" && obj !== null && "pipeThrough" in obj && typeof obj.pipeThrough === "function" && "getReader" in obj && typeof obj.getReader === "function" && "cancel" in obj && typeof obj.cancel === "function");
-}
-class ProgressStream extends Transform {
-  #onprogress;
-  #byteLength = 0;
-  /**
-   * @param {ProgressStreamOptions} [opts]
-   */
-  constructor({ onprogress, ...opts } = {}) {
-    super(opts);
-    this.#onprogress = onprogress;
-  }
-  /** Total bytes that have passed through this stream */
-  get byteLength() {
-    return this.#byteLength;
-  }
-  /**
-   * @override
-   * @param {Buffer | Uint8Array} chunk
-   * @param {Parameters<Transform['_transform']>[1]} encoding
-   * @param {Parameters<Transform['_transform']>[2]} callback
-   */
-  _transform(chunk, encoding, callback) {
-    this.#byteLength += chunk.length;
-    this.#onprogress?.({
-      totalBytes: this.#byteLength,
-      chunkBytes: chunk.length
-    });
-    callback(null, chunk);
-  }
-}
-export {
-  ProgressStream,
-  fromWebReadableStream,
-  isWebReadableStream,
-  writeStreamFromAsync
-};

package/dist/utils/style.cjs

@@ -1,126 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var style_exports = {};
-__export(style_exports, {
-  assertTileJSON: () => assertTileJSON,
-  isInlinedSource: () => isInlinedSource,
-  mapFontStacks: () => mapFontStacks,
-  replaceFontStacks: () => replaceFontStacks,
-  validateStyle: () => validateStyle
-});
-module.exports = __toCommonJS(style_exports);
-var import_maplibre_gl_style_spec = require("@maplibre/maplibre-gl-style-spec");
-function replaceFontStacks(style, fonts) {
-  const mappedLayers = mapFontStacks(style.layers, (fontStack) => {
-    let match;
-    for (const font of fontStack) {
-      if (fonts.includes(font)) {
-        match = font;
-        break;
-      }
-    }
-    return [match || fonts[0]];
-  });
-  style.layers = mappedLayers;
-  return style;
-}
-function mapFontStacks(layers, callbackFn) {
-  return layers.map((layer) => {
-    if (layer.type !== "symbol" || !layer.layout || !layer.layout["text-font"])
-      return layer;
-    const textFont = layer.layout["text-font"];
-    let mappedValue;
-    if (isExpression(textFont)) {
-      mappedValue = mapArrayExpressionValue(textFont, callbackFn);
-    } else if (Array.isArray(textFont)) {
-      mappedValue = callbackFn(textFont);
-    } else {
-      console.warn(
-        "Deprecated function definitions are not supported, font stack has not been transformed."
-      );
-      console.dir(textFont, { depth: null });
-      return layer;
-    }
-    return {
-      ...layer,
-      layout: {
-        ...layer.layout,
-        "text-font": mappedValue
-      }
-    };
-  });
-}
-function isExpression(value) {
-  return Array.isArray(value) && value.length > 0 && typeof value[0] === "string" && value[0] in import_maplibre_gl_style_spec.expressions;
-}
-function mapArrayExpressionValue(expression, callbackFn) {
-  if (expression[0] === "literal" && Array.isArray(expression[1])) {
-    return ["literal", callbackFn(expression[1])];
-  } else {
-    return [
-      expression[0],
-      ...expression.slice(1).map(
-        // @ts-ignore
-        (x) => {
-          if (isExpression(x)) {
-            return mapArrayExpressionValue(x, callbackFn);
-          } else {
-            return x;
-          }
-        }
-      )
-    ];
-  }
-}
-function assertTileJSON(tilejson) {
-  if (typeof tilejson !== "object" || tilejson === null) {
-    throw new Error("Invalid TileJSON");
-  }
-  if (!("tiles" in tilejson) || !Array.isArray(tilejson.tiles) || tilejson.tiles.length === 0 || tilejson.tiles.some((tile) => typeof tile !== "string")) {
-    throw new Error("Invalid TileJSON: missing or invalid tiles property");
-  }
-}
-const validateStyle = (
-  /** @type {{ (style: unknown): style is StyleSpecification, errors: ValidationError[] }} */
-  ((style) => {
-    validateStyle.errors = (0, import_maplibre_gl_style_spec.validateStyleMin)(
-      /** @type {StyleSpecification} */
-      style
-    );
-    if (validateStyle.errors.length) return false;
-    return true;
-  })
-);
-function isInlinedSource(source) {
-  if (source.type === "geojson") {
-    return typeof source.data === "object";
-  } else if (source.type === "vector" || source.type === "raster" || source.type === "raster-dem") {
-    return "tiles" in source;
-  } else {
-    return true;
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  assertTileJSON,
-  isInlinedSource,
-  mapFontStacks,
-  replaceFontStacks,
-  validateStyle
-});

package/dist/utils/style.d.cts

@@ -1,69 +0,0 @@
-import { BBox } from './geo.cjs';
-import { I as InlinedSource } from '../types-yLQy3AKR.cjs';
-import * as _maplibre_maplibre_gl_style_spec from '@maplibre/maplibre-gl-style-spec';
-import { StyleSpecification, ValidationError } from '@maplibre/maplibre-gl-style-spec';
-import 'geojson';
-import 'stream';
-import 'type-fest';
-import 'readable-stream';
-import 'events';
-
-/** @import {StyleSpecification, ExpressionSpecification, ValidationError} from '@maplibre/maplibre-gl-style-spec' */
-/**
- * For a given style, replace all font stacks (`text-field` properties) with the
- * provided fonts. If no matching font is found, the first font in the stack is
- * used.
- *
- * *Modifies the input style object*
- *
- * @param {StyleSpecification} style
- * @param {string[]} fonts
- */
-declare function replaceFontStacks(style: StyleSpecification, fonts: string[]): StyleSpecification;
-/**
- * From given style layers, create a new style by calling the provided callback
- * function on every font stack defined in the style.
- *
- * @param {StyleSpecification['layers']} layers
- * @param {(fontStack: string[]) => string[]} callbackFn
- * @returns {StyleSpecification['layers']}
- */
-declare function mapFontStacks(layers: StyleSpecification["layers"], callbackFn: (fontStack: string[]) => string[]): StyleSpecification["layers"];
-/**
- * @typedef {object} TileJSONPartial
- * @property {string[]} tiles
- * @property {string} [description]
- * @property {string} [attribution]
- * @property {object[]} [vector_layers]
- * @property {import('./geo.js').BBox} [bounds]
- * @property {number} [maxzoom]
- * @property {number} [minzoom]
- */
-/**
- *
- * @param {unknown} tilejson
- * @returns {asserts tilejson is TileJSONPartial}
- */
-declare function assertTileJSON(tilejson: unknown): asserts tilejson is TileJSONPartial;
-/**
- * Check whether a source is already inlined (e.g. does not reference a TileJSON or GeoJSON url)
- *
- * @param {import('@maplibre/maplibre-gl-style-spec').SourceSpecification} source
- * @returns {source is import('../types.js').InlinedSource}
- */
-declare function isInlinedSource(source: _maplibre_maplibre_gl_style_spec.SourceSpecification): source is InlinedSource;
-declare const validateStyle: {
-    (style: unknown): style is StyleSpecification;
-    errors: ValidationError[];
-};
-type TileJSONPartial = {
-    tiles: string[];
-    description?: string | undefined;
-    attribution?: string | undefined;
-    vector_layers?: object[] | undefined;
-    bounds?: BBox | undefined;
-    maxzoom?: number | undefined;
-    minzoom?: number | undefined;
-};
-
-export { type TileJSONPartial, assertTileJSON, isInlinedSource, mapFontStacks, replaceFontStacks, validateStyle };

package/dist/utils/style.d.ts

@@ -1,69 +0,0 @@
-import { BBox } from './geo.js';
-import { I as InlinedSource } from '../types-yLQy3AKR.js';
-import * as _maplibre_maplibre_gl_style_spec from '@maplibre/maplibre-gl-style-spec';
-import { StyleSpecification, ValidationError } from '@maplibre/maplibre-gl-style-spec';
-import 'geojson';
-import 'stream';
-import 'type-fest';
-import 'readable-stream';
-import 'events';
-
-/** @import {StyleSpecification, ExpressionSpecification, ValidationError} from '@maplibre/maplibre-gl-style-spec' */
-/**
- * For a given style, replace all font stacks (`text-field` properties) with the
- * provided fonts. If no matching font is found, the first font in the stack is
- * used.
- *
- * *Modifies the input style object*
- *
- * @param {StyleSpecification} style
- * @param {string[]} fonts
- */
-declare function replaceFontStacks(style: StyleSpecification, fonts: string[]): StyleSpecification;
-/**
- * From given style layers, create a new style by calling the provided callback
- * function on every font stack defined in the style.
- *
- * @param {StyleSpecification['layers']} layers
- * @param {(fontStack: string[]) => string[]} callbackFn
- * @returns {StyleSpecification['layers']}
- */
-declare function mapFontStacks(layers: StyleSpecification["layers"], callbackFn: (fontStack: string[]) => string[]): StyleSpecification["layers"];
-/**
- * @typedef {object} TileJSONPartial
- * @property {string[]} tiles
- * @property {string} [description]
- * @property {string} [attribution]
- * @property {object[]} [vector_layers]
- * @property {import('./geo.js').BBox} [bounds]
- * @property {number} [maxzoom]
- * @property {number} [minzoom]
- */
-/**
- *
- * @param {unknown} tilejson
- * @returns {asserts tilejson is TileJSONPartial}
- */
-declare function assertTileJSON(tilejson: unknown): asserts tilejson is TileJSONPartial;
-/**
- * Check whether a source is already inlined (e.g. does not reference a TileJSON or GeoJSON url)
- *
- * @param {import('@maplibre/maplibre-gl-style-spec').SourceSpecification} source
- * @returns {source is import('../types.js').InlinedSource}
- */
-declare function isInlinedSource(source: _maplibre_maplibre_gl_style_spec.SourceSpecification): source is InlinedSource;
-declare const validateStyle: {
-    (style: unknown): style is StyleSpecification;
-    errors: ValidationError[];
-};
-type TileJSONPartial = {
-    tiles: string[];
-    description?: string | undefined;
-    attribution?: string | undefined;
-    vector_layers?: object[] | undefined;
-    bounds?: BBox | undefined;
-    maxzoom?: number | undefined;
-    minzoom?: number | undefined;
-};
-
-export { type TileJSONPartial, assertTileJSON, isInlinedSource, mapFontStacks, replaceFontStacks, validateStyle };

package/dist/utils/style.js

@@ -1,98 +0,0 @@
-import { expressions, validateStyleMin } from "@maplibre/maplibre-gl-style-spec";
-function replaceFontStacks(style, fonts) {
-  const mappedLayers = mapFontStacks(style.layers, (fontStack) => {
-    let match;
-    for (const font of fontStack) {
-      if (fonts.includes(font)) {
-        match = font;
-        break;
-      }
-    }
-    return [match || fonts[0]];
-  });
-  style.layers = mappedLayers;
-  return style;
-}
-function mapFontStacks(layers, callbackFn) {
-  return layers.map((layer) => {
-    if (layer.type !== "symbol" || !layer.layout || !layer.layout["text-font"])
-      return layer;
-    const textFont = layer.layout["text-font"];
-    let mappedValue;
-    if (isExpression(textFont)) {
-      mappedValue = mapArrayExpressionValue(textFont, callbackFn);
-    } else if (Array.isArray(textFont)) {
-      mappedValue = callbackFn(textFont);
-    } else {
-      console.warn(
-        "Deprecated function definitions are not supported, font stack has not been transformed."
-      );
-      console.dir(textFont, { depth: null });
-      return layer;
-    }
-    return {
-      ...layer,
-      layout: {
-        ...layer.layout,
-        "text-font": mappedValue
-      }
-    };
-  });
-}
-function isExpression(value) {
-  return Array.isArray(value) && value.length > 0 && typeof value[0] === "string" && value[0] in expressions;
-}
-function mapArrayExpressionValue(expression, callbackFn) {
-  if (expression[0] === "literal" && Array.isArray(expression[1])) {
-    return ["literal", callbackFn(expression[1])];
-  } else {
-    return [
-      expression[0],
-      ...expression.slice(1).map(
-        // @ts-ignore
-        (x) => {
-          if (isExpression(x)) {
-            return mapArrayExpressionValue(x, callbackFn);
-          } else {
-            return x;
-          }
-        }
-      )
-    ];
-  }
-}
-function assertTileJSON(tilejson) {
-  if (typeof tilejson !== "object" || tilejson === null) {
-    throw new Error("Invalid TileJSON");
-  }
-  if (!("tiles" in tilejson) || !Array.isArray(tilejson.tiles) || tilejson.tiles.length === 0 || tilejson.tiles.some((tile) => typeof tile !== "string")) {
-    throw new Error("Invalid TileJSON: missing or invalid tiles property");
-  }
-}
-const validateStyle = (
-  /** @type {{ (style: unknown): style is StyleSpecification, errors: ValidationError[] }} */
-  ((style) => {
-    validateStyle.errors = validateStyleMin(
-      /** @type {StyleSpecification} */
-      style
-    );
-    if (validateStyle.errors.length) return false;
-    return true;
-  })
-);
-function isInlinedSource(source) {
-  if (source.type === "geojson") {
-    return typeof source.data === "object";
-  } else if (source.type === "vector" || source.type === "raster" || source.type === "raster-dem") {
-    return "tiles" in source;
-  } else {
-    return true;
-  }
-}
-export {
-  assertTileJSON,
-  isInlinedSource,
-  mapFontStacks,
-  replaceFontStacks,
-  validateStyle
-};

package/dist/utils/templates.cjs

@@ -1,118 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var templates_exports = {};
-__export(templates_exports, {
-  FONTS_FOLDER: () => FONTS_FOLDER,
-  GLYPH_URI: () => GLYPH_URI,
-  SOURCES_FOLDER: () => SOURCES_FOLDER,
-  STYLE_FILE: () => STYLE_FILE,
-  URI_BASE: () => URI_BASE,
-  URI_SCHEME: () => URI_SCHEME,
-  getContentType: () => getContentType,
-  getGlyphFilename: () => getGlyphFilename,
-  getResourceType: () => getResourceType,
-  getSpriteFilename: () => getSpriteFilename,
-  getSpriteUri: () => getSpriteUri,
-  getTileFilename: () => getTileFilename,
-  getTileUri: () => getTileUri,
-  replaceVariables: () => replaceVariables
-});
-module.exports = __toCommonJS(templates_exports);
-const URI_SCHEME = "smp";
-const URI_BASE = URI_SCHEME + "://maps.v1/";
-const STYLE_FILE = "style.json";
-const SOURCES_FOLDER = "s";
-const SPRITES_FOLDER = "sprites";
-const FONTS_FOLDER = "fonts";
-const TILE_FILE = SOURCES_FOLDER + "/{sourceId}/{z}/{x}/{y}{ext}";
-const SPRITE_FILE = SPRITES_FOLDER + "/{id}/sprite{pixelRatio}{ext}";
-const GLYPH_FILE = FONTS_FOLDER + "/{fontstack}/{range}.pbf.gz";
-const GLYPH_URI = URI_BASE + GLYPH_FILE;
-const pathToResouceType = (
-  /** @type {const} */
-  {
-    [TILE_FILE.split("/")[0] + "/"]: "tile",
-    [SPRITE_FILE.split("/")[0] + "/"]: "sprite",
-    [GLYPH_FILE.split("/")[0] + "/"]: "glyph"
-  }
-);
-function getResourceType(path) {
-  if (path === "style.json") return "style";
-  for (const [prefix, type] of Object.entries(pathToResouceType)) {
-    if (path.startsWith(prefix)) return type;
-  }
-  throw new Error(`Unknown resource type for path: ${path}`);
-}
-function getContentType(path) {
-  if (path.endsWith(".json")) return "application/json; charset=utf-8";
-  if (path.endsWith(".pbf.gz") || path.endsWith(".pbf"))
-    return "application/x-protobuf";
-  if (path.endsWith(".png")) return "image/png";
-  if (path.endsWith(".jpg")) return "image/jpeg";
-  if (path.endsWith(".webp")) return "image/webp";
-  if (path.endsWith(".mvt.gz") || path.endsWith(".mvt"))
-    return "application/vnd.mapbox-vector-tile";
-  throw new Error(`Unknown content type for path: ${path}`);
-}
-function getTileFilename({ sourceId, z, x, y, format }) {
-  const ext = "." + format + (format === "mvt" ? ".gz" : "");
-  return replaceVariables(TILE_FILE, { sourceId, z, x, y, ext });
-}
-function getSpriteFilename({ id, pixelRatio, ext }) {
-  return replaceVariables(SPRITE_FILE, {
-    id,
-    pixelRatio: getPixelRatioString(pixelRatio),
-    ext
-  });
-}
-function getGlyphFilename({ fontstack, range }) {
-  return replaceVariables(GLYPH_FILE, { fontstack, range });
-}
-function getSpriteUri(id = "default") {
-  return URI_BASE + replaceVariables(SPRITE_FILE, { id, pixelRatio: "", ext: "" });
-}
-function getTileUri({ sourceId, format }) {
-  const ext = "." + format + (format === "mvt" ? ".gz" : "");
-  return URI_BASE + TILE_FILE.replace("{sourceId}", sourceId).replace("{ext}", ext);
-}
-function getPixelRatioString(pixelRatio) {
-  return pixelRatio === 1 ? "" : `@${pixelRatio}x`;
-}
-function replaceVariables(template, variables) {
-  return template.replace(/{(.*?)}/g, (match, varName) => {
-    return varName in variables ? String(variables[varName]) : match;
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FONTS_FOLDER,
-  GLYPH_URI,
-  SOURCES_FOLDER,
-  STYLE_FILE,
-  URI_BASE,
-  URI_SCHEME,
-  getContentType,
-  getGlyphFilename,
-  getResourceType,
-  getSpriteFilename,
-  getSpriteUri,
-  getTileFilename,
-  getTileUri,
-  replaceVariables
-});