Importing and Exporting Dashboards

{
  "dashboard": {
    "title": "System Metrics Dashboard",
    "panels": [
      {
        "id": 1,
        "type": "graph",
        "title": "CPU Usage"
      }
    ]
  },
  "overwrite": true
}

const importDashboard = async () => {
  const response = await fetch('/api/dashboards/db', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer <your-api-token>'
    },
    body: JSON.stringify({
      dashboard: {
        id: 'dashboard-id-here',
        title: 'My Imported Dashboard'
      },
      folderId: 1,
      overwrite: true
    })
  });

  const result = await response.json();
  console.log('Dashboard imported:', result);
};

const dashboard = {
  "dashboard": {
    "id": null,
    "title": "My Dashboard",
    "panels": [
      {
        "id": 1,
        "type": "graph",
        "title": "CPU Usage"
      }
    ]
  },
  "folderId": 0,
  "overwrite": false
};

// Export dashboard to JSON file
console.log(JSON.stringify(dashboard, null, 2));

{
  "dashboard": {
    "id": 12345,
    "uid": "abc123def456",
    "title": "System Metrics",
    "url": "/d/abc123def456/system-metrics"
  },
  "overwrite": true
}

{
  "dashboard": {
    "id": 12345,
    "uid": "abc123def456",
    "title": "Production Metrics",
    "folderId": 0,
    "folderUid": null,
    "datasource": "Prometheus",
    "timezone": "browser",
    "refresh": "5m",
    "schemaVersion": 36,
    "version": 1
  }
}

{
  "dashboard": {
    "title": "Infrastructure Overview",
    "uid": "infrastructure-overview-123",
    "templating": {
      "list": [
        {
          "name": "host",
          "label": "Host",
          "query": "label_values(up, instance)",
          "current": {
            "text": "localhost:9090",
            "value": "localhost:9090"
          }
        }
      ]
    },
    "panels": [
      {
        "title": "CPU Usage",
        "type": "graph",
        "targets": [
          {
            "expr": "rate(node_cpu_seconds_total{instance=\"$host\"}[5m])"
          }
        ]
      }
    ]
  }
}

{
  "dashboard": {
    "title": "My Dashboard",
    "uid": "my-dashboard-uid"
  },
  "overwrite": true,
  "inputs": [
    {
      "name": "datasource",
      "label": "Data Source",
      "description": "Select the data source to use for this dashboard",
      "pluginId": "grafana-postgres-datasource",
      "value": "12345678-1234-1234-1234-123456789012"
    }
  ]
}

const snapshot = {
  name: "Production Metrics",
  expires: 3600,
  dashboard: {
    id: 12345,
    uid: "abc123"
  }
};

fetch("/api/snapshots", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify(snapshot)
})
.then(response => response.json())
.then(data => console.log("Snapshot URL:", data.url));

const snapshot = {
  name: "Production Metrics",
  expires: 86400,
  hideAnnotations: true,
  hideControls: false
};

// Send to Grafana API endpoint:
// POST /api/snapshots

const snapshotId = "abc123";

// Delete the snapshot using Grafana API
fetch(`/api/snapshots/${snapshotId}`, {
  method: "DELETE",
  headers: {
    "Authorization": "Bearer <your-api-token>"
  }
})
.then(response => {
  if (response.ok) {
    console.log("Snapshot deleted successfully");
  } else {
    console.error("Failed to delete snapshot");
  }
});