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


    npm i @sedeh/extensible-json-transformations

    DownloadsWeekly Downloads






    Unpacked Size

    724 kB

    Total Files


    Last publish


    • msalehisedeh