{"id":23154975,"url":"https://github.com/sfccdevops/sfcc-devtools","last_synced_at":"2025-08-17T22:31:48.815Z","repository":{"id":38603545,"uuid":"226827472","full_name":"sfccdevops/sfcc-devtools","owner":"sfccdevops","description":"Support Browser Interaction with VS Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector.","archived":false,"fork":false,"pushed_at":"2023-05-14T12:02:24.000Z","size":454,"stargazers_count":5,"open_issues_count":3,"forks_count":0,"subscribers_count":22,"default_branch":"master","last_synced_at":"2024-12-24T00:01:49.658Z","etag":null,"topics":["browser-extension","chrome-extension","demandware","devtools","firefox-addon","salesforce-commerce-cloud"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sfccdevops.png","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","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"sfccdevops","patreon":"peter_schmalfeldt","custom":"https://www.paypal.me/manifestinteractive"}},"created_at":"2019-12-09T08:57:09.000Z","updated_at":"2023-02-06T15:21:29.000Z","dependencies_parsed_at":"2024-12-17T20:15:14.029Z","dependency_job_id":"ae7bffd6-2199-4877-af52-8ba861b41077","html_url":"https://github.com/sfccdevops/sfcc-devtools","commit_stats":null,"previous_names":["redvanworkshop/sfcc-devtools"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/sfccdevops/sfcc-devtools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfccdevops%2Fsfcc-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfccdevops%2Fsfcc-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfccdevops%2Fsfcc-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfccdevops%2Fsfcc-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sfccdevops","download_url":"https://codeload.github.com/sfccdevops/sfcc-devtools/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfccdevops%2Fsfcc-devtools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270918296,"owners_count":24667664,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-17T02:00:09.016Z","response_time":129,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser-extension","chrome-extension","demandware","devtools","firefox-addon","salesforce-commerce-cloud"],"created_at":"2024-12-17T20:15:09.228Z","updated_at":"2025-08-17T22:31:48.512Z","avatar_url":"https://github.com/sfccdevops.png","language":"JavaScript","funding_links":["https://github.com/sponsors/sfccdevops","https://patreon.com/peter_schmalfeldt","https://www.paypal.me/manifestinteractive"],"categories":["Tools"],"sub_categories":[],"readme":"Project Support\n===\n\nIf you or your company enjoy using this project, please consider supporting my work and joining my discord. 💖\n\n[![Become a GitHub Sponsor](https://img.shields.io/badge/Sponsor-171515.svg?logo=github\u0026logoColor=white\u0026style=for-the-badge \"Become a GitHub Sponsor\")](https://github.com/sponsors/sfccdevops)\n[![Become a Patreon Sponsor](https://img.shields.io/badge/Sponsor-FF424D.svg?logo=patreon\u0026logoColor=white\u0026style=for-the-badge \"Become a Patreon Sponsor\")](https://patreon.com/peter_schmalfeldt)\n[![Donate via PayPal](https://img.shields.io/badge/Donate-169BD7.svg?logo=paypal\u0026logoColor=white\u0026style=for-the-badge \"Donate via PayPal\")](https://www.paypal.me/manifestinteractive)\n[![Join Discord Community](https://img.shields.io/badge/Community-5865F2.svg?logo=discord\u0026logoColor=white\u0026style=for-the-badge \"Join Discord Community\")](https://discord.gg/M7mgxwjSYR)\n\n------\n\n![Logo](https://sfccdevops.s3.amazonaws.com/logo-128.png \"Logo\")\n\n\u003e Support Browser Interaction with VS Code, Eclipse, and SFCC Business Manager via DevTools Web Inspector.\n\n# ![sfcc-devtool-demo](https://sfcc-devtools.s3.us-east-1.amazonaws.com/sfcc-devtool-demo.gif?v=1.1.1)\n\n## Features\n\n- [X] Uses dwMarker HTML Comments\n- [X] Adds new `SFCC` Side Panel to `Elements` Panel\n- [X] Open ISML, Pipelines \u0026 Controllers in VS Code / Eclipse\n- [X] Open Content Slots \u0026 Assets in Business Manager\n- [X] Automatically Open Related Sites by Client ID \u0026 Site ID\n- [X] Supports Light \u0026 Dark Themes\n\n## Installation\n\n\u003e Select your browser:\n\n[![Install Chrome](https://img.shields.io/badge/Install-Chrome-orange.svg?style=for-the-badge)](https://chrome.google.com/webstore/detail/sfcc-devtools/gdgdeiakmgocieipdpdaidanjbcchdka)\n[![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/)\n[![Install Edge](https://img.shields.io/badge/Install-Edge-blue.svg?style=for-the-badge)](https://microsoftedge.microsoft.com/addons/detail/sfcc-devtools/ngabmfehfcfkmiffgfigmfhghfgognle)\n\n#### Once Installed:\n\n1. Open Developer Console / Web Inspector in Browser\n2. Select `Elements`/`Inspector` Tab\n3. Select `SFCC` Tab in Side Panel\n\n# ![sfcc-devtool-enable](https://sfcc-devtools.s3.us-east-1.amazonaws.com/sfcc-devtool-enable.gif?v=1.1.1)\n\nNow 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.\n\n```php\n\u003c!-- dwMarker=\"content\" dwContentID=\"8a6c155cee595360a96c5ac853\" --\u003e\n\u003c!-- dwMarker=\"product\" dwContentID=\"8a6c155cee595360a96c5ac853\" --\u003e\n\u003c!-- dwMarker=\"decorator\" dwTemplateTitle=\"/default/common/layout/page.isml (app_client_base)\" dwTemplateURL=\"http://localhost:60606/target=/app_client_base/cartridge/templates/default/common/layout/page.isml\" --\u003e\n\u003c!-- dwMarker=\"linclude\" dwTemplateTitle=\"/default/components/header/pageHeader.isml (app_client_base)\" dwTemplateURL=\"http://localhost:60606/target=/app_client_base/cartridge/templates/default/components/header/pageHeader.isml\" --\u003e\n\u003c!-- dwMarker=\"link\" dwPipelineTitle=\"Login-Show (app_client_base)\" dwIsController=\"true\" dwPipelineURL=\"http://localhost:60606/target=/app_client_base/cartridge/controllers/Login.js\u0026amp;start=Show\" --\u003e\n\u003c!-- dwMarker=\"page\" dwPipelineTitle=\"SearchServices-GetPopularSuggestions (app_client_base)\" dwPipelineURL=\"http://localhost:60606/target=/app_client_base/cartridge/controllers/SearchServices.js\u0026amp;start=GetPopularSuggestions\" dwIsController=\"true\" dwTemplateTitle=\"/default/search/suggestionsPopular.isml (app_client_base)\" dwTemplateURL=\"http://localhost:60606/target=/app_client_base/cartridge/templates/default/search/suggestionsPopular.isml\" --\u003e\n\u003c!-- dwMarker=\"rinclude\" dwPipelineTitle=\"Internal\" dwIsController=\"false\" dwTemplateTitle=\"/default/slots/category/carousels/carouselRouting.isml (app_client_base)\" dwTemplateURL=\"http://localhost:60606/target=/app_client_base/cartridge/templates/default/slots/category/carousels/carouselRouting.isml\" --\u003e\n\u003c!-- dwMarker=\"slot\" dwContentID=\"header-banner\" dwContext=\"global\"--\u003e\n```\n\nTroubleshooting\n---\n\n\u003e Need Help? Check out or Troubleshooting Page for help with any known issues or report new ones.\n\n[![Create Issue](https://img.shields.io/badge/Get_Help-Troubleshooting-red.svg?style=for-the-badge\u0026logo=github\u0026logoColor=ffffff\u0026logoWidth=16)](https://github.com/sfccdevops/sfcc-devtools/blob/develop/TROUBLESHOOTING.md)\n\nAbout the Author\n---\n\n\u003e [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 \u0026 deploy eCommerce applications for Web, Mobile \u0026 Desktop platforms.\n\nDisclaimer\n---\n\n\u003e 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.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsfccdevops%2Fsfcc-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsfccdevops%2Fsfcc-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsfccdevops%2Fsfcc-devtools/lists"}