Validator for UXP

UXP (Unified Extensibility Platform) is the modern way to create plugins and scripts for Adobe Creative Cloud

This plugin validates manifest.json and CSS, LESS, SCSS files for UXP compatibility.

Functionality

• Validates manifest.json for UXP compatibility
• Supports manifestVersion 4 and 5. Simply change the number and schema will switch
• Also supports auto-completion for manifest.json
• Validates CSS, LESS, SCSS files for UXP compatibility
• Use statusbar button to:
  • enable/disable plugin
  • change UXP version to validate against

How to install

Download from VS Marketplace: Validator for UXP

How to use

In VSCode type UXP in commands pallette

By default it detects UXP version from manifest file but you can override it.

Alternatively you can also use menu in VSCode status bar.

Feedback

If you find any issue or new rule to implement please create issue in this GitHub repo.

Style validation

Although UXP looks like a browser it is not browser. All CSS support has to be explicitly implemented including units, selectors, css properties and other features. Different UXP versions support different properties and different host apps (e.g. Photoshop) implements different UXP version. Validator for UXP is here to help.

manifest.json

Version hints

Shows UXP version, host app release date, EcmaScript version and version of V8 engine included in the oldest(min) host app version you decided to support. So you can make better decision on what and how should be supported in older versions.

Intellisense

Validation

Version support checks

Not all manifest parts are supported in older versions of host apps.

Out of scope

• manifestVersion: 3 validation (often used in Experience Designer)

How to develop/debug this plugin

• make sure to uninstall the Marketplace version of this plugin (if you have any)
• run npm i in root of the project, server folder and client folder
• in project root run npm run watch
• in Run & Debug tab in VSCode select Launch Client and click run
• that is all you have to do... you can add breakpoints and inspect variables
• after you do changes and save them... it will recompile automatically
• press Ctrl+R in debugged VSCode to reload changes

How make an installer for this plugin

• run npm run build