open-index/open-npm huggingface dataset:
npm package: @swapnaneelr/data-store
Description: Node.js data store with persistent, transient, and secure storage
Author: Swapnaneel Ray
Latest version: 1.0.0

# Data Store
This is a javascript based implementation of a data store that can be used to store and retrieve data. It is implemented as a singleton class that uses the `node-persist` library for the persistent store and `node-cache` for the transient store. The secure store is implemented using the `keytar` library. The data store can be configured to enable or disable user scoping, logging, and other features. It also supports TTL (time to live) for the transient store and the persistent store. The Persistent store also has a write queue feature that allows for asynchronous writes to the persistent store. The data store can be used in a variety of applications, including web applications, desktop applications, and mobile applications.
## Usage
To use the data store, you can import the `DataStore` class and create an instance of it. You can then create a config file that would be used to initialize the data store. The config file should be a JSON that contains the following keys:
```javascript
const storeConfig = {
  store: {
    enableUserScoping: true,
    userId : userId,
    isLoggingEnabled : true,
    logger : log 
  },
  persistent: {
    dir: persistentStoreDir,
    stringify: JSON.stringify,
    parse: JSON.parse,
    encoding: "utf8",
    logging: false,
    ttl: false,
    expiredInterval: 2 * 60 * 1000,
    forgiveParseErrors: false,
    writeQueue: true,
    writeQueueIntervalMs: 1000,
    writeQueueWriteOnlyLast: true
  },
  transient: {
    ttl: 1200
  },
  secure: {
    serviceName: appName
  }
};
```
You can then initialize the data store with the config file and use it to store and retrieve data. For example:
```javascript
const dataStore = new DataStore();
await dataStore.init(storeConfig);
```

You can then use the `set` and `get` methods to store and retrieve data. For example:
```javascript
await dataStore.persistent.set("key", "value");
const value = await dataStore.persistent.get("key");
console.log(value); // "value"
```
You can also use the `transient` and `secure` stores in a similar way. For example:
```javascript 
await dataStore.transient.set("key", "value123");
const value = await dataStore.secure.get("cognitoKey"); 
```

The store config can be customized to enable or disable user scoping, logging, and other features. You can also specify the directory for the persistent store and the encoding for the data. The data store is designed to be flexible and can be used in a variety of applications. It provides a simple API for storing and retrieving data, and it can be easily integrated into your application.

# License
MIT License
npm package: @swapneshdeete/react-sticky-header
Description: A React component that renders children within a sticky header with predefined CSS and JS.
Author: Swapnesh
Latest version: 2.0.3

# React/stickyheader

A simple and reusable React component that renders its children within a sticky header with predefined CSS and JavaScript.

## Installation

You can install the package using npm, yarn, or pnpm:

```bash
npm install @swapneshdeete/react-sticky-header
```

<button onclick="navigator.clipboard.writeText('npm install @swapneshdeete/react-sticky-header')"></button>

```bash
yarn add @swapneshdeete/react-sticky-header
```

<button onclick="navigator.clipboard.writeText('yarn add @swapneshdeete/react-sticky-header')"></button>

```bash
pnpm add @swapneshdeete/react-sticky-header
```

<button onclick="navigator.clipboard.writeText('pnpm add @swapneshdeete/react-sticky-header')"></button>

Wrap your header or navigation component within the `StickyHeader` component to make it sticky.

```jsx
import React from "react";
import StickyHeader from "@swapneshdeete/react-sticky-header";
import HeaderComponent from "./HeaderComponent"; // Import your header component

const App = () => {
  const styles = {
    // Your custom styles here
  };

  return (
    <StickyHeader>
      <HeaderComponent style={styles} className="classnames">
        {/* Your header content */}
      </HeaderComponent>
    </StickyHeader>
  );
};

export default App;
```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @swapneshio/carousel
Description: simple easy to use react-carousel
Author: Swapnesh.io
Latest version: 1.1.3

# @swapneshio/carousel

A simple react-based logo/img/card corousal


## Installation

You can install the package using npm, yarn, or pnpm:

```bash
npm install @swapneshio/carousel
```
<button onclick="navigator.clipboard.writeText('npm install @swapneshio/carousel')"></button>

```bash
yarn add @swapneshio/carousel
```
<button onclick="navigator.clipboard.writeText('yarn add @swapneshio/carousel')"></button>

```bash
pnpm add @swapneshio/carousel
```
<button onclick="navigator.clipboard.writeText('pnpm add @swapneshio/carousel')"></button>

## CDN Usage

You can include the `@swapneshio/carousel` package directly from jsDelivr using the following link:

```html
https://cdn.jsdelivr.net/npm/@swapneshio/carousel@latest/dist/index.js
```
OR
```html
<script src="https://cdn.jsdelivr.net/npm/@swapneshio/carousel@latest/dist/index.js"></script>
```


## Usage

pass multiple jsx/img/card as a child to the `Carousel` component to make it work.

```jsx
import React from 'react';
import Carousel from '@swapneshio/carousel';
const App = () => {
  const styles = {
    // Your custom styles here
  };

  return (
      <Carousel >
        {/* add multiple img/logo/card here */}
        {/* like
         <Card1/>
         <Card2/>
         <Card3/> */}
      </Carousel>
  );
};

export default App;
```


## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @swapneshio/stickyheader
Description: A React component that renders children within a sticky header with predefined CSS and JS.
Author: Swapnesh.io
Latest version: 2.0.2


# @swapneshio/stickyheader

A simple and reusable React component that renders its children within a sticky header with predefined CSS and JavaScript.

## Installation

You can install the package using npm, yarn, or pnpm:

```bash
npm install @swapneshio/stickyheader
```
<button onclick="navigator.clipboard.writeText('npm install @swapneshio/stickyheader')"></button>

```bash
yarn add @swapneshio/stickyheader
```
<button onclick="navigator.clipboard.writeText('yarn add @swapneshio/stickyheader')"></button>

```bash
pnpm add @swapneshio/stickyheader
```
<button onclick="navigator.clipboard.writeText('pnpm add @swapneshio/stickyheader')"></button>

## CDN Usage

You can include the `@swapneshio/stickyheader` package directly from jsDelivr using the following link:

```html
https://cdn.jsdelivr.net/npm/@swapneshio/stickyheader@latest/dist/index.js
```
OR
```html
<script src="https://cdn.jsdelivr.net/npm/@swapneshio/stickyheader@latest/dist/index.js"></script>
```
## Usage

Wrap your header or navigation component within the `StickyHeader` component to make it sticky.

```jsx
import React from 'react';
import StickyHeader from '@swapneshio/stickyheader';
import HeaderComponent from './HeaderComponent'; // Import your header component

const App = () => {
  const styles = {
    // Your custom styles here
  };

  return (
    <StickyHeader>
      <HeaderComponent style={styles} className="classnames">
        {/* Your header content */}
      </HeaderComponent>
    </StickyHeader>
  );
};

export default App;
```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @swapnilmmane/pb-iframe
Description: A simple React component that can be imported into the application.
Latest version: 0.0.2

Register plugin in the Admin Area application.

Add the dependency at `@swapnilmmane/pb-iframe` in project root's package.json


Let's make the following changes in `apps/admin/code/src/plugins/pageBuilder/editorPlugins.ts` file:

```ts title="apps/admin/code/src/plugins/pageBuilder/editorPlugins.ts" {4,7-8}
(...)

// Import the `iframe` element and it's settings
import iframeElement, { iframeSettings } from "@swapnilmmane/pb-iframe/admin";

export default [
    iframeElement(),
    iframeSettings,
    // Rest of the plugins
    (...)
];
```

Also in `apps/admin/code/src/plugins/pageBuilder/renderPlugins.ts` file:

```ts title="apps/admin/code/src/plugins/pageBuilder/renderPlugins.ts" {4,8}
(...)

// Import the `iframe` element
import iframeElement from "@swapnilmmane/pb-iframe/render";

export default [
    // Elements
    iframeElement(),
    // Rest of the plugins
    (...)
];
```

In the Website application, simply register plugin by making the following changes in the `apps/website/code/src/plugins/pageBuilder.ts` file:

```ts title="apps/website/code/src/plugins/pageBuilder.ts" {5,10}
// Some code is removed for the sake of brevity.
(...)

// Import `iframe` element
import iframeElement from "@swapnilmmane/pb-iframe/render";

export default [
    (...)
    // Page elements
    iframeElement(),
    (...)
];
```