How to install?
npm install query-object-mapper --save
Simple tool, that helps to map object with properties to query URL parameter object.
Currently, three basic parameter types are recognized:
- string
- number
- boolean
When defining custom mapper, man must define parameter types and names.
Let's define three parameters:
- string parameter with default value
foo
, that is limited to two options: 'foo', 'bar' - boolean parameter
myBoolean
, that would be represented by 'myb' parameter in URL - number parameter
myNumber
with default value 3
import QueryMapper from 'query-object-mapper'
const mapper = new QueryMapper()
mapper.addStringParam('myString')
.setOptions('foo', 'bar')
.setDefault('foo')
mapper.addBooleanParam('myBoolean', 'myb')
mapper.addNumberParam('myNumber').setDefault(3)
// get someUrlQueryParameters,
// eg. convert URL query from string to object
const myParameters = mapper.parse(someUrlQueryParameters)
// create myParameterObject
const urlQueryObject = mapper.generateQuery(myParameterObject)
When building filter form, I found out that it comes handy to be able to define conditional parameter. Eg. I'd like to limit results by selected user - but only when I check related checkbox.
I often use those two related params conditionally - I do propagate selected user to URL query only when checkbox is checked. Othwerwise I'm not interested in the "selected user" value.
How do I map this?
import QueryMapper from 'query-object-mapper'
const mapper = new QueryMapper()
mapper.addStringParam('fulfilled')
mapper.addConditionFor('fulfilled', 'fulfilledCondition')
mapper.addStringParam('omitted')
mapper.addConditionFor('omitted', 'omittedCondition')
// get someUrlQueryParameters,
// eg. convert URL query from string to object
const myParameters = mapper.parse({
fulfilled: 'foo',
})
console.log(myParameters === {
fulfilled: 'foo',
fulfilledCondition: true,
omitted: null,
omittedCondition: false,
}) // true
// create myParameterObject
const urlQueryObject = mapper.generateQuery({
fulfilled: 'foo',
fulfilledCondition: true,
omitted: 'bar',
omittedCondition: false,
})
console.log(urlQueryObject === {
fulfilled: 'foo',
}) // true
- default parameter values are not propagated to query
- boolean parameters are converted to string representation (true => '1', false => '0')
- unknown options are silently parsed to default value, but cannot be generated to query