automattic / jetpack-shared-extension-utils
Utility functions used by the block editor extensions
Installs: 61
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 5
Forks: 1
Language:JavaScript
Requires (Dev)
- automattic/jetpack-changelogger: ^4.2.8
- yoast/phpunit-polyfills: ^1.1.1
- dev-trunk
- v0.15.15
- v0.15.14
- v0.15.13
- v0.15.12
- v0.15.11
- v0.15.10
- v0.15.9
- v0.15.8
- v0.15.7
- v0.15.6
- v0.15.5
- v0.15.4
- v0.15.3
- v0.15.2
- v0.15.1
- v0.15.0
- v0.14.20
- v0.14.19
- v0.14.18
- v0.14.17
- v0.14.16
- v0.14.15
- v0.14.14
- v0.14.13
- v0.14.12
- v0.14.11
- v0.14.10
- v0.14.9
- v0.14.8
- v0.14.7
- v0.14.6
- v0.14.5
- v0.14.4
- v0.14.3
- v0.14.2
- v0.14.1
- v0.14.0
- v0.13.10
- v0.13.9
- v0.13.8
- v0.13.7
- v0.13.6
- v0.13.5
- v0.13.4
- v0.13.3
- v0.13.2
- v0.13.1
- v0.13.0
- v0.12.6
- v0.12.5
- v0.12.4
- v0.12.3
- v0.12.2
- v0.12.1
- v0.12.0
- v0.11.5
- v0.11.4
- v0.11.3
- v0.11.2
- v0.11.1
- v0.11.0
- v0.10.9
- v0.10.8
- v0.10.7
- v0.10.6
- v0.10.5
- v0.10.4
- v0.10.3
- v0.10.2
- v0.10.1
- v0.10.0
- v0.9.2
- v0.9.1
- v0.9.0
- v0.8.4
- v0.8.3
- v0.8.2
- v0.8.1
- v0.8.0
- v0.7.0
- v0.6.10
- v0.6.9
- v0.6.8
- v0.6.7
- v0.6.6
- v0.6.5
- v0.6.4
- v0.6.3
- v0.6.2
- v0.6.1
- v0.6.0
- v0.5.0
- v0.4.13
- v0.4.12
- v0.4.11
- v0.4.10
- v0.4.9
- v0.4.8
- v0.4.7
- v0.4.6
- v0.4.5
- v0.4.4
- v0.4.3
- v0.4.2
- v0.4.1
- v0.4.0
- v0.3.1
- v0.3.0
- v0.2.0
- v0.1.1
- v0.1.0
- dev-prerelease
- dev-release-v0.4.0
- dev-fix/slack-workflow-branch-detection
This package is auto-updated.
Last update: 2024-11-05 22:08:19 UTC
README
Utility functions used by the block editor extensions.
This package is the new home for the code in the extensions/shared
directory
of the Jetpack plugin, so that plugins can share it. To begin with, we moving
the code used by the Publicize editor extension, but the goal is to bring over
all the shared code.
Fetching modules data from the store
The package relies on controls and resolvers to pull modules data from the API, and put it into the package's Redux store.
Basic Usage
In order to have all modules related data synced within different packages, let's use this Redux store as a source of truth, for both, getting and updating the data.
Use withSelect
, withDispatch
higher-order component to pull the data or useSelect
hook to pull the data from the store to pull directly in component. Example:
// Imports. import { withSelect, withDispatch } from '@wordpress/data'; import { JETPACK_MODULES_STORE_ID } from '@automattic/jetpack-shared-extension-utils'; const SampleComponent = props => { const { isModuleActive, isLoadingModules, isChangingStatus, updateJetpackModuleStatus } = props; if ( isModuleActive ) { return <div>Module is active</div>; } if ( isLoadingModules ) { return <div>Loading modules...</div>; } if ( !isModuleActive ) { return <button onClick={ () => updateJetpackModuleStatus( 'contact-form', true ) }> Activate module </button>; } return <div>Active contact form module</div>; } // We wrap `SampleComponent` into the composition of `withSelect` and `withDispatch` HOCs, // which will pull the data from the store and pass as a parameter into the component. // Jetpack modules will be pulled after first selection `isModuleActive`. export default compose( [ withSelect( ( select, props ) => { const { isModuleActive, areModulesLoading, isModuleUpdating } = select( 'jetpack-modules' ); return { isModuleActive: isModuleActive( 'contact-form' ), isLoadingModules: areModulesLoading(), isChangingStatus: isModuleUpdating( 'contact-form' ), }; } ), withDispatch( dispatch => { const { updateJetpackModuleStatus } = dispatch( 'jetpack-modules' ); return { updateJetpackModuleStatus }; } ), ] )( ( SampleComponent ) );
How to install shared-extension-utils
Installation From Git Repo
Contribute
Get Help
Security
Need to report a security vulnerability? Go to https://automattic.com/security/ or directly to our security bug bounty site https://hackerone.com/automattic.
License
shared-extension-utils is licensed under GNU General Public License v2 (or later)