Merge pull request #11 from bluebill1049/feature/support-multiple-tra…

…nsform-func

support multiple store sync

README.md

@@ -40,7 +40,7 @@ createStore(store, options?: {
  syncStores?:  // sync with external store in your session/local storage
     | Record<string, string[]>
     | { externalStoreName: string; transform: Function } // name of the external store, and state to sync
-    | undefined;
+    | { externalStoreName: string; transform: Function }[];
 }})
 ```
 
@@ -67,6 +67,15 @@ createStore({
   // syncStores : {
   //   externalStoreName: ['yourDetail'],
   // }
+  // or you can pass in an array of transform function
+  // syncStores : [
+  //   { 
+  //     externalStoreName: 'externalStoreName',
+  //     transform: ({ externalStoreData, currentStoreData }) => {
+  //       return { ...externalStoreData, ...currentStoreData };
+  //     },
+  //   }
+  // ]
 })
 ```
 

src/logic/getSyncStoreData.ts

@@ -1,4 +1,5 @@
 import getBrowserStoreData from './getBrowserStoreData';
+import transformStore from './transformStore';
 import { StateMachineOptions } from '../types';
 
 export default function getSyncStoreData(
@@ -12,17 +13,25 @@ export default function getSyncStoreData(
   if (!syncStoreOption) return store;
 
   try {
-    if (
+    if (Array.isArray(syncStoreOption)) {
+      syncStoreOption.forEach(option => {
+        store = transformStore({
+          transform: option.transform,
+          externalStoreName: option.externalStoreName,
+          storageType,
+          store,
+        });
+      });
+    } else if (
       syncStoreOption.externalStoreName &&
       typeof syncStoreOption.transform === 'function' &&
       typeof syncStoreOption.externalStoreName === 'string'
     ) {
-      return syncStoreOption.transform({
-        externalStoreData: getBrowserStoreData(
-          storageType,
-          syncStoreOption.externalStoreName,
-        ),
-        currentStoreData: store,
+      return transformStore({
+        transform: syncStoreOption.transform,
+        externalStoreName: syncStoreOption.externalStoreName,
+        storageType,
+        store,
       });
     } else {
       Object.entries(syncStoreOption).forEach(([key, values]) => {

src/logic/transformStore.ts

@@ -0,0 +1,18 @@
+import getBrowserStoreData from './getBrowserStoreData';
+import { TransformFunc } from '../types';
+
+export default ({
+  transform,
+  externalStoreName,
+  storageType,
+  store,
+}: {
+  transform: TransformFunc;
+  externalStoreName: string;
+  storageType: Storage;
+  store: any;
+}) =>
+  transform({
+    externalStoreData: getBrowserStoreData(storageType, externalStoreName),
+    currentStoreData: store,
+  });

src/types.ts

@@ -24,19 +24,21 @@ export type Action = (store: any, payload: any) => any;
 
 export type Actions = { [key: string]: Action };
 
+export type TransformFunc = ({
+  externalStoreData,
+  currentStoreData,
+}: {
+  externalStoreData: any;
+  currentStoreData: any;
+}) => any;
+
+type TransformOptions = {
+  externalStoreName: string;
+  transform: TransformFunc;
+};
+
 export type StateMachineOptions = {
   name: string;
   middleWares?: Function[];
-  syncStores?:
-    | Record<string, string[]>
-    | {
-        externalStoreName: string;
-        transform: ({
-          externalStoreData,
-          currentStoreData,
-        }: {
-          externalStoreData: any;
-          currentStoreData: any;
-        }) => any;
-      };
+  syncStores?: Record<string, string[]> | TransformOptions | TransformOptions[];
 };