Your AI agents fluent in SFCC

Our plugins hand your agent the tools to get complex work done on the fly with context of your project

Try it free

STstorefront

Sandbox 01

version2

Project⌘1

Commit⌘0

Structure⌘7

Terminal⌥F12

Problems⌘6

Git⌘9

B2C Sync Log

B2C ODS

Log Center

Cart.xml

Saved

Search nodes or breakpoints

Pinch to zoom⌘+Scroll to zoomShift+Drag to select an area⌘+Click to add or removeDeleteDelete the selection⌘SSaveF5Start Debugging

Minimap

MinimapResetHide

Properties

Configuration

OnErrorPIPELET_ERROR

Script File

cart/AddProduct.dsGo ToBrowse

Timeout

Transactionaltrue

Dictionary Input

BasketBasket

ProductIDCurrentHttpParameterMap.pid.stringValue

Dictionary Output

ProductLineItemdw.order.ProductLineItem

Cart Pipeline EditorText

Debug

SFCC Debug

Frames are not available

The application is running

Notifications

B2C Explorer

B2C Credentials

B2C Entry Points

B2C Metadata

B2C OCAPI

storefrontapp_customcartridgepipelinesCart.xml

RefArch (3)LFUTF-8

Pipeline Editor Edit a node in Details, drag to select several and zoom at the pointer, which Eclipse never had

B2C MCP An MCP server inside the IDE: agents read your code, logs and instances, and change them only with the tools you turn on

Pipeline Debugger Stop on a node breakpoint and read the Pipeline Dictionary in Variables

Script Debugger Frames, Local, Closure and Global scopes, and an Evaluate field that completes live objects

Connections Production red, Staging blue and Development green in every list and tab, with PIG groups marked on their own

B2C Credentials Connections share one account, every secret lives in one window and file, and AI agents never see a password

Log Center Keep an eye on Production from your machine: tail its errors as they land, let Anomalies flag what changed and search every event

Metadata Editors Metadata, services, jobs, preferences, custom objects, slots and libraries as trees with forms and code usages

B2C Metadata Every site archive XML by organization and site, searchable, with each attribute's usages counted

B2C Entry Points A tab for every kind of entry point in your cartridges, with counts and one search

On-Demand Sandboxes Create, start, stop, reset and delete your realm's sandboxes from the B2C ODS tool window

ISML A typed pdict, template links, gutter marks, custom tags, path completion and encoding checks

Template Graph The cartridge of each template, a diff with the active code version, and a graph of what renders and includes it

Digital Script A native language for .ds files: Rhino syntax, import calls, E4X, pipelets and B2C checks

Code Vision Lenses over routes, hooks, step types, custom APIs and cartridge paths open each declaration and usage

Typed Forms Forms typed from their XML, with completion, dwfrm_ names, Find Usages and rename

Main Toolbar Pick the connection and code version, switch to the active one and find new cartridges without leaving the editor

Auto Upload Turn it on in the toolbar and each save goes up, its progress in the editor and every upload in B2C Sync Log

Upload Items Upload the files and folders you pick with a progress line in the editor, and the Project view marks each one as it goes up

Site Scopes Pick a site in the status bar, and code insight and navigation follow its cartridge path

Overrides Override a controller, script, template or resource in another cartridge and jump between every copy

And more A guide for every other part of the plugin, from B2C MCP and Deploy Code to WebDAV and OCAPI jobs

Docs

Trusted by SFCC teams at

Hello, VS Code!

New

v1.0.0 is the first public release of Intellij SFCC for Visual Studio Code. Now your whole team can build, deploy and debug SFRA and SiteGenesis storefronts from one connected workspace, in the editor they already use

VS Code Plugin Release notes

The whole B2CCommerce coreNo Eclipse required

Ten connected SFCC workflows, from pipelines and Digital Script to credentials, MCP and fast upload. One standard setup for the whole team, in VS Code or JetBrains

Explore all features

Modern tooling for every line of SFCC

TypeScript, Digital Script, ISML and pipelines in one toolchain, with an MCP server that gives your AI agent the same project context your developers have

SFCC MCP Server

218 tools5 access tiers

Turn your AI agent into an SFCC developer that knows your project. It explores code, investigates logs, debugs pipelines and works with your sandboxes through one MCP server in VS Code, inside the access tier you allow

Works with your AI tools

ClaudeCursorCodexCopilotGeminiClineRoo CodeJunieTraeopencode+ any MCP client

Connects to your entire toolkit

Active workspace

Script LSP

ISML LSP

Logs

Pipelines

WebDAV

Debugger

Cartridges

Connections

Explore the MCP tools

TypeScript Support

Zero config

Write SFCC code in TypeScript and catch type errors before they reach a sandbox. Classes, decorators and typed SFCC APIs in the require style the server runs, with no tsconfig to set up

productTile.ts

VS Code

1const ProductMgr = require('dw/catalog/ProductMgr');

2const { cached } = require('*/cartridge/scripts/cache');

4class ProductTile {

5 constructor(private id: string) {}

7 @cached

8 get product(): dw.catalog.Product {

9 return ProductMgr.getProduct(this.id);

10 }

11}

13module.exports = { ProductTile };

getProduct(productID: string): Product

queryAllSiteProducts

queryProductsInCatalog

cached(target, key, descriptor) => void

"demo-product"

SFCC TypeScript · typed dw.* APIs, no tsconfigrequire types dw/catalog/ProductMgr, the CommonJS the server runsDecorators compile with Babel to Rhino-safe JavaScriptBreakpoint in the TypeScript sourcePaused on the sandbox · productTile.ts:9

Documentation

Digital Script

Rhino syntax

Keep legacy scripts maintainable: import calls, typed pipelets and Rhino forms such as for each and E4X all resolve. JetBrains IDEs add Optimize Imports, the compatibility mode and B2C inspections

Calculate.ds

JetBrains IDEs

1/**

2 * @input Basket : dw.order.Basket

3 * @output Total : Number

4 */

5importPackage(dw.system);

6importPackage(dw.util);

7importScript('app_core:cart/CartUtils.ds');

9function execute(pdict : PipelineDictionary) : Number {

10 pdict.Total = get

11 return PIPELET_NEXT;

12}

checkout/Totals.dsapp_custom

app_core:cart/CartUtils.dsapp_core

app_core:util/Log.dsapp_core

getTotal(scripts/cart/CartUtils.ds)app_core

getTax(scripts/cart/CartUtils.ds)app_core

pBasketinputdw.order.Basket

pTotaloutputNumber

pCurrentRequestdw.system.Request

Removed 1 import call

1importPackage(dw.order);

used in 2 scripts, 1 template via importScript

3function getTotal(basket : Basket) : Number {

4 return basket.totalGrossPrice.value;

7function getTax(basket : Basket) : Number {

8 return basket.totalTax.value;

⌃⌥OOptimize ImportsWindows and Linux Ctrl+Alt+O⌘ClickGo to declarationWindows and Linux Ctrl+Click

Digital Script · import calls, typed pipelets, Rhino syntaxScripts of this cartridge, and of linked ones with their prefiximportScript binds getTotal and getTax from CartUtils.dsgetTotal by its bare name, no requirepdict keys from the @input and @output headerOptimize Imports removes the unused importPackage(dw.util)getTotal in app_core › scripts/cart/CartUtils.ds

ISML

Language server

Change storefront templates with confidence: smart completions, references, rename and documentation across templates and their embedded scripts

product.ismlISML

1<isscript>

2 var price = product.getPriceModel().getPrice();

3</isscript>

4<isif condition="${price.available}">

5 <isprint value="${price}" style="MONEY_LONG" />

6</isif>

7<a href="${URLUtils.url('')}">

8<isinclude template="cart/addToCartButton" />

RCart-ShowCart.js

RCart-AddProductCart.js

RCheckout-BeginCheckout.js

1<isset name="pid" value="${product.ID}" scope="page" />

2<button class="add-to-cart" data-pid="${pid}">

3 ${Resource.msg('button.addtocart', 'common', null)}

4</button>

⌘ClickGo to templateWindows and Linux Ctrl+Click

ISML language server · templates, scripts and expressionsprice - 3 usages in this templateRoutes from your cartridges' controllersGo to template cart/addToCartButton.isml

Pipelines

No Eclipse needed

Keep legacy pipelines in service: edit native pipeline nodes and branches and inspect values at each breakpoint, right in your IDE

Cart.xmlPipeline Editor

Bring in AI agents with no password to leak

Most SFCC tools read the sandbox password from a dw.json any AI agent can open, and once read it sits in the chat and the session log. The plugins never need one: B2C Credentials keeps accounts, access keys and API clients encrypted

Safe from AI agents docs

STstorefront

Sandbox 01

version2

Project⌘1

Commit⌘0

Structure⌘7

Terminal⌥F12

Problems⌘6

Git⌘9

B2C Sync Log

B2C ODS

Log Center

Project

storefront~/storefront

cartridges

app_custom

app_storefront_base

dw.json

.gitignore

package.json

README.md

Cart.js

1'use strict';

3var server = require('server');

4server.extend(module.superModule);

6server.append('Show', function (req, res, next) {

7 next();

8});

TerminalLocal

~/storefront % agent

> Deploy app_custom to my sandbox

● Read(dw.json)

⎿ "username": "[email protected]",

"password": "Sandb0x-Spring!",

The password is nowIn the chat sent to the modelIn the session log on diskOne step from a commit

B2C CredentialsAccountsOCAPISettings

Account

[email protected]

Notifications

B2C Explorer

B2C Credentials

B2C Entry Points

B2C Metadata

B2C OCAPI

storefrontapp_customcartridgecontrollersCart.js

RefArch (3)LFUTF-8

Deploy to every instance without leaving the editor

Upload on save while you code, then deploy every linked cartridge to one instance or several, each into its own code version. B2C Sync shows what reached each instance, so nobody has to guess

Deployment Manager docs

storefront

Checkout.js

app_customcartridgecontrollersCheckout.js

1'use strict';

3var server = require('server');

4server.extend(module.superModule);

6server.append('Begin', function (req, res, next) {

7 var viewData = res.getViewData();

8 viewData.shipmentId = req.querystring.shipmentId;

9 viewData.loyaltyEnabled = true;

10 res.setViewData(viewData);

11 next();

12});

14module.exports = server.exports();

⌘S

ProblemsOutputDebug ConsoleTerminalPortsB2C Sync

Sandbox 01

Sandbox 02

Code Deployment

Code Upload

Deploying to version3·zzrx-001.dx.commercecloud.salesforce.com·0 of 4 done·904.0 kB of 1.8 MB·0:03Parallel requests: 7

All4Running4Queued0Done0Failed0

Filter cartridges

CartridgeStatusProgressSizeTime

app_storefront_base

Uploading 31%342.4 kB of 1.1 MB0:01

app_custom

Uploading 68%284.4 kB of 418.3 kB0:01

int_payment

Waiting for the instance176.9 kB of 176.9 kB0:01

int_loyalty

Unzipping100.2 kB0:01

🚀 Deployment Manager

Include .apiversion file into deployment. You can specify compatability version for your code. If you specified api version > code version must be re-enabled after deployment.Switch to Active Code Version on All Instances

Save Selection for Future Deployments

Confirm instances, code versions to deploy the code. Press Esc to exit2 SelectedOK

Sandbox 01version3Active connection

Sandbox 02version1

mainSandbox 01Active connectionversion3Selected Code Version on Sandbox 01🚀 Deployment ManagerAuto Upload Enabled for Sandbox 01Sandbox 01: 🚀 Uploading cartridges 0/4Sandbox 02: 🚀 Uploading cartridges 0/4B2C Scope: RefArch (5)

Find production errors before your customers do

Log Center tails your instances' logs on your machine, groups repeated errors into one issue each, puts the most frequent first and opens the line of code behind each one

Log Center docs

storefront

Local Log Center

Logs ManagerLiveSandbox 01

OverviewFiles4Monitor1Events6Settings

2.4 MB

Search events, stack traces, source paths, request ids...SearchExport

Filters1 activeClear all

EventAll typesERRORAny time

ActiveLevel: ERROR

Unique events1-3 of 3 · 12 occurrences in current filters

Messages over time

All15m30m1h2d5d7d14d12 messages

Errors 12Warnings 0Info 0Debug 0

FixedType CountLatestMessageSourceStackFiles

ERROR73m agoint_payment.http.authorize: SocketTimeoutException: Read timed outauthorize.js:58resolved1

ERROR31m agoTypeError: Cannot read property "paymentProcessor" from nullplaceOrder.js:148resolved1

ERROR28m agoReferenceError: "basketTotal" is not defined.cartHelpers.js:77resolved1

Event group3 occurrencesClose

TypeError: Cannot read property "paymentProcessor" from null

ERRORstack: resolvedLatest9/29/2026, 2:32:08 PM

Collapse allCopy messageMessage + stackFor chatExport

Search message, stack, endpoint, file, request…9 sections

Stack trace4 frames

3 resolvedLinked code only

1at app_custom/cartridge/scripts/checkout/placeOrder.js:148 (placeOrder)placeOrder.js:148
2at app_custom/cartridge/controllers/CheckoutServices.js:41 (anonymous)CheckoutServices.js:41
3at app_storefront_base/cartridge/controllers/CheckoutServices.js:612CheckoutServices.js:612
4at modules/server/route.js:39

141// Places the order once the payment method resolves.

142function placeOrder(order) {

143 var paymentInstrument = order.getPaymentInstruments()[0];

144 var methodId = paymentInstrument.getPaymentMethod();

145 var paymentMethod = PaymentMgr.getPaymentMethod(methodId);

146

147 // A disabled payment method resolves to null here.

SFCC Logs: 3 occurrences | Export SFCC log issue

148 var processorId = paymentMethod.paymentProcessor.ID;

149

150 return Transaction.wrap(function () {

151 OrderMgr.placeOrder(order);

152 return processorId;

153 });

154}

main

And everything else your team uses daily

Debugger, language server, cartridges, connections, credentials, search and editors for metadata and site archives, all inside the IDE your team already uses