JW Language - Visual Studio Code Extension

A comprehensive Visual Studio Code extension that provides syntax highlighting, snippets, hover information, and formatting support for JW template language.

Features

🎨 Syntax Highlighting

Enhanced syntax highlighting for JW tags and template structures, making your code more readable and maintainable.

⚡ Snippets

Quick and intelligent code snippets for common JW patterns and structures to boost your productivity.

🔧 Emmet Support

Full Emmet abbreviation support for rapid HTML and JW template development.

📐 Code Formatting

Powered by PrettyDiff, this extension provides reliable and consistent code formatting specifically optimized for JW files.

ℹ️ Hover Information

Get instant documentation and information about JW tags by hovering over them in your code.

Installation

Through Visual Studio Code

Open Visual Studio Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search for JW Lang
Click Install

Through VS Code Marketplace

Supported Input/Rule Types

Type	Description	Output
`text`	Renders input text field	Simple text output
`textarea`	Renders textarea input	Multi-line text
`email`	Renders email input with validation	Email format
`number`	Renders number input	Numeric values
`datetime`	Renders datetime picker	Date/time values
`quickeditor`	Simple rich text editor with basic formatting	Formatted text with Bold, Italic, Underline, Alignment, Color
`simpleEditor`	Advanced rich text editor with extended features	Enhanced formatted content
`hrefbutton`	Button setting/UI component	Interactive button element
`singlefile`	Media upload input	File handling
`siteform`	Default form structure	Form elements
`sitegallery`	Default gallery layout	Gallery components

Snippets Reference

Template Structure

{% extends 'template' %}
{% from 'template' import 'macro' %}
{% import 'template' as name %}
{% import _self as name %}
{% include 'template' %}
{% include 'template' with params %}
{% include 'template' with { key: value } %}
{% use 'template' %}

Block Structure

{% autoescape 'type' %}...{% endautoescape %}
{% block name %} ... {% endblock %}
{{ block('...') }}
{% embed "template" %}...{% endembed %}
{% filter name %} ... {% endfilter %}
{% macro name(params) %}...{% endmacro %}
{% set var = value %}
{% spaceless %}...{% endspaceless %}
{% verbatim %}...{% endverbatim %}

Control Structures

{% if condition %} ... {% endif %}
{% if condition %} ... {% else %} ... {% endif %}
{% for item in seq %} ... {% endfor %}
{% for item in seq %} ... {% else %} ... {% endfor %}

Termination Tags

{% else %}
{% endif %}
{% endfor %}
{% endset %}
{% endblock %}
{% endfilter %}
{% endautoescape %}
{% endembed %}
{% endfilter %}
{% endmacro %}
{% endspaceless %}
{% endverbatim %}

API Integration

JoonWeb Connectivity

The extension now includes API key integration for seamless connection with JoonWeb services:

Read/Write/Upload Operations: Direct access to JoonWeb themes
Real-time Synchronization: Keep your themes updated
Bug Reporting: Automated issue tracking and reporting

Configuration

To enable JoonWeb connectivity:

Obtain your API key from www.joonweb.com
Configure the extension settings in VS Code
Start accessing and managing your themes directly

Code Formatter

Using PrettyDiff, this extension implements the only working code formatter specifically designed for JW files in VSCode. Features include:

Consistent indentation
Proper tag alignment
Readable code structure
Customizable formatting rules

Documentation

Full documentation and detailed specifications for JW Tags can be found at:
https://dev.joonweb.com

Contributing

Found a bug or have a feature request? Please open an issue on our GitHub repository.

Release Notes

[1.1.1] - Latest

Added file management (add, upload, delete)
Default theme display with tick mark
Major performance optimization and stability improvements

[1.0.0]

Added API key integration for JoonWeb services
Enhanced theme read/write capabilities
Various bug fixes and performance improvements
Updated documentation

For detailed changelog, see CHANGELOG.md

License

This extension is licensed under the MIT License.

Last Updated: October 10, 2025 Extension Version: 1.1.1 VS Code Engine: ^1.30.0

Developed by JoonWeb