open-index/open-npm huggingface dataset:
npm package: @kirklandgee/tiptap-markdown
Description: Edit markdown content in tiptap editor.
Author: Antoine Guingand
Latest version: 0.8.10

> [!WARNING]
As Tiptap have now a solution for markdown (paid [Conversion extension](https://next.tiptap.dev/docs/conversion/import-export/markdown/editor-extensions) and more markdown handling [announced for v3](https://next.tiptap.dev/docs/resources/whats-new#whats-next-in-tiptap-3x)). I don't plan to release [v1](https://github.com/aguingand/tiptap-markdown/pull/67) nor addressing current issues / PR. Feel free to fork the project if you need.

# Tiptap markdown

The markdown extension for [Tiptap editor](https://www.tiptap.dev/).

## Installation

```bash
npm install tiptap-markdown
```

### Requirements
Supports all frameworks handled by Tiptap (Vue 2, Vue 3, React, [see full list](https://www.tiptap.dev/installation#integration-guides)...)

## Usage
Basic example:

```js
import { Editor } from '@tiptap/core';
import StarterKit from '@tiptap/starter-kit';
import { Markdown } from 'tiptap-markdown';

const editor = new Editor({
    content: "# Title",
    extensions: [
        StarterKit,
        Markdown,
    ],
});
const markdownOutput = editor.storage.markdown.getMarkdown();
```

## API

### Options
Default options:
```js
Markdown.configure({
  html: true,                  // Allow HTML input/output
  tightLists: true,            // No <p> inside <li> in markdown output
  tightListClass: 'tight',     // Add class to <ul> allowing you to remove <p> margins when tight
  bulletListMarker: '-',       // <li> prefix in markdown output
  linkify: false,              // Create links from "https://..." text
  breaks: false,               // New lines (\n) in markdown input are converted to <br>
  transformPastedText: false,  // Allow to paste markdown text in the editor
  transformCopiedText: false,  // Copied text is transformed to markdown
})
```

### Methods
```js
editor.commands.setContent('**test**') // setContent supports markdown format
editor.storage.markdown.getMarkdown(); // get current content as markdown
```

### Custom extensions
See [examples](https://github.com/aguingand/tiptap-markdown/tree/main/example/src/extensions).  
Check out prosemirror-markdown [default serializer](https://github.com/ProseMirror/prosemirror-markdown/blob/master/src/to_markdown.ts#L66) for examples of serialize config. Check out markdown-it [plugins](https://github.com/markdown-it/markdown-it#syntax-extensions) for parsing.

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
The MIT License (MIT). Please see [License File](LICENSE) for more information.
npm package: @kirklin/prettier-config
Description: Prettier config for @kirklin
Latest version: 0.0.3

# @kirklin/prettier-config

[![npm](https://img.shields.io/npm/v/@kirklin/prettier-config?color=f03e3e)](https://npmjs.com/package/@kirklin/prettier-config)
[![star](https://img.shields.io/github/stars/kirklin/prettier-config?color=1c7ed6)](https://github.com/kirklin/prettier-config)
[![license](https://img.shields.io/npm/l/@kirklin/prettier-config?color=37b24d)](https://github.com/kirklin/prettier-config/blob/main/LICENSE)

My personal Prettier config ( 我的 Prettier 配置 )

## Configs ( 配置 )

- Use semi ( 使用分号 )
- Use double quotes ( 使用双引号 )
- Ignore space around HTML tags ( 忽略 HTML 标签周围空格 )
- Ignore `pnpm-lock.yaml` file ( 忽略 `pnpm-lock.yaml` 文件 )

## Install ( 安装 )

```bash
npm i -D prettier @kirklin/prettier-config
```

## Usage ( 使用 )

Edit `package.json` ( 编辑 `package.json` )

```jsonc
// config
"prettier": "@kirklin/prettier-config"

// script
"scripts": {
  "format": "prettier --cache --write ."
}
```
npm package: @kirklin/reset-css
Description: Collection of standard reset CSS stylesheets.
Author: Kirk Lin
Latest version: 0.0.6

# @kirklin/reset-css

Collection of standard reset CSS stylesheets.

```bash
npm i @kirklin/reset-css
```

```ts
// main.js
// pick one of the following

// normalize.css https://necolas.github.io/normalize.css/
import '@kirklin/reset-css/normalize.css'

// sanitize.css https://github.com/csstools/sanitize.css#usage
import '@kirklin/reset-css/sanitize/sanitize.css'
import '@kirklin/reset-css/sanitize/assets.css'

// reset.css by Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
import '@kirklin/reset-css/eric-meyer.css'

// preflights from tailwind
import '@kirklin/reset-css/tailwind.css'

// opinionated reset by Kirklin
// https://github.com/kirklin/reset-css/blob/main/kirklin.md
import '@kirklin/reset-css/kirklin.css'
```
npm package: @kirklin/supermemo2
Description: A TypeScript implementation of the SuperMemo 2 (SM2) algorithm for spaced based repetition algorithm
Author: Kirk Lin
Latest version: 0.0.3

# SuperMemo

[![CI][ci-image]][ci-url] [![npm][npm-image]][npm-url] [![downloads][downloads-image]][downloads-url] [![javascript_code style][code-style-image]][code-style-url]

[ci-image]: https://github.com/kirklin/@kirklin/supermemo2/actions/workflows/release.yml/badge.svg?branch=master
[ci-url]: https://github.com/kirklin/@kirklin/supermemo2/actions/workflows/release.yml
[npm-image]: https://img.shields.io/npm/v/@kirklin/supermemo2.svg
[npm-url]: https://npmjs.org/package/@kirklin/supermemo2
[downloads-image]: https://img.shields.io/npm/dm/@kirklin/supermemo2.svg
[downloads-url]: https://npmjs.org/package/@kirklin/supermemo2
[code-style-image]: https://img.shields.io/badge/code__style-%40kirklin%2Feslint--config-brightgreen
[code-style-url]: https://github.com/kirklin/eslint-config/

A TypeScript implementation of the [SuperMemo 2](https://super-memory.com/english/ol/sm2.htm) (SM2) algorithm for spaced based repetition algorithm.



## Usage

### Install

```bash
npm install @kirklin/supermemo2
```

## License

[MIT](./LICENSE) License &copy; 2022-PRESENT [Kirk Lin](https://github.com/kirklin)
npm package: @kirklin/vite-plugin-vben-theme
Description: Vite plugin for dynamically changing the theme color of the interface
Author: Kirk Lin
Latest version: 0.1.2

# @kirklin/vite-plugin-vben-theme

**English** | [中文](./README.zh_CN.md)

[![npm][npm-image]][npm-url] [![downloads][downloads-image]][downloads-url] [![javascript_code style][code-style-image]][code-style-url]

[npm-image]: https://img.shields.io/npm/v/@kirklin/vite-plugin-vben-theme.svg
[npm-url]: https://npmjs.org/package/@kirklin/vite-plugin-vben-theme
[downloads-image]: https://img.shields.io/npm/dm/@kirklin/vite-plugin-vben-theme.svg
[downloads-url]: https://npmjs.org/package/@kirklin/vite-plugin-vben-theme
[code-style-image]: https://img.shields.io/badge/code__style-%40kirklin%2Feslint--config-brightgreen
[code-style-url]: https://github.com/kirklin/eslint-config/

Vite plugin for dynamically changing the theme color of the interface

After vite processes the css and dynamically analyzes the color value in the css text that matches the plug-in configuration, extract the specified color style code from all output css files. And create a `app-theme-style.css` file containing only color styles, dynamically insert it into the specified position (the bottom of the default body), and then replace the custom style/component library style color used with the new color, In order to achieve the purpose of dynamically changing the theme color of the project

### Install (pnpm or npm)

**vite version:** >=3.2.0

```
pnpm i @kirklin/vite-plugin-vben-theme -D
```

or

```
npm i @kirklin/vite-plugin-vben-theme -D
```

## Usage

- Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed

```typescript
import { defineConfig, Plugin } from 'vite';
import vue from '@vitejs/plugin-vue';

import { viteThemePlugin, mixLighten, mixDarken, tinycolor } from '@kirklin/vite-plugin-vben-theme';

export default defineConfig({
  plugins: [
    vue(),
    viteThemePlugin({
      // Match the color to be modified
       colorVariables: [],
    }),
  ],
});
```

## Options

`viteThemePlugin(Options)`

**Options**

| param | type | default | desc |
| --- | --- | --- | --- |
| colorVariables | `string[]` | - | If css contains the color value in the array, css will be extracted |
| wrapperCssSelector | `string` | - | Universal outer selector. You can pass in'body' and other selectors to increase the level |
| resolveSelector | `(selector:string)=>string` | - | Custom selector conversion |
| customerExtractVariable | `(css:string)=>string` | - | Custom css matching color extraction logic |
| fileName | `string` | `app-theme-style.hash.css` | File name output after packaging |
| injectTo | `body` or `head` or `body-prepend` | `body` | The css loaded in the production environment is injected into the label body |


## License

MIT