open-index/open-npm huggingface dataset:
npm package: @shopify-wrapper/client
Description: Query and mutate shopfiy data easily and safely
Author: pnxdxt
Latest version: 0.1.1
Deprecated: Packages client and server are deprecated and merged. Please use: shopify-wrapper

# @pnxdxt/shopify-wrapper

> Query and mutate shopfiy data easily and safely

[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/xojs/xo)
[![GitHub workflow status](https://img.shields.io/github/workflow/status/pnxdxt/shopify-wrapper/CI)](https://github.com/pnxdxt/shopify-wrapper/actions/)
[![npm downloads](https://img.shields.io/npm/dt/@shopify-wrapper/client)](https://www.npmjs.com/package/@shopify-wrapper/client)

## Install

```
$ npm install @shopify-wrapper/client
```

or

```
$ yarn add @shopify-wrapper/client
```

## Usage

```js
import shopifyWrapper from @shopify-wrapper/client

const config = {
	domain: process.env.domain,
	token: process.env.token
}

const product = await shopifyWrapper.product.find({handle:'my-super-product', config})
```

## Import

This package is pure [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules). It cannot be `require()`'d from CommonJS.

Use `import foo from 'foo'` instead of `const foo = require('foo')` to import the package.

```js
// Load entire build
import * as shopifyWrapper from '@shopify-wrapper/client';

// Load by method
import {getProductByHandle} from '@shopify-wrapper/client';
```

If the package is used in an async context, you could use [`await import(…)`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports) from CommonJS instead of `require(…)`.

**You also need to make sure you're on the latest minor version of Node.js. At minimum Node.js 12.20, 14.14, or 16.0.**

Read more here: [sindresorhus/esm-package](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c)

## License

MIT © [pnxdxt](https://pnxdxt.com)
npm package: @shopify-wrapper/server
Description: Query and mutate shopfiy data easily and safely
Author: pnxdxt
Latest version: 0.1.1
Deprecated: Packages client and server are deprecated and merged. Please use: shopify-wrapper

# @shopify-wrapper/server

> Query and mutate shopfiy data easily and safely

[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/xojs/xo)
[![GitHub workflow status](https://img.shields.io/github/workflow/status/pnxdxt/shopify-wrapper/CI)](https://github.com/pnxdxt/shopify-wrapper/actions/)
[![npm downloads](https://img.shields.io/npm/dt/@shopify-wrapper/server)](https://www.npmjs.com/package/@shopify-wrapper/server)

## About

This packages uses node-fetch and is meant to be run on node environnements or nextjs backends / SSR

## Install

```
$ npm install @shopify-wrapper/server
```

or

```
$ yarn add @shopify-wrapper/server
```

## Usage

```js
import shopifyWrapper from @shopify-wrapper/server

const config = {
	domain: process.env.domain,
	token: process.env.token
}

const product = await shopifyWrapper.product.find({handle:'my-super-product', config})
```

## Import

This package is pure [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules). It cannot be `require()`'d from CommonJS.

Use `import foo from 'foo'` instead of `const foo = require('foo')` to import the package.

```js
// Load entire build
import * as shopifyWrapper from '@shopify-wrapper/server';

// Load by method
import {getProductByHandle} from '@shopify-wrapper/server';
```

If the package is used in an async context, you could use [`await import(…)`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports) from CommonJS instead of `require(…)`.

**You also need to make sure you're on the latest minor version of Node.js. At minimum Node.js 12.20, 14.14, or 16.0.**

Read more here: [sindresorhus/esm-package](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c)

## License

MIT © [pnxdxt](https://pnxdxt.com)
npm package: @shopify/address-consts
Description: Constants and types relating to `@shopify/address`
Author: Shopify Inc.
Latest version: 4.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@shopify/address-consts`

[![Build Status](https://github.com/Shopify/quilt/workflows/Node-CI/badge.svg?branch=main)](https://github.com/Shopify/quilt/actions?query=workflow%3ANode-CI)
[![Build Status](https://github.com/Shopify/quilt/workflows/Ruby-CI/badge.svg?branch=main)](https://github.com/Shopify/quilt/actions?query=workflow%3ARuby-CI)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) [![npm version](https://badge.fury.io/js/%40shopify%2Faddress-consts.svg)](https://badge.fury.io/js/%40shopify%2Faddress-consts.svg)

Constants and types relating to `@shopify/address`.

This package is not meant for direct consumption, rather it contains dependencies that both `@shopify/address` and `@shopify/address-mocks` require.
npm package: @shopify/address-mocks
Description: Address mocks for `@shopify/address`
Author: Shopify Inc.
Latest version: 3.3.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@shopify/address-mocks`

[![Build Status](https://github.com/Shopify/quilt/workflows/Node-CI/badge.svg?branch=main)](https://github.com/Shopify/quilt/actions?query=workflow%3ANode-CI)
[![Build Status](https://github.com/Shopify/quilt/workflows/Ruby-CI/badge.svg?branch=main)](https://github.com/Shopify/quilt/actions?query=workflow%3ARuby-CI)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) [![npm version](https://badge.fury.io/js/%40shopify%2Faddress-mocks.svg)](https://badge.fury.io/js/%40shopify%2Faddress-mocks)
![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40shopify%2Faddress-mocks.svg)

Address mocks for `@shopify/address`.

## Installation

```bash
yarn add @shopify/address-mocks
```

## Testing

If your component uses the @shopify/address package and you want to mock API calls, you can use the following:

```ts
import {fetch} from '@shopify/jest-dom-mocks';
import {mockCountryRequests} from '@shopify/address-mocks';

beforeEach(mockCountryRequests);
afterEach(fetch.restore);
```

Note: Only FR / JA and EN are mocked.
npm package: @shopify/admin-ui-components
Description: This package is used by Shopify App Bridge and may be updated at any time without notice. Please see the [App Bridge documentation](https://shopify.dev/docs/api/app-bridge) to use this to build a Shopify app.
Latest version: 0.4.0

# @shopify/admin-ui-components

This package is used by Shopify App Bridge and may be updated at any time without notice. Please see the [App Bridge documentation](https://shopify.dev/docs/api/app-bridge) to use this to build a Shopify app.
npm package: @shopify/admin-ui-extensions
Description: Admin UI Extensions is a library that enables developers to write custom JavaScript to be sent to and rendered within the Shopify Admin UI on Web, Android, and iOS. It makes use of Shopify's [remote-ui](https://github.com/Shopify/remote-ui) library, which
Latest version: 1.1.0

# Admin UI Extensions

Admin UI Extensions is a library that enables developers to write custom JavaScript to be sent to and rendered within the Shopify Admin UI on Web, Android, and iOS. It makes use of Shopify's [remote-ui](https://github.com/Shopify/remote-ui) library, which exposes the methods to create a `RemoteRoot` -- a root node that communicates operations (adding or removing children, changing properties of components, etc.) through a [`MessageChannel`](https://github.com/Shopify/remote-ui/blob/dae08cda64117bd1ab24356bdb94cd9dc36d650c/packages/web-workers/README.md#advanced) to the Shopify app.

## Usage

There are two ways to use Admin UI Extensions components in your extension - vanilla JS and React.

With the vanilla JS approach, adding a button looks like the following:

```js
import {extend, Button} from '@shopify/admin-ui-extensions';

extend('Playground', (root) => {
  const button = root.createComponent(Button, {
    title: 'Press Me',
    primary: true,
    onPress: () => console.log('Pressed'),
    disabled: false,
  });

  root.appendChild(button);
  root.mount();
});
```

You can find more component usage examples alongside each component in [packages/admin-ui-extensions/src/components](/packages/admin-ui-extensions/src/components)

To use the React implementation, check out [packages/admin-ui-extensions-react](/packages/admin-ui-extensions/README.md).
npm package: @shopify/admin-ui-extensions-react
Description: Admin UI Extensions React is built on top of Admin UI Extensions. It allows a developer to write React-style scripts.
Latest version: 1.1.0

# Admin UI Extensions React

Admin UI Extensions React is built on top of Admin UI Extensions. It allows a developer to write React-style scripts.

## Usage

With the React approach, adding a button looks like the following:

```js
import React from 'react';
import {extend, render, Button} from '@shopify/admin-ui-extensions-react';

function App() {
  return (
    <Button
      title="Press Me"
      primary
      onPress={() => console.log('Pressed')}
      disabled={false}
    />
  );
}

extend(
  'Playground',
  render(() => <App />),
);
```

You can find more component usage examples alongside each component in [packages/admin-ui-extensions-react/src/components](/packages/admin-ui-extensions-react/src/components)
npm package: @shopify/admin-ui-extensions-run
Description: CLI commands to help with developing with Admin UI extensions
Author: Shopify
Latest version: 0.13.0

# Admin UI Extensions Run

The Admin UI Extensions Run allows you to build and preview Admin UI Extensions. This tool is intended to help partners test Admin UI Extensions before publishing to Shopify.
It comes packaged with [Shopify CLI](https://shopify.github.io/shopify-app-cli/core), so when you create an extension using Shopify CLI's `shopify create extension` command, your project will automatically consume this package.

Start using this tool in one of two ways:

1. **Create an extension with [Shopify CLI](https://shopify.github.io/shopify-app-cli/core/#create)**  
    Shopify CLI clones `admin-ui-extensions-template` repo, which consumes this package to build and serve Admin UI Extensions it generates
1. **Manually clone the [admin-ui-extensions-template](https://github.com/Shopify/admin-ui-extensions-template)**  
    Bypass Shopify CLI and follow the set up steps in the README from `admin-ui-extensions-template`

## How to use

When consumed in a project, the command `admin-ui-extensions-run` becomes available to the project. The command can be used to build and serve Admin UI Extensions.

To use this package in an UI Extension project, run:
```sh
npm install @shopify/admin-ui-extensions-run
```

or

```sh
yarn add @shopify/admin-ui-extensions-run
```

See usage details in the [API docs](./api.md).

## Local development of this tool

To make and preview changes from `./src`, run a local server from this project using:

```bash
yarn server
```
npm package: @shopify/admin-ui-icons
Description: This package is used by Shopify App Bridge and may be updated at any time without notice. Please see the [App Bridge documentation](https://shopify.dev/docs/api/app-bridge) to use this to build a Shopify app.
Latest version: 0.2.1

# @shopify/admin-ui-icons

This package is used by Shopify App Bridge and may be updated at any time without notice. Please see the [App Bridge documentation](https://shopify.dev/docs/api/app-bridge) to use this to build a Shopify app.
npm package: @shopify/apollo-link-test-utilities
Description: Test utilities for testing Apollo Links
Author: Shopify Inc.
Latest version: 0.0.1-beta.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@shopify/apollo-link-test-utilities`

[![Build Status](https://travis-ci.org/Shopify/quilt.svg?branch=master)](https://travis-ci.org/Shopify/quilt)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) [![npm version](https://badge.fury.io/js/%40shopify%2Fapollo-link-test-utilities.svg)](https://badge.fury.io/js/%40shopify%2Fapollo-link-test-utilities.svg) 

Test utilities for testing Apollo Links

## Installation

```bash
$ yarn add @shopify/apollo-link-test-utilities
```

## Usage
npm package: @shopify/app-bridge-core
Description: **[Join our team and work on libraries like this one.](https://www.shopify.ca/careers)**
Author: Shopify Inc.
Latest version: 1.5.0

# `@shopify/app-bridge-core`

**[Join our team and work on libraries like this one.](https://www.shopify.ca/careers)**

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md)
[![npm version](https://badge.fury.io/js/%40shopify%2Fapp-bridge-core.svg)](https://badge.fury.io/js/%40shopify%2Fapp-bridge-core.svg)
[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@shopify/app-bridge-core.svg)](https://img.shields.io/bundlephobia/minzip/@shopify/app-bridge-core.svg)