open-index/open-npm huggingface dataset:
npm package: @platecms/nuxt-delta-client
Description: Delta client for Nuxt
Latest version: 1.5.3

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

Install the module to your Nuxt application with one command:

```bash
npx nuxi module add my-module
```

That's it! You can now use My Module in your Nuxt app ✨


## Contribution

<details>
  <summary>Local development</summary>
  
  ```bash
  # Install dependencies
  npm install
  
  # Generate type stubs
  npm run dev:prepare
  
  # Develop with the playground
  npm run dev
  
  # Build the playground
  npm run dev:build
  
  # Run ESLint
  npm run lint
  
  # Run Vitest
  npm run test
  npm run test:watch
  
  # Release new version
  npm run release
  ```

</details>


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @plateerlab/xgen-gallery
Description: React component to showcase GitHub organization repositories
Latest version: 0.3.1

# xgen-gallery

GitHub organization의 레포지토리를 보여주는 React 컴포넌트.

## Install

```bash
npm install xgen-gallery
```

## Usage

```tsx
import { XgenGallery } from 'xgen-gallery';

function App() {
  return (
    <XgenGallery
      org="PlateerLab"
      token="ghp_xxx"  // optional, raises rate limit
      theme="dark"     // "dark" | "light"
    />
  );
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `org` | `string` | required | GitHub organization name |
| `token` | `string` | - | GitHub personal access token |
| `theme` | `"dark" \| "light"` | `"dark"` | Color theme |
| `limit` | `number` | - | Max repos to show |
| `onRepoClick` | `(repo: Repo) => void` | - | Custom click handler (overrides built-in detail view) |

## Features

- Repo list with search & language filter
- Repo detail with README rendering
- Demo tab: auto-extracts Python code blocks from README, `examples/`, or `demo.json`
- Dark/Light theme
- Zero config — just pass `org`

## Demo Data Convention

Repos can provide curated demos by adding `.xgen-gallery/demo.json`:

```json
{
  "snippets": [
    {
      "label": "Basic Usage",
      "code": "from my_package import hello\nprint(hello())",
      "expectedOutput": "Hello, World!"
    }
  ]
}
```

Priority: `demo.json` > `examples/*.py` > README python blocks
npm package: @plateful/layer-common
Description: Create Nuxt extendable layer with this GitHub template.
Latest version: 1.0.1

# Nuxt Layer Starter

Create Nuxt extendable layer with this GitHub template.

## Setup

Make sure to install the dependencies:

```bash
pnpm install
```

## Working on your layer

Your layer is at the root of this repository, it is exactly like a regular Nuxt project, except you can publish it on NPM.

The `.playground` directory should help you on trying your layer during development.

Running `pnpm dev` will prepare and boot `.playground` directory, which imports your layer itself.

## Distributing your layer

Your Nuxt layer is shaped exactly the same as any other Nuxt project, except you can publish it on NPM.

To do so, you only have to check if `files` in `package.json` are valid, then run:

```bash
npm publish --access public
```

Once done, your users will only have to run:

```bash
npm install --save your-layer
```

Then add the dependency to their `extends` in `nuxt.config`:

```ts
defineNuxtConfig({
  extends: 'your-layer'
})
```

## Development Server

Start the development server on http://localhost:3000

```bash
pnpm dev
```

## Production

Build the application for production:

```bash
pnpm build
```

Or statically generate it with:

```bash
pnpm generate
```

Locally preview production build:

```bash
pnpm preview
```

Checkout the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
npm package: @plateful/nodejs-utils
Description: This project utilizes environment variables for configuration. Below is a list of variables you need to set either in a `.env` file or in your environment:
Latest version: 1.0.0

# Project Environment Configuration

This project utilizes environment variables for configuration. Below is a list of variables you need to set either in a `.env` file or in your environment:

- **MONGO_URI**: MongoDB connection URI.
- **MONGO_DB**: MongoDB database name for production.
- **MONGO_DB_DEV**: MongoDB database name for development.
- **PORT**: Port number the server should listen on.
- **SECRET_KEY**: Secret key for cryptographic operations.
- **isDev**: Boolean indicating if the environment is development (`true`) or production (`false`).
- **MAILER_TRANSPORT_HOST**: Hostname for mailer transport (e.g., SMTP server).
- **MAILER_TRANSPORT_PORT**: Port number for mailer transport.
- **MAILER_TRANSPORT_SECURE**: Boolean indicating if the mailer transport should use secure connection (`true` or `false`).
- **MAILER_EMAIL**: Email address for sending emails.
- **MAILER_PASSWORD**: Password for the email account.
- **ACCESS_TOKEN_SECRET**: Secret key for JWT access tokens.
- **REFRESH_TOKEN_SECRET**: Secret key for JWT refresh tokens.
- **ACCESS_TOKEN_EXPIRY**: Expiry time for JWT access tokens.
- **REDIS_HOST**: Hostname for Redis server.
- **REDIS_PORT**: Port number for Redis server.
- **REDIS_PASSWORD**: Password for Redis server (if applicable).

## Setting Up

1. Clone the repository and navigate to the project directory.
2. Create a `.env` file in the root directory.
3. Copy the variables from this document into your `.env` file and set appropriate values.

```
MONGO_URI=mongodb://localhost:27017
MONGO_DB=default
MONGO_DB_DEV=default-dev
PORT=3001
SECRET_KEY=your_secret_key_here
MAILER_TRANSPORT_HOST=smtp.example.com
MAILER_TRANSPORT_PORT=465
MAILER_TRANSPORT_SECURE=true
MAILER_EMAIL=your_email@example.com
MAILER_PASSWORD=your_email_password
ACCESS_TOKEN_SECRET=your_access_token_secret
REFRESH_TOKEN_SECRET=your_refresh_token_secret
ACCESS_TOKEN_EXPIRY=1d
REDIS_HOST=localhost
REDIS_PORT=6379
REDIS_PASSWORD=your_redis_password
```

4. Save the `.env` file.

## Notes

- Ensure all environment variables are correctly set before starting the application.
- For development, consider using tools like `dotenv` to load environment variables from a `.env` file automatically.
npm package: @platejs/code-drawing
Description: Code drawing plugin for Plate (PlantUml, Graphviz, Flowchart, Mermaid)
Latest version: 52.3.10

# Plate code-drawing plugin

This package implements the code-drawing plugin for Plate, supporting PlantUml, Graphviz, Flowchart, and Mermaid diagrams.

## Documentation

Check out [Code Drawing](https://platejs.org/docs/code-drawing).

## License

[MIT](../../LICENSE)
npm package: @platejs/combobox
Description: Combobox for Plate
Latest version: 52.3.10

# Plate combobox

This package implements the combobox for Plate.

## Documentation

Check out [Playground](https://platejs.org/docs/playground) and
[Combobox](https://platejs.org/docs/combobox).

## License

[MIT](../../LICENSE)
npm package: @platejs/juice
Description: HTML juice plugin for Plate
Latest version: 52.3.10

# Plate juice plugin

This package implements the juice plugin for Plate.

Given inserted HTML, [juice](https://www.npmjs.com/package/juice) will inline the CSS properties into the style attribute.

## Documentation

Check out
[Serializing HTML](https://platejs.org/docs/html).

## License

[MIT](../../LICENSE)
npm package: @platejs/list
Description: List plugin for Plate
Latest version: 52.3.10

# Plate indent list plugin

This package implements the indent list plugin for Plate.
It's a mix of indent and list plugins, also called as a "flat list"
because the list structure has no children.

## Documentation

Check out [List](https://platejs.org/docs/list).

## License

[MIT](../../LICENSE)
npm package: @platejs/media
Description: Plate Media plugin
Latest version: 52.3.10

# Plate media plugins

This package implements the media plugins for Plate. It allows inserting
embeddable media such as images, YouTube or Vimeo videos and tweets into your
editor.

Includes:

- caption
- resizable
- media
- image
- iframe

## Documentation

- Check out [Media](https://platejs.org/docs/media).

## License

[MIT](../../LICENSE)
npm package: @platejs/toggle
Description: Toggle plugin for Plate
Latest version: 52.3.10

# Plate toggle plugin

This package implements the toggle plugin for Plate.
It's similar to the indent list plugin, in that it relies on the indent of siblings.

## Documentation

Check out [Toggle](https://platejs.org/docs/toggle).

## Ideas to improve this plugin

1. Adding an option `initialValue` of open `toggleIds` and a callback `onChange`, for instance to store the state of open toggles in local storage and remember the state upon browser refresh.
2. Adding an option `defaultOpen`. Currently, toggles are closed on initial rendering.
3. Adding an option to specify how to get the indent value of elements, right now we are relying on this being the default `KEY_ELEMENT` from the `indent` plugin
4. An option to specify how to get the id of elements, right now we are using the default id attribute from the `node-id` plugin.
5. Adding a placeholder below the toggle, like Notion does, when the toggle is expanded without any elements below.
6. Make toggle button more accessible
7. When indenting an element right of a closed toggle, it becomes hidden. This makes sense, but a nicer UI would be to open the toggle in that case, like Notion does.

## License

[MIT](../../LICENSE)
npm package: @plateo/rich-text-html
Description: Render a Plateo Rich Text Field into an HTML string.
Author: Jarl Eriksen
Latest version: 0.1.4

# rich-text-html

Render a Plateo Rich Text Field into an HTML string.

# Installation

```console
yarn add @plateo/rich-text-html
```

```console
npm install @plateo/rich-text-html
```

# Usage

```js
import { convertDocumentToHtmlString } from '@plateo/rich-text-html';

const document = [
  {
    type: 'paragraph',
    children: [
      {
        text: 'some text',
      },
    ],
  },
];

convertDocumentToHtmlString(document);

// <p>some text</p>
```

With marks like bold, underline.

```js
import { convertDocumentToHtmlString } from '@plateo/rich-text-html';

const document = [
  {
    type: 'paragraph',
    children: [
      {
        text: 'some text',
        bold: true,
        underline: true,
      },
    ],
  },
];

convertDocumentToHtmlString(document);

// <p><strong><u>some text</u></strong></p>
```

Using custom renderes for either a node or mark.

```js
import { convertDocumentToHtmlString } from '@plateo/rich-text-html';
import { BLOCKS } from '@plateo/rich-text-types';

const renderOptions = {
  node: {
    [BLOCKS.Paragraph]: (node, nested) => {
      return `<div>${nested(node.children)}</div>`;
    },
  },
};

const document = [
  {
    type: 'paragraph',
    children: [
      {
        text: 'some text',
      },
    ],
  },
];

convertDocumentToHtmlString(document, renderOptions);

// <div>some text</div>
```

# Inspiration

API is inspired by the great work of Contentful at https://github.com/contentful/rich-text
npm package: @plateo/rich-text-react
Description: Render a Plateo Rich Text Field into React components.
Author: Jarl Eriksen
Latest version: 0.1.4

# rich-text-react

Render a Plateo Rich Text Field into React components.

# Installation

```console
yarn add @plateo/rich-text-react
```

```console
npm install @plateo/rich-text-react
```

# Usage

```js
import { convertDocumentToReactComponents } from '@plateo/rich-text-react';

const document = [
  {
    type: 'paragraph',
    children: [
      {
        text: 'some text',
      },
    ],
  },
];

convertDocumentToReactComponents(document);

// <p>some text</p>
```

With marks like bold, underline.

```js
import { convertDocumentToReactComponents } from '@plateo/rich-text-react';

const document = [
  {
    type: 'paragraph',
    children: [
      {
        text: 'some text',
        bold: true,
        underline: true,
      },
    ],
  },
];

convertDocumentToReactComponents(document);

// <p><strong><u>some text</u></strong></p>
```

Using custom renderes for either a node or mark.

```js
import { convertDocumentToReactComponents } from '@plateo/rich-text-react';
import { BLOCKS } from '@plateo/rich-text-types';

const Paragraph = ({ children }) => <p>{children}</p>;

const renderOptions = {
  node: {
    [BLOCKS.Paragraph]: (node, nested) => {
      return <Paragraph>nested(children)</Paragraph>;
    },
  },
};

const document = [
  {
    type: 'paragraph',
    children: [
      {
        text: 'some text',
      },
    ],
  },
];

convertDocumentToReactComponents(document, renderOptions);

// <div>some text</div>
```

# Inspiration

API is inspired by the great work of Contentful at https://github.com/contentful/rich-text
npm package: @plateui/toolkit
Description: Tooling set for functionary applications
Author: Wraft Inc
Latest version: 0.2.2

# `@plateui/toolkit`

Tooling set for functionary applications

## Usage

Install as a dependency

```bash
# if you use yarn
yarn add -D @plateui/toolkit
# or if you use npm
npm i --save-dev @plateui/toolkit
```

### CLI

A binary executable can be invoked as an npm script: `plateui-toolkit`.

#### create-dotenv-file

Create a local `.env` file based on an example file

`plateui-toolkit create-dotenv-file --example .env.example`

### Exports

This package also provides some centralised default configurations for e.g. webpack and babel.

```js
// webpack.config.babel.js
import { getWebpack4Configuration } from '@plateui/toolkit';

export default getWebpack4Configuration(
  'production', // or 'development'
  {
    buildFolder: path.resolve(__dirname, 'build'), // generated build folder
    htmlTemplate: path.resolve(__dirname, 'public/index.html'), // entry point for HtmlWebpackPlugin
  },
  {
    // any custom configuration that will be merged using webpack-merge
  },
);
```
npm package: @plateui/ui-react
Description: Functionary white-label UI components extending the amazing theme-ui library
Author: Wraft Inc
Latest version: 0.4.5

<h1 align="center" style="border-bottom: none;">plate UI React by Functionary 🐝</h1>
<p align="center">Functionary white-label UI components based on theme-ui</p>
<p align="center">
  <a href="https://www.npmjs.com/package/@functionary/ui-react" rel="noopener noreferrer">
    <img alt="npm latest version" src="https://img.shields.io/npm/v/@functionary/ui-react/latest.svg">
  </a>
  <a href="https://bundlephobia.com/result?p=@functionary/ui-react" rel="noopener noreferrer">
    <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/@functionary/ui-react">
  </a>
  <a href="https://bundlephobia.com/result?p=@functionary/ui-react" rel="noopener noreferrer">
    <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@functionary/ui-react">
  </a>
  <a href="https://img.shields.io/npm/l/@functionary/ui-react" rel="noopener noreferrer">
    <img alt="LICENSE" src="https://img.shields.io/npm/l/@functionary/ui-react">
  </a>
</p>

## About Functionary

[Functionary](https://www.functionary.se/) is a digital product and service studio based in Göteborg, Sweden.

We believe in the values Open Source projects bring us on a daily basis, and those packages are our modest contribution.

We hope you will like them as much as we do :)

PS: we are always looking for talented and creative mindsets, if you are interested, [reach out to us](https://www.functionary.se/contact) :)

## Getting started

Install the packages from your favorite package manager

```bash
npm i -S theme-ui@next @functionary/ui-react # or yarn
```

NOTE: [theme-ui](https://theme-ui.com/) is currently being [converted to TypeScript](https://github.com/system-ui/theme-ui/issues/668) and has an open Roadmap for its v1:
https://github.com/system-ui/theme-ui/issues/832

Some changes will probably be required from time to time until that release.

## Contribute

Follow the guidelines from the root CONTRIBUTIONS.md file from this repository

#### Dev

Run microbundle in watch mode

```
yarn dev
```

#### Build

Build the library

```
yarn build
```

#### Test

Run the tests

```
yarn test
```