9fca535c67
* ActivityCard: Update to match new activity panel designs * Add spacing rhythm system, add the rest of the base colors * Add styles for the ActivityCard * Use the new ActivityCard in the orders panel * Update text color & size * Disable timestamped test (string changes based on date) * Use moment to generate a relative timestamp to match “3 days ago” snapshot * Rename spacing vars The difference between gap and gap-med is not intuitive, so let’s switch to -small, and change -small to -smallest. |
||
|---|---|---|
| .. | ||
| bin | ||
| client | ||
| languages | ||
| lib | ||
| tests | ||
| .babelrc | ||
| .distignore | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc | ||
| .gitignore | ||
| .travis.yml | ||
| Gruntfile.js | ||
| README.md | ||
| package-lock.json | ||
| package.json | ||
| phpcs.xml.dist | ||
| phpunit.xml.dist | ||
| wc-admin.php | ||
| webpack.config.js | ||
README.md
WooCommerce Admin
This is a feature plugin for a modern, javascript-driven WooCommerce Admin experience.
Prerequisites
Gutenberg and WooCommerce should be installed prior to activating the WooCommerce Admin feature plugin. You also need v3 of the WooCommerce REST API via wc-api-dev or the feature branch.
For better debugging, it's also recommended you add define( 'SCRIPT_DEBUG', true ); to your wp-config. This will load the unminified version of all libraries, and specifically the development build of React.
Development
After cloning the repo, install dependencies with npm install. Now you can build the files using one of these commands:
npm run build: Build a production versionnpm start: Build a development version, watch files for changes
There are also some helper scripts:
npm run lint: Run eslint over the javascript filesnpm run i18n: Create a PHP file with the strings from the javascript files, used to get around lack of JS support in WordPress.org.