Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sfccdevops/sfcc-devtools

Support Browser Interaction with VS Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector.
https://github.com/sfccdevops/sfcc-devtools

browser-extension chrome-extension demandware devtools firefox-addon salesforce-commerce-cloud

Last synced: 9 days ago
JSON representation

Support Browser Interaction with VS Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector.

Host: GitHub
URL: https://github.com/sfccdevops/sfcc-devtools
Owner: sfccdevops
License: mit
Created: 2019-12-09T08:57:09.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2023-05-14T12:02:24.000Z (over 1 year ago)
Last Synced: 2024-05-01T10:30:27.774Z (8 months ago)
Topics: browser-extension, chrome-extension, demandware, devtools, firefox-addon, salesforce-commerce-cloud
Language: JavaScript
Homepage:
Size: 443 KB
Stars: 5
Watchers: 22
Forks: 0
Open Issues: 2
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

awesome-sfcc - SFCC DevTools - Support Browser Interaction with Visual Studio Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector. (Tools)
awesome-sfcc - SFCC DevTools - Support Browser Interaction with Visual Studio Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector. (Tools)

README

        Project Support

===

If you or your company enjoy using this project, please consider supporting my work and joining my discord. 💖

[![Become a GitHub Sponsor](https://img.shields.io/badge/Sponsor-171515.svg?logo=github&logoColor=white&style=for-the-badge "Become a GitHub Sponsor")](https://github.com/sponsors/sfccdevops)

[![Become a Patreon Sponsor](https://img.shields.io/badge/Sponsor-FF424D.svg?logo=patreon&logoColor=white&style=for-the-badge "Become a Patreon Sponsor")](https://patreon.com/peter_schmalfeldt)

[![Donate via PayPal](https://img.shields.io/badge/Donate-169BD7.svg?logo=paypal&logoColor=white&style=for-the-badge "Donate via PayPal")](https://www.paypal.me/manifestinteractive)

[![Join Discord Community](https://img.shields.io/badge/Community-5865F2.svg?logo=discord&logoColor=white&style=for-the-badge "Join Discord Community")](https://discord.gg/M7mgxwjSYR)

------

![Logo](https://sfccdevops.s3.amazonaws.com/logo-128.png "Logo")

> Support Browser Interaction with VS Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector.

# ![sfcc-devtool-demo](https://sfcc-devtools.s3.us-east-1.amazonaws.com/sfcc-devtool-demo.gif?v=1.1.1)

## Features

- [X] Uses dwMarker HTML Comments

- [X] Adds new `SFCC` Side Panel to `Elements` Panel

- [X] Open ISML, Pipelines & Controllers in VS Code / Eclipse

- [X] Open Content Slots & Assets in Business Manager

- [X] Automatically Open Related Sites by Client ID & Site ID

- [X] Supports Light & Dark Themes

## Installation

> Select your browser:

[![Install Chrome](https://img.shields.io/badge/Install-Chrome-orange.svg?style=for-the-badge)](https://chrome.google.com/webstore/detail/sfcc-devtools/gdgdeiakmgocieipdpdaidanjbcchdka)

[![Install Firefox](https://img.shields.io/badge/Install-Firefox-red.svg?style=for-the-badge)](https://addons.mozilla.org/en-US/firefox/addon/sfcc-devtools/)

[![Install Edge](https://img.shields.io/badge/Install-Edge-blue.svg?style=for-the-badge)](https://microsoftedge.microsoft.com/addons/detail/sfcc-devtools/ngabmfehfcfkmiffgfigmfhghfgognle)

#### Once Installed:

1. Open Developer Console / Web Inspector in Browser

2. Select `Elements`/`Inspector` Tab

3. Select `SFCC` Tab in Side Panel

# ![sfcc-devtool-enable](https://sfcc-devtools.s3.us-east-1.amazonaws.com/sfcc-devtool-enable.gif?v=1.1.1)

Now you're ready to go. In your `Elements`/`Inspector` Tab, click on an SFCC comment block, like one of the examples below. This extension will convert the comment into links that allow you to interact with the SFCC resource.

```php

```

Troubleshooting

---

> Need Help? Check out or Troubleshooting Page for help with any known issues or report new ones.

[![Create Issue](https://img.shields.io/badge/Get_Help-Troubleshooting-red.svg?style=for-the-badge&logo=github&logoColor=ffffff&logoWidth=16)](https://github.com/sfccdevops/sfcc-devtools/blob/develop/TROUBLESHOOTING.md)

About the Author

---

> [Peter Schmalfeldt](https://peterschmalfeldt.com/) is a Certified Senior Salesforce Commerce Cloud Developer with over 20 years of experience building eCommerce websites, providing everything you need to design, develop & deploy eCommerce applications for Web, Mobile & Desktop platforms.

Disclaimer

---

> The trademarks and product names of Salesforce®, including the mark Salesforce®, are the property of Salesforce.com. SFCC DevOps is not affiliated with Salesforce.com, nor does Salesforce.com sponsor or endorse the SFCC DevOps products or website. The use of the Salesforce® trademark on this project does not indicate an endorsement, recommendation, or business relationship between Salesforce.com and SFCC DevOps.