@tonybfox/threejs-tools 1.0.0

package/dist/chunk-EIROAPF7.mjs

@@ -0,0 +1,387 @@
+// packages/terrain/src/TerrainTool.ts
+import * as THREE from "three";
+var TerrainTool = class extends THREE.EventDispatcher {
+  /**
+   * Creates a new TerrainTool instance
+   * @param scene - The Three.js scene to add terrain to
+   * @param options - Configuration options
+   */
+  constructor(scene, options = {}) {
+    super();
+    this.mesh = null;
+    this.currentData = null;
+    this.isLoading = false;
+    this.generatedTextureUrls = /* @__PURE__ */ new Set();
+    this.scene = scene;
+    this.widthSegments = options.widthSegments ?? 50;
+    this.depthSegments = options.depthSegments ?? 50;
+    this.elevationScale = options.elevationScale ?? 1;
+    this.baseColor = options.baseColor ?? 9139029;
+    this.wireframe = options.wireframe ?? false;
+    this.textureUrl = options.textureUrl;
+    this.mapboxOptions = options.mapbox;
+    this.receiveShadow = options.receiveShadow ?? true;
+    this.castShadow = options.castShadow ?? true;
+    this.useDemoData = options.useDemoData ?? false;
+  }
+  /**
+   * Update Mapbox imagery configuration at runtime
+   */
+  setMapboxOptions(options) {
+    this.mapboxOptions = options;
+  }
+  /**
+   * Loads terrain data and creates a mesh
+   * @param center - Center coordinates (latitude, longitude)
+   * @param dimensions - Terrain dimensions in meters
+   */
+  async loadTerrain(center, dimensions) {
+    if (this.isLoading) {
+      console.warn("Terrain is already loading");
+      return;
+    }
+    this.isLoading = true;
+    this.dispatchEvent({
+      type: "updateStarted",
+      center,
+      dimensions
+    });
+    try {
+      const terrainData = await this.fetchElevationData(center, dimensions);
+      this.currentData = terrainData;
+      this.dispatchEvent({
+        type: "dataLoaded",
+        data: terrainData
+      });
+      const textureSource = await this.resolveTexture(center, dimensions);
+      await this.createMesh(terrainData, textureSource);
+    } catch (error) {
+      console.error("Error loading terrain:", error);
+      this.dispatchEvent({
+        type: "error",
+        message: "Failed to load terrain",
+        error
+      });
+    } finally {
+      this.isLoading = false;
+    }
+  }
+  /**
+   * Updates the terrain with new coordinates and/or dimensions
+   * @param center - New center coordinates (optional, keeps current if not provided)
+   * @param dimensions - New dimensions (optional, keeps current if not provided)
+   */
+  async updateTerrain(center, dimensions) {
+    if (!this.currentData && !center) {
+      console.warn("No current terrain data and no center provided");
+      return;
+    }
+    const newCenter = center || this.currentData.center;
+    const newDimensions = dimensions || this.currentData.dimensions;
+    await this.loadTerrain(newCenter, newDimensions);
+  }
+  /**
+   * Fetches elevation data from Open-Elevation API or generates demo data
+   * @private
+   */
+  async fetchElevationData(center, dimensions) {
+    if (this.useDemoData) {
+      return this.generateDemoData(center, dimensions);
+    }
+    const points = [];
+    const metersPerDegreeLat = 111320;
+    const metersPerDegreeLon = 111320 * Math.max(Math.abs(Math.cos(center.latitude * Math.PI / 180)), 1e-6);
+    const latRange = dimensions.depth / metersPerDegreeLat;
+    const lonRange = dimensions.width / metersPerDegreeLon;
+    const latStep = latRange / this.depthSegments;
+    const lonStep = lonRange / this.widthSegments;
+    const startLat = center.latitude + latRange / 2;
+    const startLon = center.longitude - lonRange / 2;
+    for (let z = 0; z <= this.depthSegments; z++) {
+      for (let x = 0; x <= this.widthSegments; x++) {
+        points.push({
+          latitude: startLat - z * latStep,
+          longitude: startLon + x * lonStep
+        });
+      }
+    }
+    const response = await fetch(
+      "https://api.open-elevation.com/api/v1/lookup",
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          locations: points
+        })
+      }
+    );
+    if (!response.ok) {
+      throw new Error(`Elevation API error: ${response.statusText}`);
+    }
+    const data = await response.json();
+    const results = data.results;
+    const elevations = [];
+    let minElevation = Infinity;
+    let maxElevation = -Infinity;
+    for (let z = 0; z <= this.depthSegments; z++) {
+      const row = [];
+      for (let x = 0; x <= this.widthSegments; x++) {
+        const index = z * (this.widthSegments + 1) + x;
+        const elevation = results[index].elevation;
+        row.push(elevation);
+        minElevation = Math.min(minElevation, elevation);
+        maxElevation = Math.max(maxElevation, elevation);
+      }
+      elevations.push(row);
+    }
+    return {
+      center,
+      dimensions,
+      elevations,
+      minElevation,
+      maxElevation
+    };
+  }
+  /**
+   * Generates demo terrain data using perlin-like noise
+   * @private
+   */
+  generateDemoData(center, dimensions) {
+    const elevations = [];
+    let minElevation = Infinity;
+    let maxElevation = -Infinity;
+    const seed = center.latitude + center.longitude;
+    for (let z = 0; z <= this.depthSegments; z++) {
+      const row = [];
+      for (let x = 0; x <= this.widthSegments; x++) {
+        const nx = x / this.widthSegments * 4;
+        const nz = z / this.depthSegments * 4;
+        let elevation = 0;
+        elevation += Math.sin(nx + seed) * 500;
+        elevation += Math.cos(nz + seed) * 500;
+        elevation += Math.sin(nx * 2 + seed) * 200;
+        elevation += Math.cos(nz * 2 + seed) * 200;
+        elevation += Math.sin(nx * 4 + seed) * 50;
+        elevation += Math.cos(nz * 4 + seed) * 50;
+        elevation += (Math.random() - 0.5) * 30;
+        row.push(elevation);
+        minElevation = Math.min(minElevation, elevation);
+        maxElevation = Math.max(maxElevation, elevation);
+      }
+      elevations.push(row);
+    }
+    return {
+      center,
+      dimensions,
+      elevations,
+      minElevation,
+      maxElevation
+    };
+  }
+  /**
+   * Creates a terrain mesh from elevation data
+   * @private
+   */
+  async createMesh(data, textureSource) {
+    if (this.mesh) {
+      this.scene.remove(this.mesh);
+      this.mesh.geometry.dispose();
+      if (Array.isArray(this.mesh.material)) {
+        this.mesh.material.forEach((mat) => mat.dispose());
+      } else {
+        this.mesh.material.dispose();
+      }
+    }
+    const geometry = new THREE.PlaneGeometry(
+      data.dimensions.width,
+      data.dimensions.depth,
+      this.widthSegments,
+      this.depthSegments
+    );
+    const positions = geometry.attributes.position;
+    let vertexIndex = 0;
+    for (let z = 0; z <= this.depthSegments; z++) {
+      for (let x = 0; x <= this.widthSegments; x++) {
+        const elevation = data.elevations[z][x];
+        const height = (elevation - data.minElevation) * this.elevationScale;
+        positions.setZ(vertexIndex, height);
+        vertexIndex++;
+      }
+    }
+    geometry.computeVertexNormals();
+    let material;
+    if (textureSource?.url) {
+      try {
+        const texture = await new THREE.TextureLoader().loadAsync(
+          textureSource.url
+        );
+        material = new THREE.MeshStandardMaterial({
+          map: texture,
+          wireframe: this.wireframe
+        });
+      } catch (error) {
+        console.warn("Failed to load terrain texture, using base color.", error);
+        material = new THREE.MeshStandardMaterial({
+          color: this.baseColor,
+          wireframe: this.wireframe
+        });
+      } finally {
+        if (textureSource.revokeOnUse) {
+          this.releaseGeneratedTexture(textureSource.url);
+        }
+      }
+    } else {
+      material = new THREE.MeshStandardMaterial({
+        color: this.baseColor,
+        wireframe: this.wireframe
+      });
+    }
+    this.mesh = new THREE.Mesh(geometry, material);
+    this.mesh.rotation.x = -Math.PI / 2;
+    this.mesh.receiveShadow = this.receiveShadow;
+    this.mesh.castShadow = this.castShadow;
+    this.scene.add(this.mesh);
+    this.dispatchEvent({
+      type: "meshLoaded",
+      mesh: this.mesh
+    });
+  }
+  async resolveTexture(center, dimensions) {
+    if (this.textureUrl) {
+      return {
+        url: this.textureUrl,
+        revokeOnUse: false
+      };
+    }
+    if (!this.mapboxOptions) {
+      return void 0;
+    }
+    try {
+      const url = await this.fetchMapboxTexture(
+        center,
+        dimensions,
+        this.mapboxOptions
+      );
+      this.generatedTextureUrls.add(url);
+      return {
+        url,
+        revokeOnUse: true
+      };
+    } catch (error) {
+      console.warn(
+        "Failed to fetch Mapbox imagery, falling back to base material.",
+        error
+      );
+      return void 0;
+    }
+  }
+  computeBoundingBox(center, dimensions, paddingRatio) {
+    const metersPerDegreeLat = 111320;
+    const latRadians = center.latitude * Math.PI / 180;
+    const cosLat = Math.cos(latRadians);
+    const metersPerDegreeLon = 111320 * Math.max(Math.abs(cosLat), 1e-6);
+    const appliedPadding = Math.max(0, paddingRatio);
+    const widthWithPadding = dimensions.width * (1 + appliedPadding);
+    const depthWithPadding = dimensions.depth * (1 + appliedPadding);
+    const halfDepthDegrees = depthWithPadding / 2 / metersPerDegreeLat;
+    const halfWidthDegrees = widthWithPadding / 2 / metersPerDegreeLon;
+    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+    const minLat = clamp(center.latitude - halfDepthDegrees, -90, 90);
+    const maxLat = clamp(center.latitude + halfDepthDegrees, -90, 90);
+    const minLon = clamp(center.longitude - halfWidthDegrees, -180, 180);
+    const maxLon = clamp(center.longitude + halfWidthDegrees, -180, 180);
+    return { minLat, maxLat, minLon, maxLon };
+  }
+  async fetchMapboxTexture(center, dimensions, options) {
+    const styleId = options.styleId ?? "mapbox/satellite-v9";
+    const normalizedStyleId = styleId.replace("mapbox://styles/", "").replace(/^\/+/, "");
+    const width = Math.min(
+      1280,
+      Math.max(1, Math.floor(options.imageWidth ?? 1024))
+    );
+    const height = Math.min(
+      1280,
+      Math.max(1, Math.floor(options.imageHeight ?? 1024))
+    );
+    const highResSuffix = options.highResolution ? "@2x" : "";
+    const format = options.imageFormat ?? "png";
+    const paddingRatio = options.paddingRatio ?? 0.1;
+    const bounds = this.computeBoundingBox(center, dimensions, paddingRatio);
+    const bbox = `${bounds.minLon.toFixed(6)},${bounds.minLat.toFixed(
+      6
+    )},${bounds.maxLon.toFixed(6)},${bounds.maxLat.toFixed(6)}`;
+    const params = new URLSearchParams({
+      access_token: options.accessToken,
+      format
+    });
+    const requestUrl = `https://api.mapbox.com/styles/v1/${normalizedStyleId}/static/[${bbox}]/${width}x${height}${highResSuffix}?${params.toString()}`;
+    const response = await fetch(requestUrl);
+    if (!response.ok) {
+      throw new Error(
+        `Mapbox imagery request failed: ${response.status} ${response.statusText}`
+      );
+    }
+    const blob = await response.blob();
+    if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function") {
+      throw new Error(
+        "URL.createObjectURL is not available in this environment"
+      );
+    }
+    return URL.createObjectURL(blob);
+  }
+  releaseGeneratedTexture(url) {
+    if (!this.generatedTextureUrls.has(url)) {
+      return;
+    }
+    if (typeof URL !== "undefined" && typeof URL.revokeObjectURL === "function") {
+      URL.revokeObjectURL(url);
+    }
+    this.generatedTextureUrls.delete(url);
+  }
+  /**
+   * Gets the current terrain mesh
+   */
+  getMesh() {
+    return this.mesh;
+  }
+  /**
+   * Gets the current terrain data
+   */
+  getData() {
+    return this.currentData;
+  }
+  /**
+   * Checks if terrain is currently loading
+   */
+  isTerrainLoading() {
+    return this.isLoading;
+  }
+  /**
+   * Disposes of all resources
+   */
+  dispose() {
+    if (this.mesh) {
+      this.scene.remove(this.mesh);
+      this.mesh.geometry.dispose();
+      if (Array.isArray(this.mesh.material)) {
+        this.mesh.material.forEach((mat) => mat.dispose());
+      } else {
+        this.mesh.material.dispose();
+      }
+      this.mesh = null;
+    }
+    this.currentData = null;
+    if (this.generatedTextureUrls.size > 0) {
+      for (const url of Array.from(this.generatedTextureUrls)) {
+        this.releaseGeneratedTexture(url);
+      }
+    }
+  }
+};
+
+export {
+  TerrainTool
+};
+//# sourceMappingURL=chunk-EIROAPF7.mjs.map

package/dist/chunk-EIROAPF7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/terrain/src/TerrainTool.ts"],"sourcesContent":["import * as THREE from 'three'\nimport {\n  GeoCoordinates,\n  TerrainDimensions,\n  TerrainToolOptions,\n  TerrainData,\n  TerrainToolEvents,\n  ElevationPoint,\n  MapboxTextureOptions,\n} from './TerrainTypes'\n\ntype TerrainTextureSource = {\n  url: string\n  revokeOnUse: boolean\n}\n\n/**\n * Terrain mesh creator for Three.js scenes\n * Fetches elevation data from Open-Elevation API and creates 3D terrain meshes\n *\n * @example\n * ```javascript\n * const terrainTool = new TerrainTool(scene, {\n *   widthSegments: 100,\n *   depthSegments: 100,\n *   elevationScale: 2.0,\n *   useDemoData: false // Set to true for demo/testing without API\n * })\n *\n * // Listen for events\n * terrainTool.addEventListener('dataLoaded', (e) => {\n *   console.log('Terrain data loaded:', e.data)\n * })\n *\n * terrainTool.addEventListener('meshLoaded', (e) => {\n *   console.log('Terrain mesh created:', e.mesh)\n * })\n *\n * // Load terrain for a location\n * terrainTool.loadTerrain(\n *   { latitude: 36.1699, longitude: -115.1398 }, // Las Vegas\n *   { width: 5000, depth: 5000 } // 5km x 5km\n * )\n * ```\n */\nexport class TerrainTool extends THREE.EventDispatcher<TerrainToolEvents> {\n  private scene: THREE.Scene\n  private mesh: THREE.Mesh | null = null\n  private currentData: TerrainData | null = null\n  private isLoading: boolean = false\n  private mapboxOptions?: MapboxTextureOptions\n  private generatedTextureUrls: Set<string> = new Set()\n\n  // Configuration\n  public widthSegments: number\n  public depthSegments: number\n  public elevationScale: number\n  public baseColor: number\n  public wireframe: boolean\n  public textureUrl: string | undefined\n  public receiveShadow: boolean\n  public castShadow: boolean\n  public useDemoData: boolean\n\n  /**\n   * Creates a new TerrainTool instance\n   * @param scene - The Three.js scene to add terrain to\n   * @param options - Configuration options\n   */\n  constructor(scene: THREE.Scene, options: TerrainToolOptions = {}) {\n    super()\n    this.scene = scene\n\n    // Apply options with defaults\n    this.widthSegments = options.widthSegments ?? 50\n    this.depthSegments = options.depthSegments ?? 50\n    this.elevationScale = options.elevationScale ?? 1.0\n    this.baseColor = options.baseColor ?? 0x8b7355\n    this.wireframe = options.wireframe ?? false\n    this.textureUrl = options.textureUrl\n    this.mapboxOptions = options.mapbox\n    this.receiveShadow = options.receiveShadow ?? true\n    this.castShadow = options.castShadow ?? true\n    this.useDemoData = options.useDemoData ?? false\n  }\n\n  /**\n   * Update Mapbox imagery configuration at runtime\n   */\n  setMapboxOptions(options?: MapboxTextureOptions): void {\n    this.mapboxOptions = options\n  }\n\n  /**\n   * Loads terrain data and creates a mesh\n   * @param center - Center coordinates (latitude, longitude)\n   * @param dimensions - Terrain dimensions in meters\n   */\n  async loadTerrain(\n    center: GeoCoordinates,\n    dimensions: TerrainDimensions\n  ): Promise<void> {\n    if (this.isLoading) {\n      console.warn('Terrain is already loading')\n      return\n    }\n\n    this.isLoading = true\n    this.dispatchEvent({\n      type: 'updateStarted',\n      center,\n      dimensions,\n    })\n\n    try {\n      // Fetch elevation data\n      const terrainData = await this.fetchElevationData(center, dimensions)\n\n      // Store the data\n      this.currentData = terrainData\n\n      // Dispatch data loaded event\n      this.dispatchEvent({\n        type: 'dataLoaded',\n        data: terrainData,\n      })\n\n      const textureSource = await this.resolveTexture(center, dimensions)\n\n      // Create and add mesh to scene\n      await this.createMesh(terrainData, textureSource)\n    } catch (error) {\n      console.error('Error loading terrain:', error)\n      this.dispatchEvent({\n        type: 'error',\n        message: 'Failed to load terrain',\n        error: error as Error,\n      })\n    } finally {\n      this.isLoading = false\n    }\n  }\n\n  /**\n   * Updates the terrain with new coordinates and/or dimensions\n   * @param center - New center coordinates (optional, keeps current if not provided)\n   * @param dimensions - New dimensions (optional, keeps current if not provided)\n   */\n  async updateTerrain(\n    center?: GeoCoordinates,\n    dimensions?: TerrainDimensions\n  ): Promise<void> {\n    if (!this.currentData && !center) {\n      console.warn('No current terrain data and no center provided')\n      return\n    }\n\n    const newCenter = center || this.currentData!.center\n    const newDimensions = dimensions || this.currentData!.dimensions\n\n    await this.loadTerrain(newCenter, newDimensions)\n  }\n\n  /**\n   * Fetches elevation data from Open-Elevation API or generates demo data\n   * @private\n   */\n  private async fetchElevationData(\n    center: GeoCoordinates,\n    dimensions: TerrainDimensions\n  ): Promise<TerrainData> {\n    if (this.useDemoData) {\n      return this.generateDemoData(center, dimensions)\n    }\n\n    // Calculate grid of lat/lon points\n    const points: { latitude: number; longitude: number }[] = []\n\n    // Approximate degrees per meter at this latitude\n    const metersPerDegreeLat = 111320\n    const metersPerDegreeLon =\n      111320 *\n      Math.max(Math.abs(Math.cos((center.latitude * Math.PI) / 180)), 1e-6)\n\n    const latRange = dimensions.depth / metersPerDegreeLat\n    const lonRange = dimensions.width / metersPerDegreeLon\n\n    const latStep = latRange / this.depthSegments\n    const lonStep = lonRange / this.widthSegments\n\n    const startLat = center.latitude + latRange / 2\n    const startLon = center.longitude - lonRange / 2\n\n    // Create grid of points\n    for (let z = 0; z <= this.depthSegments; z++) {\n      for (let x = 0; x <= this.widthSegments; x++) {\n        points.push({\n          latitude: startLat - z * latStep,\n          longitude: startLon + x * lonStep,\n        })\n      }\n    }\n\n    // Fetch elevation data from Open-Elevation API\n    // Note: This API has rate limits and may not work for large requests\n    // In production, you might want to use a different API or cache results\n    const response = await fetch(\n      'https://api.open-elevation.com/api/v1/lookup',\n      {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          locations: points,\n        }),\n      }\n    )\n\n    if (!response.ok) {\n      throw new Error(`Elevation API error: ${response.statusText}`)\n    }\n\n    const data = await response.json()\n    const results: ElevationPoint[] = data.results\n\n    // Convert to 2D grid\n    const elevations: number[][] = []\n    let minElevation = Infinity\n    let maxElevation = -Infinity\n\n    for (let z = 0; z <= this.depthSegments; z++) {\n      const row: number[] = []\n      for (let x = 0; x <= this.widthSegments; x++) {\n        const index = z * (this.widthSegments + 1) + x\n        const elevation = results[index].elevation\n        row.push(elevation)\n        minElevation = Math.min(minElevation, elevation)\n        maxElevation = Math.max(maxElevation, elevation)\n      }\n      elevations.push(row)\n    }\n\n    return {\n      center,\n      dimensions,\n      elevations,\n      minElevation,\n      maxElevation,\n    }\n  }\n\n  /**\n   * Generates demo terrain data using perlin-like noise\n   * @private\n   */\n  private generateDemoData(\n    center: GeoCoordinates,\n    dimensions: TerrainDimensions\n  ): TerrainData {\n    const elevations: number[][] = []\n    let minElevation = Infinity\n    let maxElevation = -Infinity\n\n    // Simple sine-based terrain generation for demo\n    const seed = center.latitude + center.longitude\n    for (let z = 0; z <= this.depthSegments; z++) {\n      const row: number[] = []\n      for (let x = 0; x <= this.widthSegments; x++) {\n        // Create varied terrain using multiple sine waves\n        const nx = (x / this.widthSegments) * 4\n        const nz = (z / this.depthSegments) * 4\n\n        let elevation = 0\n        // Large features\n        elevation += Math.sin(nx + seed) * 500\n        elevation += Math.cos(nz + seed) * 500\n        // Medium features\n        elevation += Math.sin(nx * 2 + seed) * 200\n        elevation += Math.cos(nz * 2 + seed) * 200\n        // Small features\n        elevation += Math.sin(nx * 4 + seed) * 50\n        elevation += Math.cos(nz * 4 + seed) * 50\n        // Random noise\n        elevation += (Math.random() - 0.5) * 30\n\n        row.push(elevation)\n        minElevation = Math.min(minElevation, elevation)\n        maxElevation = Math.max(maxElevation, elevation)\n      }\n      elevations.push(row)\n    }\n\n    return {\n      center,\n      dimensions,\n      elevations,\n      minElevation,\n      maxElevation,\n    }\n  }\n\n  /**\n   * Creates a terrain mesh from elevation data\n   * @private\n   */\n  private async createMesh(\n    data: TerrainData,\n    textureSource?: TerrainTextureSource\n  ): Promise<void> {\n    // Remove existing mesh if any\n    if (this.mesh) {\n      this.scene.remove(this.mesh)\n      this.mesh.geometry.dispose()\n      if (Array.isArray(this.mesh.material)) {\n        this.mesh.material.forEach((mat) => mat.dispose())\n      } else {\n        this.mesh.material.dispose()\n      }\n    }\n\n    // Create plane geometry\n    const geometry = new THREE.PlaneGeometry(\n      data.dimensions.width,\n      data.dimensions.depth,\n      this.widthSegments,\n      this.depthSegments\n    )\n\n    // Apply elevation data to geometry vertices\n    const positions = geometry.attributes.position\n    let vertexIndex = 0\n\n    for (let z = 0; z <= this.depthSegments; z++) {\n      for (let x = 0; x <= this.widthSegments; x++) {\n        const elevation = data.elevations[z][x]\n        // Normalize elevation relative to min elevation\n        const height = (elevation - data.minElevation) * this.elevationScale\n        positions.setZ(vertexIndex, height)\n        vertexIndex++\n      }\n    }\n\n    // Recompute normals for proper lighting\n    geometry.computeVertexNormals()\n\n    // Create material\n    let material: THREE.Material\n\n    if (textureSource?.url) {\n      try {\n        const texture = await new THREE.TextureLoader().loadAsync(\n          textureSource.url\n        )\n        material = new THREE.MeshStandardMaterial({\n          map: texture,\n          wireframe: this.wireframe,\n        })\n      } catch (error) {\n        console.warn('Failed to load terrain texture, using base color.', error)\n        material = new THREE.MeshStandardMaterial({\n          color: this.baseColor,\n          wireframe: this.wireframe,\n        })\n      } finally {\n        if (textureSource.revokeOnUse) {\n          this.releaseGeneratedTexture(textureSource.url)\n        }\n      }\n    } else {\n      material = new THREE.MeshStandardMaterial({\n        color: this.baseColor,\n        wireframe: this.wireframe,\n      })\n    }\n\n    // Create mesh\n    this.mesh = new THREE.Mesh(geometry, material)\n    this.mesh.rotation.x = -Math.PI / 2 // Rotate to horizontal\n    this.mesh.receiveShadow = this.receiveShadow\n    this.mesh.castShadow = this.castShadow\n\n    // Add to scene\n    this.scene.add(this.mesh)\n\n    // Dispatch mesh loaded event\n    this.dispatchEvent({\n      type: 'meshLoaded',\n      mesh: this.mesh,\n    })\n  }\n\n  private async resolveTexture(\n    center: GeoCoordinates,\n    dimensions: TerrainDimensions\n  ): Promise<TerrainTextureSource | undefined> {\n    if (this.textureUrl) {\n      return {\n        url: this.textureUrl,\n        revokeOnUse: false,\n      }\n    }\n\n    if (!this.mapboxOptions) {\n      return undefined\n    }\n\n    try {\n      const url = await this.fetchMapboxTexture(\n        center,\n        dimensions,\n        this.mapboxOptions\n      )\n      this.generatedTextureUrls.add(url)\n      return {\n        url,\n        revokeOnUse: true,\n      }\n    } catch (error) {\n      console.warn(\n        'Failed to fetch Mapbox imagery, falling back to base material.',\n        error\n      )\n      return undefined\n    }\n  }\n\n  private computeBoundingBox(\n    center: GeoCoordinates,\n    dimensions: TerrainDimensions,\n    paddingRatio: number\n  ): { minLat: number; maxLat: number; minLon: number; maxLon: number } {\n    const metersPerDegreeLat = 111320\n    const latRadians = (center.latitude * Math.PI) / 180\n    const cosLat = Math.cos(latRadians)\n    const metersPerDegreeLon = 111320 * Math.max(Math.abs(cosLat), 1e-6)\n\n    const appliedPadding = Math.max(0, paddingRatio)\n    const widthWithPadding = dimensions.width * (1 + appliedPadding)\n    const depthWithPadding = dimensions.depth * (1 + appliedPadding)\n\n    const halfDepthDegrees = depthWithPadding / 2 / metersPerDegreeLat\n    const halfWidthDegrees = widthWithPadding / 2 / metersPerDegreeLon\n\n    const clamp = (value: number, min: number, max: number) =>\n      Math.min(Math.max(value, min), max)\n\n    const minLat = clamp(center.latitude - halfDepthDegrees, -90, 90)\n    const maxLat = clamp(center.latitude + halfDepthDegrees, -90, 90)\n    const minLon = clamp(center.longitude - halfWidthDegrees, -180, 180)\n    const maxLon = clamp(center.longitude + halfWidthDegrees, -180, 180)\n\n    return { minLat, maxLat, minLon, maxLon }\n  }\n\n  private async fetchMapboxTexture(\n    center: GeoCoordinates,\n    dimensions: TerrainDimensions,\n    options: MapboxTextureOptions\n  ): Promise<string> {\n    const styleId = options.styleId ?? 'mapbox/satellite-v9'\n    const normalizedStyleId = styleId\n      .replace('mapbox://styles/', '')\n      .replace(/^\\/+/, '')\n\n    const width = Math.min(\n      1280,\n      Math.max(1, Math.floor(options.imageWidth ?? 1024))\n    )\n    const height = Math.min(\n      1280,\n      Math.max(1, Math.floor(options.imageHeight ?? 1024))\n    )\n    const highResSuffix = options.highResolution ? '@2x' : ''\n    const format = options.imageFormat ?? 'png'\n    const paddingRatio = options.paddingRatio ?? 0.1\n\n    const bounds = this.computeBoundingBox(center, dimensions, paddingRatio)\n    const bbox = `${bounds.minLon.toFixed(6)},${bounds.minLat.toFixed(\n      6\n    )},${bounds.maxLon.toFixed(6)},${bounds.maxLat.toFixed(6)}`\n\n    const params = new URLSearchParams({\n      access_token: options.accessToken,\n      format,\n    })\n\n    const requestUrl = `https://api.mapbox.com/styles/v1/${normalizedStyleId}/static/[${bbox}]/${width}x${height}${highResSuffix}?${params.toString()}`\n\n    const response = await fetch(requestUrl)\n    if (!response.ok) {\n      throw new Error(\n        `Mapbox imagery request failed: ${response.status} ${response.statusText}`\n      )\n    }\n\n    const blob = await response.blob()\n\n    if (\n      typeof URL === 'undefined' ||\n      typeof URL.createObjectURL !== 'function'\n    ) {\n      throw new Error(\n        'URL.createObjectURL is not available in this environment'\n      )\n    }\n\n    return URL.createObjectURL(blob)\n  }\n\n  private releaseGeneratedTexture(url: string): void {\n    if (!this.generatedTextureUrls.has(url)) {\n      return\n    }\n\n    if (\n      typeof URL !== 'undefined' &&\n      typeof URL.revokeObjectURL === 'function'\n    ) {\n      URL.revokeObjectURL(url)\n    }\n\n    this.generatedTextureUrls.delete(url)\n  }\n\n  /**\n   * Gets the current terrain mesh\n   */\n  getMesh(): THREE.Mesh | null {\n    return this.mesh\n  }\n\n  /**\n   * Gets the current terrain data\n   */\n  getData(): TerrainData | null {\n    return this.currentData\n  }\n\n  /**\n   * Checks if terrain is currently loading\n   */\n  isTerrainLoading(): boolean {\n    return this.isLoading\n  }\n\n  /**\n   * Disposes of all resources\n   */\n  dispose(): void {\n    if (this.mesh) {\n      this.scene.remove(this.mesh)\n      this.mesh.geometry.dispose()\n      if (Array.isArray(this.mesh.material)) {\n        this.mesh.material.forEach((mat) => mat.dispose())\n      } else {\n        this.mesh.material.dispose()\n      }\n      this.mesh = null\n    }\n    this.currentData = null\n\n    if (this.generatedTextureUrls.size > 0) {\n      for (const url of Array.from(this.generatedTextureUrls)) {\n        this.releaseGeneratedTexture(url)\n      }\n    }\n  }\n}\n"],"mappings":";AAAA,YAAY,WAAW;AA6ChB,IAAM,cAAN,cAAgC,sBAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBxE,YAAY,OAAoB,UAA8B,CAAC,GAAG;AAChE,UAAM;AAvBR,SAAQ,OAA0B;AAClC,SAAQ,cAAkC;AAC1C,SAAQ,YAAqB;AAE7B,SAAQ,uBAAoC,oBAAI,IAAI;AAoBlD,SAAK,QAAQ;AAGb,SAAK,gBAAgB,QAAQ,iBAAiB;AAC9C,SAAK,gBAAgB,QAAQ,iBAAiB;AAC9C,SAAK,iBAAiB,QAAQ,kBAAkB;AAChD,SAAK,YAAY,QAAQ,aAAa;AACtC,SAAK,YAAY,QAAQ,aAAa;AACtC,SAAK,aAAa,QAAQ;AAC1B,SAAK,gBAAgB,QAAQ;AAC7B,SAAK,gBAAgB,QAAQ,iBAAiB;AAC9C,SAAK,aAAa,QAAQ,cAAc;AACxC,SAAK,cAAc,QAAQ,eAAe;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB,SAAsC;AACrD,SAAK,gBAAgB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,MAAM,YACJ,QACA,YACe;AACf,QAAI,KAAK,WAAW;AAClB,cAAQ,KAAK,4BAA4B;AACzC;AAAA,IACF;AAEA,SAAK,YAAY;AACjB,SAAK,cAAc;AAAA,MACjB,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI;AAEF,YAAM,cAAc,MAAM,KAAK,mBAAmB,QAAQ,UAAU;AAGpE,WAAK,cAAc;AAGnB,WAAK,cAAc;AAAA,QACjB,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAC;AAED,YAAM,gBAAgB,MAAM,KAAK,eAAe,QAAQ,UAAU;AAGlE,YAAM,KAAK,WAAW,aAAa,aAAa;AAAA,IAClD,SAAS,OAAO;AACd,cAAQ,MAAM,0BAA0B,KAAK;AAC7C,WAAK,cAAc;AAAA,QACjB,MAAM;AAAA,QACN,SAAS;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH,UAAE;AACA,WAAK,YAAY;AAAA,IACnB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,MAAM,cACJ,QACA,YACe;AACf,QAAI,CAAC,KAAK,eAAe,CAAC,QAAQ;AAChC,cAAQ,KAAK,gDAAgD;AAC7D;AAAA,IACF;AAEA,UAAM,YAAY,UAAU,KAAK,YAAa;AAC9C,UAAM,gBAAgB,cAAc,KAAK,YAAa;AAEtD,UAAM,KAAK,YAAY,WAAW,aAAa;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAc,mBACZ,QACA,YACsB;AACtB,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,iBAAiB,QAAQ,UAAU;AAAA,IACjD;AAGA,UAAM,SAAoD,CAAC;AAG3D,UAAM,qBAAqB;AAC3B,UAAM,qBACJ,SACA,KAAK,IAAI,KAAK,IAAI,KAAK,IAAK,OAAO,WAAW,KAAK,KAAM,GAAG,CAAC,GAAG,IAAI;AAEtE,UAAM,WAAW,WAAW,QAAQ;AACpC,UAAM,WAAW,WAAW,QAAQ;AAEpC,UAAM,UAAU,WAAW,KAAK;AAChC,UAAM,UAAU,WAAW,KAAK;AAEhC,UAAM,WAAW,OAAO,WAAW,WAAW;AAC9C,UAAM,WAAW,OAAO,YAAY,WAAW;AAG/C,aAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,eAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,eAAO,KAAK;AAAA,UACV,UAAU,WAAW,IAAI;AAAA,UACzB,WAAW,WAAW,IAAI;AAAA,QAC5B,CAAC;AAAA,MACH;AAAA,IACF;AAKA,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,QAClB;AAAA,QACA,MAAM,KAAK,UAAU;AAAA,UACnB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,wBAAwB,SAAS,UAAU,EAAE;AAAA,IAC/D;AAEA,UAAM,OAAO,MAAM,SAAS,KAAK;AACjC,UAAM,UAA4B,KAAK;AAGvC,UAAM,aAAyB,CAAC;AAChC,QAAI,eAAe;AACnB,QAAI,eAAe;AAEnB,aAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,YAAM,MAAgB,CAAC;AACvB,eAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,cAAM,QAAQ,KAAK,KAAK,gBAAgB,KAAK;AAC7C,cAAM,YAAY,QAAQ,KAAK,EAAE;AACjC,YAAI,KAAK,SAAS;AAClB,uBAAe,KAAK,IAAI,cAAc,SAAS;AAC/C,uBAAe,KAAK,IAAI,cAAc,SAAS;AAAA,MACjD;AACA,iBAAW,KAAK,GAAG;AAAA,IACrB;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,iBACN,QACA,YACa;AACb,UAAM,aAAyB,CAAC;AAChC,QAAI,eAAe;AACnB,QAAI,eAAe;AAGnB,UAAM,OAAO,OAAO,WAAW,OAAO;AACtC,aAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,YAAM,MAAgB,CAAC;AACvB,eAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAE5C,cAAM,KAAM,IAAI,KAAK,gBAAiB;AACtC,cAAM,KAAM,IAAI,KAAK,gBAAiB;AAEtC,YAAI,YAAY;AAEhB,qBAAa,KAAK,IAAI,KAAK,IAAI,IAAI;AACnC,qBAAa,KAAK,IAAI,KAAK,IAAI,IAAI;AAEnC,qBAAa,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI;AACvC,qBAAa,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI;AAEvC,qBAAa,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI;AACvC,qBAAa,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI;AAEvC,sBAAc,KAAK,OAAO,IAAI,OAAO;AAErC,YAAI,KAAK,SAAS;AAClB,uBAAe,KAAK,IAAI,cAAc,SAAS;AAC/C,uBAAe,KAAK,IAAI,cAAc,SAAS;AAAA,MACjD;AACA,iBAAW,KAAK,GAAG;AAAA,IACrB;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAc,WACZ,MACA,eACe;AAEf,QAAI,KAAK,MAAM;AACb,WAAK,MAAM,OAAO,KAAK,IAAI;AAC3B,WAAK,KAAK,SAAS,QAAQ;AAC3B,UAAI,MAAM,QAAQ,KAAK,KAAK,QAAQ,GAAG;AACrC,aAAK,KAAK,SAAS,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC;AAAA,MACnD,OAAO;AACL,aAAK,KAAK,SAAS,QAAQ;AAAA,MAC7B;AAAA,IACF;AAGA,UAAM,WAAW,IAAU;AAAA,MACzB,KAAK,WAAW;AAAA,MAChB,KAAK,WAAW;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAGA,UAAM,YAAY,SAAS,WAAW;AACtC,QAAI,cAAc;AAElB,aAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,eAAS,IAAI,GAAG,KAAK,KAAK,eAAe,KAAK;AAC5C,cAAM,YAAY,KAAK,WAAW,CAAC,EAAE,CAAC;AAEtC,cAAM,UAAU,YAAY,KAAK,gBAAgB,KAAK;AACtD,kBAAU,KAAK,aAAa,MAAM;AAClC;AAAA,MACF;AAAA,IACF;AAGA,aAAS,qBAAqB;AAG9B,QAAI;AAEJ,QAAI,eAAe,KAAK;AACtB,UAAI;AACF,cAAM,UAAU,MAAM,IAAU,oBAAc,EAAE;AAAA,UAC9C,cAAc;AAAA,QAChB;AACA,mBAAW,IAAU,2BAAqB;AAAA,UACxC,KAAK;AAAA,UACL,WAAW,KAAK;AAAA,QAClB,CAAC;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,KAAK,qDAAqD,KAAK;AACvE,mBAAW,IAAU,2BAAqB;AAAA,UACxC,OAAO,KAAK;AAAA,UACZ,WAAW,KAAK;AAAA,QAClB,CAAC;AAAA,MACH,UAAE;AACA,YAAI,cAAc,aAAa;AAC7B,eAAK,wBAAwB,cAAc,GAAG;AAAA,QAChD;AAAA,MACF;AAAA,IACF,OAAO;AACL,iBAAW,IAAU,2BAAqB;AAAA,QACxC,OAAO,KAAK;AAAA,QACZ,WAAW,KAAK;AAAA,MAClB,CAAC;AAAA,IACH;AAGA,SAAK,OAAO,IAAU,WAAK,UAAU,QAAQ;AAC7C,SAAK,KAAK,SAAS,IAAI,CAAC,KAAK,KAAK;AAClC,SAAK,KAAK,gBAAgB,KAAK;AAC/B,SAAK,KAAK,aAAa,KAAK;AAG5B,SAAK,MAAM,IAAI,KAAK,IAAI;AAGxB,SAAK,cAAc;AAAA,MACjB,MAAM;AAAA,MACN,MAAM,KAAK;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EAEA,MAAc,eACZ,QACA,YAC2C;AAC3C,QAAI,KAAK,YAAY;AACnB,aAAO;AAAA,QACL,KAAK,KAAK;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAEA,QAAI,CAAC,KAAK,eAAe;AACvB,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,MAAM,MAAM,KAAK;AAAA,QACrB;AAAA,QACA;AAAA,QACA,KAAK;AAAA,MACP;AACA,WAAK,qBAAqB,IAAI,GAAG;AACjC,aAAO;AAAA,QACL;AAAA,QACA,aAAa;AAAA,MACf;AAAA,IACF,SAAS,OAAO;AACd,cAAQ;AAAA,QACN;AAAA,QACA;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEQ,mBACN,QACA,YACA,cACoE;AACpE,UAAM,qBAAqB;AAC3B,UAAM,aAAc,OAAO,WAAW,KAAK,KAAM;AACjD,UAAM,SAAS,KAAK,IAAI,UAAU;AAClC,UAAM,qBAAqB,SAAS,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI;AAEnE,UAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY;AAC/C,UAAM,mBAAmB,WAAW,SAAS,IAAI;AACjD,UAAM,mBAAmB,WAAW,SAAS,IAAI;AAEjD,UAAM,mBAAmB,mBAAmB,IAAI;AAChD,UAAM,mBAAmB,mBAAmB,IAAI;AAEhD,UAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAEpC,UAAM,SAAS,MAAM,OAAO,WAAW,kBAAkB,KAAK,EAAE;AAChE,UAAM,SAAS,MAAM,OAAO,WAAW,kBAAkB,KAAK,EAAE;AAChE,UAAM,SAAS,MAAM,OAAO,YAAY,kBAAkB,MAAM,GAAG;AACnE,UAAM,SAAS,MAAM,OAAO,YAAY,kBAAkB,MAAM,GAAG;AAEnE,WAAO,EAAE,QAAQ,QAAQ,QAAQ,OAAO;AAAA,EAC1C;AAAA,EAEA,MAAc,mBACZ,QACA,YACA,SACiB;AACjB,UAAM,UAAU,QAAQ,WAAW;AACnC,UAAM,oBAAoB,QACvB,QAAQ,oBAAoB,EAAE,EAC9B,QAAQ,QAAQ,EAAE;AAErB,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,cAAc,IAAI,CAAC;AAAA,IACpD;AACA,UAAM,SAAS,KAAK;AAAA,MAClB;AAAA,MACA,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,eAAe,IAAI,CAAC;AAAA,IACrD;AACA,UAAM,gBAAgB,QAAQ,iBAAiB,QAAQ;AACvD,UAAM,SAAS,QAAQ,eAAe;AACtC,UAAM,eAAe,QAAQ,gBAAgB;AAE7C,UAAM,SAAS,KAAK,mBAAmB,QAAQ,YAAY,YAAY;AACvE,UAAM,OAAO,GAAG,OAAO,OAAO,QAAQ,CAAC,CAAC,IAAI,OAAO,OAAO;AAAA,MACxD;AAAA,IACF,CAAC,IAAI,OAAO,OAAO,QAAQ,CAAC,CAAC,IAAI,OAAO,OAAO,QAAQ,CAAC,CAAC;AAEzD,UAAM,SAAS,IAAI,gBAAgB;AAAA,MACjC,cAAc,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAED,UAAM,aAAa,oCAAoC,iBAAiB,YAAY,IAAI,KAAK,KAAK,IAAI,MAAM,GAAG,aAAa,IAAI,OAAO,SAAS,CAAC;AAEjJ,UAAM,WAAW,MAAM,MAAM,UAAU;AACvC,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI;AAAA,QACR,kCAAkC,SAAS,MAAM,IAAI,SAAS,UAAU;AAAA,MAC1E;AAAA,IACF;AAEA,UAAM,OAAO,MAAM,SAAS,KAAK;AAEjC,QACE,OAAO,QAAQ,eACf,OAAO,IAAI,oBAAoB,YAC/B;AACA,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,WAAO,IAAI,gBAAgB,IAAI;AAAA,EACjC;AAAA,EAEQ,wBAAwB,KAAmB;AACjD,QAAI,CAAC,KAAK,qBAAqB,IAAI,GAAG,GAAG;AACvC;AAAA,IACF;AAEA,QACE,OAAO,QAAQ,eACf,OAAO,IAAI,oBAAoB,YAC/B;AACA,UAAI,gBAAgB,GAAG;AAAA,IACzB;AAEA,SAAK,qBAAqB,OAAO,GAAG;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA,EAKA,UAA6B;AAC3B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,UAA8B;AAC5B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,mBAA4B;AAC1B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,MAAM;AACb,WAAK,MAAM,OAAO,KAAK,IAAI;AAC3B,WAAK,KAAK,SAAS,QAAQ;AAC3B,UAAI,MAAM,QAAQ,KAAK,KAAK,QAAQ,GAAG;AACrC,aAAK,KAAK,SAAS,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC;AAAA,MACnD,OAAO;AACL,aAAK,KAAK,SAAS,QAAQ;AAAA,MAC7B;AACA,WAAK,OAAO;AAAA,IACd;AACA,SAAK,cAAc;AAEnB,QAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,iBAAW,OAAO,MAAM,KAAK,KAAK,oBAAoB,GAAG;AACvD,aAAK,wBAAwB,GAAG;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-EQDOX34V.mjs

@@ -0,0 +1,164 @@
+// packages/grid/src/InfiniteGrid.ts
+import * as THREE from "three";
+var InfiniteGrid = class extends THREE.Object3D {
+  constructor(divisions = 1, subdivisions = 10) {
+    super();
+    this.eventDispatcher = new THREE.EventDispatcher();
+    this.divisions = divisions;
+    this.subdivisions = subdivisions;
+    const gridSize = 100;
+    const gridGeometry = new THREE.PlaneGeometry(
+      gridSize * 2,
+      gridSize * 2,
+      1,
+      1
+    );
+    this.gridMaterial = new THREE.ShaderMaterial({
+      uniforms: {
+        uSize1: { value: this.divisions / this.subdivisions },
+        uSize2: { value: this.divisions },
+        uColor1: { value: new THREE.Color(4473924) },
+        uColor2: { value: new THREE.Color(6710886) },
+        uFogColor: { value: new THREE.Color(2763306) },
+        uFogNear: { value: 20 },
+        uFogFar: { value: 60 }
+      },
+      vertexShader: `
+   varying vec3 worldPosition;
+   
+   void main() {
+     worldPosition = position.xzy;
+     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+   }
+ `,
+      fragmentShader: `
+   uniform float uSize1;
+   uniform float uSize2;
+   uniform vec3 uColor1;
+   uniform vec3 uColor2;
+   uniform vec3 uFogColor;
+   uniform float uFogNear;
+   uniform float uFogFar;
+   
+   varying vec3 worldPosition;
+   
+   float getGrid(float size) {
+     vec2 r = worldPosition.xz / size;
+     vec2 grid = abs(fract(r - 0.5) - 0.5) / fwidth(r);
+     float line = min(grid.x, grid.y);
+     return 1.0 - min(line, 1.0);
+   }
+   
+   void main() {
+     float g1 = getGrid(uSize1);
+     float g2 = getGrid(uSize2);
+     
+     // Calculate fog factor using both near and far
+     float dist = length(worldPosition);
+     float fogFactor = smoothstep(uFogNear, uFogFar, dist);
+     
+     // Mix grid colors
+     vec3 color = mix(uColor1, uColor2, g2);
+     
+     // Apply fog to color and use inverse fog factor for alpha (fade out with distance)
+     vec3 finalColor = mix(color, uFogColor, fogFactor);
+     float alpha = (g1 + g2) * (1.0 - fogFactor);
+     
+     gl_FragColor = vec4(finalColor, alpha);
+   }
+ `,
+      transparent: true,
+      side: THREE.DoubleSide,
+      depthWrite: false
+    });
+    const gridMesh = new THREE.Mesh(gridGeometry, this.gridMaterial);
+    gridMesh.renderOrder = -1;
+    gridMesh.rotation.x = -Math.PI / 2;
+    this.add(gridMesh);
+  }
+  setSubdivisions(subdivisions) {
+    this.subdivisions = subdivisions;
+    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions;
+    this.eventDispatcher.dispatchEvent({
+      type: "subdivisionsChanged",
+      subdivisions
+    });
+  }
+  setDivisions(divisions) {
+    this.divisions = divisions;
+    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions;
+    this.gridMaterial.uniforms.uSize2.value = this.divisions;
+    this.eventDispatcher.dispatchEvent({ type: "divisionsChanged", divisions });
+  }
+  setColor1(color) {
+    if (typeof color === "number") {
+      this.gridMaterial.uniforms.uColor1.value.setHex(color);
+    } else {
+      this.gridMaterial.uniforms.uColor1.value.copy(color);
+    }
+    this.eventDispatcher.dispatchEvent({
+      type: "colorChanged",
+      color,
+      colorType: "color1"
+    });
+  }
+  setColor2(color) {
+    if (typeof color === "number") {
+      this.gridMaterial.uniforms.uColor2.value.setHex(color);
+    } else {
+      this.gridMaterial.uniforms.uColor2.value.copy(color);
+    }
+    this.eventDispatcher.dispatchEvent({
+      type: "colorChanged",
+      color,
+      colorType: "color2"
+    });
+  }
+  setFogColor(color) {
+    if (typeof color === "number") {
+      this.gridMaterial.uniforms.uFogColor.value.setHex(color);
+    } else {
+      this.gridMaterial.uniforms.uFogColor.value.copy(color);
+    }
+    this.eventDispatcher.dispatchEvent({
+      type: "colorChanged",
+      color,
+      colorType: "fog"
+    });
+  }
+  setFogNear(near) {
+    const fogFar = this.gridMaterial.uniforms.uFogFar.value;
+    const clampedNear = Math.min(near, fogFar);
+    this.gridMaterial.uniforms.uFogNear.value = clampedNear;
+    this.eventDispatcher.dispatchEvent({
+      type: "fogChanged",
+      property: "near",
+      value: clampedNear
+    });
+  }
+  setFogFar(far) {
+    const fogNear = this.gridMaterial.uniforms.uFogNear.value;
+    const clampedFar = Math.max(far, fogNear);
+    this.gridMaterial.uniforms.uFogFar.value = clampedFar;
+    this.eventDispatcher.dispatchEvent({
+      type: "fogChanged",
+      property: "far",
+      value: clampedFar
+    });
+  }
+  // Custom event listener methods (prefixed to avoid conflicts with Object3D)
+  addGridEventListener(type, listener) {
+    this.eventDispatcher.addEventListener(type, listener);
+  }
+  removeGridEventListener(type, listener) {
+    this.eventDispatcher.removeEventListener(type, listener);
+  }
+  hasGridEventListener(type, listener) {
+    return this.eventDispatcher.hasEventListener(type, listener);
+  }
+};
+
+export {
+  InfiniteGrid
+};
+//# sourceMappingURL=chunk-EQDOX34V.mjs.map

package/dist/chunk-EQDOX34V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/grid/src/InfiniteGrid.ts"],"sourcesContent":["import * as THREE from 'three'\n\n// Define custom event types\ninterface InfiniteGridEventMap {\n  subdivisionsChanged: { subdivisions: number }\n  divisionsChanged: { divisions: number }\n  colorChanged: {\n    color: THREE.Color | number\n    colorType: 'color1' | 'color2' | 'fog'\n  }\n  fogChanged: { property: 'near' | 'far'; value: number }\n}\n\nexport class InfiniteGrid extends THREE.Object3D {\n  subdivisions: number\n  divisions: number\n  gridMaterial: THREE.ShaderMaterial\n  private eventDispatcher: THREE.EventDispatcher<InfiniteGridEventMap>\n\n  constructor(divisions: number = 1, subdivisions: number = 10) {\n    super()\n\n    // Create an internal EventDispatcher for custom events\n    this.eventDispatcher = new THREE.EventDispatcher<InfiniteGridEventMap>()\n    this.divisions = divisions\n    this.subdivisions = subdivisions\n\n    // Create a custom grid shader material\n    const gridSize = 100\n\n    // Create a plane for the grid\n    const gridGeometry = new THREE.PlaneGeometry(\n      gridSize * 2,\n      gridSize * 2,\n      1,\n      1\n    )\n\n    // Custom grid shader material\n    this.gridMaterial = new THREE.ShaderMaterial({\n      uniforms: {\n        uSize1: { value: this.divisions / this.subdivisions },\n        uSize2: { value: this.divisions },\n        uColor1: { value: new THREE.Color(0x444444) },\n        uColor2: { value: new THREE.Color(0x666666) },\n        uFogColor: { value: new THREE.Color(0x2a2a2a) },\n        uFogNear: { value: 20.0 },\n        uFogFar: { value: 60.0 },\n      },\n      vertexShader: `\n   varying vec3 worldPosition;\n   \n   void main() {\n     worldPosition = position.xzy;\n     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n   }\n `,\n      fragmentShader: `\n   uniform float uSize1;\n   uniform float uSize2;\n   uniform vec3 uColor1;\n   uniform vec3 uColor2;\n   uniform vec3 uFogColor;\n   uniform float uFogNear;\n   uniform float uFogFar;\n   \n   varying vec3 worldPosition;\n   \n   float getGrid(float size) {\n     vec2 r = worldPosition.xz / size;\n     vec2 grid = abs(fract(r - 0.5) - 0.5) / fwidth(r);\n     float line = min(grid.x, grid.y);\n     return 1.0 - min(line, 1.0);\n   }\n   \n   void main() {\n     float g1 = getGrid(uSize1);\n     float g2 = getGrid(uSize2);\n     \n     // Calculate fog factor using both near and far\n     float dist = length(worldPosition);\n     float fogFactor = smoothstep(uFogNear, uFogFar, dist);\n     \n     // Mix grid colors\n     vec3 color = mix(uColor1, uColor2, g2);\n     \n     // Apply fog to color and use inverse fog factor for alpha (fade out with distance)\n     vec3 finalColor = mix(color, uFogColor, fogFactor);\n     float alpha = (g1 + g2) * (1.0 - fogFactor);\n     \n     gl_FragColor = vec4(finalColor, alpha);\n   }\n `,\n      transparent: true,\n      side: THREE.DoubleSide,\n      depthWrite: false,\n    })\n\n    // Create the grid mesh\n    const gridMesh = new THREE.Mesh(gridGeometry, this.gridMaterial)\n    gridMesh.renderOrder = -1\n    gridMesh.rotation.x = -Math.PI / 2\n    this.add(gridMesh)\n    // return gridMesh;\n  }\n\n  setSubdivisions(subdivisions: number): void {\n    this.subdivisions = subdivisions\n    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions\n    this.eventDispatcher.dispatchEvent({\n      type: 'subdivisionsChanged',\n      subdivisions,\n    })\n  }\n\n  setDivisions(divisions: number): void {\n    this.divisions = divisions\n    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions\n    this.gridMaterial.uniforms.uSize2.value = this.divisions\n    this.eventDispatcher.dispatchEvent({ type: 'divisionsChanged', divisions })\n  }\n\n  setColor1(color: THREE.Color | number): void {\n    if (typeof color === 'number') {\n      this.gridMaterial.uniforms.uColor1.value.setHex(color)\n    } else {\n      this.gridMaterial.uniforms.uColor1.value.copy(color)\n    }\n    this.eventDispatcher.dispatchEvent({\n      type: 'colorChanged',\n      color,\n      colorType: 'color1',\n    })\n  }\n\n  setColor2(color: THREE.Color | number): void {\n    if (typeof color === 'number') {\n      this.gridMaterial.uniforms.uColor2.value.setHex(color)\n    } else {\n      this.gridMaterial.uniforms.uColor2.value.copy(color)\n    }\n    this.eventDispatcher.dispatchEvent({\n      type: 'colorChanged',\n      color,\n      colorType: 'color2',\n    })\n  }\n\n  setFogColor(color: THREE.Color | number): void {\n    if (typeof color === 'number') {\n      this.gridMaterial.uniforms.uFogColor.value.setHex(color)\n    } else {\n      this.gridMaterial.uniforms.uFogColor.value.copy(color)\n    }\n    this.eventDispatcher.dispatchEvent({\n      type: 'colorChanged',\n      color,\n      colorType: 'fog',\n    })\n  }\n\n  setFogNear(near: number): void {\n    const fogFar = this.gridMaterial.uniforms.uFogFar.value\n    const clampedNear = Math.min(near, fogFar)\n    this.gridMaterial.uniforms.uFogNear.value = clampedNear\n    this.eventDispatcher.dispatchEvent({\n      type: 'fogChanged',\n      property: 'near',\n      value: clampedNear,\n    })\n  }\n\n  setFogFar(far: number): void {\n    const fogNear = this.gridMaterial.uniforms.uFogNear.value\n    const clampedFar = Math.max(far, fogNear)\n    this.gridMaterial.uniforms.uFogFar.value = clampedFar\n    this.eventDispatcher.dispatchEvent({\n      type: 'fogChanged',\n      property: 'far',\n      value: clampedFar,\n    })\n  }\n\n  // Custom event listener methods (prefixed to avoid conflicts with Object3D)\n  addGridEventListener<K extends keyof InfiniteGridEventMap>(\n    type: K,\n    listener: (event: InfiniteGridEventMap[K] & { type: K }) => void\n  ): void {\n    this.eventDispatcher.addEventListener(type, listener)\n  }\n\n  removeGridEventListener<K extends keyof InfiniteGridEventMap>(\n    type: K,\n    listener: (event: InfiniteGridEventMap[K] & { type: K }) => void\n  ): void {\n    this.eventDispatcher.removeEventListener(type, listener)\n  }\n\n  hasGridEventListener<K extends keyof InfiniteGridEventMap>(\n    type: K,\n    listener: (event: InfiniteGridEventMap[K] & { type: K }) => void\n  ): boolean {\n    return this.eventDispatcher.hasEventListener(type, listener)\n  }\n}\n"],"mappings":"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","names":[]}