open-index/open-npm huggingface dataset:
npm package: @robbywh/react-native-zendesk-messaging
Description: React Native Zendesk Messaging
Author: Robby Widyahartono
Latest version: 1.1.5

# @robbywh/react-native-zendesk-messaging

Zendesk Messaging for React Native

## Installation

```sh
yarn add @robbywh/react-native-zendesk-messaging
```

For the Android platform, don't forget to add this script inside `android/build.gradle`
```
allprojects {
    repositories {
        maven {
            url "https://zendesk.jfrog.io/artifactory/repo"
        }
    }
}
```

## Usage

```js
import * as React from 'react';
import { Text, View, Button, Platform } from 'react-native';
import Config from 'react-native-config';
import {
  initialize,
  showMessaging,
} from '@robbywh/react-native-zendesk-messaging';
const App = () => {
  React.useEffect(() => {
    initialize(
      Platform.OS === 'android'
        ? Config.CHANNEL_KEY_ANDROID
        : Config.CHANNEL_KEY_IOS
    );
  }, []);
  return (
    <View style={{ padding: 100 }}>
      <Text
        style={{
          marginBottom: 50,
          textAlign: 'center',
          fontWeight: 'bold',
          fontSize: 20,
        }}
      >
        Zendesk Messaging
      </Text>
      <Text style={{ marginBottom: 10, textAlign: 'center' }}>
        Press The "CHAT" button to test
      </Text>
      <Button onPress={() => showMessaging()} title="CHAT" />
    </View>
  );
};
export default App;
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @robcc/with-animation
Description: HOC that handles animation when mounting and unmounting
Author: Roberto Chavez
Latest version: 1.0.4

# @robcc/with-animation ![npm](https://img.shields.io/npm/v/@robcc/with-animation.svg?style=popout-square) ![downloads](https://img.shields.io/npm/dw/@robcc/with-animation.svg?style=flat-square)



HOC that handles animation when mounting and unmounting a React component easily.

## Installation

```bash
npm install @robcc/with-animation
```

## Usage

withAnimation wraps your custom React component.

```jsx
import React, { Component } from 'react';
import withAnimation from '@robcc/with-animation';

const Block = (
  <div className="block">
    {this.props.children}
  </div>
);

export default withAnimation(NormalBlock);
```

The `mount` property will specify if the component should be mount. Both `onMount` and `onUnmount`
includes a CSS keyframe that will be executed when the component mounts or unmounts. Additional animations can be made on the component itself.

```jsx
...

<button className="button" onClick={() => this.setState({ toggle: true });}>
  Toggle Class
</button>

<Block mount={toggle} onMount="in" onUnmount="out" defaultClass="wrapper" animateOnLoad={false}>
  Animated Block
</Block>
```

```css
// App.css

@keyframes fadeIn {
  0% {
    opacity: 0;
    left: -200px;
  }
  100% {
    opacity: 1;
    left: 0px;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    left: 0px;
  }
  100% {
    opacity: 0;
    left: 200px;
  }
}
```

## Example

![Demo](demo/with-animation.gif)

## Properties

| prop            | Description   |
| --------------- | ------------- |
| mount           | Defines whether the component should be mounted on render. It's `true` by default.  |
| onMount         | Defines a keyframe to be executed when the component is mounted. |
| onUnmount       | Defines a keyframe to be executed when the component is unmounted. |
| defaultClass    | This sets default classes to the div created by the HOC that will be wrapping the component. |
| animateOnLoad   | Defines whether the `onMount` animation should be executed when the component is first rendered. It's `true` by default. |
npm package: @robciuk/robciuksrandomidgenerator
Description: README.md #INSTALL yarn add @drobciuk/robciuksrandomidgenerator
Latest version: 1.0.1

README.md
#INSTALL yarn add @drobciuk/robciuksrandomidgenerator

#USAGE

const randomID = require('your-package-name');

console.log(randomID(10));
npm package: @robcresswell/fastify-jsonapi
Description: > :warning: :warning: :warning: > > You're welcome to use this package, but it's very much in alpha and will > likely churn API a lot > > :warning: :warning: :warning:
Author: Rob Cresswell
Latest version: 0.8.1

# @robcresswell/fastify-jsonapi

> :warning: :warning: :warning:
>
> You're welcome to use this package, but it's very much in alpha and will
> likely churn API a lot
>
> :warning: :warning: :warning:

A collection of functions to help you build [JSON:API](https://jsonapi.org/)
compliant APIs with [Fastify](https://fastify.dev/)

The goal of this package is to be type-safe and provide good interfaces to build
APIs against the JSON:API spec. It does not aim to be a holistic solution or
framework, only a collection of functions and interfaces. These are generally
easier to use in migrations, for example, or easier to hack around if they don't
work as expected.

## Getting Started

1. Install the plugin

   ```sh
   npm i @robcresswell/fastify-jsonapi
   ```

2. Register with Fastify

   ```ts
   import { fastify } from 'fastify';
   import { jsonApiPlugin } from '@robcresswell/fastify-jsonapi';

   const app = fastify();
   await app.register(jsonApiPlugin);
   ```

## Examples

See [EXAMPLES.md](./EXAMPLES.md) for more detailed examples
npm package: @robcresswell/utils
Description: A small collection of utility functions in TypeScript, with purposefully straightforward implementations
Author: Rob Cresswell
Latest version: 1.5.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @robcresswell/utils

A collection of lodash-style utility functions with types.

## Why?

This is mostly experimentation. `lodash` accounts for lots of edge cases and
different usages; by restricting this, and using some more modern JS, we can get
most of the benefits of `lodash`, but with simpler implementations and faster
execution.
npm package: @robdobsn/raftjs
Description: Javascript/TS library for Raft library
Author: Rob Dobson
Latest version: 1.11.6

# raftjs is a typescript/javascript library to support the Raft ESP32 app framework

## Install

```bash
$ npm install @robdobsn/raftjs
```

## Usage

See the dashboard example in the examples folder

to install dependencies: npm install --legacy-peer-deps
npm package: @robelest/samlify
Description: Edge-compatible SAML 2.0 runtime used by convex-auth
Latest version: 0.0.1-preview.2

# @robelest/samlify

Internal SAML 2.0 package for the `robelest/convex-auth` monorepo.

This package contains the edge-compatible `samlify` runtime extracted from the
standalone migration workspace and is not published independently.