Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>box-n-weave js language supportNew to Visual Studio Code? Get it now.
box-n-weave js language support

box-n-weave js language support

andrewfulrich

|
11 installs
| (0) | Free
language support for box-n-weave syntax
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Box-n-Weave Language Support

This Visual Studio Code extension provides rich language support for Box-n-Weave, a text-based graph and diagram creation syntax.

Features

  • Syntax highlighting for .boxn and .boxn.text files
  • Intelligent parsing of graph, cluster, options, and animation sections
  • Comment support for // line comments
  • Bracket and label matching
  • Automatic bracket and label closing
  • Preview panel
  • Status bar button to open preview Status bar button
  • Editor corner button to open preview Editor Button

Box-n-Weave Syntax Highlighting

Requirements

  • Visual Studio Code version 1.60.0 or higher
  • No additional dependencies required

Extension Settings

Currently, no additional VS Code settings are contributed by this extension.

Known Issues

  • Previewing remotely-referenced shapes does not work yet due to vscode extension webpanel security restrictions.
  • Initial release may have some edge cases in syntax parsing

Release Notes

0.0.1

  • Initial release
  • Basic syntax highlighting, bracket-matching,etc. for .boxn files
  • Support for graph, cluster, options, and animation sections
  • Line comment parsing
  • preview panel
    • preview panel supports pulling in sections from the workspace
    • preview panel supports animations
    • preview panel supports embedded custom shapes
    • preview panel does not yet support externally referenced custom shapes

0.0.2

  • added the extension icon

0.0.3

  • added a link to download the preview as an SVG

0.0.4

  • updated box-n-weave.js to 1.0.1 with better node ranking in certain cases

0.0.5

  • "Save SVG" link will now default to current folder

0.0.6

  • Upgrade to Box-n-weave.js 1.0.2 to fix an issue with the new alternative ranking method

Installation

  1. Open Visual Studio Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Box-n-Weave"
  4. Click Install

Enjoy creating diagrams with Box-n-Weave!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft