@saschabrunnerch/arcgis-maps-sdk-js-ai-context 0.0.1 → 0.1.0

package/package.json

@@ -1,45 +1,45 @@
-{
-  "name": "@saschabrunnerch/arcgis-maps-sdk-js-ai-context",
-  "version": "0.0.1",
-  "description": "Install AI assistant context files for ArcGIS Maps SDK for JavaScript development. Supports Claude skills and GitHub Copilot instructions.",
-  "main": "lib/installer.js",
-  "bin": {
-    "arcgis-maps-sdk-js-ai-context": "bin/cli.js"
-  },
-  "files": [
-    "bin",
-    "contexts",
-    "lib"
-  ],
-  "scripts": {
-    "test": "node bin/cli.js --help"
-  },
-  "keywords": [
-    "arcgis",
-    "esri",
-    "gis",
-    "claude",
-    "copilot",
-    "ai",
-    "skills",
-    "maps",
-    "javascript",
-    "context",
-    "assistant",
-    "github-copilot",
-    "anthropic"
-  ],
-  "author": "Sascha Brunner",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context.git"
-  },
-  "bugs": {
-    "url": "https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context/issues"
-  },
-  "homepage": "https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context#readme",
-  "engines": {
-    "node": ">=14.0.0"
-  }
-}
+{
+  "name": "@saschabrunnerch/arcgis-maps-sdk-js-ai-context",
+  "version": "0.1.0",
+  "description": "Install Agent Skills for ArcGIS Maps SDK for JavaScript development. Compatible with Claude, VS Code, Cursor, and other AI agents.",
+  "main": "lib/installer.js",
+  "bin": {
+    "arcgis-maps-sdk-js-ai-context": "bin/cli.js"
+  },
+  "files": [
+    "bin",
+    "contexts",
+    "lib"
+  ],
+  "scripts": {
+    "test": "node bin/cli.js --help"
+  },
+  "keywords": [
+    "arcgis",
+    "esri",
+    "gis",
+    "agent-skills",
+    "claude",
+    "copilot",
+    "ai",
+    "skills",
+    "maps",
+    "javascript",
+    "context",
+    "assistant",
+    "anthropic"
+  ],
+  "author": "Sascha Brunner",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context.git"
+  },
+  "bugs": {
+    "url": "https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context/issues"
+  },
+  "homepage": "https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context#readme",
+  "engines": {
+    "node": ">=14.0.0"
+  }
+}

package/contexts/4.34/copilot/arcgis-3d.instructions.md

@@ -1,267 +0,0 @@
----
-applyTo: "**/*.{js,ts,jsx,tsx,html}"
----
-
-# ArcGIS Maps SDK - 3D Visualization
-
-## SceneView
-
-```javascript
-import SceneView from "@arcgis/core/views/SceneView.js";
-
-const view = new SceneView({
-  container: "viewDiv",
-  map: map,
-  camera: {
-    position: {
-      longitude: -118.24,
-      latitude: 34.05,
-      z: 25000
-    },
-    heading: 0,
-    tilt: 45
-  }
-});
-```
-
-```html
-<arcgis-scene basemap="topo-3d" ground="world-elevation">
-  <arcgis-zoom slot="top-left"></arcgis-zoom>
-  <arcgis-navigation-toggle slot="top-left"></arcgis-navigation-toggle>
-</arcgis-scene>
-```
-
-## 3D Layers
-
-### SceneLayer (Buildings)
-```javascript
-import SceneLayer from "@arcgis/core/layers/SceneLayer.js";
-
-const layer = new SceneLayer({
-  portalItem: { id: "2e0761b9a4274b8db52c4bf34356911e" }
-});
-```
-
-### IntegratedMeshLayer
-```javascript
-import IntegratedMeshLayer from "@arcgis/core/layers/IntegratedMeshLayer.js";
-
-const layer = new IntegratedMeshLayer({
-  url: "https://tiles.arcgis.com/tiles/.../IntegratedMeshServer"
-});
-```
-
-### PointCloudLayer
-```javascript
-import PointCloudLayer from "@arcgis/core/layers/PointCloudLayer.js";
-
-const layer = new PointCloudLayer({
-  url: "https://tiles.arcgis.com/tiles/.../SceneServer"
-});
-
-// RGB Renderer
-layer.renderer = { type: "point-cloud-rgb", field: "RGB" };
-
-// Classification Renderer
-layer.renderer = {
-  type: "point-cloud-unique-value",
-  field: "CLASS_CODE",
-  colorUniqueValueInfos: [
-    { values: ["2"], label: "Ground", color: [139, 90, 43] },
-    { values: ["6"], label: "Building", color: [194, 194, 194] }
-  ]
-};
-```
-
-### VoxelLayer
-```javascript
-import VoxelLayer from "@arcgis/core/layers/VoxelLayer.js";
-
-const layer = new VoxelLayer({
-  url: "https://tiles.arcgis.com/tiles/.../SceneServer"
-});
-```
-
-## 3D Symbols
-
-### PointSymbol3D
-```javascript
-const symbol = {
-  type: "point-3d",
-  symbolLayers: [{
-    type: "icon",
-    resource: { primitive: "circle" },
-    material: { color: "red" },
-    size: 12
-  }]
-};
-
-// Object symbol
-const symbol = {
-  type: "point-3d",
-  symbolLayers: [{
-    type: "object",
-    resource: { primitive: "cylinder" },  // cone, cube, sphere, diamond
-    material: { color: "blue" },
-    height: 100,
-    width: 10
-  }]
-};
-```
-
-### glTF Model
-```javascript
-const graphic = new Graphic({
-  geometry: point,
-  symbol: {
-    type: "point-3d",
-    symbolLayers: [{
-      type: "object",
-      resource: { href: "https://example.com/model.glb" },
-      width: 10,
-      height: 10
-    }]
-  }
-});
-```
-
-### PolygonSymbol3D (Extrusion)
-```javascript
-const symbol = {
-  type: "polygon-3d",
-  symbolLayers: [{
-    type: "extrude",
-    material: { color: "blue" },
-    size: 100
-  }]
-};
-```
-
-### MeshSymbol3D
-```javascript
-const symbol = {
-  type: "mesh-3d",
-  symbolLayers: [{
-    type: "fill",
-    material: { color: [244, 247, 134] }
-  }]
-};
-```
-
-## Weather Effects
-
-```javascript
-// Sunny
-view.environment.weather = { type: "sunny", cloudCover: 0.2 };
-
-// Cloudy
-view.environment.weather = { type: "cloudy", cloudCover: 0.6 };
-
-// Rainy
-view.environment.weather = { type: "rainy", cloudCover: 0.8, precipitation: 0.5 };
-
-// Foggy
-view.environment.weather = { type: "foggy", fogStrength: 0.5 };
-
-// Snowy
-view.environment.weather = { type: "snowy", precipitation: 0.5, snowCover: "enabled" };
-```
-
-```html
-<arcgis-expand slot="top-right">
-  <arcgis-weather></arcgis-weather>
-</arcgis-expand>
-```
-
-## Daylight & Lighting
-
-```javascript
-view.environment.lighting = {
-  date: new Date("2024-06-21T12:00:00"),
-  directShadowsEnabled: true,
-  ambientOcclusionEnabled: true
-};
-```
-
-```html
-<arcgis-expand slot="top-right">
-  <arcgis-daylight></arcgis-daylight>
-</arcgis-expand>
-```
-
-## Ground Configuration
-
-```javascript
-// World elevation
-map.ground = "world-elevation";
-
-// Custom elevation
-import ElevationLayer from "@arcgis/core/layers/ElevationLayer.js";
-
-map.ground = {
-  layers: [
-    new ElevationLayer({
-      url: "https://elevation.arcgis.com/.../Terrain3D/ImageServer"
-    })
-  ]
-};
-
-// Underground navigation
-map.ground.navigationConstraint = "none";
-map.ground.opacity = 0.5;
-```
-
-## Scene Environment
-
-```javascript
-view.environment.atmosphereEnabled = true;
-view.environment.starsEnabled = true;
-view.qualityProfile = "high";  // low, medium, high
-
-// Background
-view.environment.background = {
-  type: "color",
-  color: [0, 0, 0, 1]  // or [0, 0, 0, 0] for transparent
-};
-```
-
-## Viewing Modes
-
-```javascript
-view.viewingMode = "global";  // Spherical Earth
-view.viewingMode = "local";   // Flat, for local areas
-```
-
-```html
-<arcgis-scene viewing-mode="local"></arcgis-scene>
-```
-
-## Elevation Info
-
-```javascript
-layer.elevationInfo = {
-  mode: "on-the-ground",      // Features on ground
-  mode: "relative-to-ground", // Height above ground
-  mode: "absolute-height",    // Height above sea level
-  mode: "relative-to-scene",  // Height above scene
-  offset: 10,
-  featureExpressionInfo: {
-    expression: "$feature.height"
-  }
-};
-```
-
-## 3D Measurement
-
-```html
-<arcgis-direct-line-measurement-3d slot="top-right"></arcgis-direct-line-measurement-3d>
-<arcgis-area-measurement-3d slot="top-right"></arcgis-area-measurement-3d>
-```
-
-## Common Pitfalls
-
-1. **VoxelLayer requires local mode** - Use `viewing-mode="local"`
-2. **Weather only in SceneView** - Doesn't work in MapView
-3. **glTF model scale** - May need scaling to fit scene
-4. **Ground navigation** - Set `navigationConstraint: "none"` for underground
-5. **PointCloud fields** - Common: `RGB`, `CLASS_CODE`, `ELEVATION`

package/contexts/4.34/copilot/arcgis-analysis.instructions.md

@@ -1,294 +0,0 @@
----
-applyTo: "**/*.{js,ts,jsx,tsx,html}"
----
-
-# ArcGIS Maps SDK - Analysis & Utilities
-
-## Coordinate Conversion
-
-```javascript
-import CoordinateFormatter from "@arcgis/core/geometry/coordinateFormatter.js";
-
-await CoordinateFormatter.load();
-
-// To DMS
-const dms = CoordinateFormatter.toLatitudeLongitude(point, "dms", 2);
-
-// To MGRS
-const mgrs = CoordinateFormatter.toMgrs(point, "automatic", 5, false);
-
-// To UTM
-const utm = CoordinateFormatter.toUtm(point, "latitude-band-indicators", true);
-
-// From string
-const point = CoordinateFormatter.fromLatitudeLongitude("34.05N, 118.24W");
-```
-
-## esriRequest (HTTP)
-
-```javascript
-import esriRequest from "@arcgis/core/request.js";
-
-const response = await esriRequest(url, {
-  query: { f: "json" },
-  responseType: "json"
-});
-console.log(response.data);
-
-// POST request
-const response = await esriRequest(url, {
-  method: "post",
-  body: formData,
-  responseType: "json"
-});
-```
-
-## Print Task
-
-```javascript
-import PrintTask from "@arcgis/core/tasks/PrintTask.js";
-import PrintTemplate from "@arcgis/core/tasks/support/PrintTemplate.js";
-import PrintParameters from "@arcgis/core/tasks/support/PrintParameters.js";
-
-const printTask = new PrintTask({
-  url: "https://utility.arcgisonline.com/.../PrintingTools/GPServer/Export%20Web%20Map%20Task"
-});
-
-const template = new PrintTemplate({
-  format: "pdf",
-  layout: "letter-ansi-a-landscape",
-  exportOptions: { dpi: 150 }
-});
-
-const params = new PrintParameters({
-  view: view,
-  template: template
-});
-
-const result = await printTask.execute(params);
-console.log("PDF URL:", result.url);
-```
-
-## Route Task
-
-```javascript
-import RouteTask from "@arcgis/core/tasks/RouteTask.js";
-import RouteParameters from "@arcgis/core/tasks/support/RouteParameters.js";
-import Stop from "@arcgis/core/tasks/support/Stop.js";
-
-const routeTask = new RouteTask({
-  url: "https://route.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World"
-});
-
-const params = new RouteParameters({
-  stops: new FeatureSet({
-    features: [
-      new Graphic({ geometry: startPoint }),
-      new Graphic({ geometry: endPoint })
-    ]
-  }),
-  returnDirections: true
-});
-
-const result = await routeTask.solve(params);
-const route = result.routeResults[0].route;
-```
-
-## Geocoding
-
-```javascript
-import Locator from "@arcgis/core/tasks/Locator.js";
-
-const locator = new Locator({
-  url: "https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer"
-});
-
-// Address to location
-const results = await locator.addressToLocations({
-  address: { SingleLine: "380 New York St, Redlands, CA" }
-});
-
-// Location to address
-const result = await locator.locationToAddress({ location: point });
-```
-
-## Feature Clustering
-
-```javascript
-layer.featureReduction = {
-  type: "cluster",
-  clusterRadius: 80,
-  clusterMinSize: 16,
-  clusterMaxSize: 60,
-  popupTemplate: {
-    title: "Cluster of {cluster_count}",
-    content: [{ type: "fields", fieldInfos: [{ fieldName: "cluster_count" }] }]
-  },
-  fields: [{
-    name: "cluster_avg_value",
-    alias: "Average",
-    onStatisticField: "value",
-    statisticType: "avg"
-  }]
-};
-```
-
-## Measurement
-
-```html
-<arcgis-distance-measurement-2d slot="top-right"></arcgis-distance-measurement-2d>
-<arcgis-area-measurement-2d slot="top-right"></arcgis-area-measurement-2d>
-```
-
-```javascript
-import Measurement from "@arcgis/core/widgets/Measurement.js";
-
-const measurement = new Measurement({
-  view: view,
-  activeTool: "distance"  // distance, area
-});
-
-view.ui.add(measurement, "top-right");
-```
-
-## Swipe
-
-```html
-<arcgis-map basemap="streets-vector">
-  <arcgis-swipe slot="top-right" position="50"></arcgis-swipe>
-</arcgis-map>
-```
-
-```javascript
-import Swipe from "@arcgis/core/widgets/Swipe.js";
-
-const swipe = new Swipe({
-  view: view,
-  leadingLayers: [layer1],
-  trailingLayers: [layer2],
-  position: 50
-});
-```
-
-## Bookmarks
-
-```html
-<arcgis-bookmarks slot="top-right"></arcgis-bookmarks>
-```
-
-```javascript
-import Bookmarks from "@arcgis/core/widgets/Bookmarks.js";
-
-const bookmarks = new Bookmarks({
-  view: view,
-  bookmarks: [
-    {
-      name: "Los Angeles",
-      viewpoint: { targetGeometry: extent1 }
-    },
-    {
-      name: "New York",
-      viewpoint: { targetGeometry: extent2 }
-    }
-  ]
-});
-```
-
-## Portal Operations
-
-### Save WebMap
-
-```javascript
-import WebMap from "@arcgis/core/WebMap.js";
-
-const webmap = new WebMap({ basemap: "topo-vector" });
-webmap.add(layer);
-
-await webmap.save({
-  folder: portal.user.username + "/My Maps",
-  title: "My WebMap",
-  description: "Description",
-  tags: ["tag1", "tag2"]
-});
-```
-
-### Load and Update WebMap
-
-```javascript
-const webmap = new WebMap({
-  portalItem: { id: "EXISTING_WEBMAP_ID" }
-});
-
-await webmap.load();
-webmap.add(newLayer);
-await webmap.save();
-```
-
-## Time-Aware Layers
-
-```javascript
-// TimeSlider
-import TimeSlider from "@arcgis/core/widgets/TimeSlider.js";
-
-const timeSlider = new TimeSlider({
-  view: view,
-  fullTimeExtent: layer.timeInfo.fullTimeExtent,
-  mode: "time-window",
-  stops: { interval: { value: 1, unit: "hours" } }
-});
-```
-
-```html
-<arcgis-time-slider slot="bottom" mode="time-window" loop></arcgis-time-slider>
-```
-
-## Statistics
-
-```javascript
-const query = layer.createQuery();
-query.outStatistics = [
-  { statisticType: "sum", onStatisticField: "population", outStatisticFieldName: "total" },
-  { statisticType: "avg", onStatisticField: "population", outStatisticFieldName: "average" },
-  { statisticType: "min", onStatisticField: "population", outStatisticFieldName: "minimum" },
-  { statisticType: "max", onStatisticField: "population", outStatisticFieldName: "maximum" },
-  { statisticType: "count", onStatisticField: "population", outStatisticFieldName: "count" }
-];
-
-query.groupByFieldsForStatistics = ["category"];
-
-const result = await layer.queryFeatures(query);
-```
-
-## Hit Test
-
-```javascript
-view.on("click", async (event) => {
-  const response = await view.hitTest(event);
-
-  if (response.results.length > 0) {
-    const graphic = response.results[0].graphic;
-    console.log("Clicked:", graphic.attributes);
-  }
-});
-```
-
-## Screenshot
-
-```javascript
-const screenshot = await view.takeScreenshot({
-  format: "png",
-  quality: 100,
-  width: 1920,
-  height: 1080
-});
-
-const image = document.createElement("img");
-image.src = screenshot.dataUrl;
-```
-
-## Common Pitfalls
-
-1. **API key required** - Many services need API key or OAuth
-2. **Async operations** - Always await async methods
-3. **CORS** - Configure proxy for cross-origin services
-4. **Rate limits** - Be aware of service rate limits