@premiate/strapi-plugin-maplibre-field 1.1.2 → 1.2.1

package/CHANGELOG.md

@@ -5,6 +5,83 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.1] - 2026-02-22
+
+### Added
+
+- **Full-width map field** - Map field now spans all 12 columns in the edit view layout for better usability
+- **Rebalanced info grid** - Place name (6 cols), longitude (3 cols), latitude (3 cols) instead of 8-2-2
+
+### Fixed
+
+- **Admin route security** - Protected `/config` endpoint with `policies: ['admin::isAuthenticatedAdmin']` to allow access to every Strapi authenticated role and prevent unauthorized access
+- **Vite/esbuild class field transpilation** - Removed ES2022 class field declarations from `BasemapControl` and `LayerControlImpl` to prevent `__publicField is not defined` runtime error when Strapi's Vite pre-bundles the plugin with esbuild targeting below ES2022
+- **MapLibre GL pinned to v5.16.0** - Pinned exact version to avoid `__publicField` runtime error with newer releases that use ES2022 class fields
+- **Prettier formatting** - Fixed line length violation in config schema
+
+### Changed
+
+- **Node.js support** - Extended compatibility to Node.js 24.x (>=20.0.0 <=24.x.x)
+- **TypeScript** - Updated from ^5.0.0 to ^5.5.0
+- **ESLint** - Updated from ^8.0.0 to ^8.57.0
+- **PMTiles** - Updated from v4.3.2 to v4.4.0
+
+### Known issue: `__publicField is not defined` in Strapi dev mode
+
+`maplibre-gl` v5 uses ES2022 class field declarations internally (e.g., in the MLT codec). Strapi's Vite dev server does not set `optimizeDeps.esbuildOptions.target` to match its modern `build.target`, so esbuild may transpile these fields into `__publicField()` helper calls that fail at runtime. For this reason `maplibre-gl` is pinned to `5.16.0`.
+
+This is an upstream issue at the intersection of Strapi, Vite 5, and maplibre-gl v5. It may be resolved by a future release of any of these projects.
+
+**Workaround:** create `src/admin/vite.config.ts` in the Strapi host app:
+
+```typescript
+import { mergeConfig, type UserConfig } from 'vite';
+
+export default (config: UserConfig) => {
+  return mergeConfig(config, {
+    optimizeDeps: {
+      esbuildOptions: {
+        target: 'es2022',
+      },
+    },
+  });
+};
+```
+
+## [1.2.0] - 2026-01-29
+
+### Added
+
+- **Localized SearchBox component** - New standalone search component with full internationalization support (en, de, fr, it) [[df821d2](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/df821d2)]
+- **Geocoder service module** - Centralized geocoding logic in dedicated `geocoder-service.ts` [[7025954](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/7025954)]
+
+### Changed
+
+- **Geocoder architecture** - Moved search box outside map component to fix form submission conflicts and improve UX [[7025954](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/7025954)]
+- **Map attributions system** - Replaced custom credits control with MapLibre's native `AttributionControl` that automatically reads attributions from map style JSON [[ba7a18d](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/ba7a18d)]
+- **Default map provider** - Switched from MapLibre demo tiles to OpenFreeMap for more reliable public tile service [[f718470](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/f718470)]
+- **SearchBox styling** - Fully adapted to Strapi Design System for consistent UI/UX [[5059b4e](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/5059b4e), [f2bf749](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/f2bf749)]
+- **Marker color** - Aligned marker color to match Strapi's primary color palette [[06f47cf](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/06f47cf)]
+- **Screenshot** - Updated to reflect new UI with external SearchBox [[ced9092](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/ced9092)]
+
+### Fixed
+
+- **Form submission bug** - Resolved critical issue where search input inside map interfered with Strapi form submission [[7025954](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/7025954)]
+- **Translation conventions** - Aligned translations with Strapi v5 plugin standards [[ca4cdeb](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/ca4cdeb)]
+
+### Removed
+
+- **Deprecated geocoder-control.tsx** - Replaced by standalone SearchBox component (257 lines removed) [[7025954](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/7025954)]
+- **Custom credits-control.tsx** - Replaced by MapLibre native control (129 lines removed) [[ba7a18d](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/ba7a18d)]
+- **Unused dependency** - Removed `@maplibre/maplibre-gl-geocoder` package [[3a352fd](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/3a352fd)]
+
+### Technical Improvements
+
+- Reduced package-lock.json size significantly (cleanup of transitive dependencies)
+- Improved test coverage with updated mocks for geocoder refactoring [[6e4aeef](https://github.com/Premiate-Edizioni/strapi-plugin-maplibre-field/commit/6e4aeef)]
+- Cleaner component architecture with separation of concerns
+- Better TypeScript typing across geocoding services
+
 ## [1.1.2] - 2026-01-18
 
 ### Documentation

package/README.md

@@ -48,9 +48,9 @@ export default {
     config: {
       mapStyles: [
         {
-          id: "osm",
-          name: "OpenStreetMap",
-          url: "https://demotiles.maplibre.org/style.json",
+          id: "ofm",
+          name: "OpenFreeMap",
+          url: "https://tiles.openfreemap.org/styles/liberty",
           isDefault: true,
         },
       ],
@@ -119,7 +119,7 @@ The selected location is saved as a GeoJSON Feature with coordinates, name, addr
 
 The plugin supports any [MapLibre Style Specification](https://maplibre.org/maplibre-style-spec/) compatible provider:
 
-- **MapLibre Demo Tiles** - Free, public, no API key required (setup as fallback if no configuration available)
+- **OpenFreeMap** - Free, public OpenStreetMap tiles, no API key required (setup as fallback if no configuration available)
 - **MapTiler** - Requires API key, multiple styles available
 - **Stadia Maps** - Requires API key, OSM-based styles
 - **PMTiles** - Self-hosted tiles, no tile server required

package/dist/_chunks/de-B0QBc7M2.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const label = "Karte";
+const description = "Eine Kartenkomponente, basierend auf MapLibre";
+const search = "Suchen Sie nach einem Ort oder einer Adresse";
+const de = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Suchen Sie nach einem Ort...",
+  "search.button": "Suchen",
+  "fields.address": "Adresse",
+  "fields.longitude": "Längengrad",
+  "fields.latitude": "Breitengrad",
+  "fields.poi-name": "POI-Name",
+  "fields.poi-address": "Vollständige Adresse",
+  "coordinates-saved": "Koordinaten gespeichert",
+  "geocoding.success": "Adresse erfolgreich aktualisiert",
+  "geocoding.error": "Fehler beim Abrufen der Adresse. Bitte versuchen Sie es erneut.",
+  "geocoding.no-results": "Keine Adresse für diesen Standort gefunden",
+  "i18n.localized.label": "Lokalisierung für dieses Feld aktivieren",
+  "i18n.localized.description": "Das Feld kann in jeder Sprache unterschiedliche Werte haben"
+};
+exports.default = de;
+exports.description = description;
+exports.label = label;
+exports.search = search;

package/dist/_chunks/de-BMK0skCB.mjs

@@ -0,0 +1,27 @@
+const label = "Karte";
+const description = "Eine Kartenkomponente, basierend auf MapLibre";
+const search = "Suchen Sie nach einem Ort oder einer Adresse";
+const de = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Suchen Sie nach einem Ort...",
+  "search.button": "Suchen",
+  "fields.address": "Adresse",
+  "fields.longitude": "Längengrad",
+  "fields.latitude": "Breitengrad",
+  "fields.poi-name": "POI-Name",
+  "fields.poi-address": "Vollständige Adresse",
+  "coordinates-saved": "Koordinaten gespeichert",
+  "geocoding.success": "Adresse erfolgreich aktualisiert",
+  "geocoding.error": "Fehler beim Abrufen der Adresse. Bitte versuchen Sie es erneut.",
+  "geocoding.no-results": "Keine Adresse für diesen Standort gefunden",
+  "i18n.localized.label": "Lokalisierung für dieses Feld aktivieren",
+  "i18n.localized.description": "Das Feld kann in jeder Sprache unterschiedliche Werte haben"
+};
+export {
+  de as default,
+  description,
+  label,
+  search
+};

package/dist/_chunks/en-C8iInpNv.mjs

@@ -0,0 +1,27 @@
+const label = "Map";
+const description = "A map custom field using MapLibre";
+const search = "Search for a place or address on OpenStreetMap";
+const en = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Search for a location...",
+  "search.button": "Search",
+  "fields.address": "Address",
+  "fields.longitude": "Longitude",
+  "fields.latitude": "Latitude",
+  "fields.poi-name": "POI Name",
+  "fields.poi-address": "Full Address",
+  "coordinates-saved": "Coordinates set",
+  "geocoding.success": "Address updated successfully",
+  "geocoding.error": "Failed to fetch address. Please try again.",
+  "geocoding.no-results": "No address found for this location",
+  "i18n.localized.label": "Enable localization for this field",
+  "i18n.localized.description": "The field can have different values in each language"
+};
+export {
+  en as default,
+  description,
+  label,
+  search
+};

package/dist/_chunks/en-CA0XtbN7.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const label = "Map";
+const description = "A map custom field using MapLibre";
+const search = "Search for a place or address on OpenStreetMap";
+const en = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Search for a location...",
+  "search.button": "Search",
+  "fields.address": "Address",
+  "fields.longitude": "Longitude",
+  "fields.latitude": "Latitude",
+  "fields.poi-name": "POI Name",
+  "fields.poi-address": "Full Address",
+  "coordinates-saved": "Coordinates set",
+  "geocoding.success": "Address updated successfully",
+  "geocoding.error": "Failed to fetch address. Please try again.",
+  "geocoding.no-results": "No address found for this location",
+  "i18n.localized.label": "Enable localization for this field",
+  "i18n.localized.description": "The field can have different values in each language"
+};
+exports.default = en;
+exports.description = description;
+exports.label = label;
+exports.search = search;

package/dist/_chunks/es-BU6JgkbZ.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const label = "Mapa";
+const description = "Un campo personalizado de mapa usando MapLibre";
+const search = "Buscar un lugar o dirección en OpenStreetMap";
+const es = {
+  label,
+  description,
+  search,
+  "fields.address": "Dirección",
+  "fields.longitude": "Longitud",
+  "fields.latitude": "Latitud",
+  "fields.poi-name": "Nombre del POI",
+  "fields.poi-address": "Dirección completa",
+  "coordinates-saved": "Coordenadas guardadas",
+  "geocoding.success": "Dirección actualizada con éxito",
+  "geocoding.error": "Error al obtener la dirección. Por favor, inténtelo de nuevo.",
+  "geocoding.no-results": "No se encontró dirección para esta ubicación",
+  "i18n.localized.label": "Activar localización para este campo",
+  "i18n.localized.description": "El campo puede tener valores diferentes en cada idioma"
+};
+exports.default = es;
+exports.description = description;
+exports.label = label;
+exports.search = search;

package/dist/_chunks/es-DZO4NHjt.mjs

@@ -0,0 +1,25 @@
+const label = "Mapa";
+const description = "Un campo personalizado de mapa usando MapLibre";
+const search = "Buscar un lugar o dirección en OpenStreetMap";
+const es = {
+  label,
+  description,
+  search,
+  "fields.address": "Dirección",
+  "fields.longitude": "Longitud",
+  "fields.latitude": "Latitud",
+  "fields.poi-name": "Nombre del POI",
+  "fields.poi-address": "Dirección completa",
+  "coordinates-saved": "Coordenadas guardadas",
+  "geocoding.success": "Dirección actualizada con éxito",
+  "geocoding.error": "Error al obtener la dirección. Por favor, inténtelo de nuevo.",
+  "geocoding.no-results": "No se encontró dirección para esta ubicación",
+  "i18n.localized.label": "Activar localización para este campo",
+  "i18n.localized.description": "El campo puede tener valores diferentes en cada idioma"
+};
+export {
+  es as default,
+  description,
+  label,
+  search
+};

package/dist/_chunks/fr-B8NDboqe.mjs

@@ -0,0 +1,27 @@
+const label = "Carte";
+const description = "Un champ carte utilisant MapLibre";
+const search = "Recherche d'un lieu ou d'une adresse";
+const fr = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Rechercher un lieu...",
+  "search.button": "Rechercher",
+  "fields.address": "Adresse",
+  "fields.longitude": "Longitude",
+  "fields.latitude": "Latitude",
+  "fields.poi-name": "Nom du POI",
+  "fields.poi-address": "Adresse complète",
+  "coordinates-saved": "Coordonnées enregistrées",
+  "geocoding.success": "Adresse mise à jour avec succès",
+  "geocoding.error": "Impossible de récupérer l'adresse. Veuillez réessayer.",
+  "geocoding.no-results": "Aucune adresse trouvée pour cet emplacement",
+  "i18n.localized.label": "Activer la localisation pour ce champ",
+  "i18n.localized.description": "Le champ peut avoir des valeurs différentes dans chaque langue"
+};
+export {
+  fr as default,
+  description,
+  label,
+  search
+};

package/dist/_chunks/fr-DIBfzRbg.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const label = "Carte";
+const description = "Un champ carte utilisant MapLibre";
+const search = "Recherche d'un lieu ou d'une adresse";
+const fr = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Rechercher un lieu...",
+  "search.button": "Rechercher",
+  "fields.address": "Adresse",
+  "fields.longitude": "Longitude",
+  "fields.latitude": "Latitude",
+  "fields.poi-name": "Nom du POI",
+  "fields.poi-address": "Adresse complète",
+  "coordinates-saved": "Coordonnées enregistrées",
+  "geocoding.success": "Adresse mise à jour avec succès",
+  "geocoding.error": "Impossible de récupérer l'adresse. Veuillez réessayer.",
+  "geocoding.no-results": "Aucune adresse trouvée pour cet emplacement",
+  "i18n.localized.label": "Activer la localisation pour ce champ",
+  "i18n.localized.description": "Le champ peut avoir des valeurs différentes dans chaque langue"
+};
+exports.default = fr;
+exports.description = description;
+exports.label = label;
+exports.search = search;