File Types

When creating and editing a Margee project in Visual Studio Code, a project with the following file structure is created:

• Directory.vscode

  • launch.json Launch settings (IP, password, etc.)
  • project.tps Project settings (Device, I/O, etc.)
  • …
• DirectoryCODE

  • CODE.TST Main program logic
  • SYS.TSTLIB System library
• DirectoryHMI

  • DirectoryElements Contains all custom elements used in the project

    • BASIC.css
    • BASIC.ts
    • …
  • DirectoryMedia

    • …
  • 00_HOME.TWV HMI Home screen
  • 01_INFO.TWV HMI Information screen
  • 02_SETTINGS.TWV HMI Settings screen
  • …
• README.md
• …

Turck Project Settings TPS

A Turck Project Settings file (TPS) contains all settings regarding compilation of a Margee project. This means the target device, I/O parameters, project name, and more can be changed here. TPS files are essential for configuring your project environment. They are typically edited at the start of a project and may be updated when hardware or project requirements change. The TPS file acts as the central configuration point for your Margee solution.

Turck Structured Text TST

A Turck Structured Text file (TST) is used to program a Turck block device. The syntax is similar to the IEC61131-3 Structured Text standard. The main entry of the program is one or more TASKs, which define the execution flow and logic for your automation project. TST files contain the logic that runs on the device, such as control algorithms, data processing, and communication routines. These files are compiled and deployed to the device as part of the project.

Turck Web View TWV

A Turck Web View file (TWV) is used to program the vHMI (visual Human-Machine Interface) of a Margee device. TWV files define the structure and behavior of custom web pages (<device ip>/hmi.html) for Turck FLC devices. They allow you to create interactive dashboards, forms, and visualizations for end-users to monitor and control the device. TWV files combine markup (HTML-like structure), TypeScript logic (for dynamic behavior and data updates), and styling (CSS classes and inline styles) to create rich user interfaces. You can use TypeScript to define custom elements, handle events, and update the UI in real time. Styling can be managed via CSS files or inline styles for layout and appearance. See TypeScript and Styling for more details on how to extend and style your web views.

Summary

• TPS files configure your project,
• TST files define device logic, and
• TWV files create the user interface. Together, they enable a complete automation and visualization solution with Margee and Turck FLC devices.