pikchr-tmlanguage

TextMate grammar for Pikchr diagram language syntax highlighting.

Installation

npm install pikchr-tmlanguage

Usage

This package provides a TextMate grammar for Pikchr diagram language, compatible with VS Code, Atom, and other editors that support TextMate grammars.

VS Code Extension

To use this grammar in a VS Code extension, add it to your package.json:

{
  "contributes": {
    "grammars": [
      {
        "language": "pikchr",
        "scopeName": "source.pikchr",
        "path": "./node_modules/pikchr-tmlanguage/pikchr.tmLanguage.json"
      }
    ]
  }
}

Syntax Features

The grammar provides syntax highlighting for:

• Objects: box, circle, ellipse, oval, cylinder, file, arrow, line, arc, spline, move, dot, text
• Keywords: with, at, from, to, then, go, heading, until, even
• Attributes: width, height, radius, diameter, thickness, fill, color, stroke, etc.
• Colors: Named colors (red, blue, green, etc.) and hex colors (#RGB, #RRGGBB)
• Numbers: Integers, floats, percentages, and measurements (cm, mm, in, etc.)
• Variables: Variable definitions and references
• Compass Points: n, s, e, w, ne, nw, se, sw, c, start, end
• Comments: Single-line (//, #) and block (/* */) comments
• Strings: Double-quoted strings with escape sequences

Files

• pikchr.tmLanguage.json - The TextMate grammar definition
• language-configuration.json - Language configuration (brackets, comments, auto-closing pairs)

Related Projects

• pikchr-vscode - VS Code extension with live preview for Pikchr diagrams
• Pikchr - The Pikchr diagram language

License

MIT