open-index/open-npm huggingface dataset:
npm package: @paybook/glass-widget
Description: [test] Comment added to test pipeline
Author: Eduardo Espinosa
Latest version: 1.0.0

# Campaigns Widget

[test] Comment added to test pipeline

This widget is built on top of [Vue](https://vuejs.org/) framework

## Set Up Local Development Environment

### 1. Install Dependencies

```
npm i
```

### 2. Setting Up Theme Variables

If you're working locally updating *Theme Variables* and want for your local environment to listen for changes automatically just run:

```
npm run theme-watch
```

If are not going to work with *Theme Variables*, then just run this command: **(Only needed the first time)**

```
npm run theme-build
```

### 3. Bootstrap Local Server

Execute:

```
npm run serve
```

## Other Commands

### Debug in VS Code

- Intall [extension for chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome), if you don't have it yet.

- Run vuejs:chrome debug

### Compiles and minifies for production
```
npm run build
```

### Run your tests
```
npm run test
```

### Lints and fixes files
```
npm run lint
```

### Run your end-to-end tests
```
npm run test:e2e
```

### Run your unit tests
```
npm run test:unit
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @paybook/sync-widget
Description: User friendly web interface to make use of Paybook's Sync services.
Author: Eduardo Espinosa
Latest version: 4.26.0

# Sync Widget

User friendly web interface to make use of Paybook's Sync services.

# Quick Start

## Installation

Sync Widget can be installed via npm. It is recommended to get Sync Widget this way.

```
npm install --save @paybook/sync-widget
```

**Note**: You'll need to have npm 2.7.0 or greater installed, since this library is hosted as a [scoped package](https://docs.npmjs.com/getting-started/scoped-packages).

## Integration

### Using bundlers (Webpack)

Import styles

```
import "@paybook/sync-widget/dist/widget.css";
```

Import SyncWidget class

```
import SyncWidget from "@paybook/sync-widget";
```

## Usage

### Creating an instance

To create an instance of SyncWidget, you need to create an element in the DOM with a unique selector. By default SyncWidget will search for "#widget". Here's an example.

```
<div id="widget"></div>
```
**Note**: The widget will replace this element.

Once you have the element, you're ready to instantiate a new SyncWidget with your desired configuration.

```
// Any of the following formats may be used

var syncWidget = new SyncWidget("sync_token");

var syncWidget = new SyncWidget({
        token: "sync_token"
    });
    
var syncWidget = new SyncWidget({
        token: "sync_token",
        element: "#widget",
        config: {
            locale: "es", 
            entrypoint: {
                country: "MX"
            }
        }
    });

```


## Documentation

- [Widget Documentation](https://github.com/Paybook/sync-widget)