package.json

{
  "name": "vscode-dgmlviewer",
  "publisher": "coderAllan",
  "displayName": "DGMLViewer",
  "description": "DGMLViewer is viewer for dgml (Directed Graph Markup Language) files",
  "icon": "icon.png",
  "version": "2.2.7",
  "repository": "https://github.com/CoderAllan/vscode-dgmlviewer",
  "engines": {
    "vscode": "^1.95.0"
  },
  "categories": [
    "Other",
    "Visualization"
  ],
  "keywords": [
    "dgml",
    "graph",
    "visualization"
  ],
  "activationEvents": [
    "onCommand:vscode-dgmlviewer.dgmlViewer",
    "onCommand:vscode-dgmlviewer.dgmlFileInfo",
    "onCommand:vscode-dgmlviewer.dgmlTest"
  ],
  "main": "./dist/extension.js",
  "contributes": {
    "commands": [
      {
        "command": "vscode-dgmlviewer.dgmlViewer",
        "title": "DGMLViewer: Render the dgml graph"
      },
      {
        "command": "vscode-dgmlviewer.dgmlFileInfo",
        "title": "DGMLViewer: Show file info"
      },
      {
        "command": "vscode-dgmlviewer.dgmlTest",
        "title": "DGMLViewer: Testing"
      }
    ],
    "configuration": {
      "title": "DGMLViewer",
      "properties": {
        "dgmlViewer.defaultNodeBackgroundColor": {
          "type": "string",
          "default": "#D2E5FF",
          "description": "The color of the nodes of the directed graph. The string should be in rgb format."
        },
        "dgmlViewer.edgeArrowToType": {
          "type": "string",
          "default": "triangle",
          "enum": [
            "chevron",
            "circle-triangle",
            "circle",
            "diamond",
            "square",
            "tee",
            "triangle-backcurve",
            "triangle-cross",
            "triangle-tee",
            "triangle",
            "vee",
            "none"
          ],
          "description": "The default ending of the edges."
        },
        "dgmlViewer.nodeShape": {
          "type": "string",
          "default": "round-rectangle",
          "enum": [
            "barrel",
            "bottom-round-rectangle",
            "concave-hexagon",
            "cut-rectangle",
            "diamond",
            "ellipse",
            "heptagon",
            "hexagon",
            "octagon",
            "pentagon",
            "rectangle",
            "rhomboid",
            "round-diamond",
            "round-heptagon",
            "round-hexagon",
            "round-octagon",
            "round-pentagon",
            "round-rectangle",
            "round-tag",
            "round-triangle",
            "star",
            "tag",
            "triangle",
            "vee"
          ],
          "description": "The shape of the nodes in the directed graph. Notice that 'ellipse','circle','database','box' and 'text' have the label inside the shape, the rest have the label outside the shape."
        },
        "dgmlViewer.graphSelectionGuidelineColor": {
          "type": "string",
          "default": "blue",
          "description": "The color of the guidelines used when selecting part of a directed graph. The string should be in rgba format or standard css color names."
        },
        "dgmlViewer.graphSelectionGuidelineWidth": {
          "type": "number",
          "default": "1",
          "description": "The width of the guide lines shown when selecting part of a directed graph"
        },
        "dgmlViewer.graphSelectionColor": {
          "type": "string",
          "default": "red",
          "description": "The color of the selection rectangle used when selecting part of a directed graph. The string should be in rgba format or standard css color names."
        },
        "dgmlViewer.graphSelectionWidth": {
          "type": "number",
          "default": "2",
          "description": "The width of the selection rectangle shown when selecting part of a directed graph"
        },
        "dgmlViewer.saveAsFilename": {
          "type": "string",
          "default": "DirectedGraph",
          "description": "The default name used when saving the directed graph as a Png, Jpg, Svg or Json file."
        },
        "dgmlViewer.showPopupsOverNodesAndLinks": {
          "type": "boolean",
          "default": true,
          "description": "When the setting is set to true a popup with various information from node or edge will be shown when the mouse pointer hovers over nodes and edges."
        }
      }
    }
  },
  "scripts": {
    "vscode:prepublish": "webpack --mode production",
    "webpack": "webpack --mode development",
    "webpack-dev": "webpack --mode development --watch",
    "compile": "tsc -p ./",
    "watch": "tsc -p ./ && tsc -watch -p ./",
    "pretest": "npm run compile && npm run lint",
    "test": "node ./out/test/runTest.js"
  },
  "devDependencies": {
    "@types/glob": "^8.1.0",
    "@types/node": "^22.13.1",
    "@types/vscode": "^1.97.0",
    "ts-loader": "^9.5.2",
    "typescript": "^5.7.3",
    "webpack": "^5.97.1",
    "webpack-cli": "^6.0.1"
  },
  "dependencies": {
    "js-base64": "^3.7.7",
    "xml-parser": "^1.2.1"
  }
}