TypeScript icon, indicating that this package has built-in type declarations

2.0.0 • Public • Published

Welcome to Extensible JSON transformations!

Have you ever wanted to perform query on a JSON? Have you ever wanted to consume it in a program but the JSON was in a form not suitable for your program? Have you wanted to use the JSON without writing any code to do it? Have you wondered what it takes to make this happen? Well... wonder no more and add this component into your project...

NOTE: Starting with version 1.1.0 this library is compatible with Angular 6+.

NOTE: Starting with version 1.3.0 you need to import this library through @sedeh/extensible-json-transformations.

Live Demo | Source code | Comments/Requests



XJSLT: Extensible JSON Styling Language Transformation
	The process in which a JSON is morphed into a different JSON to be consumed by a program.

JS: JSON Styling
	Style a JSON into a more presentable JSON for a given purpose.

JSL: JSON Styling Language
	Language that supports JSON Styling.

JST: JSON Styling Template
	Template to be used specifically for the purpose of JSON Styling.


Styling Methods

Method Example Arguments Description
valueOf valueOf(a.b.c) 1) JPath Traverse the given JPath and return its value.
enlist enlist(valueOf(a),valueOf(b),valueOf(c)) 1) Array Insert argument values into a list
split split(valueOf(friends.namebank_ids),',') 1) Value, 2) Delimiter Split value into a list
join join(select(friends.name),',') 1) array, 2) Delimiter Join items of the list into a string
concat concat(valueOf(name),' ',valueOf(age)) 1) Argument values Join arguments into a string
each each(select(friends.address),zipCode) 1) Array, 2) JPath For each item in array, evaluate the JPath
select select(friends.address) 1) JPath Select the nodes with given JPath in current context
filter filter(id,in,valueOf(selected_ids)) 1) JPath, 2) Operation, 3) Value to match For value of target in current context, evaluate operation for given value(s). Supported operations are =,<,>,in,!. For list values 'in' operation means "contains" and for string value it means "indexOf". Negating operation '!' means not equal or not in.
style style(templateName, select(friends.address)) 1) Template name, 2) Array Apply the given template for the given array
match match(templateName,user.id,in,spit(valueOf(id_list))) 1) Template name, 2) JPath to a target, 3) Operation, 4) Value to match For value of target in given template nodes, evaluate and operation for given value(s) and return nodes that are matching the operation. Supported operations are =,<,>,in,!. For list values 'in' operation means "contains" and for string value it means "indexOf". Negating operation '!' means not equal or not in.
apply apply(trmplateName,id,split(valueOf(user_ids),'')) 1) Template name, 2) JPath, 3) Value(s) Apply the template name in current context for each node that matches the given path.
offPool offPool(template,valueOf(id)) 1) Template name, 2) Key Use the given template pool to pick up item(s) with given key(s)


export interface Transformations {
	name: string,
	rootTemplate: string,
	onResult?: string,
	templates: Template[]
Attribute Description
name Name chosen for the transformation
importUrls List of urls to import other transformations
rootTemplate The template name to start the transformation
onResult A method to be invoked on completion of transformations. Could be a filter to exclude some results or any other method.
templates List of templates
export interface Template {
	name: string,
	match: string,
	value?: string,
	context: string,
	inPool?: string,
	style: any
Attribute Description
name Name chosen for the template
match Path to start the styling
value Value to evaluate the math. not needed if match is on root node or blank
context The node to be used. "root" means the root node. "current" means the node currently in play.
inPool Pre-process all items with given JPath as a key in a pool. Example: 'id' or 'friends.id'

NOTE: if you get "RangeError: Maximum call stack size exceeded" message, it means an infinite loop is created because of circular referencing in multiple templates.

So... How it can be done?

Run npm install extensible-json-transformation in your application. and do the following:

If you want to use the transformation component, do the following in your html:



transformations  could  be ={
	"name": "products",
	"importUrls": [],
	"rootTemplate": ".",
	"onResult": "",
	"templates": [{
		"name":  ".",
		"match":  "",
		"context":  "root",
		"style": {
		"name":  "valueOf(name)",
		"vendor":  "valueOf(vendor.name)",
		"trackNames":  "each(select(details),name)"

If you want to directly use the transformation object, do the following in your code:

	const styler = new Styler(theJsonForTransfromation);


If you want to directly query a JSON object using transformation methods, do the following in your code:

	const inquirer = new Inquirer();
	const queryResponse = inquirer.query("set of nested function calls", theJsonRootNode);
	where nested function calls could be `enlist(valueOf(a),valueOf(b),valueOf(c))`

Version History

Version Description
2.0.0 Updated to Angular 8.
1.3.1 Updated dependencies.
1.3.0 Re-organizing libraries I am providing. Added scope to the project. From now on Accessing through @sedeh/extensible-json-transformations
1.2.0 It was brought to my attention that some users have trouble using my components in their angular 6 environment. Since I had only updated few dependencies when moved to Angular 6, I am thinking dependencies are causing issues. So, for this release, I am updating all dependencies to what Angular 6 applications are expecting to have. Please let me know if this is fixing or not fixing any issues you are facing.
1.1.0 Updated libraries to become compatible with Angular 6+.
1.0.0 Compiled with AOT option and resolved issues.
0.1.1 fixed few logic errors to handle complex JSON structures.
0.1.0 Added ability to query a JSON directly. fixed few logic errors.
0.0.1 Initial release.

alt text


DownloadsWeekly Downloads






Unpacked Size

724 kB

Total Files


Last publish


  • msalehisedeh