@jackbernnie/hiyf 0.3.4 → 0.3.5

package/dist/components/MapEmbed.d.ts

@@ -4,10 +4,12 @@
  * Raw <iframe> map embeds are an off-system escape hatch: every provider URL,
  * viewport shape, loading behavior, and frame treatment would be up for grabs.
  * This wrapper closes it:
- *   - Location is expressed only as decimal latitude/longitude with an
- *     enumerated map view and clamped zoom.
+ *   - Location is expressed only as decimal latitude/longitude with a
+ *     clamped zoom.
  *   - The embed always uses the approved responsive 16:9 frame, rounded
- *     corners, muted loading surface, and Google Maps embed URL.
+ *     corners, muted loading surface, and a keyless OpenStreetMap embed with
+ *     a marker pin — reliable for every coordinate (Google's keyless embed is
+ *     deprecated and renders inconsistently).
  *   - NO `className`/`style` escape hatch. Need a new map affordance? Add it
  *     here so every map stays on-system.
  */
@@ -16,12 +18,10 @@ export interface MapEmbedProps {
     lat: number;
     /** Longitude in decimal degrees. */
     lon: number;
-    /** Zoom level 1-21. Defaults to 14. */
+    /** Zoom level 1-21. Defaults to 14. Controls the size of the map window. */
     zoom?: number;
-    /** 'satellite' (default) or 'map'. */
-    view?: 'map' | 'satellite';
     /** Accessible title for the embed. Defaults to 'Map'. */
     title?: string;
 }
 /** Closed responsive map embed — no className/style. */
-export declare function MapEmbed({ lat, lon, zoom, view, title, }: MapEmbedProps): import("react").JSX.Element | null;
+export declare function MapEmbed({ lat, lon, zoom, title, }: MapEmbedProps): import("react").JSX.Element | null;

package/dist/components/MapEmbed.js

@@ -5,7 +5,6 @@ function MapEmbed({
   lat,
   lon,
   zoom = 14,
-  view = "satellite",
   title = "Map"
 }) {
   if (!Number.isFinite(lat) || !Number.isFinite(lon)) {
@@ -13,7 +12,9 @@ function MapEmbed({
   }
   const zoomValue = Number.isNaN(zoom) ? 14 : zoom;
   const clampedZoom = Math.min(21, Math.max(1, zoomValue));
-  const src = `https://maps.google.com/maps?ll=${lat},${lon}&q=${lat},${lon}&z=${clampedZoom}&t=${view === "map" ? "m" : "k"}&output=embed`;
+  const half = Math.min(20, Math.max(4e-3, 40 / 2 ** clampedZoom));
+  const bbox = `${lon - half},${lat - half},${lon + half},${lat + half}`;
+  const src = `https://www.openstreetmap.org/export/embed.html?bbox=${bbox}&layer=mapnik&marker=${lat},${lon}`;
   return /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 16 / 9, children: /* @__PURE__ */ jsx(
     "iframe",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackbernnie/hiyf",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "human-in-your-face — an AI design protocol (a locked, LLM-safe design system). Forked from Polar's Orbit (Apache-2.0).",
   "license": "Apache-2.0",
   "type": "module",