bi-directional adapter factory, used to decouple systems across shared data structures
npm install @voiceflow/bidirectional-adapter

Factory to create bi-directional adapters that can convert between two distinct data structures.
Using adapters helps to decouple systems which share common data structures and may need to alter them
independently without introducing conflicts in each other.
You have multiple services which each operate on a single shared resource but want to represent the data
differently in each service or want to isolate each service from data structure changes required by the other.
With bidirectional-adapter you can define a simple entity which can be used to transform data between two formats.
``ts`
const adapter = createAdapter
(stringValue) => parseInt(stringValue, 10),
(numericValue) => String(numericValue)
);
`ts
import axios from 'axios';
import createAdapter from '@voiceflow/bidirectional-adapter';
const accountAdapter = createAdapter(
(dbAccount) => ({
id: dbAccount.user_id,
name: ${dbAccount.user.firstName} ${dbAccount.user.lastName},
email: dbAccount.user.email,
}),
(appAccount) => ({
user_id: appAcount.id,
user: {
firstName: appAccount.name.split(' ')[0],
lastName: appAccount.name.split(' ')[1],
},
email: appAccount.email,
})
);
const fetchAccount = (userID) => {
// state is in the shape of propertyTwo
// do reducer stuff here
return axios.get(/account/${userID}).then((res) => accountAdapter.fromDB(res.data));
};
const updateAccount = (account) => {
// state is in the shape of propertyTwo
// do reducer stuff here
return axios.post(/account/${userID}, accountAdapter.toDB(account));`
};
`ts
import { createSmartMultiAdapter } from '@voiceflow/bidirectional-adapter';
interface DBModel {
x: number;
a: number;
b: string;
c1: boolean;
}
interface Model {
x: number;
ab: string;
c2: boolean;
}
type KeyMap = [['a' | 'b', 'ab'], ['c1', 'c2']];
const adapter = createSmartMultiAdapter
() => ({}) as any,
() => ({}) as any
);
adapter.fromDB({ a: 1, b: 'a', c1: false, x: 1 }); // Model
adapter.fromDB({ a: 1, b: 'a', c1: false }); // Pick
adapter.fromDB({ b: 'a', c1: false }); // Pick
adapter.fromDB({ x: 1 }); // Pick
adapter.fromDB({}); // EmptyObject
adapter.mapFromDB([{ a: 1, b: 'a', c1: false, x: 1 }]); // Model[]
adapter.mapFromDB([{ a: 1, b: 'a', c1: false }]); // Pick
adapter.mapFromDB([{ b: 'a', c1: false }]); // Pick
adapter.mapFromDB([{ x: 1 }]); // Pick
adapter.mapFromDB([{}]); // EmptyObject[]
adapter.toDB({ ab: '1', c2: false, x: 1 }); // DBModel
adapter.toDB({ ab: '1', x: 1 }); // Pick
adapter.toDB({ c2: false }); // Pick
adapter.toDB({ x: 1 }); // Pick
adapter.toDB({}); // EmptyObject
adapter.mapToDB([{ ab: '1', c2: false, x: 1 }]); // DBModel
adapter.mapToDB([{ ab: '1', x: 1 }]); // Pick
adapter.mapToDB([{ c2: false }]); // Pick
adapter.mapToDB([{ x: 1 }]); // Pick
adapter.mapToDB([{}]); // EmptyObject
`
To use bidirectional-adapter, install it as a dependency:
`bashIf you use npm:
npm install @voiceflow/bidirectional-adapter
This assumes that you’re using a package manager such as npm.