What Firebug is for the client, Glimpse does for the server... in other words, a client side Glimpse into whats going on in your server.

Glimpse

A client side Glimpse to your server

Download Now

Protocol Definition

The Glimpse Protocol is what makes Glimpse unique. It may soon like something complicated but in reality it's only a JavaScript object that is interpreted and rendered.

The interpretation that occurs simply makes certain assumptions about how data that is structured a particular way should be formatted. The bellow documents these assumptions.

Live Tester

To test your structure and how it will look simply paste your sample in the below text area and watch how it renders. Note this is not a schema validation, hence it is intended to be simply a visual render guide.

Sample

Preview

Rendered Result

Living Documentation

Scenario 1 (Pass):

Simple key value pair table based of the properties and values of json object. Note, strings that exceed the max string length are trimmed and summaried

var scenarioOneData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "GlimpseOn" : "True",
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

Scenario 2 (Pass):

More complex table based on the items in a matrix array (note that row 0 is used as the title of the table)

var scenarioTwoData = [
        [ "Actor", "Character", "Gender", "Age" ],
        [ "Mark Hamill", "Luke Skywalker", "Male", "21" ],
        [ "James Earl Jones", "Darth Vader", "Male", "45", "quiet" ],
        [ "Harrison Ford", "Han Solo", "Male", "25" ],
        [ "Carrie Fisher", "Princess Leia Organa", "Female", "21" ],
        [ "Peter Cushing", "Grand Moff Tarkin", "Female", "69" ],
        [ "Alec Guinness", "Ben Obi-Wan Kenobi", "Female", "70", "selected" ],
        [ "Anthony Daniels", "C-3PO", "Droid", "101" ],
        [ "Kenny Baker", "R2-D2", "Droid", "150" ]
    ];

var scenarioTwoDataA = [
        [ "Actor", "Character", "Gender", "Age" ],
        [ "Mark Hamill", "Luke Skywalker", "Male", "21", "ms" ],
        [ "James Earl Jones", "Darth Vader", "Male", "45", "info" ],
        [ "Harrison Ford", "Han Solo - Solo plays a central role in the various Star 
                            Wars set after Return of the Jedi. In The Courtship of 
                            Princess Leia (1995), he resigns his commission to 
                            pursue Leia, whom he eventually marries.", "Male", "25" ],
        [ "Carrie Fisher", "Princess Leia Organa", "Female", "21" ],
        [ "Peter Cushing", "Grand Moff Tarkin", "Female", "69" ],
        [ "Alec Guinness", "Ben Obi-Wan Kenobi", "Female", "70", "warn" ],
        [ "Anthony Daniels", "C-3PO", "Droid", "101" ],
        [ "Kenny Baker", "R2-D2 - R2-D2 and C-3PO are abducted by Jawas and bought 
                            by Owen Lars, step-uncle of Luke Skywalker. While Luke 
                            cleans the sand out of R2-D2\"s gears, he discovers a 
                            fragment of Leia\"s message, and removes the droid"s 
                            restraining bolt to see more; once free of the bolt, 
                            R2 claims to have no knowledge of the message.", "Droid", "150" ],
        [ "Peter Mayhew", "Chewbacca", "Wookie", "45" ],
        [ "Phil Brown", "Uncle Owen", "Male", "32", "error" ],
        [ "Shelagh Fraser", "Aunt Beru", "Female", "29" ],
        [ "Alex McCrindle", "General Dodonna", "Male", "43", "fail" ]
    ];

Scenario 3 (Pass):

When a complex child object of type matrix table is encountered, it is rendered as a complex table. Note, when a child listing has a string property or attribute that exceeds the max summary string length, it is trimmed and summaried

var scenarioThreeData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : [
                [ "Actor", "Character", "Gender", "Age" ],
                [ "Mark Hamill", "Luke Skywalker", "Male", "21" ],
                [ "James Earl Jones", "Darth Vader", "Male", "45" ]
            ],
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

var scenarioThreeDataA = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : [
                [ "Actor", "Character", "Gender", "Age" ],
                [ "Mark Hamill", "Luke Skywalker - Luke Skywalker was a legendary war
                                 hero and Jedi who helped defeat the Galactic
                                 Empire in the Galactic Civil War and helped 
                                 found the New Republic, as well as the New 
                                 Jedi Order.", "Male", "21" ],
                [ "James Earl Jones", "Darth Vader", "Male", "45" ],
            ],
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

Scenario 4 (Pass):

When a complex child object of type matrix table is encountered that exceeds the max of child items that can be rendered, it is rendered in an abbreviated form

var scenarioThreeData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : [
                [ "Actor", "Character", "Gender", "Age" ],
                [ "Mark Hamill", "Luke Skywalker", "Male", "21" ],
                [ "James Earl Jones", "Darth Vader", "Male", "45" ],
                [ "Harrison Ford", "Han Solo", "Male", "25" ],
                [ "Carrie Fisher", "Princess Leia Organa", "Female", "21" ],
                [ "Peter Cushing", "Grand Moff Tarkin", "Female", "69" ],
                [ "Alec Guinness", "Ben Obi-Wan Kenobi", "Female", "70" ],
                [ "Anthony Daniels", "C-3PO", "Droid", "101" ],
                [ "Kenny Baker", "R2-D2", "Droid", "150" ]
            ],
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

var scenarioThreeData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : [
                [ "Actor", "Character", "Gender", "Age" ],
                [ "Mark Hamill", "Luke Skywalker - Luke Skywalker was a legendary 
                                    war hero and Jedi who helped defeat the Galactic 
                                    Empire in the Galactic Civil War and helped found
                                    the New Republic, as well as the 
                                    New Jedi Order.", "Male", "21" ],
                [ "James Earl Jones", "Darth Vader", "Male", "45" ],
                [ "Harrison Ford", "Han Solo", "Male", "25" ],
                [ "Carrie Fisher", "Princess Leia Organa", "Female", "21" ],
                [ "Peter Cushing", "Grand Moff Tarkin", "Female", "69" ],
                [ "Alec Guinness", "Ben Obi-Wan Kenobi", "Female", "70" ],
                [ "Anthony Daniels", "C-3PO", "Droid", "101" ],
                [ "Kenny Baker", "R2-D2", "Droid", "150" ]
            ],
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

Scenario 5 (Pass):

When a json child object is encountered, it is rendered as a simple key value pair table

var scenarioThreeData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : { 
                "Mark Hamill" : "Luke Skywalker",
                "James Earl Jones" : "Darth Vader",
                "Harrison Ford" : "Han Solo" 
            },
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

Scenario 6 (Pass):

When a json child object is encountered table that exceeds the max of child items that can be rendered, it is rendered in an abbreviated form

var scenarioThreeData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : { 
                "Mark Hamill" : "Luke Skywalker",
                "James Earl Jones" : "Darth Vader",
                "Harrison Ford" : "Han Solo",
                "Carrie Fisher" : "Princess Leia Organa",
                "Peter Cushing" : "Grand Moff Tarkin",
                "Alec Guinness" : "Ben Obi-Wan Kenobi",
                "Anthony Daniels" : "C-3PO",
                "Kenny Baker" : "R2-D2"
            },
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

Scenario 7 (Pass):

var scenarioSevenData = {
        "Movie" : "Star Wars",
        "Genera/Theme" : "Science Fiction",
        "Actors/Cast" : [
                [ "Actor", "Character", "Gender", "Age" ],
                [ "Mark Hamill", "Luke Skywalker", "Male", "21" ],
                [ "James Earl Jones", "Darth Vader", "Male", "45" ]
            ],
        "Plot & Description" : "Luke Skywalker leaves his home planet, 
                                teams up with other rebels, and tries to 
                                save Princess Leia from the evil clutches 
                                of Darth Vader."
    };

Scenario 8 (Pass):