Prophet installs statistics

Work your Demandware/Salesforce Cloud code

A VS Code extension to work with Demandware/Salesforce Cloud code on Sandbox that support the Script Debugger API (SDAPI) 2.0

Supported features • Upload cartridges and watch changes • Syntax highlight for isml and ds files • Validate isml files (based on htmlhint plugin, configurable by .htmlhintrc) • Advanced support of ISML syntax • hover information • autocomplete tags • auto formatting • find Symbols • highlighting selected tags • rename tag (via F2) • Setting breakpoints • Stepping • Change variables values in running threads • Locals scope variables via the VARIABLES panel • View variables on hover • Variable watches • Console/evaluate code • Open files trough Storefront Toolkit • Quick open isinclude templates and custom tags via Ctrl+Click (as links) • Cartridges overview in explorer • Server logs viewer with syntax highlight • Multi-root Workspaces (allows to work with different repo in same time). • Override template and JS file in another cartridge (via context menu). • enhanced autocompletion and goto for Resource.msg/msgf (js files and isml) • autocompletion and goto for URLUtils.url/http/https/abs (js files and isml) • Added autocompletion for server.append/prepend/replace • autocompletion for require('dw/') • autocompletion and goto for require('~/...') & require('*/...') (correct resolving based on cartridge path) • autocompletion and goto for res.render & isinclude & isdecorate & ismodule (template="" attribute) (correct resolving based on cartridge path) • quick find controllers (via Ctrl-F7) • Download SOAP WebService API from Server. This feature is similar to Eclipse/UXStudio feature to download & generate SOAP web-service documentation. • Import/export properties from/to CSV (useful for translation) • Logs monitor

WARNING: Some users had reported that debugger completely halts sandbox. Currently, this issue is not fixed and no known steps to reproduce. If you have some info about it please share. So please, before debugger usage make sure that you have availability to restart sandbox for the case if extension halts yours.

Getting Started

To use this extension, you must first open the folder containing the cartridges you want to work on or one of subfolders contain folder cartridges.

Using the debugger

When your launch config is set up, you can debug your project! Pick a launch config from the dropdown on the Debug pane in Code. Press the play button or F5 to start.

Configuration

The extension operates in one mode - it launch an adapter that connects to sandbox. Just like when using the other debugger, you configure with a .vscode/launch.json file in the root directory of your project. You can create this file manually, or Code will create one for you if you try to run your project, and it doesn't exist yet.

Launch

Example launch.json configs with "request": "launch". You must not specify hostname and other credentials. Since they will be loaded from corresponding dw.json, dw.js or .env file.

Other optional launch config fields

• trace: When true, the adapter logs its own diagnostic info to console. This is often useful info to include when filing an issue on GitHub.

Using the uploader

Credentials of sandbox may be defined in .env file in the root of workspace.

Example of .env file:

Additionaly values from VSCode Settings terminal.integrated.env.* is respected.

If VS Code environment variables contains SFCC_SERVER or SFCC_HOST, SFCC_USERNAME and SFCC_PASSWORD they could be used along with .env file. The workspace may contain multiple .env files with suffixes like .env.local, .env.brandA, .env.local.brandA, .env.development, etc. Only one file can be used at once. To select which one to use you should click SFCC context (bottom right corner) and choose one of available credentials.

Legacy dw.json is supported.

Example of dw.json file:

The second step: enabling the uploader in workspace preferences. Open preferences, switch to workspace preferences and set value to true for "extension.prophet.upload.enabled". Detailed log information is written in output channel Prophet Uploader. (Note: once you change dw.json, dw.js or .env you should run 'Clean Project/Upload all' from command menu to apply it).

You can temporarily disable watching or force upload cartridges (i.e. clean project) via commands.

• Prophet: Enable Upload • Prophet: Disable Upload • Prophet: Clean Project/Upload all

(press F1 and select command)

Note: the extension relies on the .project files to detect cartridge so it must not be added to files.exclude

Other configuration

• extension.prophet.cartridges.path - List of cartridges separated by colon. Allows quick open - don't ask a user to choose the file. Automatically open file that match first cartridge in list. • extension.prophet.ismlServer.activateOn - allow activate isml server for non standatd (isml) files, ex. html • extension.prophet.clean.on.start - allows to enable/disable code upload on editor startup (enabled by default) • extension.prophet.ignore.list - list of regexp for files/folders should be excludes from zipping during clean (not from watching) • extension.prophet.htmlhint.enabled - enable/disable linting of isml files • extension.prophet.sandbox.filesystem.enabled - Enable Sandbox File System Workspace • extension.prophet.importCost.enabled - Enable/Disable bundle size annotations for JavaScript/TypeScript require lines (Import Cost feature).

ISML Formating settings…

Description from the VS Code Marketplace listing.