Write your model in Modeler

Syside Modeler activates when a .sysml or .kerml file is open. This page covers what it does for the text as you write it: highlighting, navigation, completion, validation, formatting, and inlay hints. For drawing and editing the model beyond the text, see Diagram views and Grid views.

The features below are all shown on the same small model, a basic automobile with electrical and mechanical parts. Create a new file named example_model.sysml and paste the model in, or use a model of your own:

package 'Part Tree Example' {
    part def Electrical {
        doc /*
             * Electrical parts have this documentation
             */
    }

    part def Mechanical;

    part Automobile {
        part 'Drive Train' {
            part Battery : Electrical;
            part Motor : Electrical;
        }

        part Chassis {
            part Suspension : Mechanical;
            part Body : Mechanical;
        }
    }
}

Semantic highlighting

Whenever a .sysml or .kerml file is open, Syside language server is active. In light-theme, highlighted textual notation may look similar to this:

Semantic highlighting

SysML v2 keywords – such as package, part or def – are highlighted in pink. If a part is given a name that is also a reserved keyword in SysML v2, such as frame, two things will happen:

  1. The word frame will be highlighted.

  2. The editor will show a red underline and highlight, indicating an error, together with an error message.

Additionally, Syside language server highlights Definitions and Usages in distinct colors, enhancing the ability to quickly identify various semantic elements.

Warning

Dark (Visual Studio) and Light (Visual Studio) themes do not support semantic highlighting. To ensure proper highlighting, use a modern theme such as Dark+ or Light+. You can change the theme using the Preferences: Color Theme command. More information about themes can be found on VS Code documentation.

Documentation on hover

Syside language server understands links between SysML v2 elements and uses this to provide documentation on cursor hover. This is useful for quickly accessing information about a certain model element without having to necessarily navigate to it. Try it out by hovering over the word Battery in the example model – a tooltip like this appears:

Syside language server takes the documentation (the doc keyword) from either:

  1. The focused element, if it has any documentation defined;

  2. The first (most specific) explicitly or implicitly specializing type that has documentation.

If the element or specializing type has multiple documentations, they will be grouped together.

Hover functionality is useful for quickly inspecting how a certain element is defined without needing to navigate to the location of the definition, which could be in an another file entirely! Syside language server takes the whole model into account.

Tip

You can use Markdown formatting in your documentation text and the applied formatting will show up during Hover!

Document outline

The Outline view provides a quick overview of all elements in your currently opened file. To open it:

  1. Press Ctrl+Shift+P on Windows/Linux, Command+Shift+P on macOS to open the Command Palette

  2. Type outline and select “User View Container: Focus on Outline View”

Click any element in the outline to jump directly to its location in the editor. You can collapse the Folder section to give the Outline more space.

Folding

Use folding to hide nested elements and make large models more manageable. Hover next to any element to reveal the fold arrow:

Click the arrow to fold/unfold the element. You can also use the Command Palette Ctrl+Shift+P on Windows/Linux, Command+Shift+P on macOS to find the ‘Toggle Fold’ command and its keyboard shortcut.

Auto completion

Syside language server provides intelligent code completion for both SysML v2 keywords and your model elements. To try it out:

  1. Start typing “pack” to see keyword suggestions

  2. Press Tab to accept a suggestion

When importing elements, the editor suggests existing package names and automatically adds the required quotes:

Validation

Syside language server continuously validates your model as you type. Try copy-pasting this example after your model into the same file:

package Test {
    import 'Part Tree Example';
}

The editor will show an error because import does not have an explicit visibility as mandated by SysML v2 2024-09 and newer. Hover over the red underlined text to see the error message as shown above. To comply with specification, add private before import. Syside language server once again checks the model for errors automatically but does not find any this time.

See Validation Rules for every rule Syside checks, including which apply to KerML, which to SysML, and which are configurable.

Auto formatting

Syside language server can automatically format your model to maintain consistent style. To enable automatic formatting:

  1. Open settings with Ctrl/Cmd+Comma

  2. Search for “Editor: Format On Save” and enable it. Alternatively, use the "editor.formatOnSave": true configuration option.

You can also format selected code by right-clicking and choosing “Format Selection”. The formatter preserves your custom formatting conventions while ensuring consistent style across the model.

The formatter supports ignore directives to let you preserve specific formatting for sections of your models.

An example of such an directive is shown below:

package P {
    part def PartDef;

    // syside-format ignore
    part 'my unformatted AST' : PartDef {
}
}

The directive preserves the formatting of the abstract syntax it is attached to, while maintaining consistent indentation for the rest of the file.

Inlay hints

SysML v2 models contain extensive implicit state (implied specializations, default visibilities, effective names, and so on) that is hard to track while reading or editing source. Syside Modeler displays this state as inlay hints: virtual text inserted into the editor that is not part of the file itself. Hints appear automatically when you open a .sysml or .kerml file.

Inlay hints for missing import visibility also provide a text edit: double-click the hint to insert the keyword into the source.

Each category of hint can be toggled independently in syside.toml; see the lsp.inlay-hints table for the full list of options.

Tip

In Visual Studio Code, set editor.inlayHints.enabled to onUnlessPressed or offUnlessPressed to flip all hints on or off at the press of a button. The default shortcut is Ctrl+Alt. See Inlay Hints for details.

What’s next?