open-index/open-npm huggingface dataset:
npm package: @shift3/swipe-left-util
Description: React component wrapping around mapped items needing swipe to delete functionality. For prototyping only. Currently in development.
Author: mhigley
Latest version: 0.0.1

# swipe-left-util

>

[![NPM](https://img.shields.io/npm/v/swipe-left-util.svg)](https://www.npmjs.com/package/swipe-left-util) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @shift3/swipe-left-util
```

## Usage

```jsx
import React, { Component } from "react";

import { SwipeLeftUtil } from "swipe-left-util";

class Example extends Component {
  render(props) {
    return <SwipeLeftUtil hasDelete>{props.children}</SwipeLeftUtil>;
  }
}
```

## Options

Add a property of `hasSave`, `hasArchive`, or `hasDelete` to enable buttons

## License

MIT © [@mhigley](https://github.com/@mhigley)
npm package: @shift72/core-template
Description: Shift72 core template
Author: Shift72
Latest version: 1.9.33

This template supports the following features:

* Films
* Bundles
* Pages
* Template only pages (robots.txt and sitemap.txt are examples)
* Internationalization

## Getting started

 * `npm install`
 * `npm start` will build and start the site in watch mode

## Running local content

To use a local version of relish or checkout, update the flags at the top of
[application.jet](site/templates/application/application.jet)
npm package: @shiftapi/core
Description: CLI and codegen for shiftapi – fully-typed TypeScript clients from Go servers
Author: Frank Chiarulli Jr.
Latest version: 0.0.14
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<p align="center">
	<picture>
		<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/fcjr/shiftapi/main/assets/logo-dark.svg">
		<img src="https://raw.githubusercontent.com/fcjr/shiftapi/main/assets/logo.svg" alt="ShiftAPI Logo">
	</picture>
</p>

# @shiftapi/core

CLI and codegen core for [ShiftAPI](https://github.com/fcjr/shiftapi). Extracts the OpenAPI spec from your Go server and generates a fully-typed TypeScript client — no Vite required.

## Installation

```bash
npm install -D @shiftapi/core
# or
pnpm add -D @shiftapi/core
```

## Setup

Create a `shiftapi.config.ts` in your project root:

```ts
import { defineConfig } from "@shiftapi/core";

export default defineConfig({
  server: "./cmd/server",
});
```

## CLI Usage

```bash
shiftapi prepare
```

This will:

1. Find your `shiftapi.config.ts` (searching upward from cwd)
2. Run your Go server to extract the OpenAPI 3.1 spec
3. Generate TypeScript types via `openapi-typescript`
4. Write `.shiftapi/client.d.ts` and `.shiftapi/client.js`
5. Patch `tsconfig.json` with the required path mapping

Typically used in a `postinstall` script:

```json
{
  "scripts": {
    "postinstall": "shiftapi prepare"
  }
}
```

## Config Options

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| `server` | `string` | **(required)** | Path to the Go server entry point (e.g. `"./cmd/server"`) |
| `baseUrl` | `string` | `"/"` | Base URL for the generated API client |
| `url` | `string` | `"http://localhost:8080"` | Go server address (used by the Vite plugin for dev proxy) |

## License

MIT
npm package: @shiftboard/eslint-config
Description: eslint config for us
Author: Shiftboard
Latest version: 1.4.1

# shiftboard-eslint

A custom eslint config for Shiftboard

## Install

```sh
yarn add --dev @shiftboard/eslint-config
```

## Usage

In your eslintrc.js:

```js
{
  "extends": "@shiftboard"
}
```
npm package: @shiftboard/responsive-redux
Description: provides helpers for getting responsive info into redux store
Author: Brandon Webster
Latest version: 2.1.0

# Responsive Redux Module

---

[![wercker status](https://app.wercker.com/status/bac1ee506940c4617a0e9a5d069173b7/s/ "wercker status")](https://app.wercker.com/project/byKey/bac1ee506940c4617a0e9a5d069173b7)

## Install

```sh
# Using Git: 
yarn add git+ssh://git@github.com:shiftboard/responsive-redux.git

# Using private registry
yarn add @shiftboard/responsive-redux
```

## Usage

Then import `responsiveHandler` into project wherever your redux store is (probably `routes.js`):

	import {responsiveHandler} from '@shiftboard/responsive-redux'

The `responsiveHandler` function attaches an event listener to the window object. When the browser is resized, the handler dispatches the viewport width (found using `innerWidth`) to the redux store. When calling the function, you must pass in the redux store as a parameter:

	import store from 'app/redux/store'
	responsiveHandler(store)

Finally, import the `responsiveReducer` function wherever your `combineReducers` fuction call is:

	import {responsiveReducer} from '@shiftboard/responsive-redux'
	const reducer = combineReducers({
	    screenSize: responsiveReducer
	})
npm package: @shiftcode/translation-markup-plugin
Description: Webpack plugin that uses [Translation Markup](https://translationmarkup.com/) to auto generate you translations files.
Author: Shift Code
Latest version: 1.0.11

# Translation Markup Plugin

Webpack plugin that uses [Translation Markup](https://translationmarkup.com/) to auto generate you translations files.

## Getting Started

Translation Markup Plugin auto generates your translations files, write your transaltions only once, in YAML, and refernce the auto generated JS files to internationalize your application with any i18n library you desire.

## Install

### Install

**NPM:**

```sh
npm install @shiftcode/translation-markup-plugin
```

**Yarn:**

```sh
yarn add @shiftcode/translation-markup-plugin
```

## Config

`webpack.config.js`

```
import TranslationMarkupPlugin from '@shiftcode/translation-markup-plugin';

{
	...
	plugins: [
		new TranslationMarkupPlugin(options)
	]
	...
}
```

## Options

|      Param      |                                Type                                |                             Default                             |                                       Details                                       |
| :-------------: | :----------------------------------------------------------------: | :-------------------------------------------------------------: | :---------------------------------------------------------------------------------: |
|    globPath     |                             `<string>`                             |                      `'./**/*.lang.yaml'`                       | [Glob](https://www.npmjs.com/package/glob) style path where to find the yaml files. |
| outputDirectory |                             `<string>`                             |                       `'./translations'`                        |                        Directory to output the translations.                        |
|     options     | `{ format: <string>, splitFiles: <boolean>, outputName: <string>}` | `{ format: 'JS', splitFiles: true, outputName: 'translations'}` |                           Output type and split options.                            |

\*\*\* `format` accepts `JS` `JS_EXPORT_DEFAULT`, `TS` or `JSON` as values

**&rarr; Returns: `Promise<void>`**
npm package: @shiftcommerce/shift-react-components
Description: [ ![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com)
Latest version: 0.22.29

[ ![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com)

# Shift React Components
## Purpose

This repository contains a library of React components that are built to be integrated with the data that the SHIFT Platform produces. They should be ready to go out of the box and integrated into any React site that is utilising `shift-node-api`.
These have been extracted to allow clients to use some of our pre-built components/objects in other projects if needed.
If needed you can overwrite the styles but these have been made with the intention to be used out-of-the-box.


## Getting started

To run the application locally you can carry out the instructions below.

#### Install:

```bash
yarn add @shiftcommerce/shift-react-components
npm i @shiftcommerce/shift-react-components
```

### Use within your project:
e.g:

```bash
import { Button } from '@shiftcommerce/shift-react-components
```

...

### Style Guide

[Shift Style Guide](https://github.com/shiftcommerce/shift-react-components/blob/master/shift-style-guide.md)
npm package: @shifter/headless-sdk
Description: Shifter Headless API SDK for Node.js
Author: Shifter
Latest version: 1.0.12

# Shifter Headless API SDK (beta)

```bash
npm install --save @shifter/headless-sdk
```

## Usage

### Directory set authorization token

If you integrated by OAuth2, we can use the authorization token.

#### TypeScript

```typescript
import {Shifter} from '@shifter/headless-sdk'
const shifter = new Shifter({
   token: "SHIFTER_AUTH_TOKEN"
})
shifter.sites.lists()
 .then(data => console.log(data))
```

#### JavaScript

```javascript
const {Shifter} = require('@shifter/headless-sdk')

const shifter = new Shifter({
   token: "SHIFTER_AUTH_TOKEN"
})
shifter.sites.lists()
 .then(data => console.log(data))
```

### Setup with username/password auth

We can directory setup the client with username and password.

#### TypeScript

```typescript
import {Shifter} from '@shifter/headless-sdk'
const shifter = await Shifter.setupWithLogin('USERNAME', 'PASSWORD')

shifter.sites.lists()
 .then(data => console.log(data))
```

#### JavaScript

```javascript
const {Shifter} = require('@shifter/headless-sdk')

Shifter.setupWithLogin('USERNAME', 'PASSWORD')
.then(shifter => {
    shifter.sites.list()
        .then(data => {
            console.log(data)
        }).catch(e => {
            console.log(e)
        })
})
```

## Development

This project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).

### Local Development

Below is a list of commands you will probably find useful.

#### `npm start` or `yarn start`

Runs the project in development/watch mode. Your project will be rebuilt upon changes. TSDX has a special logger for you convenience. Error messages are pretty printed and formatted for compatibility VS Code's Problems tab.

<img src="https://user-images.githubusercontent.com/4060187/52168303-574d3a00-26f6-11e9-9f3b-71dbec9ebfcb.gif" width="600" />

Your library will be rebuilt if you make edits.

#### `npm run build` or `yarn build`

Bundles the package to the `dist` folder.
The package is optimized and bundled with Rollup into multiple formats (CommonJS, UMD, and ES Module).

<img src="https://user-images.githubusercontent.com/4060187/52168322-a98e5b00-26f6-11e9-8cf6-222d716b75ef.gif" width="600" />

#### `npm test` or `yarn test`

Runs the test watcher (Jest) in an interactive mode.
By default, runs tests related to files changed since the last commit.
npm package: @shifter/sdk
Description: Shifter API wrapper SDK (Using axios).
Author: Digitalcube
Latest version: 0.4.1

Shifter API wrapper SDK (Using axios).

## Usage

### Get API Access Token

```typescript
import {
  Configuration,
  LoginApi,
  SitesApi,
} from '@shifter/sdk'

const getConfByLogin = async () => {
  const loginClient = new LoginApi()
  const params = {
    username: process.env.SHIFTER_USERNAME,
    password: process.env.SHIFTER_PASSWORD
  }
  const {
    data: {
      AccessToken: apiKey
    }
  } = await loginClient.loginPost(params)
  const conf = new Configuration({
    apiKey
  })
  return conf
}

```

### Example (List sites)

```typescript
import {
  Configuration,
  LoginApi,
  SitesApi,
} from '@shifter/sdk'

const listSitesWithLogin = async () => {
  const loginClient = new LoginApi()
  const params = {
    username: process.env.SHIFTER_USERNAME,
    password: process.env.SHIFTER_PASSWORD
  }
  const {
    data: {
      AccessToken: apiKey
    }
  } = await loginClient.loginPost(params)
  if (!apiKey) throw new Error('UnAuthorized')

  const conf = new Configuration({
    apiKey
  })
  const client = new SitesApi(conf)
  console.log(await client.sitesGet())
}

listSitesWithLogin()
.catch(e => {
  console.log(e)
}) 

```

## API Document
[WIP]
https://getshifter.github.io/shifter-sdk-js/

## Development

### Data source
Open API Docs: https://developer.getshifter.io/swagger.yaml

### Build SDK

```bash
$ ./bin/generate-sdk.sh
```

### Update docs

```bash
$ git checkout master
$ yarn docs
$ git add ./docs/
$ git commit -m "docs: update docs"
$ git push origin master
```

### Publish SDK to npm

```bash
$ yarn build
$ npm version [patch|minor|major]
$ npm publish .
```
npm package: @shiftescape/astro-i18n-toolkit
Description: Dev toolbar integration for Astro that shows a live i18n debugger — translation coverage map across all locales and a one-click locale switcher, library-agnostic.
Author: Alvin James Bellero
Latest version: 0.1.1

# @shiftescape/astro-i18n-toolkit

A dev toolbar integration for Astro that adds a live i18n debugger — translation coverage map across all locales and a one-click locale switcher. Library-agnostic: works with Astro's built-in i18n, astro-i18next, Paraglide, or any manual JSON/YAML setup.

[![version](https://img.shields.io/npm/v/@shiftescape/astro-i18n-toolkit.svg?style=flat-square)](http://npm.im/@shiftescape/astro-i18n-toolkit) [![downloads](https://img.shields.io/npm/dm/@shiftescape/astro-i18n-toolkit.svg?style=flat-square)](https://npm-stat.com/charts.html?package=@shiftescape/astro-i18n-toolkit&from=2016-11-24) [![MIT License](https://img.shields.io/npm/l/@shiftescape/astro-i18n-toolkit.svg?style=flat-square)](http://opensource.org/licenses/MIT)

## Features

- 🗺 **Coverage map** — scans all locale files and shows every key as green (complete), amber (fallback), or red (missing), per locale
- 📊 **Per-locale summary** — coverage % badge per locale at a glance
- 🔍 **Searchable** — filter keys by name or reference value in real time
- 🌐 **Locale switcher** — one-click locale switching via injected middleware, no URL editing required
- ⚙️ **Library-agnostic** — reads JSON or YAML locale files directly; works alongside any i18n library
- 🔒 **Dev-only** — completely stripped in `astro build`, zero production footprint

## Install

```bash
npm install -D @shiftescape/astro-i18n-toolkit
```

## Usage

```js
// astro.config.mjs
import { defineConfig } from "astro/config";
import i18nToolkit from "@shiftescape/astro-i18n-toolkit";

export default defineConfig({
  i18n: {
    defaultLocale: "en",
    locales: ["en", "fr", "de"],
  },
  integrations: [i18nToolkit()],
});
```

Your locale files should live at `src/locales/` by default:

```
src/locales/
  en.json   ← reference locale
  fr.json
  de.json
```

Open your site with `astro dev` and click the globe icon in the dev toolbar.

### With options

```js
i18nToolkit({
  localesDir: "./src/i18n", // path to locale files
  defaultLocale: "en", // reference locale for coverage diff
  format: "json", // 'json' | 'yaml'
});
```

## Options

| Option          | Type               | Default           | Description                                         |
| --------------- | ------------------ | ----------------- | --------------------------------------------------- |
| `localesDir`    | `string`           | `'./src/locales'` | Path to locale files, relative to project root      |
| `defaultLocale` | `string`           | `'en'`            | Reference locale — all others compared against this |
| `format`        | `'json' \| 'yaml'` | `'json'`          | File format of translation files                    |

## License

MIT © [Alvin James Bellero](https://github.com/shiftEscape)