open-index/open-npm huggingface dataset:
npm package: @kps3/hbs-template-builder
Description: Builds handlebars templates using components/layout
Latest version: 2.0.2

# Template Builder

## Usage

### Folder Structure

    .
    ├── ...
    ├── templates
    │   ├── components               # Components/partials used within the templates
    │   |   ├── header.hbs
    │   ├── layouts                  # Layouts (must use `{{{yield}}}` to output template body)
    │   |   ├── default.hbs
    │   └── index.hbs                # Templates
    └── ...

### Code

```javascript
const templateCompiler = require('@kps3/hbs-template-builder');

templateBuilder({
  path: './templates',         // relative path to template directory
  layout: 'default.hbs',       // layout file name
  output: './dist',            // relative path to output build directory
  watch: false,                // watch files for changes
  buildComponents: false       // build component files like templates (useful for testing components)
});
```

### CLI

```bash
$ hbs-template-builder --path=./templates --layout=default.hbs --output=./dist --buildComponents --watch
```
npm package: @kpshao/data-calc
Description: A simple data calculation library
Author: kpshao
Latest version: 1.0.2

# data-calc

一个简单高效的数据计算工具库，提供常用的数组计算和统计功能。

## 安装

```bash
npm install @your-name/data-calc
```

## 功能特性

- 数组计算：求和、平均值
- 统计功能：标准差
- 完整的类型检查
- 全面的错误处理

## 使用示例

```javascript
import DataCalc from '@your-name/data-calc';

// 数组计算
const numbers = [1, 2, 3, 4, 5];
console.log(DataCalc.sum(numbers));        // 输出: 15
console.log(DataCalc.average(numbers));    // 输出: 3

// 统计计算
console.log(DataCalc.standardDeviation(numbers));  // 输出: 1.4142...
```

## API 文档

### sum(array)
计算数组元素的总和。

- **参数**: `array` (Array<number>): 数字数组
- **返回值**: (number): 数组元素的总和
- **异常**: 当输入不是数组时抛出 TypeError

### average(array)
计算数组元素的平均值。

- **参数**: `array` (Array<number>): 数字数组
- **返回值**: (number): 数组元素的平均值
- **异常**: 当输入不是数组或数组为空时抛出 TypeError

### standardDeviation(array)
计算数组元素的标准差。

- **参数**: `array` (Array<number>): 数字数组
- **返回值**: (number): 数组元素的标准差
- **异常**: 当输入不是数组或数组元素少于2个时抛出 TypeError

## 开发

```bash
# 安装依赖
npm install

# 运行测试
npm test

# 构建
npm run build
```

## 许可证

本项目基于 MIT 许可证。查看 [LICENSE](LICENSE) 文件了解更多详情。
npm package: @kpshao/data-calc-lib
Description: A simple data calculation library
Author: kpshao
Latest version: 1.0.1

# data-calc-lib

一个简单高效的数据计算工具库，提供常用的数组计算和统计功能。

## 安装

```bash
npm install @your-name/data-calc-lib
```

## 功能特性

- 数组计算：求和、平均值
- 统计功能：标准差
- 完整的类型检查
- 全面的错误处理

## 使用示例

```javascript
import DataCalc from '@your-name/data-calc-lib';

// 数组计算
const numbers = [1, 2, 3, 4, 5];
console.log(DataCalc.sum(numbers));        // 输出: 15
console.log(DataCalc.average(numbers));    // 输出: 3

// 统计计算
console.log(DataCalc.standardDeviation(numbers));  // 输出: 1.4142...
```

## API 文档

### sum(array)
计算数组元素的总和。

- **参数**: `array` (Array<number>): 数字数组
- **返回值**: (number): 数组元素的总和
- **异常**: 当输入不是数组时抛出 TypeError

### average(array)
计算数组元素的平均值。

- **参数**: `array` (Array<number>): 数字数组
- **返回值**: (number): 数组元素的平均值
- **异常**: 当输入不是数组或数组为空时抛出 TypeError

### standardDeviation(array)
计算数组元素的标准差。

- **参数**: `array` (Array<number>): 数字数组
- **返回值**: (number): 数组元素的标准差
- **异常**: 当输入不是数组或数组元素少于2个时抛出 TypeError

## 开发

```bash
# 安装依赖
npm install

# 运行测试
npm test

# 构建
npm run build
```

## 许可证

本项目基于 MIT 许可证。查看 [LICENSE](LICENSE) 文件了解更多详情。
npm package: @kpsoftec/react-html-parser
Description: A secure and flexible HTML parser for React with XSS protection and customizable component mapping
Author: kkhilwanik
Latest version: 1.0.0

# @kpsoftec/react-html-parser

A secure and flexible HTML parser for React applications with built-in XSS protection and customizable component mapping.

## Features

- 🔒 **XSS Protection** - Blocks dangerous tags, attributes, and URLs
- 🎨 **Flexible Component Mapping** - Map HTML tags to custom React components
- ⚡ **TypeScript Support** - Full type safety
- 🚀 **Zero Dependencies** - Uses native browser APIs

## Installation

```bash
npm install @kpsoftec/react-html-parser
```

## Usage

### Basic Usage

```tsx
// Named import (recommended)
import { HtmlParser } from '@kpsoftec/react-html-parser';

// Or default import
import HtmlParser from '@kpsoftec/react-html-parser';

const App = () => {
  const htmlContent = '<div><h1>Hello World</h1><p>Safe HTML parsing</p></div>';
  
  return <HtmlParser htmlContent={htmlContent} />;
};
```

### Custom Component Mapping

```tsx
import { HtmlParser } from '@kpsoftec/react-html-parser';
import { Typography, Button } from '@mui/material';

const componentMap = {
  h1: { component: Typography, props: { variant: 'h1', color: 'primary' } },
  button: { component: Button, props: { variant: 'contained' } }
};

const App = () => {
  return (
    <HtmlParser 
      htmlContent="<h1>Title</h1><button>Click me</button>"
      componentMap={componentMap}
    />
  );
};
```

### Disable XSS Protection

```tsx
<HtmlParser 
  htmlContent={htmlContent}
  enableXSSProtection={false}
/>
```

## API

### HtmlParser (Recommended)

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `htmlContent` | `string \| null \| undefined` | - | HTML string to parse |
| `componentMap` | `Record<string, ComponentMapping>` | `{}` | Custom component mappings |
| `enableXSSProtection` | `boolean` | `true` | Enable/disable XSS protection |
| `allowedTags` | `string[]` | `[]` | Tags to allow even with XSS protection |
| `allowedAttributes` | `string[]` | `[]` | Attributes to allow even with XSS protection |

### HtmlStringParser (Basic)

Basic HTML parser without XSS protection or component mapping.

```tsx
import { HtmlStringParser } from '@kpsoftec/react-html-parser';

<HtmlStringParser htmlString="<div>Basic HTML</div>" />
```

#### Props

| Prop | Type | Description |
|------|------|-------------|
| `htmlString` | `string` | HTML string to parse |

### ComponentMapping

```tsx
interface ComponentMapping {
  component: any;
  props?: Record<string, any>;
}
```

## License

MIT
npm package: @kpsys/angularjs-bootstrap-datetimepicker
Description: This directive allows you to add a datetime-picker to your form elements. Based on https://github.com/dalelotts/angularjs-bootstrap-datetimepicker
Author: Tomas Dostal
Latest version: 2.2.0

<img src="https://api.travis-ci.org/DostalTomas/angularjs-bootstrap-datetimepicker.svg?branch=master" alt="Build status" title="Build status">
        
# angularjs-bootstrap-datetimepicker
Date-time picker for AngularJS based on bootstrap

Based on http://dalelotts.github.io/angularjs-bootstrap-datetimepicker/

[Documentation](https://dostaltomas.github.io/angularjs-bootstrap-datetimepicker/#/api/angularjs-bootstrap-datetimepicker)
npm package: @kpsys/angularjs-date-parser
Description: Date parser directive for AngularJS
Author: Tomas Dostal
Latest version: 2.0.4

<img src="https://api.travis-ci.org/DostalTomas/angularjs-date-parser.svg?branch=master" alt="Build status" title="Build status">
        
# angularjs-date-parser
Date parser directive for AngularJS

[Documentation](https://kp-sys.github.io/angularjs-date-parser/#/api/kpDateParser)
npm package: @kpsys/angularjs-register
Description: AngularJS modules handling helper
Author: Tomas Dostal
Latest version: 1.1.7

# angularjs-register   [![Build Status](https://travis-ci.org/DostalTomas/angularjs-register.svg?branch=master)](https://travis-ci.org/DostalTomas/angularjs-register)
AngularJS util for ES6

This util allows usil some ES6 features (mainly classes) to defining directives, components, services, etc...
npm package: @kpsys/angularjs-splitter
Description: Splitter components for AngularJS
Author: Tomas Dostal
Latest version: 1.3.0

<img src="https://api.travis-ci.org/DostalTomas/angularjs-splitter.svg?branch=master" alt="Build status" title="Build status">
        
# angularjs-splitter
Dynamically created inputs

[Documentation](https://dostaltomas.github.io/angularjs-splitter/#/api/angularjs-splitter)
npm package: @kpsys/angularjs-value-editor
Description: Dynamically created inputs for AngularJS
Author: Tomas Dostal
Latest version: 2.8.3

![Build Master](https://github.com/kp-sys/angularjs-value-editor/workflows/Build%20Master/badge.svg?branch=master)
![GitHub tag (latest SemVer)](https://img.shields.io/github/v/tag/kp-sys/angularjs-value-editor?label=version)        
![David](https://img.shields.io/david/peer/kp-sys/angularjs-value-editor)
![David](https://img.shields.io/david/dev/kp-sys/angularjs-value-editor)
![GitHub](https://img.shields.io/github/license/kp-sys/angularjs-value-editor)


# angularjs-value-editor
Dynamically created form / inputs from JS definition / JSON.
- Zero configuration.
- Supporting aliases (pre-configured inputs).
- Extensible of Your own editors (inputs)

![form](https://user-images.githubusercontent.com/5617576/114096458-054c6400-98bf-11eb-8004-237bc8010a8d.png)

```html 
<kp-universal-form ng-model="model" form-settings="$ctrl.formSettings"></kp-universal-form>
```
```typescript
class Controller {
  public formSettings: KpUniversalFormSettings = {
    header: 'Login',
    fields: [
      {
        label: 'Username',
        fieldName: 'username',
        editor: {
          type: 'text',
          validations: {
              required: true
          }
        }
      },
      {
        label: 'Password',
        fieldName: 'password',
        editor: {
          type: 'password',
          options: {
            withConfirmation: true
          },
          validations: {
            required: true
          },
          localizations: {
              confirmPassword: 'Confirm password'
          }
        }
      }
    ]
  }  
}
```

## [API Documentation](https://kp-sys.github.io/angularjs-value-editor/#/api/angularjs-value-editor)
 - With live examples
 - With huge Demo
 - With guide for creating own editor