woocommerce-paypal-payments/modules/ppcp-settings/resources/js/data/_example

Store template

This template contains all files for a Redux store.

New Store: Redux integration

1. Copy this folder, give it a correct name.
2. Check each file for <UNKNOWN> placeholders and TODO remarks.
3. Edit the main store-index file and add the relevant store integration there.
4. Check the debug-module, and add relevant debug code.
   • Register the store in the reset() method.

---

Main store-index: modules/ppcp-settings/resources/js/data/index.js

Sample store integration:

import * as YourStore from './yourStore';
// ...
YourStore.initStore();
// ...
export const YourStoreHooks = YourStore.hooks;
// ...
export const YourStoreName = YourStore.STORE_NAME;
// ...
addDebugTools( window.ppcpSettings, [ ..., YourStoreName ] );

---

New Store: PHP integration

1. Create the REST endpoint for hydrating and persisting data.
   • modules/ppcp-settings/src/Endpoint/YourStoreRestEndpoint.php
   • Extend from base class RestEndpoint
2. Create the data model class to manage the DB interaction.
   • modules/ppcp-settings/src/Data/YourStoreSettings.php
   • Extend from base class AbstractDataModel
3. Create relevant DI services for both files.
   • modules/ppcp-settings/services.php
4. Register the REST endpoint in the service module.
   • modules/ppcp-settings/src/SettingsModule.php
   • Find the action rest_api_init