Add next and previous values to listener parameters (#48)

Author: szhsin

dist/cjs/react/useSelector.cjs

@@ -16,10 +16,10 @@ const useSelector = (selectorParamFactory, deps) => {
     const {
       cache
     } = context;
-    const reactishValues = utils.getReactishValues(items);
-    const args = reactishValues.concat(deps || selectorFunc);
+    const selectorValues = utils.getSelectorValues(items);
+    const args = selectorValues.concat(deps || selectorFunc);
     if (cache && utils.isEqual(args, cache.args)) return cache.val;
-    const val = selectorFunc(...reactishValues);
+    const val = selectorFunc(...selectorValues);
     context.cache = {
       args,
       val

dist/cjs/utils.cjs

@@ -10,8 +10,8 @@ const createSubscriber = items => listener => {
   const unsubscribers = items.map(item => item.subscribe(listener));
   return () => unsubscribers.forEach(unsubscribe => unsubscribe());
 };
-const getReactishValues = items => items.map(item => item.get());
+const getSelectorValues = items => items.map(item => item.get());
 
 exports.createSubscriber = createSubscriber;
-exports.getReactishValues = getReactishValues;
+exports.getSelectorValues = getSelectorValues;
 exports.isEqual = isEqual;

dist/cjs/vanilla/selector.cjs

@@ -15,7 +15,7 @@ const createSelector = ({
   let cache;
   const selector = {
     get: () => {
-      const args = utils.getReactishValues(items);
+      const args = utils.getSelectorValues(items);
       if (cache && utils.isEqual(args, cache.args)) return cache.val;
       const val = selectorFunc(...args);
       cache = {

dist/cjs/vanilla/state.cjs

@@ -9,8 +9,9 @@ const createState = ({
   let set = newValue => {
     const nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
     if (!Object.is(value, nextValue)) {
+      const prevValue = value;
       value = nextValue;
-      listeners.forEach(listener => listener());
+      listeners.forEach(listener => listener(nextValue, prevValue));
     }
   };
   const subscribe = listener => {

dist/esm/react/useSelector.mjs

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { createSubscriber, getReactishValues, isEqual } from '../utils.mjs';
+import { createSubscriber, getSelectorValues, isEqual } from '../utils.mjs';
 import { useSnapshot } from './useSnapshot.mjs';
 
 const useSelector = (selectorParamFactory, deps) => {
@@ -14,10 +14,10 @@ const useSelector = (selectorParamFactory, deps) => {
     const {
       cache
     } = context;
-    const reactishValues = getReactishValues(items);
-    const args = reactishValues.concat(deps || selectorFunc);
+    const selectorValues = getSelectorValues(items);
+    const args = selectorValues.concat(deps || selectorFunc);
     if (cache && isEqual(args, cache.args)) return cache.val;
-    const val = selectorFunc(...reactishValues);
+    const val = selectorFunc(...selectorValues);
     context.cache = {
       args,
       val

dist/esm/utils.mjs

@@ -8,6 +8,6 @@ const createSubscriber = items => listener => {
   const unsubscribers = items.map(item => item.subscribe(listener));
   return () => unsubscribers.forEach(unsubscribe => unsubscribe());
 };
-const getReactishValues = items => items.map(item => item.get());
+const getSelectorValues = items => items.map(item => item.get());
 
-export { createSubscriber, getReactishValues, isEqual };
+export { createSubscriber, getSelectorValues, isEqual };

dist/esm/vanilla/selector.mjs

@@ -1,4 +1,4 @@
-import { createSubscriber, getReactishValues, isEqual } from '../utils.mjs';
+import { createSubscriber, getSelectorValues, isEqual } from '../utils.mjs';
 
 const createSelector = ({
   plugin
@@ -13,7 +13,7 @@ const createSelector = ({
   let cache;
   const selector = {
     get: () => {
-      const args = getReactishValues(items);
+      const args = getSelectorValues(items);
       if (cache && isEqual(args, cache.args)) return cache.val;
       const val = selectorFunc(...args);
       cache = {

dist/esm/vanilla/state.mjs

@@ -7,8 +7,9 @@ const createState = ({
   let set = newValue => {
     const nextValue = typeof newValue === 'function' ? newValue(value) : newValue;
     if (!Object.is(value, nextValue)) {
+      const prevValue = value;
       value = nextValue;
-      listeners.forEach(listener => listener());
+      listeners.forEach(listener => listener(nextValue, prevValue));
     }
   };
   const subscribe = listener => {

dist/plugin/cjs/applyPlugin.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const applyPlugin = plugins => (reactish, config) => plugins.forEach(plugin => plugin?.(reactish, config));
+const applyPlugin = plugins => (selector, config) => plugins.forEach(plugin => plugin?.(selector, config));
 
 exports.applyPlugin = applyPlugin;

dist/plugin/esm/applyPlugin.mjs

@@ -1,3 +1,3 @@
-const applyPlugin = plugins => (reactish, config) => plugins.forEach(plugin => plugin?.(reactish, config));
+const applyPlugin = plugins => (selector, config) => plugins.forEach(plugin => plugin?.(selector, config));
 
 export { applyPlugin };