@maplibre-yaml/core 0.1.3-beta.1 → 0.2.0

package/dist/register.browser.js

@@ -11297,6 +11297,44 @@ var coerce = {
 };
 var NEVER = INVALID;
 
+// src/schemas/base.schema.ts
+var LongitudeSchema = external_exports.number().min(-180, "Longitude must be >= -180").max(180, "Longitude must be <= 180").describe("Longitude in degrees (-180 to 180)");
+var LatitudeSchema = external_exports.number().min(-90, "Latitude must be >= -90").max(90, "Latitude must be <= 90").describe("Latitude in degrees (-90 to 90)");
+var LngLatSchema = external_exports.tuple([LongitudeSchema, LatitudeSchema]).describe("Geographic coordinates as [longitude, latitude]");
+var LngLatBoundsSchema = external_exports.tuple([
+  LongitudeSchema,
+  // west
+  LatitudeSchema,
+  // south
+  LongitudeSchema,
+  // east
+  LatitudeSchema
+  // north
+]).describe("Bounding box as [west, south, east, north]");
+var ColorSchema = external_exports.string().refine(
+  (val) => {
+    if (val.startsWith("#")) {
+      return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(val);
+    }
+    if (val.startsWith("rgb")) {
+      return /^rgba?\s*\([^)]+\)$/.test(val);
+    }
+    if (val.startsWith("hsl")) {
+      return /^hsla?\s*\([^)]+\)$/.test(val);
+    }
+    return true;
+  },
+  {
+    message: "Invalid color format. Use hex (#rgb, #rrggbb), rgb(), rgba(), hsl(), hsla(), or named colors."
+  }
+).describe("CSS color value");
+var ExpressionSchema = external_exports.array(external_exports.any()).refine((val) => val.length > 0 && typeof val[0] === "string", {
+  message: 'Expression must be an array starting with a string operator (e.g., ["get", "property"])'
+}).describe("MapLibre expression for data-driven styling");
+var NumberOrExpressionSchema = external_exports.union([external_exports.number(), ExpressionSchema]).describe("Number value or MapLibre expression");
+var ColorOrExpressionSchema = external_exports.union([ColorSchema, ExpressionSchema]).describe("Color value or MapLibre expression");
+var ZoomLevelSchema = external_exports.number().min(0, "Zoom level must be >= 0").max(24, "Zoom level must be <= 24").describe("Map zoom level (0-24)");
+
 // src/schemas/content.schema.ts
 var ValidTagNames = [
   "h1",
@@ -11349,44 +11387,6 @@ var ContentBlockSchema = external_exports.object({
   content: external_exports.array(ContentItemSchema).describe("Array of content items to render")
 }).describe("Content block for rich text and media");
 
-// src/schemas/base.schema.ts
-var LongitudeSchema = external_exports.number().min(-180, "Longitude must be >= -180").max(180, "Longitude must be <= 180").describe("Longitude in degrees (-180 to 180)");
-var LatitudeSchema = external_exports.number().min(-90, "Latitude must be >= -90").max(90, "Latitude must be <= 90").describe("Latitude in degrees (-90 to 90)");
-var LngLatSchema = external_exports.tuple([LongitudeSchema, LatitudeSchema]).describe("Geographic coordinates as [longitude, latitude]");
-var LngLatBoundsSchema = external_exports.tuple([
-  LongitudeSchema,
-  // west
-  LatitudeSchema,
-  // south
-  LongitudeSchema,
-  // east
-  LatitudeSchema
-  // north
-]).describe("Bounding box as [west, south, east, north]");
-var ColorSchema = external_exports.string().refine(
-  (val) => {
-    if (val.startsWith("#")) {
-      return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(val);
-    }
-    if (val.startsWith("rgb")) {
-      return /^rgba?\s*\([^)]+\)$/.test(val);
-    }
-    if (val.startsWith("hsl")) {
-      return /^hsla?\s*\([^)]+\)$/.test(val);
-    }
-    return true;
-  },
-  {
-    message: "Invalid color format. Use hex (#rgb, #rrggbb), rgb(), rgba(), hsl(), hsla(), or named colors."
-  }
-).describe("CSS color value");
-var ExpressionSchema = external_exports.array(external_exports.any()).refine((val) => val.length > 0 && typeof val[0] === "string", {
-  message: 'Expression must be an array starting with a string operator (e.g., ["get", "property"])'
-}).describe("MapLibre expression for data-driven styling");
-var NumberOrExpressionSchema = external_exports.union([external_exports.number(), ExpressionSchema]).describe("Number value or MapLibre expression");
-var ColorOrExpressionSchema = external_exports.union([ColorSchema, ExpressionSchema]).describe("Color value or MapLibre expression");
-var ZoomLevelSchema = external_exports.number().min(0, "Zoom level must be >= 0").max(24, "Zoom level must be <= 24").describe("Map zoom level (0-24)");
-
 // src/schemas/source.schema.ts
 var StreamConfigSchema = external_exports.object({
   type: external_exports.enum(["websocket", "sse"]).describe("Streaming connection type"),
@@ -11887,6 +11887,7 @@ var MapBlockSchema = external_exports.object({
   className: external_exports.string().optional().describe("CSS class name for container"),
   style: external_exports.string().optional().describe("Inline CSS styles for container"),
   config: MapConfigSchema.describe("Map configuration"),
+  sources: external_exports.record(external_exports.string(), LayerSourceSchema).optional().describe("Map sources"),
   layers: external_exports.array(LayerOrReferenceSchema).default([]).describe("Map layers"),
   controls: ControlsConfigSchema.optional().describe("Map controls"),
   legend: LegendConfigSchema.optional().describe("Legend configuration")
@@ -11897,6 +11898,7 @@ var MapFullPageBlockSchema = external_exports.object({
   className: external_exports.string().optional().describe("CSS class name for container"),
   style: external_exports.string().optional().describe("Inline CSS styles for container"),
   config: MapConfigSchema.describe("Map configuration"),
+  sources: external_exports.record(external_exports.string(), LayerSourceSchema).optional().describe("Map sources"),
   layers: external_exports.array(LayerOrReferenceSchema).default([]).describe("Map layers"),
   controls: ControlsConfigSchema.optional().describe("Map controls"),
   legend: LegendConfigSchema.optional().describe("Legend configuration")
@@ -12004,6 +12006,10 @@ var GlobalConfigSchema = external_exports.object({
   description: external_exports.string().optional().describe("Application description"),
   defaultMapStyle: external_exports.string().url().optional().describe("Default map style URL"),
   theme: external_exports.enum(["light", "dark"]).default("light").describe("Default theme"),
+  defaultZoom: external_exports.number().min(0).max(24).optional().describe("Default zoom level for all maps"),
+  defaultCenter: LngLatSchema.optional().describe(
+    "Default center [lng, lat] for all maps"
+  ),
   dataFetching: external_exports.object({
     defaultStrategy: external_exports.enum(["runtime", "build", "hybrid"]).default("runtime").describe("Default fetch strategy"),
     timeout: external_exports.number().min(1e3).default(3e4).describe("Default timeout in milliseconds"),
@@ -14864,9 +14870,16 @@ var LayerManager = class {
     this.abortControllers = /* @__PURE__ */ new Map();
   }
   async addLayer(layer) {
-    const sourceId = `${layer.id}-source`;
+    const isSourceRef = typeof layer.source === "string";
+    const sourceId = isSourceRef ? layer.source : `${layer.id}-source`;
     this.layerToSource.set(layer.id, sourceId);
-    await this.addSource(sourceId, layer);
+    if (!isSourceRef) {
+      await this.addSource(sourceId, layer);
+    } else if (!this.map.getSource(sourceId)) {
+      throw new Error(
+        `Source '${sourceId}' referenced by layer '${layer.id}' not found. Ensure it is defined in the block-level 'sources' map.`
+      );
+    }
     const layerSpec = {
       id: layer.id,
       type: layer.type,
@@ -14894,12 +14907,6 @@ var LayerManager = class {
     }
   }
   async addSource(sourceId, layer) {
-    if (typeof layer.source === "string") {
-      if (!this.map.getSource(layer.source)) {
-        throw new Error(`Source reference '${layer.source}' not found`);
-      }
-      return;
-    }
     const source = layer.source;
     if (source.type === "geojson") {
       const geojsonSource = source;
@@ -15119,7 +15126,10 @@ var LayerManager = class {
     }
     if (this.map.getLayer(layerId)) this.map.removeLayer(layerId);
     const sourceId = this.layerToSource.get(layerId) || `${layerId}-source`;
-    if (this.map.getSource(sourceId)) this.map.removeSource(sourceId);
+    const isInlineSource = sourceId === `${layerId}-source`;
+    if (isInlineSource && this.map.getSource(sourceId)) {
+      this.map.removeSource(sourceId);
+    }
     this.sourceData.delete(sourceId);
     this.layerToSource.delete(layerId);
   }
@@ -15481,7 +15491,7 @@ var MapRenderer = class {
   controlsManager;
   eventListeners;
   isLoaded;
-  constructor(container, config, layers = [], options = {}) {
+  constructor(container, config, layers = [], options = {}, sources) {
     this.eventListeners = /* @__PURE__ */ new Map();
     this.isLoaded = false;
     this.map = new maplibregl2.Map({
@@ -15509,6 +15519,13 @@ var MapRenderer = class {
     this.controlsManager = new ControlsManager(this.map);
     this.map.on("load", () => {
       this.isLoaded = true;
+      if (sources) {
+        for (const [id, sourceSpec] of Object.entries(sources)) {
+          if (!this.map.getSource(id)) {
+            this.map.addSource(id, sourceSpec);
+          }
+        }
+      }
       Promise.all(layers.map((layer) => this.addLayer(layer))).then(() => {
         this.emit("load", void 0);
         options.onLoad?.();
@@ -15808,7 +15825,7 @@ var MLMap = class extends HTMLElement {
     }
     this.appendChild(this.mapContainer);
     try {
-      const { config, layers = [] } = mapBlock;
+      const { config, sources, layers = [] } = mapBlock;
       this.renderer = new MapRenderer(this.mapContainer, config, layers, {
         onLoad: () => {
         },
@@ -15820,7 +15837,7 @@ var MLMap = class extends HTMLElement {
             })
           );
         }
-      });
+      }, sources);
       this.setupEventForwarding();
     } catch (error) {
       this.handleError([