open-index/open-npm huggingface dataset:
npm package: @mir4a/react-datasheet-grid
Description: An Excel-like React component to create beautiful spreadsheets.
Author: Nicolas Keller
Latest version: 4.12.0-alpha.15

# react-datasheet-grid

![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/nick-keller/react-datasheet-grid/tests.yml?branch=master)
[![Coveralls](https://img.shields.io/coveralls/github/nick-keller/react-datasheet-grid)](https://coveralls.io/github/nick-keller/react-datasheet-grid)
[![npm](https://img.shields.io/npm/dm/react-datasheet-grid)](https://www.npmjs.com/package/react-datasheet-grid)
[![GitHub last commit](https://img.shields.io/github/last-commit/nick-keller/react-datasheet-grid)](https://github.com/nick-keller/react-datasheet-grid)
![npm bundle size](https://img.shields.io/bundlephobia/min/react-datasheet-grid)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

View [demo and documentation](https://react-datasheet-grid.netlify.app/)

An Airtable-like / Excel-like component to create beautiful spreadsheets.

![Preview](./images/preview.png)

Feature rich:
- Dead simple to set up and to use
- Supports copy / pasting to and from Excel, Google-sheet...
- Keyboard navigation and shortcuts fully-supported
- Supports right-clicking and custom context menu
- Supports dragging corner to expand selection
- Easy to extend and implement custom widgets
- Blazing fast, optimized for speed, minimal renders count
- Smooth animations
- Virtualized rows and columns, supports hundreds of thousands of rows
- Extensively customizable, controllable behaviors
- Built with Typescript

## Install

```bash
npm i react-datasheet-grid
```

## Usage

```tsx
import {
  DataSheetGrid,
  checkboxColumn,
  textColumn,
  keyColumn,
} from 'react-datasheet-grid'

// Import the style only once in your app!
import 'react-datasheet-grid/dist/style.css'

const Example = () => {
  const [ data, setData ] = useState([
    { active: true, firstName: 'Elon', lastName: 'Musk' },
    { active: false, firstName: 'Jeff', lastName: 'Bezos' },
  ])

  const columns = [
    {
      ...keyColumn('active', checkboxColumn),
      title: 'Active',
    },
    {
      ...keyColumn('firstName', textColumn),
      title: 'First name',
    },
    {
      ...keyColumn('lastName', textColumn),
      title: 'Last name',
    },
  ]

  return (
    <DataSheetGrid
      value={data}
      onChange={setData}
      columns={columns}
    />
  )
}
```
npm package: @mira-ds/design-tokens
Description: The design tokens for Mira Design System
Author: Andy Coupe
Latest version: 1.2.2

# Mira Design Tokens

This package exports all the design tokens for Mira Design System.

The design tokens are stored in Figma and Figmagic fetches these tokens programatically.

To build  the tokens run:
```bash
yarn build
```
npm package: @mira-network/sdk
Description: Mira Network SDK
Author: Aroha Labs
Latest version: 1.0.6

# Mira SDK

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/your-username/mira-sdk/blob/main/LICENSE)

## Description

Mira SDK is a powerful library that provides seamless integration with the Mira Network API. It allows developers to easily interact with the network and perform various operations.

## Features

- Simple and intuitive API
- Secure authentication using API key
- Error handling for unauthorized access

## Installation

To install Mira SDK, simply run the following command:

```bash
npm install @mira-network/sdk
```

## Usage

```typescript
import { Client } from "@mira-network/sdk";

// Create a new instance of the client
const client = new Client({ apiKey: "YOUR_API_KEY" });

// Execute a flow
try {
  await client.exec("your-flow");
} catch (error) {
  console.error(error);
}
```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Support

If you have any questions or need assistance, feel free to reach out to our support team at support@mira.network
npm package: @miraage/react-scripts
Description: Miraage cconfiguration and scripts for Create React App.
Latest version: 2.1.8-sync

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @mirabdollahi-sm/next-package
Description: This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
Author: Mirabollahi-sm
Latest version: 0.1.0

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
npm package: @mirabdollahi-sm/react-pack
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: Mirabollahi-sm
Latest version: 0.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:

```js
export default tseslint.config({
  extends: [
    // Remove ...tseslint.configs.recommended and replace with this
    ...tseslint.configs.recommendedTypeChecked,
    // Alternatively, use this for stricter rules
    ...tseslint.configs.strictTypeChecked,
    // Optionally, add this for stylistic rules
    ...tseslint.configs.stylisticTypeChecked,
  ],
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})
```
npm package: @mirabdollahi-sm/react-tailwind-ts-package
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: Mirabollahi-sm
Latest version: 0.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:

```js
export default tseslint.config({
  extends: [
    // Remove ...tseslint.configs.recommended and replace with this
    ...tseslint.configs.recommendedTypeChecked,
    // Alternatively, use this for stricter rules
    ...tseslint.configs.strictTypeChecked,
    // Optionally, add this for stylistic rules
    ...tseslint.configs.stylisticTypeChecked,
  ],
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})
```
npm package: @mirabo-colyseus/ws-transport
Description: ```typescript import { Server } from "@colyseus/core"; import { WebSocketTransport } from "@colyseus/ws-transport";
Author: Endel Dreyer
Latest version: 0.14.23

# @colyseus/ws-transport

```typescript
import { Server } from "@colyseus/core";
import { WebSocketTransport } from "@colyseus/ws-transport";

const gameServer = new Server({
  transport: new WebSocketTransport(),
  // ...
})
```

Re-using existing http server and/or Express:

```typescript
import http from "http";
import express from "express";
import { Server } from "@colyseus/core";
import { WebSocketTransport } from "@colyseus/ws-transport";

const app = express();
const server = http.createServer(app);

const gameServer = new Server({
  transport: new WebSocketTransport({ server }),
  // ...
})
```
npm package: @mirabo_colyseus/ws-transport
Description: ```typescript import { Server } from "@mirabo_colyseus/core"; import { WebSocketTransport } from "@mirabo_colyseus/ws-transport";
Author: Endel Dreyer
Latest version: 0.14.23

# @mirabo_colyseus/ws-transport

```typescript
import { Server } from "@mirabo_colyseus/core";
import { WebSocketTransport } from "@mirabo_colyseus/ws-transport";

const gameServer = new Server({
  transport: new WebSocketTransport(),
  // ...
})
```

Re-using existing http server and/or Express:

```typescript
import http from "http";
import express from "express";
import { Server } from "@mirabo_colyseus/core";
import { WebSocketTransport } from "@mirabo_colyseus/ws-transport";

const app = express();
const server = http.createServer(app);

const gameServer = new Server({
  transport: new WebSocketTransport({ server }),
  // ...
})
```
npm package: @mirachine/mjs-require
Description: Module JS async import allows importing a module or directory using configuration-based path aliases.
Author: mirachine
Latest version: 1.0.0

# @mirachine/mjs-require

## Execution Environment

Operates in Node.js.
Either in `.mjs` files or specified in the `"type": "module"` field in the `package.json`.

## Introduction

**@mirachine/mjs-require** is a simple utility for loading modules and folders, supporting relative paths and configuration-based path aliases. It allows you to use path aliases like `require("@alias/path/to/module")` in your project.

## Installation

```
npm install @mirachine/mjs-require
```

## Configuration

Create a mjs-require.config.mjs file in the root of your project to configure path aliases and their mappings. Example configuration file:

```
// mjs-require.config.mjs

export default {
  "@": "./src",
  "#components": "./src/components",
  "#utils": "./src/utils",
  // Add more path aliases and mappings
};
```

## Usage

In Module JS, you can use `@mirachine/mjs-require` to load modules. For example:

```
import require from "@mirachine/mjs-require";

// Load modules using path aliases.
const myModuleA = await require("#components/fileA.js");
const myModuleB = await require("@/fileB.mjs");

// Load directories.
const allModulesInDir = await require("@/dirA");
```
npm package: @miracle-box/koishi-plugin-emerald-faq
Description: Provides a simple FAQ command, used by emerald bot.
Latest version: 0.0.3

# @miracle-box/koishi-plugin-emerald-faq

[![npm](https://img.shields.io/npm/v/@miracle-box/koishi-plugin-emerald-faq?style=flat-square)](https://www.npmjs.com/package/@miracle-box/koishi-plugin-emerald-faq)

Provides a simple FAQ command

Install this plugin to your Koishi instance and you can see configuration items.
npm package: @miracle-box/koishi-plugin-emerald-html2img
Description: Provides API for converting HTML to image.
Latest version: 0.1.2

# @miracle-box/koishi-plugin-emerald-html2img

[![npm](https://img.shields.io/npm/v/@miracle-box/koishi-plugin-emerald-html2img?style=flat-square)](https://www.npmjs.com/package/@miracle-box/koishi-plugin-emerald-html2img)

Provides API for converting HTML to image.
npm package: @miracle-web/area-data
Description: Miracle 省市区数据
Author: TomCat
Latest version: 0.0.1

# Miracle China Area Data

中国省市区数据，适用于 Miracle 的 Area 和 Cascader 等组件。

## 安装

```shell
# 通过 npm
npm i @miracle-web/area-data

# 通过 yarn
yarn add @miracle-web/area-data

# 通过 pnpm
pnpm add @miracle-web/area-data

# 通过 Bun
bun add @miracle-web/area-data
```

## 使用

在 Miracle 的 Area 组件中使用时，直接引用 `areaList` 对象即可：

```ts
import { areaList } from '@miracle-web/area-data';
```

在 Miracle 的 Cascader 组件中使用时，请使用 `useCascaderAreaData` 方法：

```ts
import { useCascaderAreaData } from '@miracle-web/area-data';

const cascaderAreaData = useCascaderAreaData();
```

## 数据更新

中国的行政区划每年都会有变动，如果发现省市区数据未及时更新，欢迎提 Pull Request 帮助我们更新。你可以在[「国家统计局 - 全国区划代码」](http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/) 和[「民政部 - 行政区划代码」](https://www.mca.gov.cn/article/sj/xzqh/1980/)上查询到最新数据，请根据官方数据进行核实。
npm package: @miracle-web/eslint-config
Description: eslint config of Miracle
Author: TomCat
Latest version: 0.0.5

# ESLint Config of Miracle

## Install

```shell
# with npm
npm i @miracle-web/eslint-config -D

# with yarn
yarn add @miracle-web/eslint-config -D

# with pnpm
pnpm add @miracle-web/eslint-config -D

# with Bun
bun add @miracle-web/eslint-config -D
```

## Usage

```json
// .eslintrc
{
  "extends": ["@miracle-web/eslint-config"]
}
```
npm package: @miracle-web/popperjs
Description: Pre-compiled popperjs core
Author: TomCat
Latest version: 0.0.1

# @miracle-web/popperjs

@popperjs/core in commonjs format, added Object.assign polyfill.

## Install

```shell
# with npm
npm i @miracle-web/popperjs

# with yarn
yarn add @miracle-web/popperjs

# with pnpm
pnpm add @miracle-web/popperjs

# with Bun
bun add @miracle-web/popperjs
```

## Usage

see: https://popper.js.org/
npm package: @miracle-web/touch-emulator
Description: Miracle touch emulator
Author: TomCat
Latest version: 0.0.1

# Miracle Touch Emulator

在桌面端上模拟移动端 touch 事件，实现方式来自于 [hammerjs/touchemulator](https://github.com/hammerjs/touchemulator).

## 具体实现

```shell
1. 环境检测：检查当前环境是否支持触摸事件。
2. Polyfill：为不支持 createTouch 和 createTouchList 的浏览器提供兼容性实现。
3. Touch 和 TouchList 构造函数：定义触摸点和触摸列表的构造函数。
4. 事件监听：监听鼠标事件（mousedown, mousemove, mouseup），并在适当的时候触发对应的触摸事件（touchstart, touchmove, touchend）。
5. 事件触发：创建并派发触摸事件，确保事件的属性与鼠标事件一致。
```

## 流程图

<img style="height:500px" src="https://cdn.jsdelivr.net/gh/wuxingxi888/CDN_IMG_BED/touchemulator.png">

## Install

```shell
# with npm
npm i @miracle-web/touch-emulator

# with yarn
yarn add @miracle-web/touch-emulator

# with pnpm
pnpm add @miracle-web/touch-emulator

# with Bun
bun add @miracle-web/touch-emulator
```

## 使用指南

直接在代码中引入模块即可，模块会自动完成初始化并生效

```js
import '@miracle-web/touch-emulator';
```

## CDN 引入

```html
<script src="https://fastly.jsdelivr.net/npm/@miracle-web/touch-emulator"></script>
```

## 禁用 touch 模拟

在标签上添加 `data-no-touch-simulate` 属性后，可以使这个标签（以及它的子元素）不触发 `touch` 模拟事件。

```html
<div data-no-touch-simulate />
```
npm package: @miracle-web/ui
Description: Mobile UI Components built on Vue
Author: Tomcat
Latest version: 0.0.4

<p align="center">
    <img alt="logo" src="https://cdn.jsdelivr.net/gh/wuxingxi888/CDN_IMG_BED/logo.png" width="120" height="120" style="margin-bottom: 10px;">
</p>

<h1 align="center">Miracle UI</h1>

<p align="center">轻量、可定制的移动端 Vue 组件库</p>

<p align="center">
    <img src="https://img.shields.io/npm/v/@miracle-web/ui?style=flat-square" alt="npm version" />
   <img src="https://codecov.io/gh/wuxingxi888/miracle/graph/badge.svg?token=FP2KLT5VRY"/> 
    
</p>

<p align="center">
  <a href="https://wuxingxi.top/miracle/">文档网站</a>
  &nbsp;
</p>

---

### 介绍

Miracle UI 是一个**轻量、可定制的移动端组件库**，于 2024 年开源，目前正在努力开发中，欢迎感兴趣的小伙伴一起参与贡献。

### 特性

- 🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
- 🚀 高质量组件，覆盖移动端主流场景
- 🚀 零外部依赖，不依赖三方 npm 包
- 💪 使用 TypeScript 编写，提供完整的类型定义
- 💪 单元测试覆盖率超过 90%，提供稳定性保障
- 📖 提供丰富的中英文文档和组件示例
- 🍭 支持按需引入和 Tree Shaking
- 🍭 支持无障碍访问（持续改进中）
- 🍭 支持深色模式

### 脚手架

开发中，暂不支持使用脚手架创建项目， 敬请期待！

推荐使用 [Rsbuild](https://github.com/web-infra-dev/rsbuild) 来创建一个脚手架项目。

Rsbuild 是基于 Rspack 的构建工具，由 Vant 作者开发，具备一流的构建速度和开发体验。

你可以通过以下命令创建一个 Rsbuild 项目：

```bash
npm create rsbuild@latest
```

请访问 [Rsbuild 仓库](https://github.com/web-infra-dev/rsbuild) 了解更多信息。

### 快速上手

请阅读[快速上手](#/zh-CN/quickstart)章节，通过该章节你可以了解到 Miracle UI 的安装方法和基本使用姿势。

### 浏览器支持

支持现代浏览器以及 Android >= 4.0、iOS >= 8.0。

支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。

### 维护状态

目前 Miracle 各个版本的维护状态如下：

| 名称 | 框架 | 发布时间 | 最新版 | 维护状态 |
| --- | --- | --- | --- | --- |
| Miracle UI 1 | Vue 3 | `2024.3` | ![](https://img.shields.io/npm/v/@miracle-web/ui?style=flat-square) | 开发中，持续迭代新功能 |

## 链接

### 生态

由 Miracle 团队维护的项目如下：

| 项目 | 描述 |
| --- | --- |
| [vite-vue3-h5-template](https://github.com/wuxingxi888/vite-vue3-h5-template) | 基于 vue3 的移动端项目模板 |
| [vite-react-h5-template](https://github.com/wuxingxi888/vite-react-h5-template) | 基于 react 的移动端项目模板 |

### 其他链接

- [意见反馈](https://github.com/wuxingxi888/miracle/issues)
- [更新日志](#/zh-CN/changelog)
- [码云镜像仓库](https://gitee.com/tianqijizhang/miracle.git)

## 贡献

### 核心团队

以下是 Miracle UI 的核心贡献者们：

| [![Tom Cat](https://avatars.githubusercontent.com/u/29647314?v=4)](https://github.com/wuxingxi888/) |  |  |  |  |  |
| :-: | :-: | :-: | :-: | :-: | :-: |
| [Tom Cat](https://github.com/wuxingxi888/) |  |  |  |  |  |

### 贡献指南

贡献代码请阅读我们的[贡献指南](#/zh-CN/contribution)。

使用过程中发现任何问题都可以提 [Issue](https://github.com/wuxingxi888/miracle/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://github.com/wuxingxi888/miracle/pulls)。

### 开源协议

本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。
npm package: @miracle-web/use
Description: Miracle Composition API
Author: TomCat
Latest version: 0.0.2

# Miracle Use

Built-in composition APIs of Miracle.

## Install

```shell
# with npm
npm i @miracle-web/use

# with yarn
yarn add @miracle-web/use

# with pnpm
pnpm add @miracle-web/use

# with Bun
bun add @miracle-web/use
```
npm package: @miracledesign/design-tokens
Description: Miracle Design Tokens are the single source of truth for core design values, stored in a technology-agnostic JSON format to ensure consistency across Miracle products.
Author: Muhamad Arsaludin
Latest version: 0.1.7

# @miracledesign/design-tokens

**Miracle Design Tokens** are the single source of truth for core design values, stored in a technology-agnostic JSON format to ensure consistency across Miracle products.

[![Version](https://img.shields.io/npm/v/@miracledesign/design-tokens)](https://www.npmjs.com/package/@miracledesign/design-tokens)
[![License](https://img.shields.io/npm/l/@miracledesign/design-tokens)](LICENSE)

---
## 📦 Installation
```bash
npm install @miracledesign/design-tokens
# or
yarn add @miracledesign/design-tokens
```

```
// Add or import these CSS files to use the design tokens
@import "@miracledesign/design-tokens/dist/web/css/global-tokens.css"
@import "@miracledesign/design-tokens/dist/web/css/alias-light-tokens.css"
@import "@miracledesign/design-tokens/dist/web/css/alias-dark-tokens.css"
```

# Changelog
## [0.1.7] - 2025-12-07
### Changed
* Tunning color background and border alias token
## [0.1.6] - 2025-12-06
### Changed
* Change outputReferences format alias token 
* Change alias color background surface strong
## [0.1.5] - 2025-12-06
### Changed
* Tunning global and alias token color
## [0.1.4] - 2025-11-30
### Changed
* Tunning alias token color
## [0.1.3] - 2025-11-28
### Changed
* Change font weight body-1 from 500 to 400
* Change font weight title-1 from 600 to 500
## [0.1.2] - 2025-11-28
### Changed
* Rename global and alias token category from "size" to "dimension"
* Adjusted color values
## [0.1.1] - 2025-11-27
### Fixed
* Fix missing folder /dist folder
## [0.1.0] - 2025-11-27
### Added
* Add new Miracle Design tokens for CSS (Global and Alias).
npm package: @miracledevs/paradigm-ui-shared
Description: A shared library containing helpers and other classes like Enumerables and other functions c#-like to ease the work of .net programmers.
Author: Miracle Devs
Latest version: 1.0.0
Deprecated: this package has been deprecated

Paradigm UI Shared
---

This library contains shared classes used by paradigm ui framework both in angujarjs and angular. The classes included in this library are general purpose and can be used in other type of projects as well.

Change log
---
Version `1.0.1`
- Added a legacy method to support older projects to ObjectExtensions.

Version `1.0.0`
- Uploaded first version of the shared library.
npm package: @miracledevs/paradigm-ui-web-shared
Description: A shared library containing helpers and other classes like Enumerables and other functions c#-like to ease the work of .net programmers.
Author: Miracle Devs
Latest version: 1.0.6

[![Build Status](https://travis-ci.org/MiracleDevs/Paradigm.Web.Shared.svg?branch=master)](https://travis-ci.org/MiracleDevs/Paradigm.Web.Shared)
[![npm version](https://badge.fury.io/js/%40miracledevs%2Fparadigm-ui-web-shared.svg)](https://badge.fury.io/js/%40miracledevs%2Fparadigm-ui-web-shared)

# Paradigm.Web.Shared
Typescript library with helper classes like ArrayLists, Dictionaries, extensions for base objects and more.

NPM
---
```
npm install --save @miracledevs/paradigm-ui-web-shared
```


Change log
---

Version `1.0.6`
- Updated npm dependencies.
- Updated ObjectExtensions.getTypeName to work in Firefox.

Version `1.0.5`
- Updated npm dependencies.
- Updated ObjectExtensions.getTypeName.
- Updated date tests.

Version `1.0.4`
- Updated npm dependencies.

Version `1.0.3`
- Changed repository from gitlab to github.

Version `1.0.2`
- Added tslint to project.
- Formatted code using the tslint.
- Changed `StringExtensions.format` and `StringExtensions.formatArray` not to serialize null values.
  Changed tests accordingly.

Version `1.0.1`
- Added readme file.

Version `1.0.0`
- Uploaded first version of the shared library.
npm package: @miracledevs/paradigm-web-angular
Description: An angular wrapper with base functionality and helper services.
Author: Miracle Devs
Latest version: 0.0.1

[![Build Status](https://travis-ci.org/MiracleDevs/Paradigm.Web.Angular.svg?branch=master)](https://travis-ci.org/MiracleDevs/Paradigm.Web.Angular)

# Paradigm.Web.Angular
A Angular Library with base classes and helper services.

# Releases

## v0.0.1
- Added a base component for all the application components, with helper protected methods.
  Most of the methods are lazy, and won't affect the component if not used.
- Added modal component base to use in conjunction with the `ModalService`.
- Added `Message` decorator to use in conjunction with the `MessageBusService`.
- Added `AlertService` to handle application alerts. The alert service holds an array of alerts
  than can be shared and binded to the UI to show the alerts to the end user.
- Added `FileService` to handle file related tasks. For now reads the file contents using a `FileReader`
  and ensures that all the events are correctly added and removed before leaving the context.
- Added `GeolocationService` that is agnostic from the implementation. By default, it will use the navigator
  provider, but can be changed on different platforms.
- Added `LoggingService` to handle application logs. Loke the geolocation service, the `LoggingService` is also
  agnostic and the user can provide their own provider. By default, the logging will use the console provider.
- Added `MessageBusService` to manage and handle application messaging. Allows the user to create custom messages
  and send these messages from anywhere in the application, decoupling the different layers.
- Added `ModalService` to allow the component logic to order the opening of a modal. Modal components are created,
  handled and destroyed by the `ModalService`. Remember to add the modal components not only in the `declarations` array,
  but also in the `entryComponents` in your module, or angular will trim your components because they won't be used
  anywhere in your templating code.