open-index/open-npm huggingface dataset:
npm package: @iwavesmedia/json-api-query
Description: Elegant and simple way to build requests for JSON:API
Author: IWAVES Medientechnik e.U.
Latest version: 1.15.1

# This package is a fork of [vue-api-query](https://github.com/robsontenorio/vue-api-query) modified for the JSON:API spec and our own needs.
# Use at your own discretion

### Following is the original readme.

---

# Elegant and simple way to build requests for REST API

This package helps you quickly to build requests for REST API. Move your logic and backend requests to dedicated classes. 
Keep your code clean and elegant. 

🔥 If you use Laravel, this package matches perfectly with 
[spatie/laravel-query-builder](https://github.com/spatie/laravel-query-builder).

## Links
- [✨ &nbsp;Release Notes](https://robsontenorio.github.io/vue-api-query/releases)
- [📖 &nbsp;Documentation](https://robsontenorio.github.io/vue-api-query)

## Contributors

Thanks to the following people who have contributed to this project:

* [@JoaoPedroAS51](https://github.com/JoaoPedroAS51)
* [@Peter-Krebs](https://github.com/Peter-Krebs)

[See all contributors](https://github.com/robsontenorio/vue-api-query/graphs/contributors)

## Thanks

* Inspiration from [milroyfraser/sarala](https://github.com/milroyfraser/sarala).

* Elegancy from [DavidDuwaer/coloquent](https://github.com/DavidDuwaer/Coloquent). 


Why another package if we have those? Because currently (march, 2018) they restricted backend response to JSON API specification.

## Contact

Twitter [@robsontenorio](https://twitter.com/robsontenorio)
npm package: @iwavesmedia/semantic-release-composer
Description: [**semantic-release**](https://github.com/semantic-release/semantic-release) plugin to update a [composer](https://getcomposer.org/) package for php.
Author: IWAVES Medientechnik e.U.
Latest version: 1.1.1

# @ambimax/semantic-release-composer

[**semantic-release**](https://github.com/semantic-release/semantic-release) plugin to update a
[composer](https://getcomposer.org/) package for php.

| Step               | Description                                                                |
| ------------------ | -------------------------------------------------------------------------- |
| `verifyConditions` | Verify the presence of a composer.json file.                               |
| `prepare`          | Update the `composer.json` version & sync composer.lock file if it exists. |

## Install

```bash
$ npm install @ambimax/semantic-release-composer -D
```

## Usage

The plugin can be configured in the
[**semantic-release** configuration file](https://github.com/semantic-release/semantic-release/blob/master/docs/usage/configuration.md#configuration):

```json
{
  "tagFormat": "${version}",
  "plugins": [
    "@semantic-release/commit-analyzer",
    "@semantic-release/release-notes-generator",
    "@ambimax/semantic-release-composer"
  ]
}
```

## Configuration

### Options

| Options                     | Description                                | Default |
| --------------------------- | ------------------------------------------ | ------- |
| `skipOnMissingComposerJson` | Silently ignore missing composer.json file | `false` |

### Examples

```json
{
  "plugins": [
    "@semantic-release/commit-analyzer",
    "@semantic-release/release-notes-generator",
    "@semantic-release/github",
    [
      "@semantic-release/changelog",
      {
        "changelogFile": "CHANGELOG.md"
      }
    ],
    [
      "@ambimax/semantic-release-composer",
      {
        "skipOnMissingComposerJson": true
      }
    ],
    [
      "@semantic-release/git",
      {
        "assets": ["composer.json", "CHANGELOG.md"],
        "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
      }
    ]
  ]
}
```

## Author

- [Tobias Schifftner](https://www.twitter.com/tschifftner)
npm package: @iwavesmedia/vue-heroicons
Description: A package to use Heroicons with Vue 2
Author: IWAVES Medientechnik e.U.
Latest version: 1.3.4

# Vue-Heroicons

## This repo is a fork of [vue-hicons](https://github.com/ArielOnoriaga/vue-hicons). <br>Use at your own discretion

### Following is the original readme.

## Project setup

```bash
npm i --save-dev @iwavesmedia/vue-heroicons
```

## Why use Vue-Heroicons?

The answer to this question is very simple:

* Write less, do more
* It's easy to use and read
* More syntactic

### What does this package solve for me?

If you use Heroicons you should write something like this:

```html

<svg
    class="w-6 h-6"
    fill="currentColor"
    viewBox="0 0 20 20"
    xmlns="http://www.w3.org/2000/svg"
>
    <path
        d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z"
    />
</svg>
```

With Vue-Heroicons you just have to write something like this:

```vue

<VueHeroicon
    name="academic_cap"
    is-filled
/>
```

### How to import this dependency

To import the component correctly we have to use the following import in the component that we want to use

```javascript
import VueHeroicon from "@iwavesmedia/vue-heroicons";

export default {
    components: {
        VueHeroicon
    }
}
```

### Usage guide

| Prop | Type | Default | Required |
| ---- | ---- | ------- | -------- |
| class-icon | String | - | false |
| clip-rule | String | nonzero | false |
| clip-rule-path2 | String | - | false |
| fill-color | String | none | false |
| fill-rule | String | nonzero | false |
| fill-rule-path2 | String | - | false |
| is-filled | Boolean | false | false |
| name | String | x | true |
| size | String-Number | - | false |
| stroke-color | String | #000 | false |
| stroke-linecap | String | round | false |
| stroke-linejoin | String | round | false |
| stroke-width | Number | 2 | false |
| view-box | String | 0 0 24 24 | false |

### How to use filled icons?

Example:

```vue

<VueHeroicon
    name="archive"
    is-filled
/>
```

### Supported icons

Heroicons: https://heroicons.dev/
npm package: @iwbam/react-ez
Description: Easy functions for building React apps
Author: iwbam
Latest version: 1.1.7

# @iwbam/react-ez

A utility library for React that provides easy-to-use hooks and components to simplify common tasks.

## Usage
Custom hook:
```jsx
import React from 'react';
import { useEventListner } from '@iwbam/react-ez';

function App() {

  // useEventListner replace adding event listner in a useEffect hook
  useEventListner('click', () => {
    console.log('Click event detected!')
  });

  return (
    <div>App</div>
  );
};

export default App;
```
Custom component:
```jsx
return (
  <input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />
)

// Custom input create clean code
return (
  <Input state={inputValue} setState={setInputValue} />
)
```
npm package: @iwbc/sass-utils
Description: `sass-embedded`（または`sass`）v1.89.0以上と`sass-true`v8.1.0以上を別途インストールする必要があります。
Author: iwbc
Latest version: 1.5.0

# sass-utils

## インストール

`sass-embedded`（または`sass`）v1.89.0以上と`sass-true`v8.1.0以上を別途インストールする必要があります。

```sh
npm i sass-embedded sass-true @iwbc/sass-utils
```

## 使い方

ラッパーSCSSファイルを作成し、必要に応じて変数を設定します。

```scss:breakpoint.scss
@forward @iwbc/sass-utils/scss/breakpoint with (
  $breakpoints: ('sp': 0, 'tab': 768px, 'pc': 1200px) !default
);
```

ラッパーSCSSをインポートして使用します。

```scss:page.scss
@use breakpoint.scss;

.element {
  @include breakpoint.min('tab') {
    width: 50%;
  }
}
```

ほかの使い方は[ドキュメント](https://iwbc.github.io/sass-utils/)を参照してください。
npm package: @iwci/shopify-app-session-storage-postgresql
Description: Shopify App Session Storage for PostgreSQL
Author: Shopify Inc.
Latest version: 2.1.2

# Session Storage Adapter for PostgreSQL

This package implements the `SessionStorage` interface that works with an instance of [PostgreSQL](https://www.postgresql.org).
Tested using PostgreSQL v15

```js
import {shopifyApp} from '@shopify/shopify-app-express';
import {PostgreSQLSessionStorage} from '@shopify/shopify-app-session-storage-postgresql';

const shopify = shopifyApp({
  sessionStorage: new PostgreSQLSessionStorage(
    'postgres://username:password@host/database',
  ),
  // ...
});

// OR

const shopify = shopifyApp({
  sessionStorage: new PostgreSQLSessionStorage(
    new URL('postgres://username:password@host/database'),
  ),
  // ...
});

// OR

const shopify = shopifyApp({
  sessionStorage: PostgreSQLSessionStorage.withCredentials(
    'host.com',
    'thedatabase',
    'username',
    'password',
  ),
  // ...
});
```

If you prefer to use your own implementation of a session storage mechanism that is compatible with the `@shopify/shopify-app-express` package, see the [implementing session storage guide](https://github.com/Shopify/shopify-app-js/blob/main/packages/shopify-app-session-storage/implementing-session-storage.md).
npm package: @iwci/shopify-app-utils
Description: This library adds a variety of utilities to simpliy usage of some shopify APIs.
Author: Benjamin Lepas
Latest version: 1.0.2

# Shopify tools

This library adds a variety of utilities to simpliy usage of some shopify APIs.

## Features

### Admin GraphQL API client

Shopify tools can replace the @shopify/shopify-api default graphql client. The client is basically a port of the hydrogen's storefront client, but for the admin api. It offers more flexibility and add the possibility to use a cache, if available.

**You can create a new client like this:**

```typescript
import { AdminApiClient } from '@iwci/shopify-tools';
import { LATEST_API_VERSION } from '@shopify/shopify-api';

const client = AdminApiClient({
  storeDomain: `https://exampleshop.myshopify.com`,
  adminApiSecret: "admin api access token",
  adminApiVersion: LATEST_API_VERSION,
  cache: typeof caches !== 'undefined' ? await caches.open(session.shop) : undefined,
});
}
```

**Caching**:

If you are running in an environment that supports cache (like Cloudflare Workers), are really want to cache (using some K/V storage), you can use a cache like this:

```typescript
const cache = typeof caches !== 'undefined' ? await caches.open(session.shop) : undefined;

const client = AdminApiClient({
  // ...
  cache,
});
}
```

**Using `@shopify/shopify-api` Session:**

If you already have a session from `@shopify/shopify-api` you can easily create a client using the `getClient()` function.

```typescript
const client = await getClient(session)
```

### Bulk operations

### Query batching

### Webhook wrapper
npm package: @iwci/shopify-tools
Description: This library adds a variety of utilities to simpliy usage of some shopify APIs.
Author: Benjamin Lepas
Latest version: 3.0.0

# Shopify tools

This library adds a variety of utilities to simpliy usage of some shopify APIs.

## Features

### Admin GraphQL API client

Shopify tools can replace the @shopify/shopify-api default graphql client. The client is basically a port of the hydrogen's storefront client, but for the admin api. It offers more flexibility and add the possibility to use a cache, if available.

**You can create a new client like this:**

```typescript
import { AdminApiClient } from '@iwci/shopify-tools';
import { LATEST_API_VERSION } from '@shopify/shopify-api';

const client = AdminApiClient({
  storeDomain: `https://exampleshop.myshopify.com`,
  adminApiSecret: "admin api access token",
  adminApiVersion: LATEST_API_VERSION,
  cache: typeof caches !== 'undefined' ? await caches.open(session.shop) : undefined,
});
}
```

**Caching**:

If you are running in an environment that supports cache (like Cloudflare Workers), are really want to cache (using some K/V storage), you can use a cache like this:

```typescript
const cache = typeof caches !== 'undefined' ? await caches.open(session.shop) : undefined;

const client = AdminApiClient({
  // ...
  cache,
});
}
```

**Using `@shopify/shopify-api` Session:**

If you already have a session from `@shopify/shopify-api` you can easily create a client using the `getClient()` function.

```typescript
const client = await getClient(session)
```

### Bulk operations

### Query batching

### Webhook wrapper