@premiate/strapi-plugin-maplibre-field 1.2.0 → 1.2.2

package/dist/admin/index-DjL4deZ6.mjs

@@ -0,0 +1,171 @@
+import { useRef, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { PinMap } from "@strapi/icons";
+import { Flex } from "@strapi/design-system";
+import { styled } from "styled-components";
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const name$1 = "@premiate/strapi-plugin-maplibre-field";
+const strapi = { "name": "maplibre-field" };
+const pluginPkg = {
+  name: name$1,
+  strapi
+};
+const pluginId = pluginPkg.name.replace(/^(@[^/]+\/)?strapi-plugin-/i, "");
+const getTrad = (id) => `${pluginId}.${id}`;
+const Initializer = ({ setPlugin }) => {
+  const ref = useRef(false);
+  useEffect(() => {
+    if (!ref.current) {
+      setPlugin("maplibre-field");
+      ref.current = true;
+    }
+  }, [setPlugin]);
+  return null;
+};
+const IconBox = styled(Flex)`
+  /* Hard code color values */
+  /* to stay consistent between themes */
+  background-color: #f0f0ff; /* primary100 */
+  border: 1px solid #d9d8ff; /* primary200 */
+
+  svg > path {
+    fill: #4945ff; /* primary600 */
+  }
+`;
+const PluginIcon = () => {
+  return /* @__PURE__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(PinMap, {}) });
+};
+const mutateLayouts = (layouts) => {
+  return layouts.map((row) => {
+    return row.map((field) => {
+      const hasMapFieldEnabled = field.attribute?.pluginOptions?.["maplibre-field"]?.enabled;
+      if (!hasMapFieldEnabled) {
+        return field;
+      }
+      return {
+        ...field,
+        size: 12,
+        // Full width (12 columns out of 12)
+        attribute: {
+          ...field.attribute,
+          customField: `plugin::${pluginId}.map`
+        }
+      };
+    });
+  });
+};
+const mutateEditViewHook = (editLayout) => {
+  if (!editLayout) {
+    return editLayout;
+  }
+  if (!Array.isArray(editLayout.layout)) {
+    return editLayout;
+  }
+  const mutatedLayout = mutateLayouts(editLayout.layout);
+  return {
+    ...editLayout,
+    layout: mutatedLayout
+  };
+};
+const prefixPluginTranslations = (trad, pluginId2) => {
+  if (!pluginId2) {
+    throw new TypeError("pluginId can't be empty");
+  }
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId2}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
+const name = pluginPkg.strapi.name;
+const index = {
+  register(app) {
+    app.customFields.register({
+      name: "map",
+      pluginId,
+      type: "json",
+      intlLabel: {
+        id: getTrad("label"),
+        defaultMessage: "Map"
+      },
+      intlDescription: {
+        id: getTrad("description"),
+        defaultMessage: "A map custom field using MapLibre"
+      },
+      icon: PluginIcon,
+      components: {
+        Input: async () => import(
+          /* webpackChunkName: "input-component" */
+          "./index-B-3vqPUe.mjs"
+        )
+      },
+      options: {
+        advanced: [
+          {
+            sectionTitle: null,
+            items: [
+              {
+                name: "options.pluginOptions.i18n.localized",
+                type: "checkbox",
+                intlLabel: {
+                  id: getTrad("i18n.localized.label"),
+                  defaultMessage: "Enable localization for this field"
+                },
+                intlDescription: {
+                  id: getTrad("i18n.localized.description"),
+                  defaultMessage: "The field can have different values in each language"
+                },
+                defaultValue: false
+              }
+            ]
+          }
+        ]
+      }
+    });
+    app.registerPlugin({
+      id: pluginId,
+      initializer: Initializer,
+      isReady: false,
+      name
+    });
+  },
+  bootstrap(app) {
+    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", mutateEditViewHook);
+  },
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-BMK0skCB.mjs"), "./translations/en.json": () => import("./en-C8iInpNv.mjs"), "./translations/es.json": () => import("./es-DZO4NHjt.mjs"), "./translations/fr.json": () => import("./fr-B8NDboqe.mjs"), "./translations/it.json": () => import("./it-DFH6n6E1.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+export {
+  getTrad as g,
+  index as i
+};

package/dist/admin/index.js

@@ -1,3 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-zNvHsRuo.js");
-module.exports = index.index;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index = require("./index-B0LVK-NK.js");
+exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-Bp7DLorc.mjs";
+import { i } from "./index-DjL4deZ6.mjs";
 export {
   i as default
 };

package/dist/admin/it-B-lr3jhh.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const label = "Mappa";
+const description = "Un custom field per mappe usando MapLibre";
+const search = "Cerca un indirizzo o luogo su OpenStreetMap";
+const it = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Cerca una località...",
+  "search.button": "Cerca",
+  "fields.address": "Indirizzo",
+  "fields.longitude": "Longitudine",
+  "fields.latitude": "Latitudine",
+  "fields.poi-name": "Nome POI",
+  "fields.poi-address": "Indirizzo completo",
+  "coordinates-saved": "Coordinate impostate",
+  "geocoding.success": "Indirizzo aggiornato con successo",
+  "geocoding.error": "Impossibile recuperare l'indirizzo. Riprova.",
+  "geocoding.no-results": "Nessun indirizzo trovato per questa posizione",
+  "i18n.localized.label": "Abilita la localizzazione per questo campo",
+  "i18n.localized.description": "Il campo può avere valori diversi in ogni lingua"
+};
+exports.default = it;
+exports.description = description;
+exports.label = label;
+exports.search = search;

package/dist/admin/it-DFH6n6E1.mjs

@@ -0,0 +1,27 @@
+const label = "Mappa";
+const description = "Un custom field per mappe usando MapLibre";
+const search = "Cerca un indirizzo o luogo su OpenStreetMap";
+const it = {
+  label,
+  description,
+  search,
+  "search.placeholder": "Cerca una località...",
+  "search.button": "Cerca",
+  "fields.address": "Indirizzo",
+  "fields.longitude": "Longitudine",
+  "fields.latitude": "Latitudine",
+  "fields.poi-name": "Nome POI",
+  "fields.poi-address": "Indirizzo completo",
+  "coordinates-saved": "Coordinate impostate",
+  "geocoding.success": "Indirizzo aggiornato con successo",
+  "geocoding.error": "Impossibile recuperare l'indirizzo. Riprova.",
+  "geocoding.no-results": "Nessun indirizzo trovato per questa posizione",
+  "i18n.localized.label": "Abilita la localizzazione per questo campo",
+  "i18n.localized.description": "Il campo può avere valori diversi in ogni lingua"
+};
+export {
+  it as default,
+  description,
+  label,
+  search
+};

package/dist/server/index.js

@@ -1,4 +1,5 @@
 "use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const register = ({ strapi }) => {
   strapi.customFields.register({
     name: "map",
@@ -63,6 +64,11 @@ const schema = {
     type: "number",
     default: 5,
     description: "Snap radius in meters for double-click POI detection (default: 5m)"
+  },
+  useFullscreenPseudo: {
+    type: "boolean",
+    default: true,
+    description: "Use CSS-based fullscreen (faster on some devices) instead of native fullscreen API (requires MapLibre v5.18.0+)"
   }
 };
 function validator(config2) {
@@ -150,8 +156,7 @@ const admin = {
       path: "/config",
       handler: "config.getConfig",
       config: {
-        auth: false
-        // Config must be accessible from frontend to initialize the map
+        policies: ["admin::isAuthenticatedAdmin"]
       }
     }
   ]
@@ -167,4 +172,4 @@ const index = {
   controllers,
   routes
 };
-module.exports = index;
+exports.default = index;

package/dist/server/index.mjs

@@ -62,6 +62,11 @@ const schema = {
     type: "number",
     default: 5,
     description: "Snap radius in meters for double-click POI detection (default: 5m)"
+  },
+  useFullscreenPseudo: {
+    type: "boolean",
+    default: true,
+    description: "Use CSS-based fullscreen (faster on some devices) instead of native fullscreen API (requires MapLibre v5.18.0+)"
   }
 };
 function validator(config2) {
@@ -149,8 +154,7 @@ const admin = {
       path: "/config",
       handler: "config.getConfig",
       config: {
-        auth: false
-        // Config must be accessible from frontend to initialize the map
+        policies: ["admin::isAuthenticatedAdmin"]
       }
     }
   ]

package/dist/server/src/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     register: ({ strapi }: {
-        strapi: import("@strapi/types/dist/core").Strapi;
+        strapi: import('@strapi/types/dist/core').Strapi;
     }) => void;
     bootstrap: () => void;
     destroy: () => void;
@@ -56,12 +56,17 @@ declare const _default: {
                 default: number;
                 description: string;
             };
+            useFullscreenPseudo: {
+                type: string;
+                default: boolean;
+                description: string;
+            };
         };
-        validator: (config: import("./types/config").MapLibreConfig) => void;
+        validator: (config: import('./types/config').MapLibreConfig) => void;
     };
     controllers: {
         config: ({ strapi }: {
-            strapi: import("@strapi/types/dist/core").Strapi;
+            strapi: import('@strapi/types/dist/core').Strapi;
         }) => {
             getConfig(ctx: {
                 body: unknown;
@@ -76,7 +81,7 @@ declare const _default: {
                 path: string;
                 handler: string;
                 config: {
-                    auth: boolean;
+                    policies: string[];
                 };
             }[];
         };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@premiate/strapi-plugin-maplibre-field",
-	"version": "1.2.0",
+	"version": "1.2.2",
 	"description": "Strapi plugin that provides a MapLibre custom field",
 	"repository": {
 		"type": "git",
@@ -23,6 +23,7 @@
 		"CHANGELOG.md",
 		"logo.png"
 	],
+	"types": "./dist/server/src/index.d.ts",
 	"exports": {
 		"./package.json": "./package.json",
 		"./strapi-admin": {
@@ -52,22 +53,21 @@
 		"prepublishOnly": "npm run build && npm run verify && npm test"
 	},
 	"dependencies": {
-		"maplibre-gl": "5.16.0",
-		"pmtiles": "^4.3.2",
+		"maplibre-gl": "^5.21.0",
+		"pmtiles": "^4.4.0",
 		"react-map-gl": "^8.1.0"
 	},
 	"devDependencies": {
-		"@strapi/eslint-config": "^1.0.1",
-		"@strapi/sdk-plugin": "^5.4.0",
+		"@strapi/sdk-plugin": "^6.0.1",
 		"@strapi/typescript-utils": "^5.0.0",
 		"@testing-library/jest-dom": "^6.0.0",
 		"@testing-library/react": "^14.0.0",
 		"@types/jest": "^30.0.0",
 		"@types/react": "^18.0.0",
 		"@types/react-dom": "^18.0.0",
-		"@typescript-eslint/eslint-plugin": "^6.0.0",
-		"@typescript-eslint/parser": "^6.0.0",
-		"eslint": "^8.0.0",
+		"@typescript-eslint/eslint-plugin": "^7.0.0",
+		"@typescript-eslint/parser": "^7.0.0",
+		"eslint": "^8.57.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-prettier": "^5.5.5",
 		"identity-obj-proxy": "^3.0.0",
@@ -75,7 +75,7 @@
 		"jest-environment-jsdom": "^30.2.0",
 		"ts-jest": "^29.0.0",
 		"ts-node": "^10.9.2",
-		"typescript": "^5.0.0"
+		"typescript": "^5.5.0"
 	},
 	"author": {
 		"name": "Claudio Bernardini",
@@ -95,6 +95,9 @@
 		"access": "public",
 		"registry": "https://registry.npmjs.org/"
 	},
+	"overrides": {
+		"@microsoft/api-extractor": "7.56.3"
+	},
 	"engines": {
 		"node": ">=20.0.0 <=24.x.x",
 		"npm": ">=6.0.0"

package/dist/admin/src/components/Initializer.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface InitializerProps {
-    setPlugin: (id: string) => void;
-}
-declare const Initializer: React.FC<InitializerProps>;
-export default Initializer;

package/dist/admin/src/components/MapInput/SearchBox.d.ts

@@ -1,22 +0,0 @@
-/**
- * SearchBox Component
- *
- * Provides a search interface for geocoding (Nominatim) and custom POI search.
- * Displays results in a dropdown and calls onSelectResult when user selects a location.
- */
-import React from 'react';
-import type { LocationFeature } from '../../services/poi-service';
-export interface SearchBoxProps {
-    onSelectResult: (result: LocationFeature) => void;
-    nominatimUrl: string;
-    poiSearchEnabled?: boolean;
-    poiSources?: Array<{
-        id: string;
-        name: string;
-        apiUrl: string;
-        enabled?: boolean;
-        color?: string;
-    }>;
-}
-declare const SearchBox: React.FC<SearchBoxProps>;
-export default SearchBox;

package/dist/admin/src/components/MapInput/basemap-control.d.ts

@@ -1,8 +0,0 @@
-import type { MapStyle } from '../../../../server/src/types/config';
-interface BasemapControlProps {
-    mapStyles: MapStyle[];
-    currentStyleUrl: string;
-    onStyleChange: (styleUrl: string) => void;
-}
-export default function BasemapControlComponent({ mapStyles, currentStyleUrl, onStyleChange, }: BasemapControlProps): null;
-export {};

package/dist/admin/src/components/MapInput/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import 'maplibre-gl/dist/maplibre-gl.css';
-interface MapFieldProps {
-    intlLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-    name: string;
-    onChange: (event: {
-        target: {
-            name: string;
-            value: string;
-            type: string;
-        };
-    }) => void;
-    value: string | null;
-}
-declare const MapField: React.FC<MapFieldProps>;
-export default MapField;

package/dist/admin/src/components/MapInput/layer-control.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { MapRef } from 'react-map-gl/maplibre';
-export interface LayerConfig {
-    id: string;
-    name: string;
-    enabled: boolean;
-    color?: string;
-}
-interface LayerControlProps {
-    mapRef: React.RefObject<MapRef>;
-    layers: LayerConfig[];
-    onLayerToggle: (layerId: string, enabled: boolean) => void;
-}
-/**
- * React wrapper for MapLibre Layer Control
- */
-declare const LayerControl: React.FC<LayerControlProps>;
-export default LayerControl;

package/dist/admin/src/components/PluginIcon.d.ts

@@ -1,2 +0,0 @@
-declare const PluginIcon: () => import("react/jsx-runtime").JSX.Element;
-export default PluginIcon;

package/dist/admin/src/hooks/usePluginConfig.d.ts

@@ -1,2 +0,0 @@
-import type { MapLibreConfig } from '../../../server/src/types/config';
-export declare const usePluginConfig: () => MapLibreConfig;

package/dist/admin/src/mutations/mutateEditViewHook.d.ts

@@ -1,30 +0,0 @@
-interface EditFieldLayout {
-    attribute?: {
-        customField?: string;
-        pluginOptions?: {
-            [key: string]: {
-                enabled?: boolean;
-            };
-        };
-        type?: string;
-    };
-    name?: string;
-    size?: number;
-    [key: string]: unknown;
-}
-interface EditLayout {
-    layout: Array<Array<EditFieldLayout>>;
-    components: {
-        [uid: string]: {
-            layout: Array<EditFieldLayout>;
-            settings: unknown;
-        };
-    };
-    metadatas: {
-        [key: string]: unknown;
-    };
-    options: unknown;
-    settings: unknown;
-}
-declare const mutateEditViewHook: (editLayout: EditLayout) => EditLayout;
-export default mutateEditViewHook;

package/dist/admin/src/services/geocoder-service.d.ts

@@ -1,31 +0,0 @@
-/**
- * Geocoder Service
- *
- * Combines Nominatim geocoding and custom POI search into a unified search interface
- */
-import type { LocationFeature } from './poi-service';
-export interface SearchResult {
-    id: string;
-    place_name: string;
-    feature: LocationFeature;
-    source: 'nominatim' | 'custom';
-}
-export interface POISource {
-    id: string;
-    name: string;
-    apiUrl: string;
-    enabled?: boolean;
-    color?: string;
-}
-export interface SearchConfig {
-    nominatimUrl: string;
-    poiSearchEnabled?: boolean;
-    poiSources?: POISource[];
-}
-/**
- * Perform unified search across Nominatim and custom POI sources
- * @param query Search query string
- * @param config Search configuration
- * @returns Array of search results
- */
-export declare function performSearch(query: string, config: SearchConfig): Promise<SearchResult[]>;