@wordpress/preferences 1.0.0

package/build-module/store/actions.js

@@ -0,0 +1,54 @@
+/**
+ * Returns an action object used in signalling that a preference should be
+ * toggled.
+ *
+ * @param {string} scope The preference scope (e.g. core/edit-post).
+ * @param {string} name  The preference name.
+ */
+export function toggle(scope, name) {
+  return function (_ref) {
+    let {
+      select,
+      dispatch
+    } = _ref;
+    const currentValue = select.get(scope, name);
+    dispatch.set(scope, name, !currentValue);
+  };
+}
+/**
+ * Returns an action object used in signalling that a preference should be set
+ * to a value
+ *
+ * @param {string} scope The preference scope (e.g. core/edit-post).
+ * @param {string} name  The preference name.
+ * @param {*}      value The value to set.
+ *
+ * @return {Object} Action object.
+ */
+
+export function set(scope, name, value) {
+  return {
+    type: 'SET_PREFERENCE_VALUE',
+    scope,
+    name,
+    value
+  };
+}
+/**
+ * Returns an action object used in signalling that preference defaults should
+ * be set.
+ *
+ * @param {string}            scope    The preference scope (e.g. core/edit-post).
+ * @param {Object<string, *>} defaults A key/value map of preference names to values.
+ *
+ * @return {Object} Action object.
+ */
+
+export function setDefaults(scope, defaults) {
+  return {
+    type: 'SET_PREFERENCE_DEFAULTS',
+    scope,
+    defaults
+  };
+}
+//# sourceMappingURL=actions.js.map

package/build-module/store/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/preferences/src/store/actions.js"],"names":["toggle","scope","name","select","dispatch","currentValue","get","set","value","type","setDefaults","defaults"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,MAAT,CAAiBC,KAAjB,EAAwBC,IAAxB,EAA+B;AACrC,SAAO,gBAAkC;AAAA,QAAvB;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAuB;AACxC,UAAMC,YAAY,GAAGF,MAAM,CAACG,GAAP,CAAYL,KAAZ,EAAmBC,IAAnB,CAArB;AACAE,IAAAA,QAAQ,CAACG,GAAT,CAAcN,KAAd,EAAqBC,IAArB,EAA2B,CAAEG,YAA7B;AACA,GAHD;AAIA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,GAAT,CAAcN,KAAd,EAAqBC,IAArB,EAA2BM,KAA3B,EAAmC;AACzC,SAAO;AACNC,IAAAA,IAAI,EAAE,sBADA;AAENR,IAAAA,KAFM;AAGNC,IAAAA,IAHM;AAINM,IAAAA;AAJM,GAAP;AAMA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,WAAT,CAAsBT,KAAtB,EAA6BU,QAA7B,EAAwC;AAC9C,SAAO;AACNF,IAAAA,IAAI,EAAE,yBADA;AAENR,IAAAA,KAFM;AAGNU,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * Returns an action object used in signalling that a preference should be\n * toggled.\n *\n * @param {string} scope The preference scope (e.g. core/edit-post).\n * @param {string} name  The preference name.\n */\nexport function toggle( scope, name ) {\n\treturn function ( { select, dispatch } ) {\n\t\tconst currentValue = select.get( scope, name );\n\t\tdispatch.set( scope, name, ! currentValue );\n\t};\n}\n\n/**\n * Returns an action object used in signalling that a preference should be set\n * to a value\n *\n * @param {string} scope The preference scope (e.g. core/edit-post).\n * @param {string} name  The preference name.\n * @param {*}      value The value to set.\n *\n * @return {Object} Action object.\n */\nexport function set( scope, name, value ) {\n\treturn {\n\t\ttype: 'SET_PREFERENCE_VALUE',\n\t\tscope,\n\t\tname,\n\t\tvalue,\n\t};\n}\n\n/**\n * Returns an action object used in signalling that preference defaults should\n * be set.\n *\n * @param {string}            scope    The preference scope (e.g. core/edit-post).\n * @param {Object<string, *>} defaults A key/value map of preference names to values.\n *\n * @return {Object} Action object.\n */\nexport function setDefaults( scope, defaults ) {\n\treturn {\n\t\ttype: 'SET_PREFERENCE_DEFAULTS',\n\t\tscope,\n\t\tdefaults,\n\t};\n}\n"]}

package/build-module/store/constants.js

@@ -0,0 +1,7 @@
+/**
+ * The identifier for the data store.
+ *
+ * @type {string}
+ */
+export const STORE_NAME = 'core/preferences';
+//# sourceMappingURL=constants.js.map

package/build-module/store/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/preferences/src/store/constants.js"],"names":["STORE_NAME"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAG,kBAAnB","sourcesContent":["/**\n * The identifier for the data store.\n *\n * @type {string}\n */\nexport const STORE_NAME = 'core/preferences';\n"]}

package/build-module/store/index.js

@@ -0,0 +1,39 @@
+/**
+ * WordPress dependencies
+ */
+import { createReduxStore, registerStore } from '@wordpress/data';
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+import reducer from './reducer';
+import * as actions from './actions';
+import * as selectors from './selectors';
+import { STORE_NAME } from './constants';
+/**
+ * Store definition for the interface namespace.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
+ *
+ * @type {Object}
+ */
+
+export const store = createReduxStore(STORE_NAME, {
+  reducer,
+  actions,
+  selectors,
+  persist: ['preferences']
+}); // Once we build a more generic persistence plugin that works across types of stores
+// we'd be able to replace this with a register call.
+
+registerStore(STORE_NAME, {
+  reducer,
+  actions,
+  selectors,
+  persist: ['preferences']
+});
+//# sourceMappingURL=index.js.map

package/build-module/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/preferences/src/store/index.js"],"names":["createReduxStore","registerStore","reducer","actions","selectors","STORE_NAME","store","persist"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAT,EAA2BC,aAA3B,QAAgD,iBAAhD;AAEA;AACA;AACA;;AACA;AACA;AACA;;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAO,KAAKC,OAAZ,MAAyB,WAAzB;AACA,OAAO,KAAKC,SAAZ,MAA2B,aAA3B;AACA,SAASC,UAAT,QAA2B,aAA3B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,KAAK,GAAGN,gBAAgB,CAAEK,UAAF,EAAc;AAClDH,EAAAA,OADkD;AAElDC,EAAAA,OAFkD;AAGlDC,EAAAA,SAHkD;AAIlDG,EAAAA,OAAO,EAAE,CAAE,aAAF;AAJyC,CAAd,CAA9B,C,CAOP;AACA;;AACAN,aAAa,CAAEI,UAAF,EAAc;AAC1BH,EAAAA,OAD0B;AAE1BC,EAAAA,OAF0B;AAG1BC,EAAAA,SAH0B;AAI1BG,EAAAA,OAAO,EAAE,CAAE,aAAF;AAJiB,CAAd,CAAb","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createReduxStore, registerStore } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\n/**\n * Internal dependencies\n */\nimport reducer from './reducer';\nimport * as actions from './actions';\nimport * as selectors from './selectors';\nimport { STORE_NAME } from './constants';\n\n/**\n * Store definition for the interface namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\treducer,\n\tactions,\n\tselectors,\n\tpersist: [ 'preferences' ],\n} );\n\n// Once we build a more generic persistence plugin that works across types of stores\n// we'd be able to replace this with a register call.\nregisterStore( STORE_NAME, {\n\treducer,\n\tactions,\n\tselectors,\n\tpersist: [ 'preferences' ],\n} );\n"]}

package/build-module/store/reducer.js

@@ -0,0 +1,67 @@
+/**
+ * WordPress dependencies
+ */
+import { combineReducers } from '@wordpress/data';
+/**
+ * Reducer returning the defaults for user preferences.
+ *
+ * This is kept intentionally separate from the preferences
+ * themselves so that defaults are not persisted.
+ *
+ * @param {Object} state  Current state.
+ * @param {Object} action Dispatched action.
+ *
+ * @return {Object} Updated state.
+ */
+
+export function defaults() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
+  if (action.type === 'SET_PREFERENCE_DEFAULTS') {
+    const {
+      scope,
+      defaults: values
+    } = action;
+    return { ...state,
+      [scope]: { ...state[scope],
+        ...values
+      }
+    };
+  }
+
+  return state;
+}
+/**
+ * Reducer returning the user preferences.
+ *
+ * @param {Object} state  Current state.
+ * @param {Object} action Dispatched action.
+ *
+ * @return {Object} Updated state.
+ */
+
+export function preferences() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
+  if (action.type === 'SET_PREFERENCE_VALUE') {
+    const {
+      scope,
+      name,
+      value
+    } = action;
+    return { ...state,
+      [scope]: { ...state[scope],
+        [name]: value
+      }
+    };
+  }
+
+  return state;
+}
+export default combineReducers({
+  defaults,
+  preferences
+});
+//# sourceMappingURL=reducer.js.map

package/build-module/store/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/preferences/src/store/reducer.js"],"names":["combineReducers","defaults","state","action","type","scope","values","preferences","name","value"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,iBAAhC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,QAAT,GAAwC;AAAA,MAArBC,KAAqB,uEAAb,EAAa;AAAA,MAATC,MAAS;;AAC9C,MAAKA,MAAM,CAACC,IAAP,KAAgB,yBAArB,EAAiD;AAChD,UAAM;AAAEC,MAAAA,KAAF;AAASJ,MAAAA,QAAQ,EAAEK;AAAnB,QAA8BH,MAApC;AACA,WAAO,EACN,GAAGD,KADG;AAEN,OAAEG,KAAF,GAAW,EACV,GAAGH,KAAK,CAAEG,KAAF,CADE;AAEV,WAAGC;AAFO;AAFL,KAAP;AAOA;;AAED,SAAOJ,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASK,WAAT,GAA2C;AAAA,MAArBL,KAAqB,uEAAb,EAAa;AAAA,MAATC,MAAS;;AACjD,MAAKA,MAAM,CAACC,IAAP,KAAgB,sBAArB,EAA8C;AAC7C,UAAM;AAAEC,MAAAA,KAAF;AAASG,MAAAA,IAAT;AAAeC,MAAAA;AAAf,QAAyBN,MAA/B;AACA,WAAO,EACN,GAAGD,KADG;AAEN,OAAEG,KAAF,GAAW,EACV,GAAGH,KAAK,CAAEG,KAAF,CADE;AAEV,SAAEG,IAAF,GAAUC;AAFA;AAFL,KAAP;AAOA;;AAED,SAAOP,KAAP;AACA;AAED,eAAeF,eAAe,CAAE;AAC/BC,EAAAA,QAD+B;AAE/BM,EAAAA;AAF+B,CAAF,CAA9B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer returning the defaults for user preferences.\n *\n * This is kept intentionally separate from the preferences\n * themselves so that defaults are not persisted.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nexport function defaults( state = {}, action ) {\n\tif ( action.type === 'SET_PREFERENCE_DEFAULTS' ) {\n\t\tconst { scope, defaults: values } = action;\n\t\treturn {\n\t\t\t...state,\n\t\t\t[ scope ]: {\n\t\t\t\t...state[ scope ],\n\t\t\t\t...values,\n\t\t\t},\n\t\t};\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer returning the user preferences.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nexport function preferences( state = {}, action ) {\n\tif ( action.type === 'SET_PREFERENCE_VALUE' ) {\n\t\tconst { scope, name, value } = action;\n\t\treturn {\n\t\t\t...state,\n\t\t\t[ scope ]: {\n\t\t\t\t...state[ scope ],\n\t\t\t\t[ name ]: value,\n\t\t\t},\n\t\t};\n\t}\n\n\treturn state;\n}\n\nexport default combineReducers( {\n\tdefaults,\n\tpreferences,\n} );\n"]}

package/build-module/store/selectors.js

@@ -0,0 +1,17 @@
+/**
+ * Returns a boolean indicating whether a prefer is active for a particular
+ * scope.
+ *
+ * @param {Object} state The store state.
+ * @param {string} scope The scope of the feature (e.g. core/edit-post).
+ * @param {string} name  The name of the feature.
+ *
+ * @return {*} Is the feature enabled?
+ */
+export function get(state, scope, name) {
+  var _state$preferences$sc, _state$defaults$scope;
+
+  const value = (_state$preferences$sc = state.preferences[scope]) === null || _state$preferences$sc === void 0 ? void 0 : _state$preferences$sc[name];
+  return value !== null && value !== void 0 ? value : (_state$defaults$scope = state.defaults[scope]) === null || _state$defaults$scope === void 0 ? void 0 : _state$defaults$scope[name];
+}
+//# sourceMappingURL=selectors.js.map

package/build-module/store/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/preferences/src/store/selectors.js"],"names":["get","state","scope","name","value","preferences","defaults"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,GAAT,CAAcC,KAAd,EAAqBC,KAArB,EAA4BC,IAA5B,EAAmC;AAAA;;AACzC,QAAMC,KAAK,4BAAGH,KAAK,CAACI,WAAN,CAAmBH,KAAnB,CAAH,0DAAG,sBAA8BC,IAA9B,CAAd;AACA,SAAOC,KAAP,aAAOA,KAAP,cAAOA,KAAP,4BAAgBH,KAAK,CAACK,QAAN,CAAgBJ,KAAhB,CAAhB,0DAAgB,sBAA2BC,IAA3B,CAAhB;AACA","sourcesContent":["/**\n * Returns a boolean indicating whether a prefer is active for a particular\n * scope.\n *\n * @param {Object} state The store state.\n * @param {string} scope The scope of the feature (e.g. core/edit-post).\n * @param {string} name  The name of the feature.\n *\n * @return {*} Is the feature enabled?\n */\nexport function get( state, scope, name ) {\n\tconst value = state.preferences[ scope ]?.[ name ];\n\treturn value ?? state.defaults[ scope ]?.[ name ];\n}\n"]}

package/package.json

@@ -0,0 +1,44 @@
+{
+	"name": "@wordpress/preferences",
+	"version": "1.0.0",
+	"description": "Utilities for managing WordPress preferences.",
+	"author": "The WordPress Contributors",
+	"license": "GPL-2.0-or-later",
+	"keywords": [
+		"wordpress",
+		"gutenberg",
+		"preferences",
+		"settings",
+		"options"
+	],
+	"homepage": "https://github.com/WordPress/gutenberg/tree/HEAD/packages/preferences/README.md",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/WordPress/gutenberg.git",
+		"directory": "packages/preferences"
+	},
+	"bugs": {
+		"url": "https://github.com/WordPress/gutenberg/issues"
+	},
+	"engines": {
+		"node": ">=12"
+	},
+	"main": "build/index.js",
+	"module": "build-module/index.js",
+	"react-native": "src/index",
+	"types": "build-types",
+	"sideEffects": false,
+	"dependencies": {
+		"@babel/runtime": "^7.16.0",
+		"@wordpress/a11y": "^3.4.1",
+		"@wordpress/components": "^19.6.1",
+		"@wordpress/data": "^6.4.1",
+		"@wordpress/i18n": "^4.4.1",
+		"@wordpress/icons": "^8.0.1",
+		"classnames": "^2.3.1"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"gitHead": "3494eafea7cb345728166c902b3d1223c4a8db6f"
+}

package/src/components/index.js

@@ -0,0 +1 @@
+export { default as PreferenceToggleMenuItem } from './preference-toggle-menu-item';

package/src/components/preference-toggle-menu-item/README.md

@@ -0,0 +1,58 @@
+# PreferenceToggleMenuItem
+
+`PreferenceToggleMenuItem` renders a menu item that is connected to the preference package's store, and will toggle the value of a 'preference' between true and false.
+
+This component implements a `MenuItem` component from the `@wordpress/components` package.
+
+## Props
+
+### scope
+
+The 'scope' of the feature. This is usually a namespaced string that represents the name of the editor (e.g. 'core/edit-post'), and often matches the name of the store for the editor.
+
+-   Type: `String`
+-   Required: Yes
+
+### name
+
+The name of the preference to toggle (e.g. 'fixedToolbar').
+
+-   Type: `String`
+-   Required: Yes
+
+### label
+
+A human readable label for the feature.
+
+-   Type: `String`
+-   Required: Yes
+
+### info
+
+A human readable description of what this toggle does.
+
+-   Type: `Object`
+-   Required: No
+
+### messageActivated
+
+A message read by a screen reader when the feature is activated. (e.g. 'Fixed toolbar activated')
+
+-   Type: `String`
+-   Required: No
+
+### messageDeactivated
+
+A message read by a screen reader when the feature is deactivated. (e.g. 'Fixed toolbar deactivated')
+
+-   Type: `String`
+-   Required: No
+
+### shortcut
+
+A keyboard shortcut for the feature. This is just used for display purposes and the implementation of the shortcut should be handled separately.
+
+Consider using the `displayShortcut` helper from the `@wordpress/keycodes` package for this prop.
+
+-   Type: `Array`
+-   Required: No

package/src/components/preference-toggle-menu-item/index.js

@@ -0,0 +1,66 @@
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { MenuItem } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { check } from '@wordpress/icons';
+import { speak } from '@wordpress/a11y';
+
+/**
+ * Internal dependencies
+ */
+import { store as preferencesStore } from '../../store';
+
+export default function PreferenceToggleMenuItem( {
+	scope,
+	name,
+	label,
+	info,
+	messageActivated,
+	messageDeactivated,
+	shortcut,
+} ) {
+	const isActive = useSelect(
+		( select ) => !! select( preferencesStore ).get( scope, name ),
+		[ name ]
+	);
+	const { toggle } = useDispatch( preferencesStore );
+	const speakMessage = () => {
+		if ( isActive ) {
+			const message =
+				messageDeactivated ||
+				sprintf(
+					/* translators: %s: preference name, e.g. 'Fullscreen mode' */
+					__( 'Preference deactivated - %s' ),
+					label
+				);
+			speak( message );
+		} else {
+			const message =
+				messageActivated ||
+				sprintf(
+					/* translators: %s: preference name, e.g. 'Fullscreen mode' */
+					__( 'Preference activated - %s' ),
+					label
+				);
+			speak( message );
+		}
+	};
+
+	return (
+		<MenuItem
+			icon={ isActive && check }
+			isSelected={ isActive }
+			onClick={ () => {
+				toggle( scope, name );
+				speakMessage();
+			} }
+			role="menuitemcheckbox"
+			info={ info }
+			shortcut={ shortcut }
+		>
+			{ label }
+		</MenuItem>
+	);
+}

package/src/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+export { store } from './store';

package/src/store/actions.js

@@ -0,0 +1,49 @@
+/**
+ * Returns an action object used in signalling that a preference should be
+ * toggled.
+ *
+ * @param {string} scope The preference scope (e.g. core/edit-post).
+ * @param {string} name  The preference name.
+ */
+export function toggle( scope, name ) {
+	return function ( { select, dispatch } ) {
+		const currentValue = select.get( scope, name );
+		dispatch.set( scope, name, ! currentValue );
+	};
+}
+
+/**
+ * Returns an action object used in signalling that a preference should be set
+ * to a value
+ *
+ * @param {string} scope The preference scope (e.g. core/edit-post).
+ * @param {string} name  The preference name.
+ * @param {*}      value The value to set.
+ *
+ * @return {Object} Action object.
+ */
+export function set( scope, name, value ) {
+	return {
+		type: 'SET_PREFERENCE_VALUE',
+		scope,
+		name,
+		value,
+	};
+}
+
+/**
+ * Returns an action object used in signalling that preference defaults should
+ * be set.
+ *
+ * @param {string}            scope    The preference scope (e.g. core/edit-post).
+ * @param {Object<string, *>} defaults A key/value map of preference names to values.
+ *
+ * @return {Object} Action object.
+ */
+export function setDefaults( scope, defaults ) {
+	return {
+		type: 'SET_PREFERENCE_DEFAULTS',
+		scope,
+		defaults,
+	};
+}

package/src/store/constants.js

@@ -0,0 +1,6 @@
+/**
+ * The identifier for the data store.
+ *
+ * @type {string}
+ */
+export const STORE_NAME = 'core/preferences';

package/src/store/index.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { createReduxStore, registerStore } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+/**
+ * Internal dependencies
+ */
+import reducer from './reducer';
+import * as actions from './actions';
+import * as selectors from './selectors';
+import { STORE_NAME } from './constants';
+
+/**
+ * Store definition for the interface namespace.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
+ *
+ * @type {Object}
+ */
+export const store = createReduxStore( STORE_NAME, {
+	reducer,
+	actions,
+	selectors,
+	persist: [ 'preferences' ],
+} );
+
+// Once we build a more generic persistence plugin that works across types of stores
+// we'd be able to replace this with a register call.
+registerStore( STORE_NAME, {
+	reducer,
+	actions,
+	selectors,
+	persist: [ 'preferences' ],
+} );

package/src/store/reducer.js

@@ -0,0 +1,58 @@
+/**
+ * WordPress dependencies
+ */
+import { combineReducers } from '@wordpress/data';
+
+/**
+ * Reducer returning the defaults for user preferences.
+ *
+ * This is kept intentionally separate from the preferences
+ * themselves so that defaults are not persisted.
+ *
+ * @param {Object} state  Current state.
+ * @param {Object} action Dispatched action.
+ *
+ * @return {Object} Updated state.
+ */
+export function defaults( state = {}, action ) {
+	if ( action.type === 'SET_PREFERENCE_DEFAULTS' ) {
+		const { scope, defaults: values } = action;
+		return {
+			...state,
+			[ scope ]: {
+				...state[ scope ],
+				...values,
+			},
+		};
+	}
+
+	return state;
+}
+
+/**
+ * Reducer returning the user preferences.
+ *
+ * @param {Object} state  Current state.
+ * @param {Object} action Dispatched action.
+ *
+ * @return {Object} Updated state.
+ */
+export function preferences( state = {}, action ) {
+	if ( action.type === 'SET_PREFERENCE_VALUE' ) {
+		const { scope, name, value } = action;
+		return {
+			...state,
+			[ scope ]: {
+				...state[ scope ],
+				[ name ]: value,
+			},
+		};
+	}
+
+	return state;
+}
+
+export default combineReducers( {
+	defaults,
+	preferences,
+} );

package/src/store/selectors.js

@@ -0,0 +1,14 @@
+/**
+ * Returns a boolean indicating whether a prefer is active for a particular
+ * scope.
+ *
+ * @param {Object} state The store state.
+ * @param {string} scope The scope of the feature (e.g. core/edit-post).
+ * @param {string} name  The name of the feature.
+ *
+ * @return {*} Is the feature enabled?
+ */
+export function get( state, scope, name ) {
+	const value = state.preferences[ scope ]?.[ name ];
+	return value ?? state.defaults[ scope ]?.[ name ];
+}

package/src/store/test/selectors.js

@@ -0,0 +1,68 @@
+/**
+ * Internal dependencies
+ */
+import { get } from '../selectors';
+
+describe( 'selectors', () => {
+	describe( 'get', () => {
+		it( 'returns `undefined` if the there is no state for the preference', () => {
+			const emptyState = {
+				defaults: {},
+				preferences: {},
+			};
+
+			expect(
+				get( emptyState, 'test-scope', 'testPreferenceName' )
+			).toBe( undefined );
+		} );
+
+		it( 'returns the default for a preference if the default is set and the preference has no value', () => {
+			const emptyState = {
+				defaults: {
+					'test-scope': {
+						testPreferenceName: 'test default',
+					},
+				},
+				preferences: {},
+			};
+
+			expect(
+				get( emptyState, 'test-scope', 'testPreferenceName' )
+			).toBe( 'test default' );
+		} );
+
+		it( 'returns the value for a preference if the preference is set and the default is not set', () => {
+			const emptyState = {
+				defaults: {},
+				preferences: {
+					'test-scope': {
+						testPreferenceName: 'test value',
+					},
+				},
+			};
+
+			expect(
+				get( emptyState, 'test-scope', 'testPreferenceName' )
+			).toBe( 'test value' );
+		} );
+
+		it( 'returns the value for a preference if the preference and the default are set', () => {
+			const emptyState = {
+				defaults: {
+					'test-scope': {
+						testPreferenceName: 'test default',
+					},
+				},
+				preferences: {
+					'test-scope': {
+						testPreferenceName: 'test value',
+					},
+				},
+			};
+
+			expect(
+				get( emptyState, 'test-scope', 'testPreferenceName' )
+			).toBe( 'test value' );
+		} );
+	} );
+} );