@opengis/gis 0.2.176 → 0.2.177

package/server/routes/map/functions/gis.icon.js

@@ -1,220 +1,220 @@
-import { mkdir, readFile, writeFile } from 'node:fs/promises';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-import * as solidIcons from '@fortawesome/free-solid-svg-icons';
-import sharp from 'sharp';
-import { BadRequestError, NotFoundError } from '@opengis/fastify-table/errors.js';
-
-const iconFilenamePattern = /^([a-z][a-z0-9]*)-(s|m|l|xl)-(fa|ar)-([a-z0-9-]+)\+([a-f0-9]{3,8})\.(png|svg)$/i;
-const validColorLengths = new Set([3, 4, 6, 8]);
-
-const iconSizeByCode = {
-  s: 24,
-  m: 32,
-  l: 48,
-  xl: 64,
-};
-
-const contentTypeByFormat = {
-  png: 'image/png',
-  svg: 'image/svg+xml',
-};
-
-// Templates with a transparent or white center can safely recolor their background.
-const pinConfig = {
-  pin: { x: 98, y: 99, iconSize: 110 },
-  pin1: { x: 237, y: 205, iconSize: 200 },
-  pin2: {
-    x: 195, y: 185, iconSize: 210, recolorBackground: true,
-  },
-  pin3: {
-    x: 197, y: 205, iconSize: 215, recolorBackground: true,
-  },
-  pin4: {
-    x: 265, y: 230, iconSize: 250, recolorBackground: true,
-  },
-  pin5: {
-    x: 205, y: 203, iconSize: 245, recolorBackground: true,
-  },
-  pin6: {
-    x: 220, y: 215, iconSize: 281, recolorBackground: true,
-  },
-  pin7: {
-    x: 220, y: 215, iconSize: 281, recolorBackground: true,
-  },
-  circle1: { x: 321, y: 308, iconSize: 260 },
-  circle2: { x: 251, y: 248, iconSize: 300 },
-  none: { x: 250, y: 250, iconSize: 300 },
-};
-
-const dirname = path.dirname(fileURLToPath(import.meta.url));
-const pinDirectory = path.join(dirname, '../pin');
-const iconDirectory = path.join(process.cwd(), 'log', 'icon');
-const iconDirectoryReady = mkdir(iconDirectory, { recursive: true });
-
-function parseIconFilename(filename) {
-  const match = iconFilenamePattern.exec(filename);
-  if (!match) return null;
-
-  const [, pinName, sizeCode, iconType, iconValue, hexColor, format] = match;
-  if (!validColorLengths.has(hexColor.length)) return null;
-
-  return {
-    filename: filename.toLowerCase(),
-    pinName: pinName.toLowerCase(),
-    size: iconSizeByCode[sizeCode.toLowerCase()],
-    iconType: iconType.toLowerCase(),
-    iconValue: iconType.toLowerCase() === 'fa'
-      ? iconValue.toLowerCase()
-      : iconValue.toUpperCase(),
-    color: `#${hexColor}`,
-    format: format.toLowerCase(),
-  };
-}
-
-function findIcon(iconName) {
-  const exportName = `fa${iconName.replace(/(^|-)([a-z0-9])/g, (_, __, char) => char.toUpperCase())}`;
-  const exportedIcon = solidIcons[exportName];
-
-  if (exportedIcon?.prefix === 'fas') return exportedIcon;
-
-  return Object.values(solidIcons).find(icon => (
-    icon?.prefix === 'fas' && icon.iconName === iconName
-  ));
-}
-
-async function readFileIfExists(filePath, encoding) {
-  try {
-    return await readFile(filePath, encoding);
-  }
-  catch (error) {
-    if (error.code !== 'ENOENT') throw error;
-    return null;
-  }
-}
-
-function getSvgAttribute(svg, attribute, fallback) {
-  const match = new RegExp(`\\b${attribute}="([0-9.]+)"`, 'i').exec(svg);
-  return match ? Number(match[1]) : fallback;
-}
-
-function getPinPlacement(pinName, width, height) {
-  return pinConfig[pinName] || {
-    x: width / 2,
-    y: height / 2,
-    iconSize: Math.min(width, height) * 0.55,
-  };
-}
-
-function createFontAwesomeSvg(icon, placement, color) {
-  const [width, height, , , pathData] = icon.icon;
-  const paths = Array.isArray(pathData) ? pathData : [pathData];
-  const x = placement.x - placement.iconSize / 2;
-  const y = placement.y - placement.iconSize / 2;
-
-  return `<svg data-gis-icon-layer="foreground" x="${x}" y="${y}" width="${placement.iconSize}" height="${placement.iconSize}" viewBox="0 0 ${width} ${height}" fill="${color}">
-      ${paths.map(iconPath => `<path d="${iconPath}"/>`).join('')}
-    </svg>`;
-}
-
-function createSymbolSvg(symbol, placement, color) {
-  const fontSize = Math.round(placement.iconSize * 0.75);
-
-  return `<text data-gis-icon-layer="foreground" x="${placement.x}" y="${placement.y}" fill="${color}" font-family="Arial, sans-serif" font-size="${fontSize}" font-weight="700" text-anchor="middle" dominant-baseline="middle">${symbol}</text>`;
-}
-
-function createForegroundSvg(options, placement) {
-  if (options.iconType === 'ar') {
-    return createSymbolSvg(options.iconValue, placement, options.color);
-  }
-
-  const icon = findIcon(options.iconValue);
-  return icon ? createFontAwesomeSvg(icon, placement, options.color) : null;
-}
-
-function setSvgViewport(svg, size, width, height) {
-  return svg.replace(/<svg\b([^>]*)>/i, (_, attributes) => {
-    const rootAttributes = attributes
-      .replace(/\swidth="[^"]*"/i, '')
-      .replace(/\sheight="[^"]*"/i, '')
-      .replace(/\sviewBox="[^"]*"/i, '');
-
-    return `<svg${rootAttributes} width="${size}" height="${size}" viewBox="0 0 ${width} ${height}">`;
-  });
-}
-
-async function createPinSvg({
-  pinName,
-  size,
-  color,
-  ...iconOptions
-}) {
-  const templatePath = path.join(pinDirectory, `${pinName}.svg`);
-  const template = await readFileIfExists(templatePath, 'utf8');
-  if (!template) return null;
-
-  const width = getSvgAttribute(template, 'width', 512);
-  const height = getSvgAttribute(template, 'height', 512);
-  const placement = getPinPlacement(pinName, width, height);
-  const coloredTemplate = placement.recolorBackground
-    ? template.replace(/#ff0000/gi, color)
-    : template;
-  const svg = setSvgViewport(coloredTemplate, size, width, height);
-  const foreground = createForegroundSvg({ ...iconOptions, color }, placement);
-  if (!foreground) return null;
-
-  return svg.replace(/<\/svg>\s*$/, `${foreground}</svg>`);
-}
-
-async function createIcon(options) {
-  const svg = await createPinSvg({
-    ...options,
-  });
-  if (!svg) return null;
-  if (options.format === 'svg') return Buffer.from(svg);
-
-  return sharp(Buffer.from(svg)).png().toBuffer();
-}
-
-async function getIcon(options, nocache = false) {
-  await iconDirectoryReady;
-
-  const iconPath = path.join(iconDirectory, options.filename);
-  if (!nocache) {
-    const cachedIcon = await readFileIfExists(iconPath);
-    if (cachedIcon) return cachedIcon;
-  }
-
-  const icon = await createIcon(options);
-  if (!icon) return null;
-
-  await writeFile(iconPath, icon);
-  return icon;
-}
-
-export default async function gisIconApi({ name, nocache }) {
-  if (!name) {
-    throw BadRequestError('not enough params: name');
-  }
-
-  const options = parseIconFilename(name);
-
-  if (!options) {
-    throw BadRequestError('invalid icon name');
-  }
-
-  const image = await getIcon(options, nocache);
-
-  if (!image) {
-    throw NotFoundError('icon not found');
-  }
-
-  return {
-    headers: {
-      'Content-Type': contentTypeByFormat[options.format],
-      'Cache-Control': nocache ? 'no-cache' : 'public, max-age=31536000, immutable'
-    },
-    data: image
-  }
-}
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import * as solidIcons from '@fortawesome/free-solid-svg-icons';
+import sharp from 'sharp';
+import { BadRequestError, NotFoundError } from '@opengis/fastify-table/errors.js';
+
+const iconFilenamePattern = /^([a-z][a-z0-9]*)-(s|m|l|xl)-(fa|ar)-([a-z0-9-]+)\+([a-f0-9]{3,8})\.(png|svg)$/i;
+const validColorLengths = new Set([3, 4, 6, 8]);
+
+const iconSizeByCode = {
+  s: 24,
+  m: 32,
+  l: 48,
+  xl: 64,
+};
+
+const contentTypeByFormat = {
+  png: 'image/png',
+  svg: 'image/svg+xml',
+};
+
+// Templates with a transparent or white center can safely recolor their background.
+const pinConfig = {
+  pin: { x: 98, y: 99, iconSize: 110 },
+  pin1: { x: 237, y: 205, iconSize: 200 },
+  pin2: {
+    x: 195, y: 185, iconSize: 210, recolorBackground: true,
+  },
+  pin3: {
+    x: 197, y: 205, iconSize: 215, recolorBackground: true,
+  },
+  pin4: {
+    x: 265, y: 230, iconSize: 250, recolorBackground: true,
+  },
+  pin5: {
+    x: 205, y: 203, iconSize: 245, recolorBackground: true,
+  },
+  pin6: {
+    x: 220, y: 215, iconSize: 281, recolorBackground: true,
+  },
+  pin7: {
+    x: 220, y: 215, iconSize: 281, recolorBackground: true,
+  },
+  circle1: { x: 321, y: 308, iconSize: 260 },
+  circle2: { x: 251, y: 248, iconSize: 300 },
+  none: { x: 250, y: 250, iconSize: 300 },
+};
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+const pinDirectory = path.join(dirname, '../pin');
+const iconDirectory = path.join(process.cwd(), 'log', 'icon');
+const iconDirectoryReady = mkdir(iconDirectory, { recursive: true });
+
+function parseIconFilename(filename) {
+  const match = iconFilenamePattern.exec(filename);
+  if (!match) return null;
+
+  const [, pinName, sizeCode, iconType, iconValue, hexColor, format] = match;
+  if (!validColorLengths.has(hexColor.length)) return null;
+
+  return {
+    filename: filename.toLowerCase(),
+    pinName: pinName.toLowerCase(),
+    size: iconSizeByCode[sizeCode.toLowerCase()],
+    iconType: iconType.toLowerCase(),
+    iconValue: iconType.toLowerCase() === 'fa'
+      ? iconValue.toLowerCase()
+      : iconValue.toUpperCase(),
+    color: `#${hexColor}`,
+    format: format.toLowerCase(),
+  };
+}
+
+function findIcon(iconName) {
+  const exportName = `fa${iconName.replace(/(^|-)([a-z0-9])/g, (_, __, char) => char.toUpperCase())}`;
+  const exportedIcon = solidIcons[exportName];
+
+  if (exportedIcon?.prefix === 'fas') return exportedIcon;
+
+  return Object.values(solidIcons).find(icon => (
+    icon?.prefix === 'fas' && icon.iconName === iconName
+  ));
+}
+
+async function readFileIfExists(filePath, encoding) {
+  try {
+    return await readFile(filePath, encoding);
+  }
+  catch (error) {
+    if (error.code !== 'ENOENT') throw error;
+    return null;
+  }
+}
+
+function getSvgAttribute(svg, attribute, fallback) {
+  const match = new RegExp(`\\b${attribute}="([0-9.]+)"`, 'i').exec(svg);
+  return match ? Number(match[1]) : fallback;
+}
+
+function getPinPlacement(pinName, width, height) {
+  return pinConfig[pinName] || {
+    x: width / 2,
+    y: height / 2,
+    iconSize: Math.min(width, height) * 0.55,
+  };
+}
+
+function createFontAwesomeSvg(icon, placement, color) {
+  const [width, height, , , pathData] = icon.icon;
+  const paths = Array.isArray(pathData) ? pathData : [pathData];
+  const x = placement.x - placement.iconSize / 2;
+  const y = placement.y - placement.iconSize / 2;
+
+  return `<svg data-gis-icon-layer="foreground" x="${x}" y="${y}" width="${placement.iconSize}" height="${placement.iconSize}" viewBox="0 0 ${width} ${height}" fill="${color}">
+      ${paths.map(iconPath => `<path d="${iconPath}"/>`).join('')}
+    </svg>`;
+}
+
+function createSymbolSvg(symbol, placement, color) {
+  const fontSize = Math.round(placement.iconSize * 0.75);
+
+  return `<text data-gis-icon-layer="foreground" x="${placement.x}" y="${placement.y}" fill="${color}" font-family="Arial, sans-serif" font-size="${fontSize}" font-weight="700" text-anchor="middle" dominant-baseline="middle">${symbol}</text>`;
+}
+
+function createForegroundSvg(options, placement) {
+  if (options.iconType === 'ar') {
+    return createSymbolSvg(options.iconValue, placement, options.color);
+  }
+
+  const icon = findIcon(options.iconValue);
+  return icon ? createFontAwesomeSvg(icon, placement, options.color) : null;
+}
+
+function setSvgViewport(svg, size, width, height) {
+  return svg.replace(/<svg\b([^>]*)>/i, (_, attributes) => {
+    const rootAttributes = attributes
+      .replace(/\swidth="[^"]*"/i, '')
+      .replace(/\sheight="[^"]*"/i, '')
+      .replace(/\sviewBox="[^"]*"/i, '');
+
+    return `<svg${rootAttributes} width="${size}" height="${size}" viewBox="0 0 ${width} ${height}">`;
+  });
+}
+
+async function createPinSvg({
+  pinName,
+  size,
+  color,
+  ...iconOptions
+}) {
+  const templatePath = path.join(pinDirectory, `${pinName}.svg`);
+  const template = await readFileIfExists(templatePath, 'utf8');
+  if (!template) return null;
+
+  const width = getSvgAttribute(template, 'width', 512);
+  const height = getSvgAttribute(template, 'height', 512);
+  const placement = getPinPlacement(pinName, width, height);
+  const coloredTemplate = placement.recolorBackground
+    ? template.replace(/#ff0000/gi, color)
+    : template;
+  const svg = setSvgViewport(coloredTemplate, size, width, height);
+  const foreground = createForegroundSvg({ ...iconOptions, color }, placement);
+  if (!foreground) return null;
+
+  return svg.replace(/<\/svg>\s*$/, `${foreground}</svg>`);
+}
+
+async function createIcon(options) {
+  const svg = await createPinSvg({
+    ...options,
+  });
+  if (!svg) return null;
+  if (options.format === 'svg') return Buffer.from(svg);
+
+  return sharp(Buffer.from(svg)).png().toBuffer();
+}
+
+async function getIcon(options, nocache = false) {
+  await iconDirectoryReady;
+
+  const iconPath = path.join(iconDirectory, options.filename);
+  if (!nocache) {
+    const cachedIcon = await readFileIfExists(iconPath);
+    if (cachedIcon) return cachedIcon;
+  }
+
+  const icon = await createIcon(options);
+  if (!icon) return null;
+
+  await writeFile(iconPath, icon);
+  return icon;
+}
+
+export default async function gisIconApi({ name, nocache }) {
+  if (!name) {
+    throw BadRequestError('not enough params: name');
+  }
+
+  const options = parseIconFilename(name);
+
+  if (!options) {
+    throw BadRequestError('invalid icon name');
+  }
+
+  const image = await getIcon(options, nocache);
+
+  if (!image) {
+    throw NotFoundError('icon not found');
+  }
+
+  return {
+    headers: {
+      'Content-Type': contentTypeByFormat[options.format],
+      'Cache-Control': nocache ? 'no-cache' : 'public, max-age=31536000, immutable'
+    },
+    data: image
+  }
+}