open-index/open-npm huggingface dataset:
npm package: @marktsai0316/learnning
Description: 2024-12-17T14:36:49.947Z
Author: example_user
Latest version: 0.0.33

2024-12-17T14:36:49.947Z

## README.md
  <header><h1>Ver.0.0.33</h1>2024/12/17下午10:36:49</header>  <main>
    <p>Welcome to my website.</p>
  </main>
  <footer>© 2024</footer>
npm package: @markupcodes/breadcrumbs
Description: ## 使い方
Author: PixelGrid Inc.
Latest version: 0.0.3

# パンくずリスト

## 使い方

```html
<markup-breadcrumbs
  label="パンくず"
  breadcrumbs='[
    {
      "label": "Home",
      "url": "/"
    }, {
      "label": "会社概要",
      "url": "/company/"
    }, {
      "label": "会社組織図",
      "url": "/company/organization",
      "current": "true"
    }
  ]'
></markup-breadcrumbs>

<script type="module">import "../markup-breadcrumbs.js";</script>
```

https://github.com/pxgrid/markupcodes/blob/master/markups/breadcrumbs/example/index.html

## 開発を始める

```
npm run dev
```

## ビルドする

```
npm run build
```

## サイト用コードの開発を始める

```
npm run docs
```
npm package: @markupcodes/form-email-input
Description: ## 使い方
Author: PixelGrid Inc.
Latest version: 0.0.5

# メールアドレス入力フォーム

## 使い方

```html
<markup-form-email-input
  input-id="email"
  label="メールアドレス"
  input-name="email"
  help="例：yourname@example.com"
  type-error-message="正しいメールアドレスを入力してください。"
  required-error-message="メールアドレスを入力してください。"
  required-label="必須"
  required
></markup-form-email-input>

<script type="module">import "../markup-form-email-input.js";</script>
```

https://github.com/pxgrid/markupcodes/blob/master/markups/form-email-input/example/index.html

## 開発を始める

```
npm run dev
```

## ビルドする

```
npm run build
```

## サイト用コードの開発を始める

```
npm run docs
```
npm package: @markupcodes/form-name-input
Description: ## 使い方
Author: PixelGrid Inc.
Latest version: 0.0.5

# 名前入力フォーム

## 使い方

```html
<markup-form-name-input
  input-id="fullname"
  label="名前"
  input-name="fullname"
  help="例：山田 太郎"
  required-error-message="氏名は128文字以内で入力してください。"
  required-label="必須"
  required
></markup-form-name-input>

<script type="module">import "../markup-form-name-input.js";</script>
```

https://github.com/pxgrid/markupcodes/blob/master/markups/form-name-input/example/index.html

## 開発を始める

```
npm run dev
```

## ビルドする

```
npm run build
```

## サイト用コードの開発を始める

```
npm run docs
```
npm package: @markupcodes/form-textarea
Description: ## 使い方
Author: PixelGrid Inc.
Latest version: 0.0.2

# テキストエリアフォーム

## 使い方

```html
<markup-form-textarea
  textarea-id="detail"
  label="お問い合わせ内容"
  textarea-name="detail"
  help="例：○○の方法が分かりません。"
  required-error-message="お問い合わせ内容は512文字以内で入力してください。"
  required-label="必須"
  required
></markup-form-textarea>

<script type="module">import "../markup-form-textarea.js";</script>
```

https://github.com/pxgrid/markupcodes/blob/master/markups/form-textarea/example/index.html

## 開発を始める

```
npm run dev
```

## ビルドする

```
npm run build
```

## サイト用コードの開発を始める

```
npm run docs
```
npm package: @markupcodes/form-url-input
Description: ## 使い方
Author: PixelGrid Inc.
Latest version: 0.0.5

# URL入力フォーム

## 使い方

```html
<markup-form-url-input
  input-id="url"
  label="URL"
  input-name="siteUrl"
  help="例：http://www.example.com"
  type-error-message="正しいURLを入力してください。"
  required-error-message="URLを入力してください。"
  required-label="必須"
  required
></markup-form-url-input>

<script type="module">import "../markup-form-url-input.js";</script>
```

https://github.com/pxgrid/markupcodes/blob/master/markups/form-url-input/example/index.html

## 開発を始める

```
npm run dev
```

## ビルドする

```
npm run build
```

## サイト用コードの開発を始める

```
npm run docs
```
npm package: @markupcodes/like-button
Description: ## 開発を始める
Author: PixelGrid Inc.
Latest version: 0.0.0

# いいねボタン

## 開発を始める

```
npm run dev
```

## ビルドする

```
npm run build
```

## サイト用コードの開発を始める

```
npm run docs
```
npm package: @markuplint/create-rule-helper
Description: Create rule helper
Author: Yusuke Hirao
Latest version: 3.15.0

# @markuplint/create-rule-helper

[![npm version](https://badge.fury.io/js/%40markuplint%2Fcreate-rule-helper.svg)](https://www.npmjs.com/package/@markuplint/create-rule-helper)

## Install

[`markuplint`](https://www.npmjs.com/package/markuplint) package includes this package.

<details>
<summary>If you are installing purposely, how below:</summary>

```shell
$ npm install @markuplint/create-rule-helper

$ yarn add @markuplint/create-rule-helper
```

</details>
npm package: @markuplint/html-ls
Description: A Ruleset of HTML Living Standard for markuplint
Author: Yusuke Hirao
Latest version: 1.0.0-alpha.23

# @markuplint/html-ls

[![npm version](https://badge.fury.io/js/%40markuplint%2Fhtml-ls.svg)](https://www.npmjs.com/package/@markuplint/html-ls)
[![Build Status](https://travis-ci.org/markuplint/markuplint.svg?branch=next)](https://travis-ci.org/markuplint/markuplint)
[![Coverage Status](https://coveralls.io/repos/github/markuplint/markuplint/badge.svg?branch=next)](https://coveralls.io/github/markuplint/markuplint?branch=next)

## Install

Prerequisites: [Node.js](https://nodejs.org) (Version 12.4.0 or later)

```sh
$ npm install @markuplint/html-ls

$ yarn add @markuplint/html-ls
```

## Contributing

```
$ git clone git@github.com:markuplint/markuplint.git -b next
$ yarn
$ yarn build
$ yarn test
```

---

Copyright &copy; 2020 markuplint. Under the MIT License.
npm package: @markuplint/htmx-parser
Description: HTMX parser for markuplint
Author: Yusuke Hirao
Latest version: 4.0.21

# @markuplint/htmx-parser

[![npm version](https://badge.fury.io/js/%40markuplint%2Fhtmx-parser.svg)](https://www.npmjs.com/package/@markuplint/htmx-parser)

Use **markuplint** with [**HTMX**](https://htmx.org/).
Add HTMX specific elements and attributes to the schema.

## Install

```shell
$ npm install -D @markuplint/htmx-parser

$ yarn add -D @markuplint/htmx-parser
```

## Usage

Add `parser` and `spec` option to your [configuration](https://markuplint.dev/configuration/#properties/parser).

```json
{
  "parser": {
    "\\.html$": "@markuplint/htmx-parser"
  },
  "specs": {
    "\\.html$": "@markuplint/htmx-parser/spec"
  }
}
```
npm package: @markuplint/rule-textlint
Description: The rule plugin that adapts textlint in markuplint
Author: Yusuke Hirao
Latest version: 4.7.23

# @markuplint/rule-textlint

[![npm version](https://badge.fury.io/js/%40markuplint%2Frule-textlint.svg)](https://www.npmjs.com/package/@markuplint/rule-textlint)

The rule plugin that adapts [**textlint**](https://github.com/textlint/textlint) in **markuplint**

## Install

```shell
$ npm install -D @markuplint/rule-textlint

$ yarn add -D @markuplint/rule-textlint
```

## Usage

### Example

```shell
$ yarn add -D textlint-rule-prh
```

#### Load `.textlintrc.*` config automatically

```json .markuplintrc
{
  "rules": {
    "textlint": true
  }
}
```

```json .textlintrc
{
  // `html` plugin will be used automatically by `markuplint`
  // but make sure to enable it manually
  // if you are using `textlint` as cli at the same time
  // "plugins": ["html"],
  "rules": {
    "prh": {
      "rulePaths": ["../prh.yml"]
    }
  }
}
```

#### Use independent textlint config

```js markuplint.config.js
import path from 'node:path';
import { fileURLToPath } from 'node:url';

import Prh from 'textlint-rule-prh';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

export default {
  rules: {
    textlint: {
      options: {
        rules: [
          {
            ruleId: 'prh',
            rule: Prh,
            options: {
              rulePaths: [path.resolve(__dirname, '..', 'prh.yml')],
            },
          },
        ],
      },
    },
  },
};
```