@vidro/map-handler 1.2.179 → 1.2.191

package/src/index.js

@@ -505,10 +505,11 @@ class Communicator extends EventEmitter {
     });
   };
 
-  Geolocalize = (toggle) => {
+  Geolocalize = (toggle, options) => {
     this.com.sendMessageToMap({
       type: "Geolocalize",
       toggle: toggle,
+      options: options,
       sessionToken: this.sessionToken,
     });
   };
@@ -516,7 +517,7 @@ class Communicator extends EventEmitter {
   /* deprecated since v1.1.19 */
   toggleGiswaterTiled = (toggle, tiled) => {
     this.com.sendMessageToMap({
-      type: "toggleGiswaterTiled",
+      type: "toggleTiled",
       toggle: toggle,
       tiled: tiled,
       sessionToken: this.sessionToken,
@@ -578,9 +579,13 @@ class Communicator extends EventEmitter {
     }
   };
 
-  clearGeoJSON = () => {
+  clearGeoJSON = (name) => {
+    if (!name) {
+      this.emit("error", { type: "error", error: "No geoJSON layer name" });
+    }
     return this.com.sendMessageToMap({
       type: "clearGeoJSON",
+      name: name,
       sessionToken: this.sessionToken,
     });
   };

package/examples/react-next/components/SessionComponent.js

@@ -1,136 +0,0 @@
-import { useAuth } from "@/contexts/auth";
-import { useMaps } from "@/contexts/maps";
-import { useMessages } from "@/contexts/messages";
-import { useEffect, useState } from "react";
-
-const SessionComponent = () => {
-  const { sessionToken, setSessionToken, mapInfo, mapId, GetMap } = useMaps();
-  const { start } = useMessages();
-  const { apiUrl, setApiUrl, login, logged, logout, projects } = useAuth();
-  const [user, setUser] = useState("test@aiguesmataro.cat");
-  const [pwd, setPwd] = useState("test.12345");
-  const [selectedMap, setSelectedMap] = useState("-1");
-  // Handler for textarea changes
-  const handleTextChange = (event) => {
-    setText(event.target.value);
-  };
-
-  // Handler for API URL input changes
-  const handleApiUrlChange = (event) => {
-    setApiUrl(event.target.value);
-  };
-
-  // Handler for the button click
-  const handleButtonClick = () => {
-    console.log("API URL:", apiUrl);
-    start();
-  };
-
-  useEffect(() => {
-    setSessionToken(
-      "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiIwNjdhODM3NzQwOGI5NjdlNWZkZjFlYmZiMGRiMjNiNDA3NzY1ZjQ1IiwiZGF0YSI6eyJ6b29tIjoyLCJwcmV2aWV3IjpmYWxzZSwiYXBpIjoiaHR0cHM6XC9cL2JtYXBzZGV2LmFpZ3Vlc21hdGFyby5jb21cL2FwaVwvIiwidG9rZW4iOiJkMDc1N2JmNjAxMDc1ZDA0MWE5Y2JjYTJjOWQ3NWU2OSIsInNob3dfbGF5ZXJzIjpbXSwiaWQiOjUwOSwibG9nbyI6Imh0dHBzOlwvXC9ibWFwc2Rldi5haWd1ZXNtYXRhcm8uY29tXC9iYWNrb2ZmaWNlbmV3XC9fbmV4dFwvaW1hZ2U_dXJsPSUyRmJhY2tvZmZpY2VuZXclMkZsb2dvYW1zYS5wbmcmdz05NiZxPTc1IiwiZGVidWciOmZhbHNlLCJ2ZXJib3NlIjpmYWxzZX0sImV4cCI6NDg3NzY1OTI2Mn0.iq7ldyzhiy2iZv76pflmKwRbgj2h00b8vP6ooJRlUUB_ZFAkNNJ2D-wDL0lZBepj_I4NvnKFHymgZp9OMcncqYQvEmu_0FrL81v_L6Hnc81E1avQZN9O64o5asxKtszgfpANIKJIiNsagB6uk5hPS-e5hB6W26eYaAayQUQqbOYr1OgaCQa7opfAk0746Z5DxyXhy0TtbrHjJS7ObG2gHzxRjwp4gJHdBBJMbjGpo365_zcS1tGTCShRsu7xyr-QakVxJkXUl13OLyFluHSPDcAM9CQG_4XSSudn82Ot_Bg6PG1cd7V6cp-rXr7qXScv9y63YxIfhFP1oc9pA2t6-lEt94GhhPBAbZxfN7mMecFYoLWYbPjpAWmIYIHhySY0EdwYiHOVnpL5fg318OzNkqihpDejBwSwRDzNjmQVv83i1culB2vJx3rxQ8xs7wfqBCgRUlmW_gfFeDwPHRXP1fGGeX8VYMGy5XZt4ozyBETKIYUxqQJ10Lro8TUKS-Us1tUrn8Z7-NNp7zKse3bMl70lMPgbRRLvWfaJC9QPXSvhHayDGVEDAUnCW5PiervD5o1d5I_4AfxCfRXdNdRKcvjSdPNoSnbk3D_qrjQm0Uz9_pgGgl8HIUKr3fsCNTAzcbUtkM3C_nfXOeHAD-IOacTnc6O3kriso-CVKcCF_CE"
-    );
-    setApiUrl("https://bmapsdev.aiguesmataro.com/api/");
-  }, []);
-
-  useEffect(() => {
-    if (!mapInfo) return;
-    GetMap(mapId); //starts mapComponent
-  }, [mapInfo, mapId]);
-
-  return (
-    <div>
-      {logged && (
-        <div className="bg-gray-200 p-2  text-left">
-          <div className="text-xs">
-            Logged as <b>{user}</b>
-          </div>
-          <div className="text-xs">
-            API: <b>{apiUrl}</b>
-          </div>
-          <button
-            onClick={(e) => {
-              logout();
-            }}
-            className="border border-gray-300 bg-black text-white rounded-md p-2 mt-1 text-xs"
-          >
-            Logout
-          </button>
-          <div className="mt-2">
-            <label className="block text-sm font-medium text-gray-700">
-              Maps
-            </label>
-            <select
-              className="border border-gray-300 rounded-md p-2 w-full"
-              onChange={(e) => setSelectedMap(e.target.value)}
-              value={selectedMap}
-            >
-              <option value="-1">Select a map</option>
-              {projects.map((projectId) => (
-                <option key={projectId} value={projectId}>
-                  {projectId}
-                </option>
-              ))}
-            </select>
-          </div>
-          <button
-            onClick={(e) => {
-              GetMap(selectedMap);
-            }}
-            disabled={selectedMap === "-1"}
-            className="border border-gray-300 bg-black text-white rounded-md p-2 mt-1 text-xs"
-          >
-            Load map
-          </button>
-        </div>
-      )}
-      {!logged && (
-        <div>
-          <div className="mb-4 flex gap-1">
-            <label className="w-32">API URL</label>
-            <input
-              type="text"
-              value={apiUrl}
-              onChange={handleApiUrlChange}
-              placeholder="Enter API URL..."
-              className="border border-gray-300 rounded-md p-2 w-full"
-            />
-          </div>
-          <div className="mb-4 flex gap-1">
-            <label className="w-32">User</label>
-            <input
-              type="text"
-              value={user}
-              onChange={(e) => setUser(e.target.value)}
-              placeholder="User"
-              disabled={logged}
-              className="border border-gray-300 rounded-md p-2 w-full"
-            />
-          </div>
-          <div className="mb-4 flex gap-1">
-            <label className="w-32">Password</label>
-            <input
-              type="password"
-              value={pwd}
-              onChange={(e) => setPwd(e.target.value)}
-              disabled={logged}
-              placeholder="User"
-              className="border border-gray-300 rounded-md p-2 w-full"
-            />
-          </div>
-
-          <button
-            onClick={(e) => {
-              login(user, pwd);
-            }}
-            className="border border-gray-300 bg-black text-white rounded-md p-2"
-          >
-            Login
-          </button>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default SessionComponent;

package/examples/react-next/pages/_document.js

@@ -1,13 +0,0 @@
-import { Html, Head, Main, NextScript } from "next/document";
-
-export default function Document() {
-  return (
-    <Html lang="en">
-      <Head />
-      <body>
-        <Main />
-        <NextScript />
-      </body>
-    </Html>
-  );
-}

package/examples/react-next/public/globe.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/examples/react-next/public/vercel.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/examples/react-next/public/window.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/examples/react-next/shared/maps-service.js

@@ -1,65 +0,0 @@
-// Helper function to handle fetch responses
-const handleResponse = async (response) => {
-  if (!response.ok) {
-    throw new Error(`HTTP error! status: ${response.status}`);
-  }
-  return response.json();
-};
-
-/*** Get map */
-const getMap = async (id) => {
-  let url = `map/${id}`;
-
-  try {
-    const response = await fetch(url, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    });
-    return handleResponse(response);
-  } catch (error) {
-    console.error("Error fetching map:", error);
-    throw error;
-  }
-};
-
-/*** Get map info */
-const getMapInfo = async (id) => {
-  try {
-    const response = await fetch(`map/detail/${id}`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    });
-    return handleResponse(response);
-  } catch (error) {
-    console.error("Error fetching map info:", error);
-    throw error;
-  }
-};
-
-/*** Get map toc */
-const getMapToc = async (id) => {
-  try {
-    const response = await fetch(`map/toc/${id}`, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    });
-    return handleResponse(response);
-  } catch (error) {
-    console.error("Error fetching map TOC:", error);
-    throw error;
-  }
-};
-
-const MapService = {
-  getMap,
-  getMapInfo,
-  getMapToc,
-};
-
-export default MapService;