open-index/open-npm huggingface dataset:
npm package: @kienkhang/datagram-conference-sdk
Description: Datagram conference sdk version
Author: Datagram
Latest version: 1.0.6

# datagram-conference-sdk

Datagram conference sdk version

# Use

## Install

```
pnpm install
```

## Build

```
pnpm build
```

## Eslint

### Check eslint

```
pnpm lint
```

### Fix eslint

```
pnpm lint:fix
```

## Prettier

### Check prettier

```
pnpm prettier
```

### Fix prettier

```
pnpm prettier:fix
```

# Release

```
pnpm release
```
npm package: @kienleholdings/base-tsconfig
Description: Kienle Holdings Base TSConfig
Author: Kienle Holdings LLC <hello@kienle.tech> (https://www.kienle.dev)
Latest version: 0.1.8

# Base TSConfig

> Kienle Holdings Base TSConfig

## Installation

With pnpm (recommended)

```
pnpm install typescript -D
pnpm install @kienleholdings/base-tsconfig -D
```

With yarn

```
yarn add typescript -D
yarn add @kienleholdings/base-tsconfig -D
```

With npm

```
npm install typescript -D
npm install @kienleholdings/base-tsconfig -D
```

## Usage

1. Create a file named `tsconfig.json`
1. Add the following:

```JSON
{
  "extends": "@kienleholdings/base-tsconfig",
}
```

## Recommended Customization

Going off by the base config is a great start, but won't get you too far. We recommend setting the
following:

- [`compilerOptions.baseUrl`](https://github.com/kienleholdings/typescript#base-url)
- [`compilerOptions.jsx`](https://github.com/kienleholdings/typescript#jsx)
- [`compilerOptions.lib`](https://github.com/kienleholdings/typescript#lib)
- [`compilerOptions.outDir`](https://github.com/kienleholdings/typescript#out-dir)
- [`compilerOptions.rootDir`](https://github.com/kienleholdings/typescript#root-dir)
- [`compilerOptions.sourceRoot`](https://github.com/kienleholdings/typescript#source-root)
- [`compilerOptions.target`](https://github.com/kienleholdings/typescript#target)
- [`compilerOptions.types`](https://github.com/kienleholdings/typescript#types)
- [`exclude`](https://github.com/kienleholdings/typescript#excluded-files)
- [`files`](https://github.com/kienleholdings/typescript#additional-typings)
- [`include`](https://github.com/kienleholdings/typescript#included-files)

A version `0.1.3` change marked `esnext` as a valid option for `compilerOptions.module` but left
`commonjs` as a default for backwards compatibility. If you're running webpack, we recommend setting
that for any case where you don't explicitely need commonjs modules
npm package: @kienleholdings/markdownlint-config
Description: Kienle Holdings Markdownlint Config
Author: Kienle Holdings LLC <hello@kienle.tech> (https://www.kienle.dev)
Latest version: 0.1.1

# MarkdownLint Config

> Kienle Holdings Markdownlint Config

## Installation

With pnpm (recommended)

```
pnpm install markdownlint-cli2 -D
pnpm install @kienleholdings/markdownlint-config -D
```

With yarn

```
yarn add markdownlint-cli2 -D
yarn add @kienleholdings/markdownlint-config -D
```

With npm

```
npm install markdownlint-cli2 -D
npm install @kienleholdings/markdownlint-config -D
```

## Usage

1. Add the following to your package.json
`scripts`: `"lint-markdown":"markdownlint-cli2 \"**/*.md\" \"#node_modules\""`
1. Create a file named `.markdownlint.cjs`
1. Add the following to the new file:

```JavaScript
module.exports = require('@kienleholdings/markdownlint-config');
```
npm package: @kienleholdings/mdlint
Description: Kienle Holdings Markdownlint Config
Author: Kienle Technologies <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 0.1.2

# MarkdownLint Config

> Kienle Holdings Markdownlint Config

## Installation

With pnpm (recommended)

```bash
pnpm install markdownlint-cli2 -D
pnpm install @kienleholdings/mdlint -D
```

With yarn

```bash
yarn add markdownlint-cli2 -D
yarn add @kienleholdings/mdlint -D
```

With npm

```bash
npm install markdownlint-cli2 -D
npm install @kienleholdings/mdlint -D
```

## Usage

1. Add the following to your package.json `scripts`:
   `"lint-markdown":"markdownlint-cli2 \"**/*.md\" \"#node_modules\""`
1. Create a file named `.markdownlint.cjs`
1. Add the following to the new file:

```JavaScript
module.exports = require('@kienleholdings/mdlint');
```
npm package: @kienleholdings/mrt-publish
Description: Publish packages automatically if their version has changed
Author: Kienle Holdings LLC <hello@kienle.tech> (https://www.kienle.dev)
Latest version: 0.1.2

# mrt-publish

> Publish packages automatically if their version has changed

## Installation

With pnpm (recommended)

```bash
pnpm install @kienleholdings/mrt-publish
```

With yarn

```bash
yarn add @kienleholdings/mrt-publish
```

With npm

```bash
npm install @kienleholdings/mrt-publish
```

## Usage

`mrt-publish <options>`

## Example

`mrt-run --npmCommand yarn --packagesDir ./other-packages --parallel`

## Options

### `--npmCommand <name>`

By default, `mrt-run` uses `pnpm` for command execution. You may want to use `yarn` or `npm`
instead, thus you can change what client we use to execute commands from here

### `--packagesDir <directory>`

By default, `mrt-run` searches for packages in `./packages`. If you keep your packages in a
different directory, you can specify that with this option

### `--parallel`

Runs commands in each package simultaneously. Generally recommended, but you may want to omit this
if your machine is lower-spec
npm package: @kienleholdings/mrt-run
Description: Run parallel commands in monorepos with no fuss
Author: Kienle Holdings LLC <hello@kienle.tech> (https://www.kienle.dev)
Latest version: 0.1.2

# mrt-run

> Run parallel commands in monorepos with no fuss

## Installation

With pnpm (recommended)

```
pnpm install @kienleholdings/mrt-run
```

With yarn

```
yarn add @kienleholdings/mrt-run
```

With npm

```
npm install @kienleholdings/mrt-run
```

## Usage

`mrt-run <package.json script name here> <options>`

## Example

`mrt-run test --npmCommand yarn --packagesDir ./other-packages --parallel`

## Options

### `--npmCommand <name>`

By default, `mrt-run` uses `pnpm` for command execution. You may want to use `yarn` or `npm`
instead, thus you can change what client we use to execute commands from here

### `--packagesDir <directory>`

By default, `mrt-run` searches for packages in `./packages`. If you keep your packages in a
different directory, you can specify that with this option

### `--parallel`

Runs commands in each package simultaneously. Generally recommended, but you may want to omit this
if your machine is lower-spec
npm package: @kienleholdings/mrt-utils
Description: Shared code for @kienleholdings/monorepo-tools commands
Author: Kienle Holdings LLC <hello@kienle.tech> (https://www.kienle.dev)
Latest version: 0.2.0

# mrt-utils

> Shared code for @kienleholdings/monorepo-tools commands

## Installation

With pnpm (recommended)

```bash
pnpm install @kienleholdings/mrt-utils
```

With yarn

```bash
yarn add @kienleholdings/mrt-utils
```

With npm

```bash
npm install @kienleholdings/mrt-utils
```

## Usage

By itself, we don't recommend using this module, and will not be providing usage documentation to
discourage that
npm package: @kienleholdings/prettier-config
Description: Kienle Holdings Prettier configuration
Author: Kienle Holdings LLC <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 0.1.4

# Prettier Config

> Kienle Holdings Prettier configuration

## Installation

With pnpm (recommended)

```
pnpm install prettier -D
pnpm install @kienleholdings/prettier-config -D
```

With yarn

```
yarn add prettier -D
yarn add @kienleholdings/prettier-config -D
```

With npm

```
npm install prettier -D
npm install @kienleholdings/prettier-config -D
```

## Usage

1. Add the following to your project's `package.json`:
   `"prettier": "@kienleholdings/prettier-config",`
1. Done (yup, that's really all there is)

## Advanced Usage

1. Create a `.prettierrc.js`.
1. Add the code: `module.exports = { ...require('@kienleholdings/prettier-config') };`
1. Done. Feel free to make any further modifications in that object.
npm package: @kienleholdings/prettierrc
Description: Kienle Holdings Prettier configuration
Author: Kienle Technologies <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 0.1.5

# Prettier Config

> Kienle Holdings Prettier configuration

## Installation

With pnpm (recommended)

```bash
pnpm install prettier@2.6.2 -D
pnpm install @kienleholdings/prettierrc -D
```

With yarn

```bash
yarn add prettier@2.6.2 -D
yarn add @kienleholdings/prettierrc -D
```

With npm

```bash
npm install prettier@2.6.2 -D
npm install @kienleholdings/prettierrc -D
```

## Usage

1. Add the following to your project's `package.json`: `"prettier": "@kienleholdings/prettierrc",`
1. Done (yup, that's really all there is)

## Advanced Usage

1. Create a `.prettierrc.js`.
1. Add the code: `module.exports = { ...require('@kienleholdings/prettierrc') };`
1. Done. Feel free to make any further modifications in that object.
npm package: @kienleholdings/pubman
Description: Publish packages automatically if their version has changed
Author: Kienle Technologies <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 0.1.3

# Pubman

> Publish packages automatically if their version has changed

## Installation

With pnpm (recommended)

```bash
pnpm install @kienleholdings/pubman
```

With yarn

```bash
yarn add @kienleholdings/pubman
```

With npm

```bash
npm install @kienleholdings/pubman
```

## Usage

`pubman <options>`

## Example

`pubman --npmCommand yarn --packagesDir ./other-packages --parallel`

## Options

### `--npmCommand <name>`

By default, `pubman` uses `pnpm` for command execution. You may want to use `yarn` or `npm` instead,
thus you can change what client we use to execute commands from here

### `--packagesDir <directory>`

By default, `pubman` searches for packages in `./packages`. If you keep your packages in a different
directory, you can specify that with this option

### `--parallel`

Runs commands in each package simultaneously. Generally recommended, but you may want to omit this
if your machine is lower-spec
npm package: @kienleholdings/zephyr-core
Description: Core TailwindCSS Configuration for Zephyr
Author: Kienle Technologies <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 3.1.3

# Zephyr Core

> Core TailwindCSS Configuration for Zephyr

## Installation

With pnpm (recommended)

```bash
pnpm install autoprefixer postcss tailwindcss -D
pnpm install @kienleholdings/zephyr-core
```

With yarn

```bash
yarn add autoprefixer postcss tailwindcss -D
yarn add @kienleholdings/zephyr-core
```

With npm

```bash
npm install autoprefixer postcss tailwindcss -D
npm install @kienleholdings/zephyr-core
```

## Setup

In order to set up Zephyr Core with your build system, we recommend checking out the
[official TailwindCSS installation instructions](https://tailwindcss.com/docs/installation).

## Usage

1. Add `require('@kienleholdings/zephyr-core/zephyr-core.css');` to the top of the entry point of
   your application
1. Create a `tailwind.config.js` file in your project
1. Populate it with the following code:

```js
const { createConfig } = require('@kienleholdings/zephyr-core');

const config = createConfig();

module.exports = config;
```

## Customization

Want a different theme than the one provided? Want to override other Tailwind styles? Here's how:

```js
const { createConfig } = require('@kienleholdings/zephyr-core');

const theme = {
  colors: {
    primary: {
      DEFAULT: '#DC602E',
      dark: '#C34715',
      light: '#F67A48',
      type: '#FFF',
    },
    secondary: {
      DEFAULT: '#FFF',
      dark: '#E6E6E6',
      light: '#FFF',
      type: '#444',
    },
  },
  fontFamily: {
    body: ['"Source Sans Pro"', 'sans-serif'],
    display: ['"Oxygen"', 'sans-serif'],
  },
};

const tailwindExtensions = {
  borderRadius: {
    halfRounded: '4px', // Let's add an optional 4px border radius
  },
};

const tailwindOverrides = {
  fontWeight: {
    normal: '800', // We want ALL those fonts dummy thicc
  },
};

// Each of these parameters are optional, you don't need any of them
const config = createConfig(theme, tailwindExtensions, tailwindOverrides);

module.exports = config;
```
npm package: @kienleholdings/zephyr-formik
Description: Formik Components for Zephyr
Author: Kienle Technologies <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 3.1.2

# Zephyr React

> Formik Components for Zephyr

## Installation

With pnpm (recommended)

```bash
pnpm install autoprefixer postcss tailwindcss -D
pnpm install formik react react-dom @kienleholdings/zephyr-core @kienleholdings/zephyr-react
pnpm install @kienleholdings/zephyr-formik
```

With yarn

```bash
yarn add autoprefixer postcss tailwindcss -D
yarn add formik react react-dom @kienleholdings/zephyr-core @kienleholdings/zephyr-react
yarn add @kienleholdings/zephyr-formik
```

With npm

```bash
npm install autoprefixer postcss tailwindcss -D
npm install formik react react-dom @kienleholdings/zephyr-core @kienleholdings/zephyr-react
npm install @kienleholdings/zephyr-formik
```

## Setup

For complete setup instructions, see the
[`zephyr-core`](https://github.com/kienleholdings/zephyr/tree/main/packages/zephyr-core) usage
instructions. Additional information can be found in the official
[TailwindCSS documentation](https://tailwindcss.com/).

## Usage

Full component usage documentation as well as examples of each component can be found on
[kienle.design](https://www.kienle.design/docs/formik/index.html). Here's a quick example using the
`Button` component:

```tsx
import { Form, Formik } from 'formik';
import * as Yup from 'yup';
import { Input } from '@kienleholdings/zephyr-formik';
import { Button } from '@kienleholdings/zephyr-react';

const MyComponent: React.VFC = () => (
  <Formik
    initialValues={{ formikText: 'foo' }}
    onSubmit={(values) => {
      alert(JSON.stringify(values));
    }}
    validationSchema={validationSchema}
  >
    <Form>
      <Input htmlType="text" label="Text Input" name="formikText" placeholder="Enter Something" />
      <Button htmlType="submit" type="primary">
        Submit
      </Button>
    </Form>
  </Formik>
);
```
npm package: @kienleholdings/zephyr-react
Description: React Component Library for Zephyr
Author: Kienle Technologies <hello@kienle.tech> (https://www.kienle.tech)
Latest version: 3.2.0

# Zephyr React

> React Component Library for Zephyr

## Installation

With pnpm (recommended)

```bash
pnpm install autoprefixer postcss tailwindcss -D
pnpm install react react-dom @kienleholdings/zephyr-core
pnpm install @kienleholdings/zephyr-react
```

With yarn

```bash
yarn add autoprefixer postcss tailwindcss -D
yarn add formik react react-dom @kienleholdings/zephyr-core
yarn add @kienleholdings/zephyr-react
```

With npm

```bash
npm install autoprefixer postcss tailwindcss -D
npm install formik react react-dom @kienleholdings/zephyr-core
npm install @kienleholdings/zephyr-react
```

## Setup

For complete setup instructions, see the
[`zephyr-core`](https://github.com/kienleholdings/zephyr/tree/main/packages/zephyr-core) usage
instructions. Additional information can be found in the official
[TailwindCSS documentation](https://tailwindcss.com/).

## Usage

Full component usage documentation as well as examples of each component can be found on
[kienle.design](https://www.kienle.design/docs/react/index.html). Here's a quick example using the
`Button` component:

```tsx
import { Button } from '@kienleholdings/zephyr-react';

const MyComponent: React.VFC = () => (
  <Button onClick={() => alert('Hello, world!')} type="primary">
    Test Button
  </Button>
);
```
npm package: @kienleholdings/zephyr-tailwind
Description: Reusable TailwindCSS Config for All Things Zephyr
Author: Kienle Holdings LLC
Latest version: 1.0.0

# Zephyr Tailwind

> Reusable TailwindCSS Config for All Things Zephyr

## Installation

1. Run `yarn add tailwindcss` (if you get peer dep errors, explicitly append the version `@^1.8.10`)
1. Run `yarn add @kienleholdings/zephyr-tailwind`

## Setup

1. Create a file named `tailwind.config.js`
1. Add the following

```javascript
const zephyrTailwind = require('@kienleholdings/zephyr-tailwind');

module.exports = {
  ...zephyrTailwind.default,
};
```

From there, we recommend taking a look at the
[TailwindCSS Documentation](https://tailwindcss.com/docs/installation), as they go into a lot more
depth about different CSS preprocessors and bundlers than we'd like to. Our preferred method is to
use PostCSS with Webpack, but really anything works if you put your mind to it!

## Usage with PostCSS

### Configuring PostCSS

1. Create a file named `postcss.config.js`
1. Add the following

```javascript
module.exports = {
  plugins: [require('tailwindcss')('./tailwind.config.js'), require('autoprefixer')],
};
```

### Creating the Style Sheet

1. Create a file somewhere in your application's source code named `zephyr.css`
1. Add the following

```css
body {
  max-width: 100vw;
  overflow-x: hidden;
}

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@700&family=Source+Sans+Pro:wght@400;700&display=swap');

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
```

All you need to do from there is add `import ./zephyr.css` to your application root and you're good
to go!

## Customization

By default Zephyr makes it easy to customize colors. Simply call the config function with a color object. Here's an example:

```javascript
const zephyrTailwind = require('@kienleholdings/zephyr-tailwind');

const newColors = {
  ...zephyrTailwind.defaultColors,
  primary: {
    lighter: '#FFA726',
    normal: '#FF9800',
    darker: '#FB8C00',
  },
};

module.exports = zephyrTailwind.generateConfig(newColors);
```

For more in-depth tailwind customization, you can pass a [TailwindCSS configuration object](https://tailwindcss.com/docs/configuration) as a second parameter

```javascript
const zephyrTailwind = require('@kienleholdings/zephyr-tailwind');

// Put your color overrides here or set "newColors" below to undefined
// (i.e. zephyrTailwind.generateConfig(undefined, {});

const additionalConfiguration = {
  // Put your Twilwind customizations here
};

module.exports = zephyrTailwind.generateConfig(newColors, additionalConfiguration);
```