open-index/open-npm huggingface dataset:
npm package: @storefront/page-size
Description: StoreFront page-size component
Latest version: 2.9.0

# StoreFront page-size

StoreFront `<gb-page-size>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/page-size.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/page-size)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_page_size.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/page-size
# or
yarn add @storefront/page-size
```

## Usage

This module provides the `<gb-page-size>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-page-size></gb-page-size>
</body>
```

```js
// index.js
storefront.mount('gb-page-size');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/paging
Description: StoreFront paging component
Latest version: 2.9.0

# StoreFront paging

StoreFront `<gb-paging>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/paging.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/paging)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_paging.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/paging
# or
yarn add @storefront/paging
```

## Usage

This module provides the `<gb-paging>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-paging></gb-paging>
</body>
```

```js
// index.js
storefront.mount('gb-paging');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/products
Description: StoreFront products component
Latest version: 2.9.0

# StoreFront products

StoreFront `<gb-products>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/products.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/products)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_products.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/products
# or
yarn add @storefront/products
```

## Usage

This module provides the `<gb-products>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-products></gb-products>
</body>
```

```js
// index.js
storefront.mount('gb-products');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/query
Description: StoreFront query component
Author: Ben Teichman
Latest version: 2.9.0

# StoreFront query

StoreFront `<gb-query>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/query.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/query)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_query.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/query
# or
yarn add @storefront/query
```

## Usage

This module provides the `<gb-query>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-query></gb-query>
</body>
```

```js
// index.js
storefront.mount('gb-query');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/recommendations
Description: StoreFront recommendations component
Latest version: 2.9.0

# StoreFront recommendations

StoreFront `<gb-recommendations>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/recommendations.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/recommendations)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_recommendations.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/recommendations
# or
yarn add @storefront/recommendations
```

## Usage

This module provides the `<gb-recommendations>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-recommendations></gb-recommendations>
</body>
```

```js
// index.js
storefront.mount('gb-recommendations');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/record-count
Description: StoreFront record-count component
Author: Ben Teichman
Latest version: 2.9.0

# StoreFront record-count

StoreFront `<gb-record-count>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/record-count.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/record-count)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_record_count.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/record-count
# or
yarn add @storefront/record-count
```

## Usage

This module provides the `<gb-record-count>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-record-count></gb-record-count>
</body>
```

```js
// index.js
storefront.mount('gb-record-count');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/related-queries
Description: StoreFront related-queries component
Author: Ben Teichman
Latest version: 2.9.0

# StoreFront related-queries

StoreFront `<gb-related-queries>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/related-queries.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/related-queries)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_related_queries.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/related-queries
# or
yarn add @storefront/related-queries
```

## Usage

This module provides the `<gb-related-queries>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-related-queries></gb-related-queries>
</body>
```

```js
// index.js
storefront.mount('gb-related-queries');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/sayt
Description: StoreFront sayt component
Latest version: 2.9.0

# StoreFront sayt

StoreFront `<gb-sayt>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/sayt.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/sayt)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_sayt.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/sayt
# or
yarn add @storefront/sayt
```

## Usage

This module provides the `<gb-sayt>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-sayt></gb-sayt>
</body>
```

```js
// index.js
storefront.mount('gb-sayt');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/sort
Description: StoreFront sort component
Latest version: 2.9.0

# StoreFront sort

StoreFront `<gb-sort>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/sort.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/sort)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_sort.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/sort
# or
yarn add @storefront/sort
```

## Usage

This module provides the `<gb-sort>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-sort></gb-sort>
</body>
```

```js
// index.js
storefront.mount('gb-sort');
```

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/structure
Description: Structural components for creating StoreFront components
Author: Ben Teichman
Latest version: 2.9.0

# StoreFront structure

StoreFront structural components, building blocks for high-level components

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/structure.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/structure)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_structure.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the components to render.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/structure
# or
yarn add @storefront/structure
```

## Usage

This module provides a number of structural components for use with StoreFront.

### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Components
*   `<gb-badge>`
*   `<gb-button>`
*   `<gb-container>`
*   `<gb-custom-select>`
*   `<gb-icon>`
*   `<gb-link>`
*   `<gb-list>`
*   `<gb-list-item>`
*   `<gb-native-select>`
*   `<gb-raw>`
*   `<gb-select>`
*   `<gb-select-option>`
*   `<gb-toggle>`

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storefront/template
Description: StoreFront template component
Latest version: 2.9.0

# StoreFront template

StoreFront `<gb-template>` component

[![npm (scoped with tag)](https://img.shields.io/npm/v/@storefront/template.svg?style=flat-square)](https://www.npmjs.com/package/@storefront/template)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://choosealicense.com/licenses/mit/)
[![API Reference](https://img.shields.io/badge/API_reference-latest-blue.svg?style=flat-square)](https://groupby.github.io/storefront/modules/_storefront_template.html)

## Getting Started

This module requires [`@storefront/core`](https://www.npmjs.com/package/@storefront/core) for the component to render
and receive data from GroupBy microservices.

### Prerequisites

This module is meant to be used in a `node` environment which is bundled for use in the browser.

### Installing

Use `npm` or `yarn` to install in a `node` project that uses `webpack`, `browserify` or similar.

```sh
npm install --save @storefront/template
# or
yarn add @storefront/template
```

## Usage

This module provides the `<gb-template>` component for use with StoreFront.

### Mount tag

```html
<!-- index.html -->
<body>
  <gb-template></gb-template>
</body>
```

```js
// index.js
storefront.mount('gb-template');
```

### Building the package### Building the package
To build an individual package, run the following command:
```sh
yarn build
```

To build an individual package in response to changes within the `src` directory, run the following command:
```sh
yarn dev
```

### Running tests
To test an individual packages, run the following command:
```sh
yarn test
```

To test an individual package in response to changes within the `src` and `test` directories, run the following command:
```sh
yarn tdd
```

### Linting
To lint a package, run the following command:
```sh
yarn lint
```

To programmatically fix lint errors within a package, run the following command:
```sh
yarn lint:fix
```

## Contributing
Read the [contributing](../../../CONTRIBUTING.md) file to learn about how to contribute to the StoreFront project.

## License
StoreFront and its related packages are [MIT licensed](../../../LICENSE).
npm package: @storegrid/theme-modern
Description: This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
Latest version: 1.6.0

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
npm package: @storegrid/ui-components
Description: This library was generated with [Nx](https://nx.dev).
Author: Your Name
Latest version: 0.0.3

# @storegrid/ui-components

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test @storegrid/ui-components` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @storelink-ai/mcp-server
Description: MCP server for connecting Claude to Shopify stores via StoreLink AI
Latest version: 0.1.0

# @storelink-ai/mcp-server

MCP (Model Context Protocol) server that connects AI tools like Claude to your Shopify store via StoreLink AI.

## Setup

1. Install the [StoreLink AI](https://apps.shopify.com/storelink-ai) Shopify app
2. Create an API token in the StoreLink AI dashboard
3. Configure your AI tool with the token

## Usage with Claude Code

Add to your Claude Code MCP config (`~/.claude/claude_desktop_config.json`):

```json
{
  "mcpServers": {
    "storelink-ai": {
      "command": "npx",
      "args": ["@storelink-ai/mcp-server"],
      "env": {
        "ASB_TOKEN": "your-token-here"
      }
    }
  }
}
```

## Environment Variables

| Variable | Required | Description |
|----------|----------|-------------|
| `ASB_TOKEN` | Yes | Your StoreLink AI bridge token (get it from the app dashboard) |
| `ASB_API_URL` | No | Custom API URL (defaults to StoreLink AI production server) |

**Keep your `ASB_TOKEN` private** — it grants access to your Shopify store data.

## Available Tools (16)

### Products
- `list_products` — List products with optional filters
- `get_product` — Get a single product by ID
- `create_product` — Create a new product
- `update_product` — Update an existing product

### Orders
- `list_orders` — List orders with optional filters
- `get_order` — Get a single order by ID
- `cancel_order` — Cancel an order

### Customers
- `list_customers` — List customers
- `create_customer` — Create a new customer

### Collections
- `list_collections` — List collections
- `create_collection` — Create a new collection

### Inventory
- `get_inventory` — Get inventory levels for a product

### Shop
- `get_shop_info` — Get store information

### Metafields
- `get_metafields` — Get metafields for a resource
- `set_metafield` — Set a metafield value

## License

MIT
npm package: @storelocalcoop2025/v-calendar
Description: A clean and extendable plugin for building simple attributed calendars in Vue.js.
Author: Nathan Reyes
Latest version: 1.0.2

<p align="center">
    <a href="https://vcalendar.io/" target="_blank">
      <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557324348/v-calendar/hero.png">
    </a>
    <br>
    An elegant calendar and datepicker plugin for Vuejs.
</p>

<p align="center">
    <a href="https://www.npmjs.com/package/v-calendar"><img src="https://img.shields.io/npm/dt/v-calendar.svg" alt="Total Downloads"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar.svg" alt="Latest Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar/next.svg" alt="Next Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/v-calendar.svg" alt="License"></a>
</p>

------

```bash
npm i --save v-calendar
```

## Documentation

For full documentation, visit [vcalendar.io](https://vcalendar.io/).

### Attributes

| Highlights | Dots |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/highlights.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/dots.png"> |

| Bars | Popovers |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/bars.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/popovers.png"> |

### Multi-Paned Calendars

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326946/v-calendar/multi-paned.png">

### Theme Colors & Dark-Mode

| | |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327273/v-calendar/dark-blue.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-red.png"> |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-teal.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-purple.png"> |

### Date Pickers

| **Single Date** | **Multiple Date** | **Date Range** |
| :---: | :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/single-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/multi-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/range-picker.png"> |

### Custom Calendars w/ Scoped Slots

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557328504/v-calendar/custom-calendars.png">
npm package: @storen/abstract-blockchain
Description: Abstract blockchain architecture
Author: George Thomas
Latest version: 0.1.3

[license-shield-url]: https://img.shields.io/github/license/storen/abstract-blockchain.svg?style=flat-square
[license-url]: https://github.com/storen/abstract-blockchain/blob/master/LICENSE
[npm-version-shield-url]: https://img.shields.io/npm/v/@storen/abstract-blockchain.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/@storen/abstract-blockchain

# abstract-blockchain

[![NPM][npm-version-shield-url]][npm-url]
[![LICENSE][license-shield-url]][license-url]

Abstract blockchain structure for designing blockchain implementations.

## Build

```shell
    npm run build
```

## License

See the `LICENSE` file for license information.
npm package: @storency/components
Description: Library of UI components.
Author: Storency Team
Latest version: 0.3.6

# @storency/components

Welcome to Storency UI components! This package includes a set of common UI components for building Storency applications, built using React and TypeScript.

## Features

- Works out of the box: Storency UI components are polished and ready to use in your projects.
- Flexible & composable: Built on top of React UI primitives for endless composability.
- Accessible: Components follow the WAI-ARIA guidelines specifications.

## Documentation

Visit the [Storybook documentation](https://your-storybook-url) for a complete reference of available components and their usage.

## Installation

To install the `@storency/components` package, run:

```bash
pnpm install @storency/components
# or
npm install @storency/components
```

## Usage

To use the components, simply import them into your project:

```javascript
import { Button } from '@storency/components';

const App = () => <Button>Click me!</Button>;
```
npm package: @storency/hooks
Description: Hooks for React components.
Author: Storency Team
Latest version: 0.2.3

# @storency/hooks

Welcome to Storency hooks! This package includes a set of common React hooks for building Storency applications.

## Features

- Reusable: Collection of commonly used React hooks to simplify your code.
- Composable: Easily combine hooks to create custom logic.
- Well-tested: Hooks are tested to ensure reliability and stability.

## Installation

To install the `@storency/hooks` package, run:

```bash
pnpm install @storency/hooks
# or
npm install @storency/hooks
```

## Usage

To use the hooks, simply import them into your project:

```javascript
import { useCustomHook } from '@storency/hooks';

const App = () => {
  const customValue = useCustomHook();

  return <div>{customValue}</div>;
};
```
npm package: @storency/utils
Description: Utils for React components.
Author: Storency Team
Latest version: 0.2.2

# @storency/utils

Welcome to Storency utils! This package includes a set of common utility functions for building Storency applications.

## Features

- Reusable: Collection of commonly used utility functions to simplify your code.
- Modular: Import only the utility functions you need.
- Well-tested: Utility functions are tested to ensure reliability and stability.

## Installation

To install the `@storency/utils` package, run:

```bash
pnpm install @storency/utils
# or
npm install @storency/utils
```

## Usage

To use the utility functions, simply import them into your project:

```javascript
import { utilityFunction } from '@storency/utils';

const App = () => {
  const result = utilityFunction();

  return <div>{result}</div>;
};
```
npm package: @storeon/crosstab
Description: Module for storeon to sync state at different tabs of the browser
Author: Ivan Solovev
Latest version: 1.0.2

# Storeon Crosstab

<img src="https://storeon.github.io/storeon/logo.svg" align="right"
     alt="Storeon logo by Anton Lovchikov" width="140">

Module for [Storeon] to synchronize actions for browser tabs with filtering of events that need to be synchronized.

It size is 219 bytes (minified and gzipped) and uses [Size Limit] to control size.

[Storeon]: https://github.com/storeon/storeon
[Size Limit]: https://github.com/ai/size-limit


## Example
![Example](example.gif)


## Installation

```
npm install @storeon/crosstab
# or
yarn add @storeon/crosstab
```


## Usage

If you want sync state between tabs of the browser you should import the `crossTab` from `@storeon/crosstab` and add this module to `createStore`.

```js
import { createStoreon } from 'storeon'
import { persistState } from '@storeon/localstorage'
import { crossTab } from '@storeon/crosstab'

const increment = store => {
  store.on('@init', () => ({ count: 0, openMenu: false }))
  store.on('inc', ({ count }) => ({ count: count + 1 }))
  store.on('toggleMenu', ({ openMenu }) => ({ openMenu: !openMenu }))
}

const store = createStoreon([
  increment,
  persistState(),
  crossTab({ filter: (event, data) => event !== 'toggleMenu' })
])

store.on('@changed', (store) => {
  document.querySelector('.counter').innerText = store.count
})
```


## API

```js
import crossTab from '@storeon/crosstab'

const moduleCrossTab = crossTab({
  filter: (event, data) => event !== 'dec',
  key: 'storeon-crosstab'
})
```

Function `crossTab` could have options:

* __key__: key for sync data in local storage.
* __filter__: callback function to filter actions to be synchronized. Should return `true` if need sync this action. Takes parameters of an event name and a data that is sent.

## Server-side rendering

`@storeon/crosstab` is not compatible with server-side rendering since it require `window` to operate. You can exclude it during server-side render process.

```js
const store = createStoreon([
  increment,
  ...typeof window !== 'undefined' ? [
    crossTab({ filter: (event, data) => event !== 'toggleMenu' })
  ] : []
])
```

## Sponsor

<p>
  <a href="https://evrone.com/?utm_source=storeon-crosstab">
    <img src="https://solovev.one/static/evrone-sponsored-300.png"
      alt="Sponsored by Evrone" width="210">
  </a>
</p>


## LICENSE

MIT
npm package: @storeon/localstorage
Description: Module for storeon to persist data from state to local storage
Author: Ivan Menshykov
Latest version: 1.5.0

# Storeon localStorage

<img src="https://storeon.github.io/storeon/logo.svg" align="right"
     alt="Storeon logo by Anton Lovchikov" width="160" height="142">

Tiny module for [Storeon] to store and sync state to `localStorage`. It restores state from `localStorage` during page loading and saves state on every change.

It is just 308 bytes module (it uses [Size Limit] to control the size) without any dependencies.

[Size Limit]: https://github.com/ai/size-limit
[Storeon]: https://github.com/storeon/storeon

## Installation

```
npm install @storeon/localstorage
```

If you need to support IE, you need to [compile `node_modules`] with Babel.

[compile `node_modules`]: https://developer.epages.com/blog/coding/how-to-transpile-node-modules-with-babel-and-webpack-in-a-monorepo/

## Usage

If you want to store and sync state to `localStorage` you should import the `persistState` from `@storeon/localstorage` and add this module to `createStoreon`.

```js
import { createStoreon } from 'storeon'
import { persistState } from '@storeon/localstorage'

let name = store => {
  store.on('@init', () => ({ name: '' }))

  store.on('save', (state, name) => ({ name: name }))
}

const store = createStoreon([
  name,
  persistState(['name'])
])
```

Here you can see that the form ask user the name and after that show this name.

```js
import { StoreContext, useStoreon } = require('storeon/react')

const Form = () => {
  const { dispatch, name } = useStoreon('name')

  return (
    <React.Fragment>
      {name !== '' && <h3>Hello {name}!</h3>}
      {name === '' &&
        <div>
          <label>Name</label>
          <input type="text" id="name" />
          <br/>
          <button onClick={
            () => dispatch('save', document.getElementById('name').value)
          }>Save</button>
        </div>
      }
    </React.Fragment>
  )
}
```

Event after refresh the page the state is updating from `localStorage`. And user see the greeting message.

![Example of store state to local storage](example.gif)

### persistState(paths, config)

#### paths parameter

```js
type paths = Void | Array<String> | Array<RegExp>
```

If no value is provided to `paths`, then `persistState` stores all state in local storage.

#### config parameter

```js
type config.key = String
```

Default value of `config.key` is `storeon`. This key is using to store data in local storage.

```js
type config.storage = Storage
```

Set `config.storage` with `sessionStorage` or other `Storage` implementation to change storage target. Otherwise `localStorage` is used (default).

```js
type config.serializer = (object: any) => string
```

Set `config.serializer` to change serialization function. `JSON.stringify` is used by default.

```js
type config.deserializer = (data: string) => any
```

Set `config.deserializer` to change deserialization function. `JSON.parse` is used by default.

## LICENSE

MIT

## Acknowledgments

This module based on [redux-localstorage](https://github.com/elgerlambert/redux-localstorage).
npm package: @storeon/router
Description: Storeon module for URL routing
Author: Ivan Solovev
Latest version: 2.0.1

# Storeon Router

<img src="https://storeon.github.io/storeon/logo.svg" align="right"
     alt="Storeon logo by Anton Lovchikov" width="160" height="142">

[Storeon] Router solves the problems of routing while seamlessly providing full control.

Its size is 577 bytes (minified and gzipped) and uses [Size Limit] to control size.

[Storeon]: https://github.com/storeon/storeon
[Size Limit]: https://github.com/ai/size-limit


```js
import { createStoreon } from 'storeon'
import { createRouter, routerChanged, routerKey } from '@storeon/router'

const store = createStoreon([
  createRouter([
    ['/', () => ({ page: 'home' })],
    ['/blog', () => ({ page: 'blog' })],
    ['/blog/post/*', (id) => ({ page: 'post', id })],

    [
      /^blog\/post\/(\d+)\/(\d+)$/,
      (year, month) => ({ page: 'post', year, month })
    ]
  ])
])

setData(store.get()[routerKey])

store.on(routerChanged, function (_, data) {
  setData(data)
})

function setData (data) {
  document
    .querySelector('.data')
    .innerText = JSON.stringify(data)
}
```

<a href="https://evrone.com/?utm_source=storeon-router">
    <img src="https://solovev.one/static/evrone-sponsored-300.png" alt="Sponsored by Evrone" width="210">
</a>


## Installation

```
npm install @storeon/router
# or
yarn add @storeon/router
```


## Examples

* [Vanilla](./examples/vanilla/)
* [React/Preact](./examples/react/)
* [Svelte](./examples/svelte/)


## API

```js
import { createRouter } from '@storeon/router'

const moduleRouter = createRouter([
  [path, callback]
])
```

Function `createRouter` could have options:

* __path__: path name can be a string or RegExp.
* __callback__: the callback function must return an object with parameters for this path.

`routerKey` – key for store.

`routerNavigate` – navigation action.

`routerChanged` – change event of pathname.


### Ignore link

Add `data-ignore-router` attribute to the link so that the router ignores it.
npm package: @storeon/solidjs
Description: A tiny connector for Storeon and Solid.js
Author: Dmytro Mostovyi
Latest version: 3.0.1

# Storeon Solid.js

[![npm version](https://badge.fury.io/js/%40storeon%2Fsolidjs.svg)](https://www.npmjs.com/package/@storeon/solidjs)
[![Build Status](https://travis-ci.org/storeon/solidjs.svg?branch=master)](https://travis-ci.org/storeon/solidjs)

<img src="https://storeon.github.io/storeon/logo.svg" align="right" alt="Storeon logo by Anton Lovchikov" width="160" height="142">

[Solid.js] a declarative, efficient, and flexible JavaScript library for building user interfaces. `@storeon/solidjs` package helps to connect store with Solid.js to provide a better performance and developer experience while remaining so tiny.

- **Size**. 200 bytes (+ Storeon itself) instead of ~3kB of Redux (minified and gzipped).
- **Ecosystem**. Many additional [tools] can be combined with a store.
- **Speed**. It tracks what parts of state were changed and re-renders only components based on the changes.

[storeon]: https://github.com/storeon/storeon
[tools]: https://github.com/storeon/storeon#tools
[solid.js]: https://github.com/ryansolid/solid
[size limit]: https://github.com/ai/size-limit
[article]: https://evilmartians.com/chronicles/storeon-redux-in-173-bytes

## Install
```sh
npm install -S @storeon/solidjs
```
or
```sh
yarn add @storeon/solidjs
```
## How to use

Create store using `storeon` module:

#### `store.js`

```javascript
import { createStoreon } from 'storeon'

let counter = store => {
  store.on('@init', () => ({ count: 0 }))
  store.on('inc', ({ count }) => ({ count: count + 1 }))
}

export const store = createStoreon([counter])
```

#### `main.js`

Provide store using `StoreonProvider` from `@storeon/solidjs`:

```js
import { render } from 'solid-js/dom'
import { StoreonProvider } from '@storeon/solidjs'
import { store } from './store'

render(
  <StoreonProvider store={store}>
    <App />
  </StoreonProvider>,
  document.body
)
```

Import `useStoreon` decorator from `@storeon/solidjs`:

#### `Counter.jsx`

```js
import { useStoreon } from '@storeon/solidjs'

export default function Counter() {
  const [state, dispatch] = useStoreon()

  return (
    <div>
      {state.count}
      <button onClick={() => dispatch('inc')}>inc</button>
    </div>
  )
}
```

## Using with TypeScript

#### `Counter.tsx`

```js
import { useStoreon } from '@storeon/solidjs'
import { State, Events } from './store'

export default function Counter() {
  const [state, dispatch] = useStoreon<State, Events>()

  return (
    <div>
      {state.count}
      <button onClick={() => dispatch('inc')}>inc</button>
    </div>
  )
}
```
npm package: @storeon/websocket
Description: Module for storeon to sync events through WebSocket
Author: Ivan Menshykov
Latest version: 1.2.0

# Storeon websocket

<img src="https://storeon.github.io/storeon/logo.svg" align="right"
     alt="Storeon logo by Anton Lovchikov" width="160" height="142">

Tiny module for [Storeon] which is adding functionality to work with WebSocket. This means that now you can send and receive events by WebSocket.

It is just 401 bytes module (it uses [Size Limit] to control the size) without any dependencies.

[Storeon]: https://github.com/storeon/storeon
[Size Limit]: https://github.com/ai/size-limit

```js
import { websocket } from '@storeon/websocket'

const url = 'ws://localhost:8080'

const store = createStoreon([
  /* all your modules */
  websocket(url)
 ])

// now all dispatched events will be send to server with address ws://localhost:8080
```

![Example of using websocket events functionality](example.gif)

## Installation

```bash
npm install @storeon/websocket
# or
yarn add @storeon/websocket
```

## Usage

This module has two core functionality:

- sending all events to server
- receiving and dispatching events from server

### websocket(url, include, reconnectInterval, pingPongInterval)

First parameter is address of WebSocket server:
```js
type url = String
```

Second parameter is white list of events. 
All events added to this array will be dispatched/sent.

```js
type include = Void | Array<String>
```

If no pass the `include` then all events will be dispatched/sent.

Third parameter is after how many millisecond try reconnect again if connection is lost (default 500):
```js
type reconnectInterval = Void | Number
```

Fourth parameter is how often in millisecond module should check if connection is alive (default 2000):
```js
type pingPongInterval = Void | Number
```

Only `url` is not optional parameter.

### Server

The module is sending event like a string. So before sending it stringify all events.

After receiving message from server the module trying to parse this string to json with `JSON.parse`.
If received message is valid json then module dispatching it in `storeon`.

Each 2000 ms module send `ping` message to server and if server in 2000 ms doesn’t send back message `pong`
then module trying to reconnect to server.

If server close connection or send error then module trying to reconnect to server.

Example implementation of echo server please see in [example](./test/demo/ws_server.js).

## LICENSE

MIT

## Acknowledgments

This module based on [redux-websocket](https://github.com/giantmachines/redux-websocket) repository.