open-index/open-npm huggingface dataset:
npm package: @livebuzzevents/livebuzz-ui-sdk
Description: Livebuzz UI SDK Components
Author: Slav Dachev @ Livebuzz
Latest version: 0.9.19

# Stencil App Starter

Stencil is a compiler for building fast web apps using Web Components.

Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Stencil components are just Web Components, so they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend frameworks given the capabilities now available in the browser, though using it as such is certainly not required.

Stencil also enables a number of key capabilities on top of Web Components, in particular Server Side Rendering (SSR) without the need to run a headless browser, pre-rendering, and objects-as-properties (instead of just strings).

## Getting Started

To start a new project using Stencil, clone this repo to a new directory:

```bash
git clone https://github.com/ionic-team/stencil-starter.git my-app
cd my-app
git remote rm origin
```

and run:

```bash
npm install
npm start
```

To view the build, start an HTTP server inside of the `/www` directory.

To watch for file changes during development, run:

```bash
npm run dev
```

To build the app for production, run:

```bash
npm run build
```

To run the unit tests once, run:

```
npm test
```

To run the unit tests and watch for file changes during development, run:

```
npm run test.watch
```
npm package: @livebuzzevents/livebuzz-ui-sdk-modules
Description: Livebuzz UI Web Modules SDK Components
Author: Slav Dachev @ Livebuzz
Latest version: 2.0.23

# Stencil App Starter

Stencil is a compiler for building fast web apps using Web Components.

Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Stencil components are just Web Components, so they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend frameworks given the capabilities now available in the browser, though using it as such is certainly not required.

Stencil also enables a number of key capabilities on top of Web Components, in particular Server Side Rendering (SSR) without the need to run a headless browser, pre-rendering, and objects-as-properties (instead of just strings).

## Getting Started

To start a new project using Stencil, clone this repo to a new directory:

```bash
git clone https://github.com/ionic-team/stencil-starter.git my-app
cd my-app
git remote rm origin
```

and run:

```bash
npm install
npm start
```

To view the build, start an HTTP server inside of the `/www` directory.

To watch for file changes during development, run:

```bash
npm run dev
```

To build the app for production, run:

```bash
npm run build
```

To run the unit tests once, run:

```
npm test
```

To run the unit tests and watch for file changes during development, run:

```
npm run test.watch
```
npm package: @livebuzzevents/mime-matcher
Description: Utility function checking if string is mime type from allowed range
Author: Krzysztof Atlasik
Latest version: 1.0.6

[![Build Status](https://travis-ci.org/katlasik/mime-matcher.svg?branch=master)](https://travis-ci.org/katlasik/mime-matcher)

MimeMatcher is very simple library for checking if mime type string is in allowed range.
You can also match mime types agains wildcards, like `*/*` or `'application/*'`

### Instalation

You can install it from npm:

``npm install mime-matcher --save``

Or you can download `mime-matcher.min.js` from the dist folder and then include it in html file:

```html
<script src="mime-matcher.min.js"></script>
```

### Usage
````javascript
import MimeMatcher from 'mime-matcher'

const matcher = new MimeMatcher('image/gif')

matcher.match('image/gif') //true
matcher.match('image/jpeg') //false
````

You can also use wildcards:

````javascript
import MimeMatcher from 'mime-matcher'

new MimeMatcher('image/*').match('image/gif') //true
new MimeMatcher('*/*').match('text/xml') //true

````

You can also use multiple mime types to match agains:

````javascript
import MimeMatcher from 'mime-matcher'

const matcher = new MimeMatcher('image/*', 'text/*')

matcher.match('text/xml') //true
matcher.match('image/gif') //true
matcher.match('audio/mpeg') //false

````

Optional mime type parameter is ignored:

````javascript
import MimeMatcher from 'mime-matcher'

const matcher = new MimeMatcher('text/xml')

matcher.match('text/xml; encoding=utf-8') //true
````

There is also function `parse` returning object containing data

````javascript
import { parse as parseMimeType } from 'mime-matcher'

parseMimeType('application/json') 
/*
{
    valid: true
    type: "application",
    subType: "json"
}
*/

parseMimeType('text/xml; encoding=utf-8') 
/*
{
    valid: true
    type: "text",
    subType: "xml",
    parameter: "encoding=utf-8"
}
*/


parseMimeType('invalid') 
/*
{
    valid: false
}
*/

````

You can also import function `isValid` as shorthand for checking validity:

````javascript
import { isValid as isValidMimeType } from 'mime-matcher'

isValidMimeType('text/xml') //true

````
npm package: @livebuzzevents/nuxt-multianalytics
Description: Nuxt module
Author: Antério Vieira
Latest version: 1.1.8

# nuxt-multianalytics
[![npm (scoped with tag)](https://img.shields.io/npm/v/nuxt-multianalytics/latest.svg?style=flat-square)](https://npmjs.com/package/nuxt-multianalytics)
[![npm](https://img.shields.io/npm/dt/nuxt-multianalytics.svg?style=flat-square)](https://npmjs.com/package/nuxt-multianalytics)
[![Dependencies](https://david-dm.org/anteriovieira/nuxt-multianalytics/status.svg?style=flat-square)](https://david-dm.org/anteriovieira/nuxt-multianalytics)
[![js-standard-style](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)

> Nuxt module for [vue-multianalytics](https://github.com/Glovo/vue-multianalytics)

## Features

The module features

## Setup
- Add `nuxt-multianalytics` dependency using yarn or npm to your project
- Add `nuxt-multianalytics` to `modules` section of `nuxt.config.js`

```js
{
  modules: [
    ['nuxt-multianalytics', {
      options: {},
      mixin: function() {},
      customModules: {}
    }],
 ]
}
```

or

```js
{
  modules: [
    'nuxt-multianalytics',
 ],
 multianalytics: {
   options: {},
   mixin: function() {},
   customModules: {}
 }
}
```

## License

[MIT License](./LICENSE)

Copyright (c) Antério Vieira <anteriovieira@gmail.com>
npm package: @livebuzzevents/v3-assets
Description: v3 assets
Author: Jack Handley
Latest version: 10.0.3

# v3-assets

NPM project dev dependency packages<br />
(used for eslint to work for vue files as well as js files and compiling js filed to es5 with babel-cli)

babel-eslint@8.2.1<br />
├── babel-core@^6.26.0<br />
├── babel-preset-env@^1.6.1<br />
├── babel-preset-react@^6.24.1<br />
├── babel-preset-stage-0@^6.24.1<br />
├── eslint@4.16.0<br />
├── eslint-config-airbnb-base@12.1.0<br />
├── eslint-config-standard@11.0.0-beta.0<br />
├── eslint-plugin-import@2.8.0<br />
├── eslint-plugin-node@5.2.1<br />
├── eslint-plugin-promise@3.6.0<br />
├── eslint-plugin-vue@4.2.2<br />
├── grunt@^1.0.2<br />
├── grunt-autoprefixer@^3.0.4<br />
├── grunt-babel@^7.0.0<br />
├── grunt-contrib-clean@^1.1.0<br />
├── grunt-contrib-copy@^1.0.0<br />
├── grunt-contrib-uglify@^3.3.0<br />
├── grunt-contrib-watch@^1.0.0<br />
├── grunt-execute@^0.2.2<br />
├── grunt-mocha-test@4^0.13.3<br />
├── grunt-sass@^2.1.0<br />
├── load-grunt-tasks@^3.5.2<br />
├── mocha@^5.0.1<br />
├── chai@^^4.1.2<br />
└── vue-eslint-parser@2.0.2<br />

Workflow:

- Working source es6 js files are placed in ./js folder
- After change to es6 working js files run command `grunt` to 
  compile them to es5 code and get them outputted to the ./dist folder
- Working VueJS files are placed in ./js/components and after running `grunt` command
  they get copied to the dist folder
- Grunt commmand executes uglify and outputs a final minified js file containing all the
  js files content
- Default `grunt` command enters watch mode for scss, sass and js files from the folders
  sass and js and rebuilds them to dist when they change
- You can write tests and put them in a new folder in the root names ./specs and they and
  run unit tests with mocha test runner by running `grunt test` command and
  (you have chai package installed as well to use in the test files).
npm package: @livebuzzevents/vue-mc
Description: [![Build Status](https://img.shields.io/travis/FiguredLimited/vue-mc.svg?style=flat-square&branch=master)](https://travis-ci.org/FiguredLimited/vue-mc) [![Coverage](https://img.shields.io/codecov/c/github/FiguredLimited/vue-mc/master.svg?style=flat-square
Author: Rudi Theunissen
Latest version: 0.2.9

# Models and Collections for Vue.js

[![Build Status](https://img.shields.io/travis/FiguredLimited/vue-mc.svg?style=flat-square&branch=master)](https://travis-ci.org/FiguredLimited/vue-mc)
[![Coverage](https://img.shields.io/codecov/c/github/FiguredLimited/vue-mc/master.svg?style=flat-square)](https://codecov.io/gh/FiguredLimited/vue-mc)
[![Latest Version](https://img.shields.io/npm/v/vue-mc.svg?style=flat-square)](https://www.npmjs.com/package/vue-mc)
[![License](https://img.shields.io/npm/l/vue-mc.svg?style=flat-square)](https://github.com/FiguredLimited/vue-mc/blob/master/LICENSE)

### Documentation

Documentation is available at **[http://vuemc.io](http://vuemc.io)**

### Development

#### Install

Install [`yarn`](https://yarnpkg.com/en/) if you don't already have it available:

```
sudo npm install -g yarn
```

Install the dependencies:

```
yarn
```

#### Build

```
yarn build --watch
```

#### Test

```
yarn test --watch
```

#### Docs

You will need to install jekyll to render and edit the documentation.

```
yarn docs
```

### License

[MIT](LICENSE)
npm package: @livecallerio/laravel-echo
Description: Laravel Echo library for beautiful Pusher and Socket.IO integration
Author: Taylor Otwell
Latest version: 1.8.5

<p align="center"><img src="https://laravel.com/assets/img/components/logo-echo.svg"></p>

<p align="center">
<a href="https://github.com/laravel/echo/actions"><img src="https://github.com/laravel/echo/workflows/tests/badge.svg" alt="Build Status"></a>
<a href="https://www.npmjs.com/package/laravel-echo"><img src="https://img.shields.io/npm/dt/laravel-echo" alt="Total Downloads"></a>
<a href="https://www.npmjs.com/package/laravel-echo"><img src="https://img.shields.io/npm/v/laravel-echo" alt="Latest Stable Version"></a>
<a href="https://www.npmjs.com/package/laravel-echo"><img src="https://img.shields.io/npm/l/laravel-echo" alt="License"></a>
</p>

## Introduction

In many modern web applications, WebSockets are used to implement realtime, live-updating user interfaces. When some data is updated on the server, a message is typically sent over a WebSocket connection to be handled by the client. This provides a more robust, efficient alternative to continually polling your application for changes.

To assist you in building these types of applications, Laravel makes it easy to "broadcast" your events over a WebSocket connection. Broadcasting your Laravel events allows you to share the same event names between your server-side code and your client-side JavaScript application.

Laravel Echo is a JavaScript library that makes it painless to subscribe to channels and listen for events broadcast by Laravel. You may install Echo via the NPM package manager.

## Official Documentation

Documentation for Echo can be found on the [Laravel website](https://laravel.com/docs/broadcasting).

## Contributing

Thank you for considering contributing to Echo! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).

## Code of Conduct

In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).

## Security Vulnerabilities

Please review [our security policy](https://github.com/laravel/echo/security/policy) on how to report security vulnerabilities.

## License

Laravel Echo is open-sourced software licensed under the [MIT license](LICENSE.md).
npm package: @livechat/angular-widget
Description: Angular component to integrate LiveChat with your single-page app
Author: LiveChat, Inc
Latest version: 0.3.1
Deprecated: Package no longer supported. Please use @livechat/widget-angular instead.

### Livechat Widget for Angular

Library to integrate LiveChat Widget with your Angular App.

#### Demo

StackBlitz [live example](https://stackblitz.com/edit/livechat-angular-widget).

#### Installation

`npm install --save @livechat/angular-widget`

#### Usage

##### Import `LivechatWidgetModule` in Angular AppModule.


```javascript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { LivechatWidgetModule } from '@livechat/angular-widget'

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
	BrowserModule,
	LivechatWidgetModule,
  ],
  providers: [],
  bootstrap: [
	  AppComponent,
	]
})
export class AppModule { }
```

##### Use the LiveChat Angular Widget in your template:

```html
<livechat-widget licenseId="10073628"></livechat-widget>
```

As optional parameters, you can define:
* `group`
* `chatBetweenGroups`
* `params`
* `visitor`
* `gaVersion`

To get more details about usage of the optional paramteres please read our [tracking code documentation](https://developers.livechatinc.com/docs/extending-ui/extending-chat-widget/javascript-api/#tracking-code).

##### Access to the LiveChat Widget API using callback method


```html
<livechat-widget licenseId="10073628" (onChatLoaded)="onChatLoaded($event)"></livechat-widget>
```

```javascript
import { Component } from '@angular/core';
import { LiveChatWidgetApiModel } from '@livechat/angular-widget';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent {
  liveChatApi: LiveChatWidgetApiModel

  constructor() { }

  onChatLoaded(api: LiveChatWidgetApiModel) {
    this.liveChatApi = api;
  }
}
```

##### Access to the LiveChat Widget API using @ViewChild decorator

```html
<livechat-widget #liveChatWidget licenseId="10073628" ></livechat-widget>
```

```javascript
import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
import { LiveChatWidgetModel } from '@livechat/angular-widget';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent implements OnInit, OnDestroy {
  @ViewChild('liveChatWidget') liveChatWidget: LiveChatWidgetModel;
  liveChatWidget$: Subscription = new Subscription();
  liveChatApi: LiveChatWidgetApiModel;

  constructor() { }

  ngOnInit(): void {
    this.liveChatWidget$ = this.liveChatWidget.onChatLoaded.subscribe((api: LiveChatWidgetApiModel) => this.liveChatApi = api)
  }

  ngOnDestroy(): void {
	  this.liveChatWidget$.unsubscribe();
  }
}
```