Postman visualizer for large JSON data in the browser.

Postman-big-json-viewer.js

const responseJson = pm.response.json();
const resJsonString = JSON.stringify(responseJson);

const template = `
    <link rel="stylesheet" href="https://unpkg.com/big-json-viewer/dist/default.css">
    <script src="https://unpkg.com/big-json-viewer/dist/browser-api.js"></script>
    
    <style>
        body {
            height: 100vh;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            font-size: 12.5px;
        }
        .json-node-root {
            flex-grow: 1;
            overflow: scroll;
        }
        
        .path-show-box {
            height: 10vh;
            width: 100%;            
        }

        .json-node-root, 
        .path-show-box {
            margin: 0;
            padding: 0;
            padding-left: 1em;
        }
    </style>

    <input class="path-show-box" type="text" readonly>

    <script>
        const data = ${resJsonString};
        
        BigJsonViewerDom.fromObject(data).then(viewer => {
            const rootNode = viewer.getRootElement();
            document.body.prepend(rootNode);
            rootNode.openAll(1);

            const pathBox = document.querySelector('.path-show-box');

            rootNode.addEventListener('copyPath', function(e) {
                console.log('copyPath', e.target.jsonNode.path);

                const identifierRegex = /[A-Za-z_$]/;

                const targetPath = e.target.jsonNode.path.map(propName => {
                    const firstChar = propName[0];
                    const dotNotationAble = identifierRegex.test(firstChar);

                    if (dotNotationAble) {
                        return \`.\${propName}\`;
                    } else {
                        return \`[\${JSON.stringify(propName)}]\`;
                    }
                }).join('');

                pathBox.value = targetPath;
            });
        });

    </script>
`;

pm.visualizer.set(template);