open-index/open-npm huggingface dataset:
npm package: @pardjs/core
Description: ## 介绍
Author: dozto.com
Latest version: 2.0.11

# pardjs

## 介绍

Pardjs 是一套基于 nestjs 以及 dozto.com 开发中的最佳实践以及工程需要整理的一套开源组件，主要目的是提高代码的质量以及规范一些开发的常见功能方便协作。

## 功能模块

> 📝：在计划任务中； 🚧：项目在开发中； ✅：已完成

### 🚧 通用组件 Common

通用组件提供常用的[枚举类型](./packages/common/enums/README.md)，[异常处理](./packages/common/exceptions/README.md)

- 枚举类型：
- 异常处理：区分**预期内的异常**和**预期外的错误**，对于错误会向 sentry 进行上报，所有异常和错误会包含嵌套的错误信息，trackId 信息和错误代码（code）。

### 📝 资源模块 Asset

资源模块用来处理常见的图片，视频，文件和静态页面发布的功能。目前实现基于阿里云的 OSS。

### 📝 认证模块 Auth

认证模块用来处理 Key Auth，Basic Auth，TOTP Auth，OAuth(微信登陆等)，并关联必要的用户信息。

### 📝 标签模块 Tag

标签模块用来处理项目中需要处理标签和类别的相关信息。
npm package: @pardjs/marked
Description: A markdown parser built for speed
Author: Christopher Jeffrey
Latest version: 0.6.2

<a href="https://marked.js.org">
  <img width="60px" height="60px" src="https://marked.js.org/img/logo-black.svg" align="right" />
</a>

# Marked

[![npm](https://badgen.net/npm/v/marked)](https://www.npmjs.com/package/marked)
[![gzip size](https://badgen.net/badgesize/gzip/https://cdn.jsdelivr.net/npm/marked/marked.min.js)](https://cdn.jsdelivr.net/npm/marked/marked.min.js)
[![install size](https://badgen.net/packagephobia/install/marked)](https://packagephobia.now.sh/result?p=marked)
[![downloads](https://badgen.net/npm/dt/marked)](https://www.npmjs.com/package/marked)
[![dep](https://badgen.net/david/dep/markedjs/marked?label=deps)](https://david-dm.org/markedjs/marked)
[![dev dep](https://badgen.net/david/dev/markedjs/marked?label=devDeps)](https://david-dm.org/markedjs/marked?type=dev)
[![travis](https://badgen.net/travis/markedjs/marked)](https://travis-ci.org/markedjs/marked)
[![snyk](https://snyk.io/test/npm/marked/badge.svg)](https://snyk.io/test/npm/marked)

- ⚡ built for speed
- ⬇️ low-level compiler for parsing markdown without caching or blocking for long periods of time
- ⚖️ light-weight while implementing all markdown features from the supported flavors & specifications
- 🌐 works in a browser, on a server, or from a command line interface (CLI)

## Demo

Checkout the [demo page](https://marked.js.org/demo/) to see marked in action ⛹️

## Docs

Our [documentation pages](https://marked.js.org) are also rendered using marked 💯

Also read about:

* [Options](https://marked.js.org/#/USING_ADVANCED.md)
* [Extensibility](https://marked.js.org/#/USING_PRO.md)

## Installation

**CLI:** `npm install -g marked`

**In-browser:** `npm install marked`

## Usage

### Warning: 🚨 Marked does not [sanitize](https://marked.js.org/#/USING_ADVANCED.md#options) the output HTML by default 🚨

**CLI**

``` bash
$ marked -o hello.html
hello world
^D
$ cat hello.html
<p>hello world</p>
```

**Browser**

```html
<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Marked in the browser</title>
</head>
<body>
  <div id="content"></div>
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
  <script>
    document.getElementById('content').innerHTML =
      marked('# Marked in the browser\n\nRendered by **marked**.');
  </script>
</body>
</html>
```

## License

Copyright (c) 2011-2018, Christopher Jeffrey. (MIT License)
npm package: @pardjs/notification
Description: The description for the module
Author: Oliver.W
Latest version: 0.2.2

# notification

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Greenkeeper badge](https://badges.greenkeeper.io/pardjs/notification.svg)](https://greenkeeper.io/)
[![Travis](https://travis-ci.com/pardjs/notification.svg?branch=master)](https://travis-ci.com/pardjs/notification)
[![Coveralls](https://coveralls.io/repos/github/pardjs/notification/badge.svg?branch=master)](https://coveralls.io/github/pardjs/notification?branch=master)

Include mail 📩 and sms 📲 notifications. The notifiaction is a module used to handling Email ans SMS nottifications for pardjs project. it includes.

## Usage

CONFIGURATIONS:

- aliAppId: The `appId` for ali services.
- aliSecret: The `secret` for ali services.
- senderName: The name of the sender
- senderEmail: the sernder email address
- emailTitle: [Optional, '邮件通知 Email Notification']The default email title
- aliMailTimeout: [Optional, 3000]the timeout value for aliMail service(ms)

```js
import Notification from '@pardjs/notification';

const notificationSender = new Notification('#CONFIGURATIONS#');
```
npm package: @pardjs/recaptcha-nuxt
Description: Simple and easy Google reCAPTCHA integration with Nuxt.js
Latest version: 0.2.2

# Google reCAPTCHA

Forked from [nuxt-community/recaptcha-module](https://github.com/nuxt-community/recaptcha-module)

**Used `recaptcha.net` replace `google.com` to avoid the forbiden with GFW**

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Circle CI][circle-ci-src]][circle-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![Dependencies][david-dm-src]][david-dm-href]
[![Standard JS][standard-js-src]][standard-js-href]

> Simple and easy Google reCAPTCHA integration with Nuxt.js

[📖 **Release Notes**](./CHANGELOG.md)

## Setup

1. Add `@padjs/recaptcha-nuxt` dependency with `yarn` or `npm` into your project
2. Add `@padjs/recaptcha-nuxt` to `modules` section of `nuxt.config.js`
3. Configure it:

```js
{
  modules: [
    [
      "@padjs/recaptcha-nuxt",
      {
        /* reCAPTCHA options */
      }
    ]
  ];
}
```

using top level options

```js
{
  modules: [
    '@padjs/recaptcha-nuxt',
  ],

  recaptcha: {
    /* reCAPTCHA options */
  },
}
```

## Configuration

```js
{
  // ...
  recaptcha: {
    hideBadge: Boolean, // Hide badge element (v3)
    siteKey: String,    // Site key for requests
    version: Number,    // Version
  },
  // ...
}
```

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `npm run dev`

## License

[MIT License](./LICENSE)

Copyright (c) mvrlin <mvrlin@pm.me>

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/dt/@nuxtjs/recaptcha.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@nuxtjs/recaptcha
[npm-downloads-src]: https://img.shields.io/npm/v/@nuxtjs/recaptcha/latest.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/recaptcha
[circle-ci-src]: https://img.shields.io/circleci/project/github/nuxt-community/recaptcha-module.svg?style=flat-square
[circle-ci-href]: https://circleci.com/gh/nuxt-community/recaptcha-module
[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/recaptcha-module.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/@nuxtjs/recaptcha
[david-dm-src]: https://david-dm.org/@nuxtjs/recaptcha/status.svg?style=flat-square
[david-dm-href]: https://david-dm.org/@nuxtjs/recaptcha
[standard-js-src]: https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square
[standard-js-href]: https://standardjs.com
npm package: @pardjs/recaptcha-server
Description: 🔍The server side reCaptcha module to do verification.
Author: Oliver.W
Latest version: 0.2.0

# recaptcha-server

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Greenkeeper badge](https://badges.greenkeeper.io/pardjs/recaptcha-server.svg)](https://greenkeeper.io/)
[![Travis](https://travis-ci.org/pardjs/recaptcha-server.svg?branch=master)](https://travis-ci.org/pardjs/recaptcha-server)
[![Coveralls](https://coveralls.io/repos/github/pardjs/recaptcha-server/badge.svg?branch=master)](https://coveralls.io/github/pardjs/recaptcha-server?branch=master)

The server side recaptcha module to do verification. Use with [Google reCaptcha](https://www.google.com/recaptcha)

## Usage

This verification used the v3 method, which returns a score (1.0 is very likely a good interaction, 0.0 is very likely a bot).

The lib by default use the `0.6` as the default passed minScore(not included)

```js
import Recaptcha from '@pardjs/recaptcha-server';

// #RECAPTCHA_SECRET get from the google recaptcha site.
const recInstance = new Recaptcha('#RECAPTCHA_SECRET#');

// Verifiy the token directly
// #RECAPTCHA_TOKEN get from the client
const v3Result = await recInstance.verifyV3Async('#RECAPTCHA_TOKEN#'); request.
// Verifiy the token with custom min passed score
const v3Result = await recInstance.verifyV3Async('#RECAPTCHA_TOKEN#', 0.8);

// The v3Result example
// {
//   isPassed: true,
//   score: 0.9,
//   hostName: 'dozto.com',
//   action: 'contactUs',
//   checkedAt: 2019-04-03T08:51:34.038Z
// }
```

### Error Types

There will be a `type` in the throwed error object, and there are the following defined types

```yaml
RECAPTCHA_VERIFY_ERROR: The verification handled by google successfully, but faild in the verificatoin result.
RECAPTCHA_UNEXPECTED_ERROR: Unexpected error during process google reCaptcha verification.
```

#### Example

```
{ Error: [recaptcha-server] Failed to verify recaptcha: invalid-secret
  at Recaptcha.<anonymous> (/Users/ole3021/workspaces/pardjs/recaptcha-server/src/recaptcha-server.ts:3006:35)
  at step (/Users/ole3021/workspaces/pardjs/recaptcha-server/src/recaptcha-server.ts:2909:27)
  at Object.next (/Users/ole3021/workspaces/pardjs/recaptcha-server/src/recaptcha-server.ts:2797:20)
  at fulfilled (/Users/ole3021/workspaces/pardjs/recaptcha-server/src/recaptcha-server.ts:2736:32)
  at process._tickCallback (internal/process/next_tick.js:68:7) type: 'RECAPTCHA_UNEXPECTED_ERROR' }

error.type === 'RECAPTCHA_VERIFY_ERROR' // true
```
npm package: @pardjs/static-content-loader
Description: The description for the module
Author: Oliver.W
Latest version: 1.5.1

# Static content loader

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![Build Status](https://travis-ci.com/pardjs/static-content-loader.svg?branch=master)](https://travis-ci.com/pardjs/static-content-loader)
[![Coverage Status](https://coveralls.io/repos/github/pardjs/static-content-loader/badge.svg?branch=master)](https://coveralls.io/github/pardjs/static-content-loader?branch=master)

Load static content (.json/.md) from remote and cache in local memory. 

---

## Usage
```js
const staticLoader = new StaticContentLodader('https://raw.githubusercontent.com/ole3021/blogs/master/blogs', {
  indexFileName: 'customIndex.json',
  timeout: 4000
})

const indexContent = staticLoader.fetchIndex()

const content = staticLoader.fetchContent('/Knowledge/Pomodoro.md')
```
---

### Maintain
```shell
yarn commit # replace `git commit` with help utils
yarn test:watch # run test in watch mode locally
```
npm package: @pardnchiu/adminui
Description: AdminUI is a simple backend management system template with an intuitive interface and a modular architecture, supporting custom extensions, enabling developers to quickly build and customize backend management platforms.
Author: 邱敬幃 Pardn Chiu
Latest version: 0.4.3

<img src="https://cdn.jsdelivr.net/npm/@pardnchiu/adminui@latest/dist/image/logo.png" width=80>

# AdminUI：後台管理模板

> [!NOTE]
> (原名：web-admin-20241110，自 `0.4.1` 版本起更名為 AdminUI)

> AdminUI 是一款簡易的後台管理模板，擁有直觀界面和模組化架構，支援自訂擴展，讓開發者能夠快速構建和定制後台管理平台。

![tag](https://img.shields.io/badge/tag-Website%20Template-bb4444) 
![size](https://img.shields.io/github/size/pardnchiu/AdminUI/dist/AdminUI.js)<br>
[![npm](https://img.shields.io/npm/v/@pardnchiu/adminui)](https://www.npmjs.com/package/@pardnchiu/adminui)
[![download](https://img.shields.io/npm/dm/@pardnchiu/adminui)](https://www.npmjs.com/package/@pardnchiu/adminui)
[![jsdeliver](https://img.shields.io/jsdelivr/npm/hm/@pardnchiu/adminui)](https://www.jsdelivr.com/package/npm/@pardnchiu/adminui)

## 特點

### 預設界面

提供現成的現代化界面設計，讓您能夠快速部署管理後台系統。

### 模組化架構

可輕鬆擴展和自定義模板，通過模組化組件實現靈活的功能。

### 完整範例

包含詳細的範例和示範代碼，幫助您快速上手，免去繁瑣的設置過程。

### 整合以下項目

- [QuickUI 網站前端框架](https://quickui.pardn.io): 前端渲染
- [NanoMD Markdown 編輯器](https://nanomd.pardn.io): Markdown 檢視
- [NanoJSON JSON 編輯器](https://nanojson.pardn.io): JSON 編輯
- [FlexPlyr 模組化播放器](https://flexplyr.pardn.io): 媒體展示
- [Fontawesome 圖示](https://fontawesome.com): 基本圖標

## 文件

- 靜態範例: [demo-admin.pardn.io](https://demo-admin.pardn.io)


### 範例影音

- [pixabay.com/photos/deer-hokkaido-sika-deer-sika-deer-9214838/](https://pixabay.com/photos/deer-hokkaido-sika-deer-sika-deer-9214838/)
- [pixabay.com/photos/green-tree-python-python-snake-9295182/](https://pixabay.com/photos/green-tree-python-python-snake-9295182/)
- [pixabay.com/photos/japancontest-japan-osaka-urban-9175030/](https://pixabay.com/photos/japancontest-japan-osaka-urban-9175030/)
- [pixabay.com/photos/architecture-building-skyscraper-5585737/](https://pixabay.com/photos/architecture-building-skyscraper-5585737/)
- [pixabay.com/photos/bus-school-bus-vehicle-8142339/](https://pixabay.com/photos/bus-school-bus-vehicle-8142339/)
- [pixabay.com/photos/empire-state-building-new-york-city-6675010/](https://pixabay.com/photos/empire-state-building-new-york-city-6675010/)
- [pixabay.com/videos/turtle-ocean-tortoise-wildlife-244754/](https://pixabay.com/videos/turtle-ocean-tortoise-wildlife-244754/)

## 授權條款

此源代碼項目採用 [MIT](https://github.com/pardnchiu/AdminUI/blob/main/LICENSE) 許可證授權。

## 開發者

<img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;">

<h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4>

<a href="mailto:dev@pardn.io" target="_blank">
    <img src="https://pardn.io/image/email.svg" width="48" height="48">
</a> <a href="https://linkedin.com/in/pardnchiu" target="_blank">
    <img src="https://pardn.io/image/linkedin.svg" width="48" height="48">
</a>

***

©️ 2024 [邱敬幃 Pardn Chiu](https://pardn.io)
npm package: @pardnchiu/nanojson
Description: A lightweight JSON editor built with pure JavaScript and native APIs. It features visual editing, dynamic type switching, and file import/export capabilities. Suitable for website embedding and JSON data editing.
Author: 邱敬幃 Pardn Chiu
Latest version: 1.2.0

> [!NOTE]
> 此 README 由 [SKILL](https://github.com/pardnchiu/skill-readme-generate) 生成，英文版請參閱 [這裡](./README.md)。

# NanoJSON

[![npm](https://img.shields.io/npm/v/@pardnchiu/nanojson)](https://www.npmjs.com/package/@pardnchiu/nanojson)
[![downloads](https://img.shields.io/npm/dm/@pardnchiu/nanojson)](https://www.npmjs.com/package/@pardnchiu/nanojson)
[![license](https://img.shields.io/github/license/pardnchiu/NanoJSON)](LICENSE)
[![version](https://img.shields.io/github/v/tag/pardnchiu/NanoJSON?label=release)](https://github.com/pardnchiu/NanoJSON/releases)

> 以純 JavaScript 和原生 DOM API 打造的輕量 JSON 視覺編輯器，無需任何第三方依賴即可嵌入任何網頁。

## 目錄

- [功能特點](#功能特點)
- [架構](#架構)
- [檔案結構](#檔案結構)
- [授權](#授權)
- [Author](#author)
- [Stars](#stars)

## 功能特點

> `npm i @pardnchiu/nanojson` · [完整文件](./doc.zh.md)

### 零依賴嵌入式設計

NanoJSON 完全基於原生瀏覽器 API 構建，無任何執行期依賴。透過 `id` 設定即可掛載至頁面上任意已存在的 DOM 元素，CSS 樣式也以動態載入方式注入，整合流程僅需一個 script 標籤或一行 npm 安裝指令。

### 動態型別切換與結構化視覺編輯

每個節點均支援在 string、number、boolean、array、object 五種型別之間即時切換，切換過程中保留既有資料結構。樹狀介面以可折疊的巢狀方式呈現層級 JSON，初始展開狀態（`collapsed`）與移除確認行為（`confirmKeyRemove`）皆可透過設定靈活控制。

### 完整生命週期控制與彈性資料匯入

提供 beforeRender、rendered、beforeUpdate、updated、beforeDestroy、destroyed 六個生命週期鉤子，各事件均支援回傳 `false` 取消操作，更新事件並附有 300ms Debounce 機制以避免頻繁觸發。`import()` 方法接受物件、File 物件、URL 字串三種格式，`export()` 則一鍵下載格式化 JSON 檔案。

## 架構

```mermaid
graph LR
    U[Developer] -->|config| JE[JSONEditor]
    JE -->|jsonToChildren| JEN[JSONEditorNode]
    JEN -->|nested| JEN
    JE -->|hooks| LC[Lifecycle]
    LC -->|debounce 300ms| U
```

## 檔案結構

```
NanoJSON/
├── dist/
│   ├── NanoJSON.js           # UMD 壓縮版本
│   ├── NanoJSON.esm.js       # ES Module 版本
│   ├── NanoJSON.debug.js     # 除錯用未壓縮版本
│   └── NanoJSON.css          # 樣式表
├── src/
│   ├── model/
│   │   ├── JSONEditor.js     # 主要編輯器類別
│   │   ├── JSONEditorNode.js # 節點模型類別
│   │   └── Lifecycle.js      # 生命週期管理
│   └── function/             # DOM 工具與元件函式
├── page/
│   └── live.html             # 線上展示頁面
└── package.json
```

## 授權

本專案採用 [MIT LICENSE](LICENSE)。

## Author

<img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;">

<h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4>

<a href="mailto:dev@pardn.io" target="_blank">
<img src="https://pardn.io/image/email.svg" width="48" height="48">
</a> <a href="https://linkedin.com/in/pardnchiu" target="_blank">
<img src="https://pardn.io/image/linkedin.svg" width="48" height="48">
</a>

## Stars

[![Star](https://api.star-history.com/svg?repos=pardnchiu/NanoJSON&type=Date)](https://www.star-history.com/#pardnchiu/NanoJSON&Date)

***

©️ 2025 [邱敬幃 Pardn Chiu](https://linkedin.com/in/pardnchiu)
npm package: @pardnchiu/pdf2image
Description: pdf2image is a lightweight JavaScript library to convert PDF pages into images (PNG, JPG, WebP) with real-time progress tracking and optional ZIP compression.
Author: 邱敬幃 Pardn Chiu
Latest version: 1.1.2

# pdf2image

![tag](https://img.shields.io/badge/tag-JavaScript%20Library-bb4444) 
![size](https://img.shields.io/github/size/pardnchiu/pdf2image/dist%2Fpdf2image.js)<br>
[![npm](https://img.shields.io/npm/v/@pardnchiu/pdf2image)](https://www.npmjs.com/package/@pardnchiu/pdf2image)
[![download](https://img.shields.io/npm/dm/@pardnchiu/pdf2image)](https://www.npmjs.com/package/@pardnchiu/pdf2image)
[![jsdeliver](https://img.shields.io/jsdelivr/npm/hm/@pardnchiu/pdf2image)](https://www.jsdelivr.com/package/npm/@pardnchiu/pdf2image)<br>
[![](https://img.shields.io/badge/read-English%20Version-ffffff)](https://github.com/pardnchiu/pdf2image/blob/main/README.en.md)

## 核心特色

### PDF 轉圖片
- 完美整合 [pdf.js](https://github.com/mozilla/pdf.js)，快速解析 PDF 並轉換為圖片。
- 支援多種圖片格式：`jpg`、`png`、`webp`，靈活應用。

### 壓縮下載
- 搭配 [jszip.js](https://github.com/Stuk/jszip)，將生成的圖片打包為 ZIP 檔案，一鍵下載。
- 自動命名檔案和壓縮包，方便管理多頁內容。

### 高效與穩定
- 異步處理設計，確保流暢的用戶體驗。
- 全面錯誤處理，提供詳細錯誤訊息，便於排查。

## 安裝方式

### 從 npm 安裝
```bash
npm i @pardnchiu/pdf2image
```

### 從 CDN 引入

#### UMD 版本
```html
<script src="https://cdn.jsdelivr.net/npm/@pardnchiu/pdf2image@[VERSION]/dist/pdf2image.js"></script>
```

#### ES Module 版本
```javascript
import { pdf2image } from "https://cdn.jsdelivr.net/npm/@pardnchiu/pdf2image@[VERSION]/dist/pdf2image.esm.js";
```

## 使用方法

### 初始化 `pdf2image`
```Javascript
const converter = new pdf2image({
    filename: "image-yyyy-MM-DD_hh:mm", // 指定輸出檔名，支持日期格式模板 [yyyy|MM|DD|hh|mm]
    file: [file],                       // 輸入 PDF 檔案，來自 file input 或其他來源
    scale: 1.5,                         // 縮放比例，預設值為 1.5
    type: "png"                         // 輸出圖片格式 [jpg|png|webp]
});

// 開始轉換 PDF 為圖片
converter.convert().then(images => {
    console.log("轉換成功的圖片：", images);
});

// 下載壓縮檔
converter.download().then(() => {
    console.log("圖片已打包並下載完成！");
});
```

## 授權條款

此源代碼項目採用 [MIT](https://github.com/pardnchiu/pdf2image/blob/main/LICENSE) 許可證授權。

## 開發者

<img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;">

<h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4>

<a href="mailto:dev@pardn.io" target="_blank">
    <img src="https://pardn.io/image/email.svg" width="48" height="48">
</a> <a href="https://linkedin.com/in/pardnchiu" target="_blank">
    <img src="https://pardn.io/image/linkedin.svg" width="48" height="48">
</a>

***

©️ 2024 [邱敬幃 Pardn Chiu](https://pardn.io)
npm package: @pardnchiu/quickstart-nodejs
Description: QuickStart-Nodejs is a Node.js / Express development template that provides a basic framework and example code to help developers quickly start a project and focus on feature development.
Author: 邱敬幃 Pardn Chiu
Latest version: 0.1.2

# QuickStart Nodejs

> [!NOTE]
> 很懶得寫註釋，註釋皆用語言模型生成。<br>
> 功能持續完善中。

> QuickStart-Nodejs 是一個 Node.js / Express 開發模板，提供了基本框架和範例代碼，幫助開發者快速啟動項目，並專注於功能開發。

![tag](https://img.shields.io/badge/tag-Node.js%20Template-bb4444)<br>
[![npm](https://img.shields.io/npm/v/@pardnchiu/quickstart-nodejs)](https://www.npmjs.com/package/@pardnchiu/quickstart-nodejs)
[![download](https://img.shields.io/npm/dm/@pardnchiu/quickstart-nodejs)](https://www.npmjs.com/package/@pardnchiu/quickstart-nodejs)
[![jsdeliver](https://img.shields.io/jsdelivr/npm/hm/@pardnchiu/quickstart-nodejs)](https://www.jsdelivr.com/package/npm/@pardnchiu/quickstart-nodejs)

## 授權條款

此源代碼項目採用 [MIT](https://github.com/pardnchiu/QuickStart-Nodejs/blob/main/LICENSE) 許可證授權。

## 開發者

<img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;">

<h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4>

<a href="mailto:dev@pardn.io" target="_blank">
    <img src="https://pardn.io/image/email.svg" width="48" height="48">
</a> <a href="https://linkedin.com/in/pardnchiu" target="_blank">
    <img src="https://pardn.io/image/linkedin.svg" width="48" height="48">
</a>

***

©️ 2025 [邱敬幃 Pardn Chiu](https://pardn.io)
npm package: @pardnchiu/quickstart-php
Description: QuickStart-PHP is a PHP development template that provides a basic framework and example code to help developers quickly start a project and focus on feature development.
Author: 邱敬幃 Pardn Chiu
Latest version: 0.1.3

# QuickStart PHP

> [!NOTE]
> 很懶得寫註釋，註釋皆用語言模型生成。<br>
> 功能持續完善中。

> QuickStart-PHP 是一個 PHP 開發模板，提供了基本框架和範例代碼，幫助開發者快速啟動項目，並專注於功能開發。

![tag](https://img.shields.io/badge/tag-PHP%20Template-bb4444)<br>
[![npm](https://img.shields.io/npm/v/@pardnchiu/quickstart-php)](https://www.npmjs.com/package/@pardnchiu/quickstart-php)
[![download](https://img.shields.io/npm/dm/@pardnchiu/quickstart-php)](https://www.npmjs.com/package/@pardnchiu/quickstart-php)
[![jsdeliver](https://img.shields.io/jsdelivr/npm/hm/@pardnchiu/quickstart-php)](https://www.jsdelivr.com/package/npm/@pardnchiu/quickstart-php)

## 授權條款

此源代碼項目採用 [MIT](https://github.com/pardnchiu/QuickStart-PHP/blob/main/LICENSE) 許可證授權。

## 開發者

<img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;">

<h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4>

<a href="mailto:dev@pardn.io" target="_blank">
    <img src="https://pardn.io/image/email.svg" width="48" height="48">
</a> <a href="https://linkedin.com/in/pardnchiu" target="_blank">
    <img src="https://pardn.io/image/linkedin.svg" width="48" height="48">
</a>

***

©️ 2025 [邱敬幃 Pardn Chiu](https://pardn.io)
npm package: @pareido1ia/re-ui-library
Description: vue 3 component library
Author: Ryan
Latest version: 1.0.0

Red Energy Vue 3 component library.

## Usage

First install the library using your prefered package manager

```bash
yarn add  //Todo: git library install
```

then you can import the available components like so

```vue
import { Button } from 're-ui-library'
```

## Available commands

Here is a list of all available npm commands.

**Starting the dev environment**
We use VitePress to hold our component documentation and examples

```bash
npm run dev
```

**Building the documentation**

```bash
npm run build
```

**Serving the documentation**

```bash
npm run serve
```

**Building the library bundle**

Generates the js bundle to be imported by our apps

```bash
npm run build:library
```

**Analyzing bundle sizes with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)**

```bash
npm run analyze
```

**Lint all files**

```bash
npm run lint
```

**Format all files**
```bash
npm run format
```

## Creating new components

Adding new components

- Add the component in a folder of the same name
- Ensure you add documentation for the component inside /docs follow the `index.md`

```
src/
├── components/
│   ├── [componentName]/
│   │   └── [componentName].vue
```

You can rebuild the docs by running `npm run build:library` and see them by running `npm run serve`.