woocommerce/plugins/woocommerce

This is the WooCommerce Core plugin. Here you can browse the source and keep track of development. We recommend all developers to follow the WooCommerce development blog to stay up to date about everything happening in the project. You can also follow @DevelopWC on Twitter for the latest development updates.

If you are not a developer, please use the WooCommerce plugin page on WordPress.org.

Getting Started

Please make sure you follow the repository's getting started guide first!

# Make sure that WooCommerce Core and all of its dependencies are built
pnpm run build --filter=woocommerce
# Make sure you're in the WooCommerce Core directory
cd plugins/woocommerce
# Start the development environment
pnpm -- wp-env start

You should now be able to visit http://localhost:8888/ and access WooCommerce environment.

Building Components

There are two major client-side components included in WooCommerce Core that can be built, linted, and tested independently. We've organized these components in this way to take advantage of caching to prevent unnecessarily performing expensive rebuilds when only working in one of them.

plugins/woocommerce/client/legacy

This directory contains the CSS and jQuery code for WooCommerce.

# Build the assets.
pnpm run build --filter=woocommerce/client/legacy
# Lint the assets.
pnpm run lint --filter=woocommerce/client/legacy

plugins/woocommerce-admin

This directory contains the React-based admin interface.

# Build the React-based admin client.
pnpm run build --filter=woocommerce/client/admin
# Lint the React-based admin client.
pnpm run lint --filter=woocommerce/client/admin
# Test the React-based admin client.
pnpm run test --filter=woocommerce/client/admin

Helper Scripts

Here is a collection of scripts that can help when developing the React-based admin interface.

# Create a develoment build of the React-based admin client.
pnpm dev --filter=woocommerce/client/admin
# Create and watch a development build of the React-based admin client.
pnpm start --filter=woocommerce/client/admin
# Watch the tests of the React-based admin client.
pnpm test:watch --filter=woocommerce/client/admin
# Run a type check over the React-based admin client's TypeScript files.
pnpm ts:check --filter=woocommerce/client/admin

Documentation

• WooCommerce Documentation
• WooCommerce Developer Documentation
• WooCommerce Code Reference
• WooCommerce REST API Docs

Reporting Security Issues

To disclose a security issue to our team, please submit a report via HackerOne here.