open-index/open-npm huggingface dataset:
npm package: @hxtos/hx-components
Description: Biblioteca de componentes Hxtos
Author: Hxtos
Latest version: 0.39.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @hxtos/hx-icons
Description: Biblioteca de ícones Hxtos
Author: Hxtos
Latest version: 25.0.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @hxui/angular
Description: An Angular library based on the [HXUI design system](https://hxui.io).
Author: Design @ MD
Latest version: 13.1.3

# HXUI Angular

An Angular library based on the [HXUI design system](https://hxui.io).

## Installation

```sh
npm i @hxui/angular
```

## Usage

Option 1:
**Import all web component modules** into app module or shared module.

```ts
import { HxUiModule } from '@hxui/angular';

@NgModule({
  imports: [HxUiModule.forRoot()],
})
export class AppModule {}
```

Option 2:
**Import each web component module** that you need individually.

```ts
import { DropdownModule } from '@hxui/angular'

@NgModule({
imports: [DropdownModule.forRoot(), ...]
})
export class AppModule {}
```

**IMPORTANT**
The following structural css needs to be included in the project's style file because the [Material CDK](https://material.angular.io/cdk/categories) has been used as part of this library.

```scss
// Structural css needed for CDK to work correctly
@import '~@angular/cdk/overlay-prebuilt.css';
@import '~@angular/cdk/a11y-prebuilt.css';
@import '~@angular/cdk/text-field-prebuilt.css';
```

## Versions

| @hxui/angular | Angular |
| ------------- | ------- |
| 8.x           | 8.x     |
| 11.x          | 11.x    |
| 13.x          | 13.x    |

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/angular-next
Description: An Angular library based on the [HXUI design system](https://next.hxui.io).
Author: Design @ MD
Latest version: 13.0.0-next.19

# HXUI Angular

An Angular library based on the [HXUI design system](https://next.hxui.io).

## Installation

```sh
npm i @hxui/angular-next
```

## Usage

Option 1:
**Import all web component modules** into app module or shared module.

```ts
import { HxUiModule } from '@hxui/angular-next';

@NgModule({
  imports: [HxUiModule.forRoot()]
})
export class AppModule {}
```

Option 2:
**Import each web component module** that you need individually.

```ts
import { DropdownModule } from '@hxui/angular-next'

@NgModule({
imports: [DropdownModule, ...]
})
export class AppModule {}
```

**IMPORTANT**
The following structural css needs to be included in the project's style file because the [Material CDK](https://material.angular.io/cdk/categories) has been used as part of this library.

```scss
// Structural css needed for CDK to work correctly
@import '~@angular/cdk/overlay-prebuilt.css';
@import '~@angular/cdk/a11y-prebuilt.css';
@import '~@angular/cdk/text-field-prebuilt.css';
```

## Versions

| @hxui/angular-next | Angular |
| ------------------ | ------- |
| 13.x               | 13.x    |

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/auth
Description: An Angular library for managing authentication with Helix microfrontends.
Author: Design@MD
Latest version: 0.3.0

# HXUI Auth

An Angular library for managing authentication with Helix microfrontends.

## Installation

```sh
npm i @hxui/auth
```

## Usage

Import into app module.

```ts
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthModule, AUTH_CLIENT_CONFIG, TokenInterceptorService } from '@hxui/auth';
import { authConfig } from 'path/to/auth/config';

@NgModule({
  imports: [HttpClientModule, AuthModule],
  providers: [
    {
      provide: AUTH_CLIENT_CONFIG,
      useValue: authConfig,
    },
    {
      provide: HTTP_INTERCEPTORS,
      useClass: TokenInterceptorService,
      multi: true,
    },
  ],
})
export class AppModule {}
```

## Versions

| @hxui/auth | Angular |
| ---------- | ------- |
| 0.x        | 13.x    |

## Build

Run `ng build auth` to build the project. The build artifacts will be stored in the `dist/auth` directory.

## Publishing

After building your library with `ng build auth`, go to the dist folder `cd dist/auth` and run `npm publish`.

## Running unit tests

Run `npm run test` to execute the unit tests via [Jest](https://jestjs.io/).

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/css
Description: Helix User Interface Library - Pure CSS Framework
Author: Design @ MD
Latest version: 1.7.0

# HXUI CSS

A pure css library based on the [HXUI design system](https://hxui.io).

## Installation

```bash
npm i @hxui/css
```

## Usage

Import uncompiled sass file to your project's style entry file.

```scss
// path/to/hxui-icon-font is required
$icons-path: '~@hxui/css/static/static/fonts/';
@import '~@hxui/css/static/static/scss/hxui';
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/css-next
Description: Helix User Interface Library - Pure CSS Framework
Author: Design @ MD
Latest version: 2.0.0-next.13

# HXUI CSS

A pure css library based on the [HXUI design system](https://next-hxui.io).

## Installation

```bash
npm i @hxui/css-next
```

## Usage - vanilla theming

Import uncompiled sass file to your project's style entry file.

```scss
@use '@hxui/css-next/src/hxn-config' with (
  $config: (
    settings: (
      icons-path: '~@hxui/css-next/dist/fonts/',
    ),
  )
);
```

## Usage - custom theming

Import uncompiled sass file to your project's style entry file.

```scss
@use 'sass:meta';

@use '@hxui/css-next/src/hxn-config' with (
  $config: (
    settings: (
      icons-path: '~@hxui/css-next/dist/fonts/',
    ),
  )
);

@layer theme, reset, defaults, layouts, vendor, components, utilities;

@layer theme {
  @include meta.load-css('path/to/my/theme');
}
/* check out '@hxui/css-next/src/hxn-theme' for inspiration */

@layer reset {
  @include meta.load-css('@hxui/css-next/src/hxn-reset');
}

@layer defaults {
  @include meta.load-css('@hxui/css-next/src/hxn-defaults');
}

@layer layouts {
  @include meta.load-css('@hxui/css-next/src/hxn-layouts');
}

@layer components {
  @include meta.load-css('@hxui/css-next/src/hxn-components');
}

@layer utilities {
  @include meta.load-css('@hxui/css-next/src/hxn-utilities');
}
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/nav
Description: An Angular library for managing navigation with Helix microfrontends.
Author: Design@MD
Latest version: 0.3.0

# HXUI Nav

An Angular library for managing navigation with Helix microfrontends.

## Installation

```sh
npm i @hxui/nav
```

## Usage

Import into app module.

```ts
import { NavModule, REDIRECT_MANIFEST } from '@hxui/nav';
import { appRedirects } from 'path/to/redirects';

@NgModule({
  imports: [NavModule],
  providers: [
    {
      provide: REDIRECT_MANIFEST,
      useValue: appRedirects,
    },
  ],
})
export class AppModule {}
```

## Versions

| @hxui/nav | Angular |
| --------- | ------- |
| 0.x       | 13.x    |

## Build

Run `ng build nav` to build the project. The build artifacts will be stored in the `dist/nav` directory.

## Publishing

After building your library with `ng build nav`, go to the dist folder `cd dist/nav` and run `npm publish`.

## Running unit tests

Run `npm run test` to execute the unit tests via [Jest](https://jestjs.io/).

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/ng-select
Description: A HxUi theme for ng-select
Author: Design @ MD
Latest version: 1.2.1

# HXUI Ng Select Themes

An [ng-select](https://ng-select.github.io/ng-select#/data-sources) theme based on the [HXUI design system](https://hxui.io).

## Installation

```bash
npm i @hxui/ng-select
```

## Usage

Import uncompiled sass file to your project's style entry file.

```scss
@import "@hxui/ng-select/themes/hxui.theme.scss";
```

## Demo

See [examples](https://angular.hxui.io/#/ng-select)

## Changelog

See [changelog](https://github.com/MedicalDirector/hxui-angular/blob/master/projects/ng-select/CHANGELOG.md)

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxui/shell
Description: An Angular library of ui layout components for use in Helix microfrontends.
Author: Design@MD
Latest version: 0.3.0

# HXUI Shell

An Angular library of ui layout components for use in Helix microfrontends.

## Installation

```sh
npm i @hxui/shell
```

## Usage

Import into app module.

```ts
import { ShellModule } from '@hxui/shell';

@NgModule({
  imports: [ShellModule],
})
export class AppModule {}
```

## Versions

| @hxui/auth | Angular |
| ---------- | ------- |
| 0.x        | 13.x    |

## Build

Run `ng build shell` to build the project. The build artifacts will be stored in the `dist/shell` directory.

## Publishing

After building your library with `ng build shell`, go to the dist folder `cd dist/shell` and run `npm publish`.

## Running unit tests

Run `npm run test` to execute the unit tests via [Jest](https://jestjs.io/).

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @hxxxy/vue-components
Description: ## How to use: 1. Just use `npm install --save @hxxxy/vue-components` 2. Use the components in your file directly.
Author: Rick
Latest version: 0.1.14

Bundle of components

**List of components**
*HxxxyTextArea*
Autosized with counter, material theme
usage:
    <TextInput class="form-input" :text-raw.sync="textInputValue" label="text" placeholder="Add text (optional)..."
        :rule-min="textInputRules.min" :rule-max="textInputRules.max"></TextInput>

*HxxxySpinner*
Simple spinner.
Usage:
    <HxxxySpinner v-if="isSpinning" :theme="getSpinnerTheme"></HxxxySpinner>

*HxxxySpinButton*
Button with spinning wheel.

**How to use**
In main file import and register components, eg to register all:
import Components from '@hxxxy/vue-components';

Object.keys(Components).forEach(name => {
    Vue.component(name, Components[name]);
});

and use components like this:
<HxxxySpinButton @btnClick="saveNote" :disabled="newNoteName == ''"
    theme="white" text="Save" :title="title.saveNote"></HxxxySpinButton>
npm package: @hxyfe/cli
Description: a simple cli
Author: lazy-b
Latest version: 0.3.1

# Simple Cli

本工具是个简单的小工具，目前支持以下功能：

1. init
   1. 给项目添加了一系列校验代码的依赖
   2. 进行相关的配置
   3. 给项目添加一系列校验 git 提交信息的依赖
   4. 利用 git 钩子对提交代码和提交信息进行校验
   5. 也就是把代码校验工作流给搭建完成了
   6. 主要是添加了下面的模块
      1. eslint
      2. stylelint
      3. prettier
      4. husky
      5. commitizen
      6. validate-commit-msg
      7. lint-staged
      8. ...
   7. 如果初始化失败，那么建议将 node_modules 删除再次执行一次命令
   8. 如果执行了上面的步骤还是初始化失败，则可以联系作者
   9. 为了防止校验规则冲突，会将 .eslintrc.js .prettierrc.js 进行移除
   10. 如果以前的对应配置文件不是上面的格式，需要自行手动移除，否则校验规则仍然会按照原规则进行，但是不影响整个工作流的进行
2. TODO:

## Usage

** 【推荐】直接在项目根目录运行 `npx @hxyfe/cli init` **

或者安装到项目依赖中

#### NPM

```shell
npm i @hxyfe/cli -D
```

#### YARN

```shell
yarn add @hxyfe/cli --dev
```

#### Usage

进入项目根目录运行 `.\node_modules\.bin\run init`
npm package: @hxyfe/eslint-config
Description: eslint config
Author: lazy.b
Latest version: 1.0.7

# Eslint Config

## Install

#### NPM

```shell
npm i @hxyfe/eslint-config typescript eslint -D
```

#### YARN

```shell
yarn add @hxyfe/eslint-config typescript eslint --dev
```

## Usage

给 `package.json` 添加  
```json
  "scripts": {
    "lint": "eslint --ext .js,.vue src",
  },
  "eslintConfig": {
    "root": true,
    "extends": [
      "@hxyfe"
    ]
  }
```
可以运行 `npm run lint -- --fix` 进行代码修复
npm package: @hxyfe/prettier-config
Description: a config to perttier
Author: lazy-b
Latest version: 0.0.1

# Pretter Config

## Install

#### NPM

```shell
npm i @hxyfe/prettier-config -D
```

#### YARN

```shell
yarn add @hxyfe/prettier-config --dev
```

## Usage

给 package.json 添加  

```json
"prettier": "@hxyfe/prettier-config"
```

可以运行 .\node_modules\.bin\prettier --write . 对目标进行格式化  

或者给 package.json 添加命令  

```json
"format": "prettier --write src/**/*.{js,jsx,ts,tsx,vue,css,scss,sass,less}",
```

然后运行 npm run format 进行格式化
npm package: @hxyfe/stylelint-config
Description: stylelint config
Author: lazy.b
Latest version: 1.0.0

# Stylelint Config

## Install

#### NPM

```shell
npm i @meicloud/stylelint-config stylelint -D
```

#### YARN

```shell
yarn add @meicloud/stylelint-config stylelint --dev
```

## Usage

给 `package.json` 添加  

```json
  "scripts": {
    "lint:style": "stylelint src/**/*.css src/**/*.vue src/**/*.less src/**/*.sass"
  },
  "stylelint": {
    "extends": [
      "@meicloud/stylelint-config"
    ]
  },
```

可以运行 `npm run lint:style -- --fix` 进行代码修复
npm package: @hy-vee/babel-plugin-impostor
Description: A babel plugin for allowing handlers to be imposed.
Author: Miller, Josh
Latest version: 0.0.4

# `babel-plugin-impostor`
A babel plugin for allowing api handlers/resolvers to be imposed.

*This is experimental. Use at your own risk!*

## Usage

Add to your babel config in plugins as follows:
```json
{
  "env": {
    "dev": {
      "plugins": [
        "@hy-vee/babel-plugin-impostor"
      ]
    }
  }
}
```

Add a block comment above your handler or resolver function
```javascript
/*
 * @impostor
 * headers headers
 * query params.id
 */
export const handler = async ({params, headers}) => {
	return null;
}
```

```javascript
/*
 * @impostor designates the handler/resolver as imposable.
 * headers is the reference for finding the needed \`impostor\` headers shown further down.
 * query is the reference for querying \`hy-vee-impostor-data\`.
*/
```

Next compile code with babel and run server. There are three phases:
1. [Prime](#how-to-prime)
2. [Request](#how-to-request)
3. [Delete](#how-to-delete)

### How to prime
- Add the `hy-vee-impostor-id` header using a unique key value of your choosing.

- Add the `hy-vee-impostor-data` header with the
  data you wish to return or query on.

This will set up impostor instance with the `hy-vee-impostor-id` and assign the instance the data. The `hy-vee-impostor-data` will be
returned via the response. It should be used to validate success.

#### Example
Request
```bash
curl --location --request GET 'http://localhost:5555/v1/things/fake-thing-id-1' \
--header 'hy-vee-impostor-id: super-duper-impostor-1' \
--header 'hy-vee-impostor-data: { "fake-thing-id-1": { "thing": {"thingId": "fake-thing-id-1"} } }'
```
Response Body
```json
{
  "fake-thing-id-1": {
    "thing": {
      "thingId": "fake-thing-id-1"
    }
  }
}
```

### How to request
- Use the `hy-vee-impostor-id` header.

#### Example
Request
```bash
curl --location --request GET 'http://localhost:5555/v1/things/fake-thing-id-1' \
--header 'hy-vee-impostor-id: super-duper-impostor-1'
```
Response Body
```json
{
  "thing": {
    "thingId": "fake-thing-id-1"
  }
}
```

### How to delete
- Use the `hy-vee-impostor-id` header.
- Use the `hy-vee-impostor-delete` header with a value of `true`.

#### Example
Request
```bash
curl --location --request GET 'http://localhost:5555/v1/things/fake-thing-id-1' \
--header 'hy-vee-impostor-id: super-duper-impostor-1' \
--header 'hy-vee-impostor-delete: super-duper-impostor-1'
```
Response Body
`null`
npm package: @hy66/element
Description: Vue3 components library
Author: hy
Latest version: 1.0.5

# hy-element

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vite.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```