open-index/open-npm huggingface dataset:
npm package: @lammu/lowcode-component
Description: @lammu/lowcode-component
Author: fusion-team
Latest version: 0.1.6

# @lammu/lowcode-component

一个面向 PC 的业务组件库

## 调试
启动调试

```
npm run lowcode:dev             # 打开开发环境，运行所有组件
```

构建

```
npm run lowcode:build
```
npm package: @lamnhan/ayedocs
Description: A Docs-o-matic document generator for Typescript projects.
Author: Lam Nhan
Latest version: 1.0.7

<section id="head" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

# @lamnhan/ayedocs

**A Docs-o-matic document generator for Typescript projects.**

</section>

<section id="header">

[![License][license_badge]][license_url]
[![Code Style: Google](https://img.shields.io/badge/code%20style-google-blueviolet.svg)](https://github.com/google/gts)
[![Support me on Patreon][patreon_badge]][patreon_url]
[![PayPal][paypal_donate_badge]][paypal_donate_url]
[![Ask me anything][ask_me_badge]][ask_me_url]

[license_badge]: https://img.shields.io/github/license/mashape/apistatus.svg
[license_url]: https://github.com/lamnhan/seminjecto/blob/master/LICENSE
[patreon_badge]: https://lamnhan.github.io/assets/images/badges/patreon.svg
[patreon_url]: https://www.patreon.com/lamnhan
[paypal_donate_badge]: https://lamnhan.github.io/assets/images/badges/paypal_donate.svg
[paypal_donate_url]: https://www.paypal.me/lamnhan
[ask_me_badge]: https://img.shields.io/badge/ask/me-anything-1abc9c.svg
[ask_me_url]: https://m.me/lamhiennhan

</section>

<section id="main">

## Install & usage

Install as a global CLI: `npm install -g @lamnhan/ayedocs`. Or locally using the `--save-dev` flag.

You may want to put a script in the `package.json`, so you can do `npm run docs` every build.

```json
{
  "scripts": {
    "docs": "ayedocs generate"
  }
}
```

See the documentation at: <https://lamnhan.com/ayedocs>

## What & how?

**@lamnhan/ayedocs** is mainly used to extract content & generate document from a Typescript source code, you start by providing instructions in the configuration.

An example configuration:

```js
module.exports = {
  fileRender: {
    'README.md': {
      head: true,
      lib: ["Lib", "FULL"]
      license: true
    }
  }
}
```

With the above config, you can run `ayedocs generate`, the result will be a `README.md` file with 3 sections as described in the config. Simple that is!

See some useful [use cases](https://lamnhan.com/ayedocs/introduction.html#use-cases) to see if it fits your need.

</section>

<section id="license" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

## License

**@lamnhan/ayedocs** is released under the [MIT](https://github.com/lamnhan/ayedocs/blob/master/LICENSE) license.

</section>

<section id="attr">

---

⚡️ This document is generated automatically using [@lamnhan/ayedocs](https://github.com/lamnhan/ayedocs).

</section>
npm package: @lamnhan/nguix-dashboard
Description: An Angular UI kit for content management.
Author: Lam Nhan
Latest version: 0.0.9

<section id="head" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

# @lamnhan/nguix-dashboard

**An Angular UI kit for content management.**

</section>

<section id="tocx" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

- [Modules](#modules)
- [Components](#components)
- [Services](#services)
- [Pipes](#pipes)
- [Detail API reference](https://lamnhan.github.io/nguix-dashboard)


</section>

<section id="getting-started">

## Getting started

- Install:

```sh
npm i @lamnhan/nguix-dashboard
```

- Usage:

Create the module `app-dashboard.module.ts`, see [example](https://github.com/lamnhan/nguix-dashboard/blob/main/src/app/app-dashboard.module.ts).

For more, visit: <https://nguix-dashboard.lamnhan.com>

```ts
// Import --> app.module.ts
import { AppDashboardModule } from './app-dashboard.module';
@NgModule({ imports: [AppDashboardModule] })
```

</section>

<section id="modules" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

<h2><a name="modules"><p>Modules</p>
</a></h2>

| Class                                                                                     | Description |
| ----------------------------------------------------------------------------------------- | ----------- |
| [DashboardModule](https://lamnhan.github.io/nguix-dashboard/classes/dashboardmodule.html) |             |

</section>

<section id="components" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

<h2><a name="components"><p>Components</p>
</a></h2>

</section>

<section id="services" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

<h2><a name="services"><p>Services</p>
</a></h2>

</section>

<section id="pipes" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

<h2><a name="pipes"><p>Pipes</p>
</a></h2>

</section>

<section id="license" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

## License

**@lamnhan/nguix-dashboard** is released under the [MIT](https://github.com/lamnhan/nguix-dashboard/blob/master/LICENSE) license.

</section>
npm package: @lamnhan/seminjecto-workspace-scripts
Description: Scripts for Google Workspace addons.
Author: Lam Nhan
Latest version: 1.0.5

<section id="head" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

# @lamnhan/seminjecto-workspace-scripts

**Scripts for Google Workspace addons.**

</section>

<section id="tocx" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

- [Command overview](#command-overview)
- [Command reference](#command-reference)
  - [`build`](#command-build)
  - [`deploy`](#command-deploy)
  - [`help`](#command-help)
- [Detail API reference](https://lamnhan.com/seminjecto-workspace-scripts)


</section>

<section id="cli" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

<h2><a name="command-overview"><p>Command overview</p>
</a></h2>

Scripts for Google Workspace addons.

- [`seminjecto-workspace-scripts build`](#command-build)
- [`seminjecto-workspace-scripts deploy --dry-run --copy [value] --vendor [value]`](#command-deploy)
- [`seminjecto-workspace-scripts help`](#command-help)

<h2><a name="command-reference"><p>Command reference</p>
</a></h2>

<h3><a name="command-build"><p><code>build</code></p>
</a></h3>

Build distribution package.

<h3><a name="command-deploy"><p><code>deploy</code></p>
</a></h3>

Push to the Apps Script server.

**Options**

- `-d, --dry-run`: Staging only.
- `--copy [value]`: Copied resources, comma-seperated.
- `--vendor [value]`: Files for @vendor.js, comma-seperated.

<h3><a name="command-help"><p><code>help</code></p>
</a></h3>

Display help.

</section>

<section id="license" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

## License

**@lamnhan/seminjecto-workspace-scripts** is released under the [MIT](https://github.com/lamnhan/seminjecto-workspace-scripts/blob/master/LICENSE) license.

</section>
npm package: @lamnhan/svgricons
Description: Another way to use SVG icons.
Author: Lam Nhan
Latest version: 0.0.1

# SVG-r-ICONS

Another way to use SVG icons with SCSS. It's "SUGAR ICONS", baby!

Demo: <https://svgricons.lamnhan.com>

## Install

```sh
npm i @lamnhan/svgricons
```

## Usage

- Step 1: Define theme palettes (ex.: `_variables.scss`)

(Use this tool for recoloring: https://angel-rs.github.io/css-color-filter-generator/)

```scss
:root {

  // colors
  --color-primary: #3880ff;
  --color-secondary: #eb445a;
  --color-success: #2dd36f;

  // recolors
  --recolor-primary: brightness(0) saturate(100%) invert(37%) sepia(73%) saturate(1013%) hue-rotate(193deg) brightness(106%) contrast(104%);
  --recolor-secondary: brightness(0) saturate(100%) invert(45%) sepia(84%) saturate(2892%) hue-rotate(324deg) brightness(91%) contrast(102%);
  --recolor-success: brightness(0) saturate(100%) invert(90%) sepia(90%) saturate(2470%) hue-rotate(65deg) brightness(90%) contrast(82%);

}
```

- Step 2: Register icons (ex.: `_icons.scss`):

```scss
@import '@lamnhan/svgricons';

// Option 1: simple icons
@include svgricons(
  (
    xxx: 'path/to/svg',
    yyy: 'path/to/svg',
    zzz: 'path/to/svg',
  )
);

// Ontion 2: icons with custom sizes, colors
@include svgricons(
  (/* ... */),
  (
    sizes: (10, 16, 32, 48, 64),
    colors: ('primary', 'secondary', 'success'),
  )
);

```

- Step 3: Use the icons (ex.: `index.html`):

```html
<!-- Default -->
<i class="icon xxx"></i>
<i class="icon yyy"></i>
<i class="icon zzz"></i>

<!-- Size variants -->
<i class="icon xxx size-48"></i>

<!-- Color variants -->
<i class="icon xxx color-primary"></i>

<!-- Hovered (different color) -->
<i class="icon xxx hovered-secondary"></i>
<i class="icon xxx color-primary hovered-success"></i>

<!-- Hovered (different source) -->
<i class="icon xxx hovered-xxx2"></i>
```

## Options

You can pass along options using the third parameter.

```scss
@include svgricons(
  (/* ... */),
  (/* ... */),
  (
    // You this if variables have a prefix
    // ex.: --app-color-primary, --app-recolor-secondary
    var_prefix: 'app',
    // Naming the classes
    naming: (
      icon: 'i', // .icon -> .i
      size: 's', // .size-32 -> .s-32
      color: 'c', // .color-primary -> .c-primary
      hovered: 'h', // .hovered-success -> .h-success
    )
  )
);
```

## License

**@lamnhan/svgricons** is released under the [MIT](https://github.com/lamnhan/svgricons/blob/master/LICENSE) license.
npm package: @lamnhan/testea
Description: Rewiring, mocking & stubbing for testea modules in Node.
Author: Lam Nhan
Latest version: 1.0.0

<section id="head" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

# @lamnhan/testea

**Rewiring, mocking & stubbing for testea modules in Node.**

</section>

<section id="header">

[![License][license_badge]][license_url]
[![Code Style: Google](https://img.shields.io/badge/code%20style-google-blueviolet.svg)](https://github.com/google/gts)
[![Support me on Patreon][patreon_badge]][patreon_url]
[![PayPal][paypal_donate_badge]][paypal_donate_url]
[![Ask me anything][ask_me_badge]][ask_me_url]

[license_badge]: https://img.shields.io/github/license/mashape/apistatus.svg
[license_url]: https://github.com/lamnhan/seminjecto/blob/master/LICENSE
[patreon_badge]: https://lamnhan.github.io/assets/images/badges/patreon.svg
[patreon_url]: https://www.patreon.com/lamnhan
[paypal_donate_badge]: https://lamnhan.github.io/assets/images/badges/paypal_donate.svg
[paypal_donate_url]: https://www.paypal.me/lamnhan
[ask_me_badge]: https://img.shields.io/badge/ask/me-anything-1abc9c.svg
[ask_me_url]: https://m.me/lamhiennhan

</section>

<section id="installation" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

Install globaly, as a CLI:

`npm install -g @lamnhan/testea`

Or localy:

`npm install --save-dev @lamnhan/testea`

Use the library:

```ts
import { mockService } from "@lamnhan/testea";

const mocked = mockService({
  a: () => 1,
  b: async () => 2,
});

// test begins
```

</section>

<section id="main">

See the documentation at: <http://lamnhan.com/testea>

</section>

<section id="license" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

## License

**@lamnhan/testea** is released under the [MIT](https://github.com/lamnhan/testea/blob/master/LICENSE) license.

</section>

<section id="attr">

---

⚡️ This document is generated automatically using [@lamnhan/ayedocs](https://github.com/lamnhan/ayedocs).

</section>
npm package: @lamnhan/testing
Description: Rewiring, mocking & stubbing for testing modules in Node.
Author: Lam Nhan
Latest version: 0.0.5
Deprecated: moved to https://www.npmjs.com/package/@lamnhan/testea

<section id="head" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

# @lamnhan/testing

**Rewiring, mocking & stubbing for testing modules in Node.**

</section>

<section id="header">

[![License][license_badge]][license_url] [![Support me on Patreon][patreon_badge]][patreon_url] [![PayPal][paypal_donate_badge]][paypal_donate_url] [![Ask me anything][ask_me_badge]][ask_me_url]

[license_badge]: https://img.shields.io/github/license/mashape/apistatus.svg
[license_url]: https://github.com/lamnhan/testing/blob/master/LICENSE
[patreon_badge]: https://lamnhan.github.io/assets/images/badges/patreon.svg
[patreon_url]: https://www.patreon.com/lamnhan
[paypal_donate_badge]: https://lamnhan.github.io/assets/images/badges/paypal_donate.svg
[paypal_donate_url]: https://www.paypal.me/lamnhan
[ask_me_badge]: https://img.shields.io/badge/ask/me-anything-1abc9c.svg
[ask_me_url]: https://m.me/lamhiennhan

</section>

<section id="installation" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

Install globaly, as a CLI:

`npm install -g @lamnhan/testing`

Or localy:

`npm install --save-dev @lamnhan/testing`

Use the library:

```ts
import { mockService } from "@lamnhan/testing";

const mocked = mockService({
  a: () => 1,
  b: async () => 2
});

// test begins
```

</section>

<section id="docs">

See the documentation at: <http://lamnhan.com/testing>

</section>

<section id="license" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

## License

**@lamnhan/testing** is released under the [MIT](https://github.com/lamnhan/testing/blob/master/LICENSE) license.

</section>
npm package: @lamnhan/unistylus-bootstrap
Description: The Unistylus Bootstrap soul.
Author: Lam Nhan
Latest version: 0.0.3
Deprecated: Please use @unistylus/bootstrap

## Unistylus Bootstrap

Homepage: [https://unistylus.lamnhan.com](https://unistylus.lamnhan.com)

### Getting started

- Install SCSS:

```sh
npm install --save @lamnhan/unistylus-bootstrap
```

Use SCSS:

```scss
@import '@lamnhan/unistylus-bootstrap/full';
```

- Use CSS from a CDN:

```html
https://unpkg.com/@lamnhan/unistylus-bootstrap-css@latest/full.css
```

### License

**@lamnhan/unistylus-bootstrap** and **@lamnhan/unistylus-bootstrap-css** are released under the [MIT](https://github.com/lamnhan/unistylus-bootstrap/blob/master/LICENSE) license.
npm package: @lamnhan/unistylus-bootstrap-css
Description: The Unistylus Bootstrap soul CSS outputs.
Author: Lam Nhan
Latest version: 0.0.3
Deprecated: Please use @unistylus/bootstrap-css

## Unistylus Bootstrap

Homepage: [https://unistylus.lamnhan.com](https://unistylus.lamnhan.com)

### Getting started

- Install SCSS:

```sh
npm install --save @lamnhan/unistylus-bootstrap
```

Use SCSS:

```scss
@import '@lamnhan/unistylus-bootstrap/full';
```

- Use CSS from a CDN:

```html
https://unpkg.com/@lamnhan/unistylus-bootstrap-css@latest/full.css
```

### License

**@lamnhan/unistylus-bootstrap** and **@lamnhan/unistylus-bootstrap-css** are released under the [MIT](https://github.com/lamnhan/unistylus-bootstrap/blob/master/LICENSE) license.
npm package: @lamnhan/unistylus-icons
Description: Icon packs for Unistylus.
Author: Lam Nhan
Latest version: 0.0.1
Deprecated: Please use @unistylus/bootstrap-icons

# Unistylus Icons

List of icon packs:

- `bootstrap`: [Bootstrap icons v1.5.0](https://icons.getbootstrap.com/)

Url to an icon:

```html
https://unpkg.com/@lamnhan/unistylus-icons@latest/[icon_pack]/[skin]/[name].svg
```

Icon usage:

```scss
@import '@lamnhan/unistylus/scss/mixins';

$light_theme_icons: (
  menu: '#{$bootstrap_icons}/light/list.svg'
);
```

## License

**@lamnhan/unistylus-icons** is released under the [MIT](https://github.com/lamnhan/unistylus-icons/blob/master/LICENSE) license.
npm package: @lamnhan/unistylus-material
Description: The Unistylus Material soul.
Author: Lam Nhan
Latest version: 0.0.1
Deprecated: Please use @unistylus/material

## Unistylus Material

Homepage: [https://unistylus.lamnhan.com](https://unistylus.lamnhan.com)

### Getting started

- Install SCSS:

```sh
npm install --save @lamnhan/unistylus-material
```

Use SCSS:

```scss
@import '@lamnhan/unistylus-material/full';
```

- Use CSS from a CDN:

```html
https://unpkg.com/@lamnhan/unistylus-material-css@latest/full.css
```

### License

**@lamnhan/unistylus-material** and **@lamnhan/unistylus-material-css** are released under the [MIT](https://github.com/lamnhan/unistylus-material/blob/master/LICENSE) license.
npm package: @lamnhan/unistylus-material-css
Description: The Unistylus Material soul CSS outputs.
Author: Lam Nhan
Latest version: 0.0.1
Deprecated: Please use @unistylus/material-css

## Unistylus Material

Homepage: [https://unistylus.lamnhan.com](https://unistylus.lamnhan.com)

### Getting started

- Install SCSS:

```sh
npm install --save @lamnhan/unistylus-material
```

Use SCSS:

```scss
@import '@lamnhan/unistylus-material/full';
```

- Use CSS from a CDN:

```html
https://unpkg.com/@lamnhan/unistylus-material-css@latest/full.css
```

### License

**@lamnhan/unistylus-material** and **@lamnhan/unistylus-material-css** are released under the [MIT](https://github.com/lamnhan/unistylus-material/blob/master/LICENSE) license.
npm package: @lamnhan/workspace-addon-scripts
Description: Scripts for building Google Workspace addons.
Author: Lam Nhan
Latest version: 1.0.2
Deprecated: rename to @lamnhan/seminjecto-workspace-scripts

<section id="head" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

# @lamnhan/workspace-addon-scripts

**Scripts for building Google Workspace addons.**

</section>

<section id="tocx" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

- [Command overview](#command-overview)
- [Command reference](#command-reference)
  - [`build`](#command-build)
  - [`push`](#command-push)
  - [`help`](#command-help)
- [Detail API reference](https://lamnhan.com/workspace-addon-scripts)


</section>

<section id="cli" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

<h2><a name="command-overview"><p>Command overview</p>
</a></h2>

Scripts for building Google Workspace addons.

- [`workspace-addon-scripts build`](#command-build)
- [`workspace-addon-scripts push --copy [value] --vendor [value]`](#command-push)
- [`workspace-addon-scripts help`](#command-help)

<h2><a name="command-reference"><p>Command reference</p>
</a></h2>

<h3><a name="command-build"><p><code>build</code></p>
</a></h3>

Build distribution package.

<h3><a name="command-push"><p><code>push</code></p>
</a></h3>

Push to the Apps Script server.

**Options**

- `--copy [value]`: Copied resources, comma-seperated.
- `--vendor [value]`: Files for @vendor.js, comma-seperated.

<h3><a name="command-help"><p><code>help</code></p>
</a></h3>

Display help.

</section>

<section id="license" data-note="AUTO-GENERATED CONTENT, DO NOT EDIT DIRECTLY!">

## License

**@lamnhan/workspace-addon-scripts** is released under the [MIT](https://github.com/lamnhan/workspace-addon-scripts/blob/master/LICENSE) license.

</section>
npm package: @lamnn96/imgo
Description: Compress and convert images to web-friendly formats (WebP, PNG, JPEG) right from your terminal
Author: Lam Nguyen
Latest version: 1.0.0

# Imgo

Compress & convert images to web-friendly formats right from your terminal.

Supports: **JPG, PNG, WebP, TIFF, AVIF, HEIC, HEIF, GIF, SVG**

## Installation

```bash
npm install -g imgo
```

After installation, add the following to your `~/.zshrc` to ensure the command is available globally:

```bash
# Open .zshrc
nano ~/.zshrc

# Add this line at the end of the file
export PATH="$(npm prefix -g)/bin:$PATH"

# Save and reload
source ~/.zshrc
```

Verify installation:

```bash
imgo --version
```

## Usage

Navigate to the folder containing your images, then run:

### Compress only (keep original format)

```bash
imgo
```

Compresses all images in the current directory while preserving their original format. HEIC/HEIF files are automatically converted to JPEG.

### Compress + Convert to WebP

```bash
imgo -w
```

### Compress + Convert to PNG

```bash
imgo -p
```

### Compress + Convert to JPEG

```bash
imgo -j
```

### Options

| Flag | Description |
|------|-------------|
| `-w` | Convert all images to WebP |
| `-p` | Convert all images to PNG |
| `-j` | Convert all images to JPEG |
| `-q, --quality <number>` | Output quality 1-100 (default: 80) |
| `-d, --dir <path>` | Source directory (default: current directory) |
| `-V, --version` | Show version |
| `-h, --help` | Show help |

### Examples

```bash
# Compress all images in current folder
imgo

# Convert to WebP with custom quality
imgo -w -q 90

# Process images from a specific folder
imgo -w -d ~/Pictures/photos

# Convert to JPEG with lower quality for smaller size
imgo -j -q 60
```

## Output

All processed images are saved to a `result/` folder inside the source directory.

After processing, you'll see a summary table:

```
  IMGO
  Compress + Convert → WEBP | Quality: 80
  Source: /Users/you/photos
  Output: /Users/you/photos/result

  ✔ IMG_9998.HEIC → IMG_9998.webp  1.86 MB → 476.0 KB  -75.0%
  ✔ IMG_9999.HEIC → IMG_9999.webp  2.61 MB → 926.2 KB  -65.3%

  Summary: 2 image(s) processed
  Total:   5.0 MB → 568 KB  (-88.9%)
  Saved:   4.5 MB
```

## Supported Input Formats

- JPEG / JPG
- PNG
- WebP
- TIFF
- AVIF
- HEIC / HEIF (Apple photos)
- GIF
- SVG

## Requirements

- Node.js >= 18.0.0

## License

MIT