open-index/open-npm huggingface dataset:
npm package: @icestack/cli
Description: The cli of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/config
Description: The config package of icestack
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/core
Description: The core of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/cva
Description: The class-variance-authority function collection of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/generator
Description: The generator package of icestack
Author: SonOfMagic
Latest version: 1.0.5

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/logger
Description: The logger of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/postcss
Description: The postcss processor of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/postcss-utils
Description: The postcss utils of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/preset-default
Description: The default preset of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/preset-mockup
Description: The mockup preset of @icestack/ui
Author: SonOfMagic
Latest version: 1.0.11

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/preset-weapp
Description: The weapp preset of @icestack/ui
Author: SonOfMagic
Latest version: 1.0.11

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/presets
Description: The presets of @icestack/ui
Author: SonOfMagic
Latest version: 0.2.30

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/scss
Description: The scss utils of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/shared
Description: Shared utils and constants of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/types
Description: The types of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/ui
Description: ❤️ IceStack, Web UI for Mobile, PC and Mini Program, open-source Headless component library generator
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @icestack/unocss
Description: The Unocss plugin of @icestack/ui
Author: SonOfMagic
Latest version: 1.3.8

<br>

<p align="center">
<img src="https://github.com/sonofmagic/icestack/raw/main/assets/logo.svg" style="width:100px;" />
</p>

<h1 align="center">IceStack</h1>

❤️ IceStack, Web UI for Mobile and PC , open-source Headless component library generator

## Documentation

[Documentation](https://ui.icebreaker.top/) | [中文文档](https://ui.icebreaker.top/zh-CN)
npm package: @iceteachain/common
Description: Common functions for Icetea core and Icetea web3.
Author: Trada Tech
Latest version: 0.1.8

# ICETEA COMMON

![GitHub commit activity](https://img.shields.io/github/commit-activity/m/TradaTech/icetea-common.svg)
![Dependencies](https://img.shields.io/david/TradaTech/icetea-common.svg)
![Dev Dependencies](https://img.shields.io/david/dev/TradaTech/icetea-common.svg)
[![](https://tokei.rs/b1/github/TradaTech/icetea-common?category=lines)](https://github.com/TradaTech/icetea-common)
[![License](https://img.shields.io/npm/l/make-coverage-badge.svg)](https://opensource.org/licenses/MIT)

[![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)  

Common stuff for Icetea blockchain and clients, like codec, curve, etc.

## Install
### NodeJS or Webpack/Browserify
```
npm install @iceteachain/common
```
### <script> tags
```html
<script src="https://cdn.jsdelivr.net/npm/@iceteachain/common@0.1.8/dist/browser.min.js"></script>
```

> **NOTE** This package is under development and not ready for production.
npm package: @iceteachain/web3
Description: A Web3-like client lib for Icetea blockchain.
Author: Trada Tech
Latest version: 0.2.7

# ICETEA WEB3

![GitHub commit activity](https://img.shields.io/github/commit-activity/m/TradaTech/iceteaweb3.svg)
![Dependencies](https://img.shields.io/david/TradaTech/iceteaweb3.svg)
![Dev Dependencies](https://img.shields.io/david/dev/TradaTech/iceteaweb3.svg)
[![](https://tokei.rs/b1/github/TradaTech/iceteaweb3?category=lines)](https://github.com/TradaTech/iceteaweb3)
[![License](https://img.shields.io/npm/l/make-coverage-badge.svg)](https://opensource.org/licenses/MIT)

[![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)  

Web3-like client for Icetea blockchain.

## Install
### NodeJS or Webpack/Browserify
```
npm install @iceteachain/web3
```
### <script> tags
```html
<script src="https://cdn.jsdelivr.net/npm/@iceteachain/web3@0.2.7/dist/browser.min.js"></script>
```

> **NOTE** This package is under development and not ready for production.
npm package: @icetee/time-ago
Description: Simple timeago function takes same params as new Date(...)
Author: Tamás András Horváth
Latest version: 1.0.0

# Timeago

Simple timeago function takes same params as `new Date(...)`

```javascript
const ta = require('./time-ago.js')  // node.js
var ta = Timeago();	              // browser
```

### ta.ago(..., [short])

```javascript
ta.ago(new Date() - 1000);  // =>  "1 second ago"
ta.ago(new Date() - 2000);  // =>  "2 seconds ago"

ta.ago(1); // =>  "48 years ago"

// takes twitter's created_at date format, in your timezone
ta.ago('Sun Jun 28 19:44:05 +0000 2013'); // => "2 days ago"

// and UTC
ta.ago('1997-07-16T19:20+01:00'); // => "16 years ago"

// with optional short parameter
ta.ago(new Date() - 1000, true);  // =>  "1s"
ta.ago(new Date() - 1000 * 60, true); // => "1m"
ta.ago(new Date() - 1000 * 60 * 60, true); // => "1h"

```

### ta.today()

```javascript
ta.today() // function shows Day, Month, Date, Yr    
// ==> 'Monday, June 1, 1970'    
```

### ta.nowfriendly(..., [short])

```javascript
ta.nowfriendly(new Date() - 1000) // ==> 'right now'
ta.nowfriendly(new Date() - 60 * 1000) // ==> "1 minutes ago"
```

### ta.timefriendly('x period')

```javascript
ta.timefriendly('1 hour')  // convert to ms: seconds, minutes, hours, days, weeks, months, years ==> 3600000
// ==> 3600000

ta.timefriendly('1 hour')  // convert to ms: seconds, minutes, hours, days, weeks, months, years
// ==> 3600000
```

### ta.mintoread(text, [altcmt, wpm])
Cool Medium like 'x min to read' feature

```javascript
ta.mintoread('six hundred words of text')  // calculate based on 200 wpm reading speed
// ==> "3 min to read"

ta.mintoread('six hundred words of text', ' minutes to finish')  // optional alternate comment
// ==> "3 minutes to finish"

ta.mintoread('six hundred words of text', null, 300)  // alternate wpm
// ==> "2 min to read"
```

# Translations
Only add `Timeago` parameter.

```javascript
var ta = Timeago({
  ' ago': '',
  ' from now': ' most',
  'right now': 'épp most',
  ' min to read': 'olvasva',

  'Monday': 'Hétfő',
  'Tuesday': 'Kedd',
  'Wednesday': 'Szerda',
  'Thursday': 'Csütörtök',
  'Friday': 'Péntek',
  'Saturday': 'Szombat',
  'Sunday': 'Vasárnap',

  'January': 'Január',
  'February': 'Február',
  'March': 'Március',
  'April': 'Április',
  'May': 'Május',
  'June': 'Június',
  'July': 'Július',
  'August': 'Augusztus',
  'September': 'Szeptember',
  'October': 'Október',
  'November': 'November',
  'December': 'December',

  's': 's',
  'm': 'm',
  'h': 'h',
  'd': 'd',
  'w': 'w',
  'm': 'm',
  'y': 'y',

  'second': 'másodperce',
  'minute': 'perce',
  'hours': 'órája',
  'day': 'napja',
  'week': 'hete',
  'month': 'hónap',
  'years': 'éve',
});
```


# Thanks
Chris Borkert [@digplan](https://github.com/digplan)