open-index/open-npm huggingface dataset:
npm package: @slatepencil/react_watermark
Description: react watermark using MutationObserver & createDocumentFragment
Author: Hood
Latest version: 1.0.0

### Watermater

### Usage

```
npm i   @slatepencil/react_watermark

```

```jsx
import React from 'react'
import ReactDOM from 'react-dom'
import Watermark from '@slatepencil/react_watermark'

const App = (props) => {

    render () {
        return <Layout id="layout">
            <Watermark children={this.props.children} >
        </Layout>
    }
}


ReactDOM.render(<App />,  document.getElementById('root'))
```
npm package: @slater/sync
Description: shopify theme deployment utility
Author: https://thecouch.nyc
Latest version: 1.8.0

# @slater/sync
Sync files between your local machine and a remote Shopify theme.

## Install
```bash
npm i @slater/sync -g
```

## Getting Started
Create a `slater.config.js` file, and define one or more themes:

```javascript
module.exports = {
  themes: {
    development: {
      id: '12345...',
      password: 'abcde...',
      store: 'store-name.myshopify.com',
      ignore: []
    },
    production: { ... }
  }
}
```

Then, use the CLI to `sync` or `unsync` files or directories:
```bash
slater-sync sync snippets/header.liquid # file
slater-sync sync snippets/ # directory
slater-sync unsync snippets/header.liquid
```

## Commands

#### `sync`
Sync a file or directory.
```bash
slater-sync sync snippets/header.liquid # file
slater-sync sync snippets/ # directory
```

#### `unsync`
Un-sync a file or directory.
```bash
slater-sync unsync snippets/header.liquid # file
slater-sync unsync snippets/ # directory
```

## API
`@slater/sync` can also be used in node, as it is in
[@slater/cli](https://github.com/the-couch/slater/tree/master/packages/cli).

```javascript
const sync = require('@slater/sync')

const theme = sync({
  id: '12345...',
  password: 'abcde...',
  store: 'store-name.myshopify.com',
  ignore: []
})
```

### Methods

#### `sync`
```javascript
// single file
theme.sync('./build/snippets/nav.liquid')

// multiple files
theme.sync([
  './build/snippets/nav.liquid',
  './build/templates/index.liquid'
])

// or a directory
theme.sync([
  './build/snippets/'
])
```

#### `unsync`
```javascript
theme.unsync([ 'templates/index.liquid' ])
```

## License
MIT License © [The Couch](https://thecouch.nyc)
npm package: @slater/theme
Description: A skeleton theme for getting started with Slater.
Author: https://thecouch.nyc
Latest version: 1.8.1

# @slater/theme
A skeleton theme for getting started with Slater.

Full docs [here](https://github.com/the-couch/slater).

## License
MIT License © [The Couch](https://thecouch.nyc)
npm package: @slater/themekit
Description: A subset of @shopify/themekit API written in JavaScript.
Author: estrattonbailey
Latest version: 1.0.2

# @slater/themekit
A subset of [@Shopify/themekit](https://github.com/Shopify/themekit) API written in JavaScript.

## Usage
All methods return `Promise`s.

First, create an instance:
```javascript
const themekit = require('@slater/themekit')

const theme = themekit({
  password: 'abcde12345',
  store: 'slater-demo.myshopify.com',
  theme_id: 123456789,
  cwd: process.cwd(),
  ignore_files: [
    'settings_data.json'
  ]
})
```
### upload
```javascript
theme.upload('templates/index.liquid', './path/to/file.liquid')
```
### remove
```javascript
theme.remove('templates/index.liquid')
```
### deploy
Replace all remote theme files with local versions.
```javascript
theme.deploy()
```

## License
MIT License
(c) 2018 Friends of Friends
npm package: @slaterjs/next
Description: A library to help you schedule tasks in Next.js
Author: Drew Bredvick
Latest version: 0.2.1

# Getting started

It's very easy to get started with [Slater](https://tryslater.com) and deploy your first **Next.js cron job**.

## Install Slater Vercel integration

Head to [https://vercel.com/integrations/slater](https://vercel.com/integrations/slater) and click the "Add Integration" button. Select "all projects" and follow through the signup prompts.

At the end, this will kick off an email to your email address associated with your Vercel account.

You need to "claim" your account to finalize the integration by clicking the link in your email.

## Add Slater to your Next.js app

To add your first cron job in a Next.js app, we need to make some code changes.

You'll also need to install Slater dependencies in your Next.js app.

```bash
yarn add @slaterjs/next
```

or

```bash
npm install @slaterjs/next
```

then create `pages/api/slater/[...slater].js` file with the following contents:

```js filename="[...slater].js"
const config = {
  tasks: [
    {
      name: 'helloWorld',
      schedule: '0 7 * * *', // 7AM GMT
      handler: async (event, success, failure) => {
        try {
          const results = await fetch(
            'https://jsonplaceholder.typicode.com/posts/1'
          );
          const data = await results.json();
          if (results.ok) {
            return success(data);
          } else {
            return failure(data);
          }
        } catch (err) {
          return failure(err); // sends 500
        }
      },
    },
  ],
};

export default slater(config);
```

## Deploy to production

Slater only picks up production changes, so make sure you're pushing your Vercel changes all the way to produciton.