open-index/open-npm huggingface dataset:
npm package: @sidy/eslint-config-sidy
Description: A strict opinionated ESLint shareable config for the Sidy JavaScript style guide
Author: sidy
Latest version: 1.4.15

<h1 align=center>@sidy/eslint-config-sidy</h1>
<p align=center>
  <img src="https://img.shields.io/github/license/usidy/eslint-config-sidy.svg?style=for-the-badge" />
  <a href="https://www.npmjs.com/package/@sidy/eslint-config-sidy">
    <img src="https://img.shields.io/npm/v/@sidy/eslint-config-sidy.svg?logo=npm&style=for-the-badge" />
  </a>
  <img src="https://img.shields.io/npm/dw/@sidy/eslint-config-sidy?logo=npm&style=for-the-badge" />
  <img src="https://img.shields.io/github/workflow/status/usidy/eslint-config-sidy/CI?logo=Github&style=for-the-badge" />
</p>

<h3 align=center>A strict opinionated ESLint shareable config for the Sidy JavaScript style guide</h3>
<p align=center>
  <img height=300 src="https://i.imgur.com/AExNHrg.png"/>
</p>

## Install

```sh
npm install -D \
  eslint \
  babel-eslint@next \
  eslint-plugin-unicorn \
  @sidy/eslint-config-sidy
```

## Usage

Add to your `.eslintrc.yml` file

```yml
env:
  node: true
  es2020: true
plugins:
  - unicorn
extends:
  - "@sidy/eslint-config-sidy"
globals:
  Atomics: readonly
  SharedArrayBuffer: readonly
# Nodejs support some experimental ecma features but not eslint
parser: babel-eslint
parserOptions:
  sourceType: module
  configFile: package.json
  ecmaVersion: 11
```

## format

we suggest using `prettier-eslint-cli`

```json
"lint": "prettier-eslint $PWD/\"**/*.js\" --print-width 60 --list-different && eslint --color .",
"format": "prettier-eslint $PWD/\"**/*.js\" --print-width 60 --write",
```
npm package: @sidy/vue-shimio-graphql
Description: A VueJS plugin to make graphql websocket queries
Author: sidy
Latest version: 2.1.3

<h1 align=center>@sidy/vue-shimio-graphql</h1>
<p align=center>
  <img src="https://img.shields.io/github/license/usidy/vue-shimio-graphql.svg?style=for-the-badge" />
  <a href="https://www.npmjs.com/package/@sidy/vue-shimio-graphql">
    <img src="https://img.shields.io/npm/v/@sidy/vue-shimio-graphql.svg?logo=npm&style=for-the-badge" />
  </a>
  <img src="https://img.shields.io/npm/dw/@sidy/vue-shimio-graphql?logo=npm&style=for-the-badge" />
</p>

<h3 align=center>A VueJS plugin to make graphql 
  <a href="https://github.com/HydreIO/shimio-graphql">shimio</a> queries</h3>

## Install

```js
import graphql from '@sidy/vue-shimio-graphql'

Vue.use(graphql, {
  name: 'graphql', // vue prototype namespace
  hosts: [{
      name: 'Api',
      endpoint: 'ws://0.0.0.0:3000', // this.$graphql.Api.query('{ ping }')
      retry_strategy: () => 2000,
      on_connect: () => {},
      on_disconnect: () => {}
    }, {
      name: 'Auth',
      endpoint: 'ws://0.0.0.0:3001',
    }]
})
```

## Usage in components

```html
<template lang="pug">
    <Api query="query BLABLABLA { }" ref="api">
      <template #loading>
        Loading.. (v-if loading)
      </template>

      <template #BLABLABLA="{ operation }"> <!-- see @hydre/shimio-graphql -->
        The `foo` operation
      </template>

      <template #none="{ operation }"> <!-- in case of early error -->
        a `none` operation
      </template>

      <template #anon="{ operation }"> <!-- in case of unnamed query -->
        an `anon` operation
      </template>

      <template #all="{ operations }"> <!-- [name, operation] = operations -->
        All operation (always active)
      </template>
</template>
```

## Hybrid usage (recommended over raw js)

```html
<template lang="pug">
    <Api
      query="query foo { }" ref="api"
      @foo="operation => { }"
    />
</template>
```

## Usage in raw js

```js
const { query, disconnect } = Vue.prototype.$graphql.Auth
const queried = await query('{ ping }') // run some queries
const result = await queried.once() // get one result and abort
for await (const operation of queried.listen()) { // or iterate and listen
  result.stop() // unsubscribe from the operation
}
```