Download the PHP package sidworks/sw-plugin-devtools without Composer

On this page you can find all versions of the php package sidworks/sw-plugin-devtools. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package sw-plugin-devtools

Sidworks DevTools for Shopware 6

Never hunt for a Twig file again. Sidworks DevTools reveals the exact template and block behind every Shopware 6 element and lets you jump straight into your IDE with a single click. It also includes a optimised storefront watcher.

Features

Shopware Plugin

Chrome extension

Optimized Storefront Watcher

Requirements

Installation

Plugin Installation

Via Composer (Recommended)

Manual Installation

  1. Clone or download this repository to custom/plugins/SidworksDevTools
  2. Run the following commands:

Chrome Extension Installation

  1. Download Chrome extension
  2. Open Chrome and navigate to chrome://extensions/
  3. Enable Developer mode (toggle in top right)
  4. Click Load unpacked
  5. Select the extension directory
  6. The extension icon will appear in your toolbar

Configuration

Plugin Configuration

  1. Ensure Shopware is running in debug mode: set APP_ENV=dev in your .env file
  2. (Optional) Navigate to Settings → System → Plugins in Shopware admin
  3. Find Sidworks DevTools and click Configuration to enable/disable

Extension Configuration

  1. Click the extension icon and select Options
  2. Set your Project Path (e.g., /Users/yourname/Projects/shopware)
  3. Choose your preferred Editor (PHPStorm or VSCode)
  4. Enable/disable IDE Integration

The project path should be the absolute path to your Shopware root directory.

Tip for Docker/DDEV users: Add the PROJECT_PATH environment variable to your docker-compose.yml or .ddev/config.yaml:

The plugin will automatically inject this path into the page, so you don't need to manually configure it in the extension options.

Usage

Storefront Watcher (sidworks:watch-storefront)

Run from your project root:

What this gives you:

Common toggles:

By default, the watcher runs theme:compile --active-only and then interactive theme:dump (unless you pass --skip-theme-dump).

Template Inspector — Basic Workflow

  1. Enable debug mode in Shopware (.env: APP_ENV=dev)
  2. Install both the plugin and Chrome extension
  3. Visit your storefront in Chrome
  4. Open DevTools (F12 or right-click → Inspect)
  5. Select any element in the Elements panel
  6. View template info in the "Shopware" sidebar on the right
  7. Click the IDE link to jump directly to the template file at the exact line

What You'll See

When you inspect an element, the sidebar shows:

Smart Line Detection

The extension doesn't just open templates at the block start—it searches for the exact line:

  1. Exact ID match: id="product-detail-123" → finds exact match
  2. Partial ID match: id="product-{{ product.id }}" → matches static prefix
  3. Multi-class match: class="btn btn-primary" → tries all combinations
  4. Parent context: Uses parent element classes to disambiguate similar elements
  5. Dynamic class prefix: class="card-{{ type }}" → matches card- prefix
  6. Tag fallback: Falls back to tag name (<div>, <img>) if needed

Example Output

How It Works

Backend (Plugin)

  1. TemplateDebugNodeVisitor: Twig compiler visitor that wraps every block with tracking functions
  2. TemplateDebugExtension: Twig extension providing swdt_track_block(), swdt_start_marker(), and swdt_end_marker()
  3. TemplateRegistry: In-memory registry collecting all template metadata during page render
  4. ResponseSubscriber: Injects collected data into HTML response as JSON and wraps elements with data-swdt attributes
  5. TemplateSearchController: API endpoint (/_action/sidworks-devtools/find-line) that searches template files to find exact element lines

Frontend (Extension)

  1. content.js: Content script that detects DevTools data on page
  2. background.js: Service worker managing extension state
  3. devtools-init.js: Creates the "Shopware" sidebar panel
  4. inspector.js: Sidebar logic that reads element data and communicates with the page
  5. Smart search: Sends element classes/ID/tag to backend API to find exact line in template file

Security

Browser Compatibility

The Chrome extension works with:

License

MIT License - See LICENSE file for details

Author

Sidworks Website: www.sidworks.nl

Contributing

Contributions are welcome! Please feel free to submit issues or pull requests.

Important: This project consists of two components that work together:

When updating the plugin, ensure you also update the extension if the changes affect the data format or API. Similarly, when updating the extension, verify compatibility with the plugin. Both components should be kept in sync.

Support

For issues and questions:

All versions of sw-plugin-devtools with dependencies

PHP Build Version
Package Version
Requires shopware/core Version ~6.6.0 || ~6.7.0
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package sidworks/sw-plugin-devtools contains the following files

Loading the files please wait ...