open-index/open-npm huggingface dataset:
npm package: @flockcover/gatsby-plugin-branch-web-sdk
Description: A [Gatsby](https://www.gatsbyjs.org) plugin for the [Branch IO Web SDK](https://docs.branch.io/pages/web/integrate/).
Author: Abraham Polishchuk
Latest version: 1.0.13

# gatsby-plugin-branch-web-sdk

A [Gatsby](https://www.gatsbyjs.org) plugin for the [Branch IO Web SDK](https://docs.branch.io/pages/web/integrate/).

[![npm (scoped)](https://img.shields.io/npm/v/@flockcover/gatsby-plugin-branch-web-sdk.svg?style=flat-square)](https://www.npmjs.com/package/@flockcover/gatsby-plugin-branch-web-sdk)

## Install

```shell
$ npm install --save @flockcover/gatsby-plugin-branch-web-sdk
```

## Usage

In your `gatsby-config.js`, add:

```js
module.exports = {
  plugins: [
    // your other plugins...
    {
      resolve: '@flockcover/gatsby-plugin-branch-web-sdk',
      options: {
        prodBranchKey: 'Your Live Branch Key',
        devBranchKey: 'Your Test Branch Key'
      }
    }
  ]
}
```

## License

MIT
npm package: @flockertv/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.0.2

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @flockler/react-flockler-embed
Description: React component for rendering a Flockler Embed
Author: Flockler Oy
Latest version: 1.0.4

# @flockler/react-flockler-embed

## Install

```
npm install @flockler/react-flockler-embed
```

## Usage

Let’s say your embed display has a preview URL like this:

```
https://plugins.flockler.com/embed/preview/16e88f68c280078e6c3cc65257156295/16ea79d892f0a038af66109643d7479f
```

The IDs needed by the `<FlocklerEmbed />` component can be parsed from the preview URL as follows

- `siteUuid` => `16e88f68c280078e6c3cc65257156295`
- `embedUuid` => `16ea79d892f0a038af66109643d7479f`

```jsx
import FlocklerEmbed from '@flockler/react-flockler-embed';

const MySocialWall = () => (
  <div>
    <h1>Social Wall</h1>
    <FlocklerEmbed siteUuid="…" embedUuid="…" />
  </div>
);
```

## Props

| Prop      | Type                 | Description                                   |
| :-------- | :------------------- | :-------------------------------------------- |
| siteUuid  | Flockler UUID string | The UUID of your Flockler                     |
| embedUuid | Flockler UUID string | The UUID of an embed display on your Flockler |

## FAQ

### What’s Flockler?

Flockler helps you to display Instagram images, Facebook posts, Tweets, YouTube
videos, and more on any digital service to increase time spent on site and drive
conversions.

### Where can I create my own social wall?

Visit [flockler.com](https://flockler.com) to learn more and sign up for a free
14-day trial.
npm package: @flodlc/nebula
Description: Including configurable Stars, Nebulas, Comets, Planets and Suns.   Nebula comes with a vanilla JS and a React wrapper.   Compatible with SSR
Author: flodlc
Latest version: 1.0.56

## Nebula
### Nebula is a lightweight (1kb compressed) JavaScript library that creates beautiful universe animations.
Including configurable Stars, Nebulas, Comets, Planets and Suns.  
Nebula comes with a vanilla JS and a React wrapper.  
Compatible with SSR

<a href="https://nebula-demo.vercel.app/">
    <img src="https://raw.githubusercontent.com/flodlc/nebula/master/demo_image.jpg" />
</a>
<a href="https://nebula-demo.vercel.app/">Demo page</a>

### `Installation`
```
npm install @flodlc/nebula
```

### `usage`
#### `Vanilla JS`
```javascript
import { createNebula } from "@flodlc/nebula";

<div id="nebula-element"></div>

const element = document.getElementById("nebula-element");

const nebula = createNebula(element, {
    starsCount: 250,
    starsRotationSpeed: 3,
    nebulasIntensity: 8,
    ...
});
// ... if needed:
nebula.destroy()
 ```

#### `React`
 ```javascript
import { ReactNebula } from "@flodlc/nebula";

export default App = () => {
    return (
        <>
            // With default config
            <ReactNebula/>

            // With custom config
            <ReactNebula config={{
                starsCount: 250,
                starsRotationSpeed: 3,
                nebulasIntensity: 8,
                ...
            }}/>
        </>
    );
}
 ```
The canvas is positioned ``absolute`` and takes the size of its parent.
### `Config`
key | option type | default | Comment
---|-----------|---|---
`starsCount` | `number` | `350` | Recommended: < `1000`
`starsColor` | `string` | `#ffffff`
`starsRotationSpeed` | `number` | `3`
`cometFrequence` | `number` | `15` | `0` disables the comets
`nebulasIntensity` | `number` | `10`
`sunScale` | `number` | `1` | `0` hides the Sun
`planetsScale` | `number` | `1` | `0` hides the planets
`solarSystemOrbite` | `number` | `65` |  Recommended: < `100`
`solarSystemSpeedOrbit` | `number` | `100`
npm package: @floegence/flowersec-core
Description: Flowersec core TypeScript library (browser-friendly E2EE + multiplexing over WebSocket).
Latest version: 0.19.0

# @floegence/flowersec-core

Flowersec core TypeScript library for building end-to-end encrypted, multiplexed connections over WebSocket in browsers and Node.js.

Status: experimental; not audited.

## Install

```bash
npm install @floegence/flowersec-core
```

## Recommended usage

Browser:

```ts
import { connectBrowser } from "@floegence/flowersec-core/browser";
import { requestConnectArtifact } from "@floegence/flowersec-core/controlplane";

const artifact = await requestConnectArtifact({
  endpointId: "env_demo",
});

const client = await connectBrowser(artifact);
await client.ping();
client.close();
```

Node.js:

```ts
import { connectNode, createNodeReconnectConfig } from "@floegence/flowersec-core/node";
import { requestConnectArtifact } from "@floegence/flowersec-core/controlplane";

const artifact = await requestConnectArtifact({
  baseUrl: "https://your-app.example/api/flowersec",
  endpointId: "env_demo",
});

const client = await connectNode(artifact, {
  origin: "https://your-app.example",
});
await client.ping();
client.close();

const reconnectConfig = createNodeReconnectConfig({
  artifactControlplane: {
    baseUrl: "https://your-app.example/api/flowersec",
    endpointId: "env_demo",
  },
  connect: {
    origin: "https://your-app.example",
  },
});
```

Browser `requestConnectArtifact(...)`, `requestEntryConnectArtifact(...)`, and `ControlplaneRequestError` remain available from `@floegence/flowersec-core/browser` as stable aliases.

## Docs

- Frontend quickstart: `docs/FRONTEND_QUICKSTART.md`
- Integration guide: `docs/INTEGRATION_GUIDE.md`
- API surface contract: `docs/API_SURFACE.md`
- Controlplane artifact fetch: `docs/CONTROLPLANE_ARTIFACT_FETCH.md`
- Error model: `docs/ERROR_MODEL.md`
- Migration guide: `docs/V0_19_MIGRATION.md`