https://github.com/leoafarias/zeit-integration-inspect

Quickly inspect values during Zeit Now Integrations development.
https://github.com/leoafarias/zeit-integration-inspect

zeit zeit-now zeit-now-integration

Last synced: 6 days ago
JSON representation

Quickly inspect values during Zeit Now Integrations development.

• Host: GitHub
• URL: https://github.com/leoafarias/zeit-integration-inspect
• Owner: leoafarias
• Created: 2019-06-05T04:05:25.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-06-05T22:53:20.000Z (over 5 years ago)
• Last Synced: 2024-10-20T10:51:51.521Z (2 months ago)
• Topics: zeit, zeit-now, zeit-now-integration
• Language: JavaScript
• Homepage:
• Size: 142 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# zeit-integration-inspect

Quickly inspect values during Zeit Integrations development.

![Screenshot](./screen.png)

## Install

```bash

yarn add --dev zeit-integration-inspect

```

## Usage

```javascript

const inspectPanel = require("zeit-integration-inspect");

async function handler(options){

    return htm`

        

            

                
Your Integration

                
Awesome description.

            

            ${await inspectPanel(options, values)}

        

    `;

}


module.exports = withUiHook(handler);

```

### Parameters

- **options** - values that are passed down from withUiHook middleware.

- **values** - These are values you would like to display during development.

### Default Panels

The panel will display **metadata, clientState, action** by default from the **options** parameter.

You can always choose to hide them.