open-index/open-npm huggingface dataset:
npm package: @sefailyasoz/react-carousel
Description: Easy to use and TypeScript compatible carousel component.
Author: sefailyasoz
Latest version: 1.1.1

# Carousel Component for React

Easy to use and TypeScript compatible carousel component.

## Installation

To install the library you can run

```bash
npm install @sefailyasoz/react-carousel # or yarn add @sefailyasoz/react-carousel
```

### Example

You can see the example output from this link: https://ibb.co/4sh1HZH

The Carousel component takes one neseccary prop which is data. This data must be an array of objects and this objects' type is as follows:

> {
> image: string,
> headerText?: string | null,
> subText?: string | null
> }

The props that are shown in this example shown with their default values except leftItem, rightItem and data props.
data prop is mandatory but the others are optional.
leftItem and rightItem props can take any React element as a value. You can use your own custom buttons for the slide navigation
as shown in the example. If you don't give anything, the component will use it is own buttons.

```txt
import { Carousel } from '@sefailyasoz/react-carousel'
import { FaArrowLeft, FaArrowRight } from 'react-icons/fa'
const MyApp = () => {

const CarouselData = [
  {
    headerText: null,
    subText: 'Sub Text One',
    image: 'https://picsum.photos/300/300',
  },
  {
    headerText: 'Header Text Two',
    subText: null,
    image: 'https://picsum.photos/1200/800',
  },
  {
    headerText: null,
    subText: null,
    image: 'https://picsum.photos/720/720',
  },
  {
    headerText: 'Header Text Four',
    subText: 'Sub Text Four',
    image: 'https://picsum.photos/1920/1080',
  },
  {
    headerText: 'Header Text Five',
    subText: 'Sub Text Five',
    image: 'https://picsum.photos/480/360',
  },
]
  return    <Carousel
              data={CarouselData}
              autoPlay={true}
              rightItem={<FaArrowRight />}
              leftItem={<FaArrowLeft />}
              animationDuration={3000}
              headerTextType="black"
              subTextType="white"
              size="normal"
            />
}

export default MyApp
```
npm package: @sefinek/email-validator
Description: Lightweight npm module for email address validation.
Author: Sefinek
Latest version: 2.0.0

# 📨 Email Address Validator
This lightweight module facilitates precise email address validation, returning a `Boolean` value of `true` or `false`.

<div align="center">
    <a href="https://www.npmjs.com/package/@sefinek/email-validator">
        <img src="https://img.shields.io/npm/dm/@sefinek/email-validator" alt="npm downloads">
    </a>
    <a href="https://github.com/sefinek/email-validator/issues">
        <img src="https://img.shields.io/github/issues/sefinek/email-validator" alt="Issues">
    </a>
    <a href="https://github.com/sefinek/email-validator/commits/main">
        <img src="https://img.shields.io/github/last-commit/sefinek/email-validator" alt="Last commit">
    </a>
    <a href="https://www.jsdelivr.com/package/npm/@sefinek/email-validator">
        <img src="https://data.jsdelivr.com/v1/package/npm/@sefinek/email-validator/badge?style=rounded" alt="Stats">
    </a>
</div>


## 🟢 » Node.js
### Installation via npm
```bash
npm install @sefinek/email-validator
```

### Installation via yarn
```bash
yarn add @sefinek/email-validator
```

### Example
```js
const emailValidator = require('@sefinek/email-validator');

const TEST_EMAIL = 'contact@sefinek.net';
if (emailValidator(TEST_EMAIL)) {
    console.log(`Email ${TEST_EMAIL} is valid.`);
} else {
    console.log(`Email ${TEST_EMAIL} is NOT valid!`);
}
```


## 🌍 » Browser
### jsdelivr.net
```
https://cdn.jsdelivr.net/npm/@sefinek/email-validator@2/dist/email-validator.min.js
```

### Example
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>email-validator</title>
</head>
<body>
    <h1>email-validator</h1>

    <script src="https://cdn.jsdelivr.net/npm/@sefinek/email-validator@2/dist/email-validator.min.js"></script>
    <script>
        const email = 'contact@sefinek.net';

        if (emailValidator(email)) {
            console.log(`✔️ Email ${email} is valid.`);
        } else {
            console.log(`❎ Email ${email} is NOT valid!`);
        }
    </script>
</body>
</html>
```

### Demo
> https://sefinek.net/npm/email-validator/demo


## ⭐ » Thank you
If you find this module helpful, please consider giving the [repository a star](https://github.com/sefinek/email-validator).
For any questions or issues, please create a new [Issue](https://github.com/sefinek/email-validator/issues/new).
npm package: @sefinek/rot47
Description: Encode or decode string in ROT47.
Author: Sefinek
Latest version: 1.0.5

# 🌀 ROT47 - Encode and Decode
The [@sefinek/rot47](https://www.npmjs.com/package/@sefinek/rot47) module is a simple Node.js module for encoding and decoding text in ROT47.

## 📥 Installation
To install the module, use the following command:
```shell
npm install @sefinek/rot47
```

## 🤔 Usage
To use the module, require it in your [Node.js](https://nodejs.org) application:
```js
const rot47 = require('@sefinek/rot47');
```

## 🔼 Encoding text in ROT47
To encode a string in ROT47, use the `encode()` function:
```js
const encoded = rot47.encode('Hello world!');
console.log(encoded); // "w6==@ H@C=5P"
```

## 🔽 Decoding text from ROT47
To decode a string from ROT47, use the `decode()` function:
```js
const decoded = rot47.decode('w6==@ H@C=5P');
console.log(decoded); // "Hello world!"
```

## 🤝 Contributing
Contributions are always welcome! If you have any ideas or suggestions for improving this module, feel free to open an issue or submit a [pull request](https://github.com/sefinek24/rot47/pulls).

## ⭐️ Supporting the project
If you find this module useful, please consider giving it a star on [GitHub](https://github.com/sefinek24/rot47). Your support is greatly appreciated!

## 📝 License
This module is licensed under the [MIT License](LICENSE).
npm package: @sefirosweb/bootstrap-react-table
Description: Basic components for CRUD with react
Author: @Sefirosweb
Latest version: 1.1.24

# Boostrap + TanStack Table + TanStack Query

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/sefirosweb)
npm package: @sefirosweb/react-crud
Description: Basic components for CRUD with react
Author: @Sefirosweb
Latest version: 2.14.2

# Project

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/sefirosweb)

[!["Storybook"](https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg)](https://sefirosweb.github.io/react-crud) [![TypeScript](https://badges.frapsoft.com/typescript/code/typescript.svg?v=101)](https://github.com/ellerbrock/typescript-badges/)

It´s a React compononet to be used at multiple projets

Normally you are interested to have a CRUD system for a lot of things, usually you want to make a fast and simple CRUD system,

It is made by bootstrap (react-bootstrap) you can modify colors and styles for these components

Full writed in typescript

Most of compenents are used [@tanstack/table](https://tanstack.com/table/v8/docs/guide/introduction)

# Try it!

How to use all components are in the [GitHub Pages](https://sefirosweb.github.io/react-crud/)

![image](https://raw.githubusercontent.com/sefirosweb/react-crud/master/docs/preview.gif)

# Start Production

Install:

```
npm install --save-dev @sefirosweb/react-crud
```

Add Bootstrap styling:\
Create a .SCSS file and import them with:

```scss
// Fonts
@import "~bootstrap/scss/bootstrap";
@import "toastr";
```

# Usage

Import components whant you wish:

```js
import { Crud } from "@sefirosweb/react-crud";
...

// Columns to retrieve from backend
const columns = [
  {
    Header: "#",
    accessor: "id",
    visible: true, // Can hide this element
  },
  {
    titleOnCRUD: "Label Item Type", // Label on CRUD modal
    Header: "Item Type", // Label in table
    accessor: "name", // field retreived from backend
    editable: true, // field can be editabled
    canSearch: true, // Add filter over table for this column
  },
];

...

// Import CRUD component
<Crud
    canSearch,
    canRefresh,

    primaryKey: 'id',
    titleOnDelete: 'name',

    createButtonTitle: 'http://localhost:6006/api/crud',
    canEdit: true,
    canDelete: true,
    crudUrl: `/api/crud`,

    columns={columns}
/>
```

Contribute to this project in [GitHub](https://github.com/sefirosweb/react-crud)

# I accept translations

The current translations are in `src/lib/translations` I accept PR to translate to all languages

## You can get the i18n instance of translation to use your own language code:

```ts
import { i18nInstance } from "@sefirosweb/react-crud";

useEffect(() => {
  i18nInstance.changeLanguage("en");
}, []);
```

# Development

## Start docker

`Start devcontainer of vscode`

## Start storybook for develop

http://localhost:6006/

```
npm run storybook
```

## Start react app to tests modules

```
npm start
```

## Build and publish to NPM

```
npm run build-module
npm publish
```
npm package: @sefirosweb/react-multiple-search
Description: It´s a React compononet to use a multiple searchs or filters in one input, but you can specific in wich field you want to search
Author: @Sefirosweb
Latest version: 0.1.0

# React Multiple Search Input

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/sefirosweb)

[!["Storybook"](https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg)](https://sefirosweb.github.io/react-multiple-search) [![TypeScript](https://badges.frapsoft.com/typescript/code/typescript.svg?v=101)](https://github.com/ellerbrock/typescript-badges/)

It´s a React compononet to use a multiple searchs or filters in one input, but you can specific in wich field you want to search

# Try it!

How to use all components are in the [GitHub Pages](https://sefirosweb.github.io/react-multiple-search/)

![image](https://raw.githubusercontent.com/sefirosweb/react-multiple-search/master/docs/input_search.png)

# Install

```
npm install --save-dev @sefirosweb/react-multiple-search
```

# Usage

Import components whant you wish:

```tsx
import { useEffect, useRef, useState } from "react";
import InputSearch, {
  InputSearchPropsRef,
  FilterLabel,
  Filters,
} from "@sefirosweb/react-multiple-search";
function App() {
  const inputRef = useRef<InputSearchPropsRef>(null);
  const [filter, setFilter] = useState<Array<Filters>>([]);
  const initialFilterLabels: Array<FilterLabel> = [
    {
      label: "All",
      filter: "all",
    },
    {
      label: "Name",
      filter: "name",
    },
    {
      label: "Email",
      filter: "email",
    },
  ];

  useEffect(() => {
    const time = setTimeout(() => {
      inputRef.current?.inputRef?.focus();
    }, 1000);
    return () => clearTimeout(time);
  }, []);

  return (
    <div>
      <div style={{ margin: "30px" }}>
        {JSON.stringify(filter)}
        <InputSearch
          ref={inputRef}
          filters={filter}
          setFilters={setFilter}
          filterLabels={initialFilterLabels}
        />
      </div>
    </div>
  );
}

export default App;
```

Contribute to this project in [github.com/sefirosweb/react-multiple-search](https://github.com/sefirosweb/react-multiple-search)
npm package: @seflless/deepwiki
Description: CLI wrapper around DeepWiki — query any public GitHub repo's docs from the terminal
Latest version: 0.1.8

# deepwiki

Give your coding agent instant knowledge of any public GitHub repo.

Inspired by Andrej Karpathy's [post on DeepWiki](https://x.com/karpathy/status/2021633574089416993) and the increasing malleability of software.

**Install the [Claude Code skill](https://docs.anthropic.com/en/docs/claude-code)** so Claude can use [DeepWiki](https://deepwiki.com) directly on your behalf:

```bash
npx skills add https://github.com/seflless/deepwiki --skill deepwiki
```

**Ask anything:**

> "How does the fiber reconciler work in facebook/react?"

> "What's the architecture of oven-sh/bun?"

> "Compare how facebook/react and vercel/next.js handle server components"

## CLI

There's also a CLI if you want to use deepwiki directly.

```bash
npm install -g @seflless/deepwiki
```

Or use `npx @seflless/deepwiki` without installing.

```bash
deepwiki ask facebook/react "How does the fiber reconciler work?"
deepwiki wiki oven-sh/bun
deepwiki toc facebook/react
deepwiki wiki anthropics/claude-code --json > docs.json
```

### Flags

| Flag          | Description       |
| ------------- | ----------------- |
| `--json`      | Output raw JSON   |
| `-q, --quiet` | Suppress spinners |
| `--no-color`  | Disable colors    |

## How it works

deepwiki is a thin CLI wrapper around [DeepWiki's](https://deepwiki.com) MCP server. It sends JSON-RPC requests to DeepWiki's public API and formats the responses for terminal and agent consumption.

## License

MIT
npm package: @seflless/ghosttown
Description: Web-based terminal emulator using Ghostty's VT100 parser via WebAssembly
Author: Coder
Latest version: 1.9.1

# ghost-town

Ghost town let's you continue terminal sessions from other devices using a browser. The runtime is based on Ghostty with a recreated UI that should feel like using Ghostty for desktop.

We're building this to make it easy to build web apps using coding agents, while on the go.

## Installation

```bash
# npm
npm install -g @seflless/ghosttown

# One-liner
curl -fsSL https://raw.githubusercontent.com/seflless/homebrew-ghosttown/main/install.sh | bash

# Homebrew
brew install seflless/ghosttown/ghosttown
```

## CLI Commands

After installing, you can use any of these commands:

| Command     | Description                 |
| ----------- | --------------------------- |
| `ghosttown` | Primary command (canonical) |
| `gt`        | Short alias                 |
| `ght`       | Alternative alias           |

All three commands behave identically.

**Note:** The `gt` alias may conflict with other tools (e.g., `go-task/gt`). If you experience conflicts, use `ght` or the full `ghosttown` command instead.

```bash
# Start the web terminal server
ghosttown

# Start on a specific port
ghosttown -p 3000

# Run a command in a new tmux session
ghosttown vim
ghosttown "npm run dev"

# Run a command with a custom session name
ghosttown -n my-project vim

# List all sessions
ghosttown list

# Attach to a session by name
ghosttown attach my-project

# Rename the current session (when inside one)
ghosttown rename new-name

# Kill a specific session
ghosttown -k my-project

# Kill all ghosttown sessions
ghosttown -ka

# Show help
ghosttown --help
```

### Session Management

Ghosttown uses tmux to manage terminal sessions. Each session gets a stable ID that persists across renames, so URLs continue to work even after renaming a session.

| Command                 | Description                 |
| ----------------------- | --------------------------- |
| `gt list`               | List all ghosttown sessions |
| `gt attach <name>`      | Attach to a session         |
| `gt detach`             | Detach from current session |
| `gt rename <new>`       | Rename current session      |
| `gt rename <old> <new>` | Rename a specific session   |
| `gt -k <name>`          | Kill a specific session     |
| `gt -ka`                | Kill all sessions           |
| `gt update`             | Update to latest version    |

# Credits

- [Ghostty](https://ghostty.org/)
- [ghostty-web](https://github.com/coder/ghostty-web)
npm package: @sefr/eslint-plugin
Description: ESLint plugin to enforce rules about software design like Onion architecture, modularity ...
Author: SEFR
Latest version: 1.3.14

# ✨ @sefr/eslint-plugin

- [What does it do ?](#-what-does-it-do)
- [Compatibility](#-compatibility)
- [Dependencies](#-dependencies)
- [Installation](#-installation)
- [How to use rules](#-how-to-use-rules)
- [Credits](#-credits)
- [License](#-license)

## 💡 What does it do ?

Provide a set of rules that you can use within [ESLint](https://eslint.org/).

## 🔧 Compatibility

| TypeScript | EcmaScript |
|------------|------------|
| \>= 2.8.0  | \>= ES2015 |

## 🎱 Dependencies

This package is dependencies-free.

## 💾 Installation

Nothing more than :

```shell
npm i -S @sefr/eslint-plugin
```

## 📚 How to use rules

- [@sefr/no-hexagonal-architecture-violation](./docs/no-hexagonal-architecture-violation.md)
- [@sefr/no-onion-architecture-violation](./docs/no-onion-architecture-violation.md)
- [@sefr/no-cross-domain-import](./docs/no-cross-domain-import.md)

## 📎 Credits

+ Developed with the awesome [TypeScript](https://www.typescriptlang.org/)
+ Tested with [Vitest](https://vitest.dev/)

## 📜 License

This software is available under the MIT License. See the [LICENSE](LICENSE.md) file for more informations.

⬆️ [Go back to top](#-sefreslint-plugin)
npm package: @sefr/nullable
Description: Simple type to allow value to be nullable
Author: SEFR
Latest version: 1.0.2

# @sefr/nullable ✨

- [What does it do ?](#what-does-it-do--)
- [Compatibility](#compatibility-)
- [Dependencies](#dependencies-)
- [Installation](#installation-)
- [How to use](#how-to-use-)
- [Incorrect usages](#incorrect-usages-)
- [Credits](#credits-)
- [License](#license-)

## What does it do ? 💡

Provide a simple implementation of the `Nullable<T>` type which allow a value to be either `T` or `null`.

## Compatibility 🔧

| TypeScript | EcmaScript |
|------------|------------|
| \>= 2.8.0  | \>= ES2015 |

## Dependencies 🎱

This package is dependencies-free.

## Installation 💾

Nothing more than :

```shell
npm i -S @sefr/nullable
```

## How to use 📚

✅ Returning a success without content :

```typescript
import { Nullable } from "@sefr/nullable";

function doSomething(condition: boolean): Nullable<string> {
    if (condition) {
		return "toto";
    } else {
		return null;
    }
}

const toto: Nullable<string> = doSomething(true);
console.log(toto); // "toto"
const titi: Nullable<string> = doSomething(false);
console.log(titi); // null
```

## Incorrect usages ❌

❌ Returning `undefined` instead of `null` won't work at compilation time :

```typescript
import { Nullable } from "@sefr/nullable";

function doSomething(condition: boolean): Nullable<string> {
	if (condition) {
		return "toto";
	} else {
		return undefined;
	}
}
```

## Credits 📎

+ Developed with the awesome [TypeScript](https://www.typescriptlang.org/)

## License 📜

This software is available under the MIT License. See the [LICENSE](LICENSE.md) file for more informations.

⬆️ [Go back to top](#sefrnullable-)
npm package: @sefr/result
Description: Simple implementation of the Operation Result pattern
Author: SEFR
Latest version: 1.0.12

# @sefr/result ✨

- [What does it do ?](#what-does-it-do--)
- [Compatibility](#compatibility-)
- [Dependencies](#dependencies-)
- [Installation](#installation-)
- [How to use](#how-to-use-)
- [Incorrect usages](#incorrect-usages-)
- [Credits](#credits-)
- [License](#license-)

## What does it do ? 💡

Provide a simple implementation of the Operation Result Pattern for TypeScript to avoid boilerplate code.

## Compatibility 🔧

| TypeScript | EcmaScript |
|------------|------------|
| \>= 2.8.0  | \>= ES2015 |

## Dependencies 🎱

This package is dependencies-free.

## Installation 💾

Nothing more than :

```shell
npm i -S @sefr/result
```

## How to use 📚

✅ Returning a success without content :

```typescript
import { Result } from "@sefr/result";

function doSomething(...args: Array<unknown>): Result<Error> {
    return Result.ok();
}

const toto: Result<Error> = doSomething();

if (toto.isFailure) {
	// do something...
}
```

✅ Returning a success with a string content :

```typescript
import { Result } from "@sefr/result";

function doSomething(...args: Array<unknown>): Result<string | Error> {
	return Result.ok("Operation successful !");
}

const toto: Result<string | Error> = doSomething();

if (toto.isFailure) {
	// do something...
} else {
	const titi = toto.value; // "Operation successful"
}
```

✅ Returning a failure with some custom error :

```typescript
import { Result } from "@sefr/result";

class SomeCustomError extends Error {
	constructor(public readonly someMoreInformation: Record<string, string>, message: string) {
		super(message);
	}
}

function doSomething(...args: Array<unknown>): Result<string | SomeCustomError> {
	return Result.failure(new SomeCustomError(
		{ id: "5", someMoreInfo: "stuff & co..." },
        "Oops! Something went wrong !"
    ));
}

const toto: Result<string | SomeCustomError> = doSomething();

if (toto.isFailure) {
	const titi = toto.value; // SomeCustomError
	// do something...
}
```

## Incorrect usages ❌

❌ Returning an error as successful operation is not allowed, TypeScript will not allow it :

```typescript
import { Result } from "@sefr/result";

function doSomething(...args: Array<unknown>): Result<string | Error> {
	return Result.ok(new Error("Operation successfull !"));
}
```

❌ Returning a failure without any reason (understand `Error`), TypeScript will also fail on build :

```typescript
import { Result } from "@sefr/result";

function doSomething(...args: Array<unknown>): Result<string | Error> {
	return Result.failure();
}
```

## Credits 📎

+ Developed with the awesome [TypeScript](https://www.typescriptlang.org/)
+ Tested with [Mocha](https://mochajs.org/) and [Chai](https://www.chaijs.com/)
+ Code style enforced with [ESLint](https://eslint.org/) and [TypeScript-ESLint](https://typescript-eslint.io/)

## License 📜

This software is available under the MIT License. See the [LICENSE](LICENSE.md) file for more informations.

⬆️ [Go back to top](#sefrresult-)
npm package: @sefriano/sso-ui-jwt
Description: TypeScript/JavaScript library for UI SSO ticket validation and JWT utilities, ported from rust-sso-ui-jwt.
Latest version: 0.2.1

# ts-sso-ui-jwt

TypeScript/JavaScript library for UI SSO ticket validation and JWT utilities,
adapted from [rust-sso-ui-jwt](https://github.com/ristekoss/rust-sso-ui-jwt)
and [golang-sso-ui-jwt](https://github.com/ristekoss/golang-sso-ui-jwt).

From rust-sso-ui-jwt:
> Universitas Indonesia (UI) uses a single sign on (SSO) mechanism for authentication
> and authorization of their services. The response body to a successful sign on is written in XML.
> It is generally a chore to reimplement the handling of entire SSO ticket validation
> and response body processing for students, committees, and organizations who'd like to use UI's SSO
> for student account authentication and authorization in their events.

I have (unofficially) adapted the core functionality of [rust-sso-ui-jwt](https://github.com/ristekoss/rust-sso-ui-jwt) and
[golang-sso-ui-jwt](https://github.com/ristekoss/golang-sso-ui-jwt) to TypeScript/JavaScript
for use in web applications involving UI SSO ticket validation and JWT handling.


## Installation
You can install the library via npm:
```bash
npm install @sefriano/sso-ui-jwt
```

## Build
To build the library from source, clone the repository and run:
```bash
npm run build
```


## Change Log

See [`changelog.md`](./changelog.md) for versioned release notes and summaries.
npm package: @seg-fe/smart-ui
Description: 基于 Vue 的UI组件库
Latest version: 0.0.1

# smart-ui

> smart-ui

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Run your tests

```
npm run test
```

### Lints and fixes files

```
npm run lint
```

###  docs for development

```
npm run docs:dev
```

###  Compiles and minifies docs for production

```
npm run docs:build
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @segbedji/milkdown-plugin-directive-fallback
Latest version: 0.0.1

# @ezone-devops/milkdown-plugin-directive-fallback



let's say if you make a plugin like this.
```typescript
schema: () => ({
    // ...
    parseMarkdown: {
        match: (node) => node.type === 'textDirective' && node.name === 'iframe',
        runner: (state, node, type) => {
            state.addNode(type, { src: (node.attributes as { src: string }).src });
        },
    },
}),
```

then 
```typescript
import { Editor } from '@milkdown/core';
import { commonmark } from '@milkdown/preset-commonmark';
import { nord } from '@milkdown/theme-nord';
import { directiveWithFallback } from '@ezone-devops/milkdown-plugin-directive-fallback';
const defaultValue = `# Hello milkdown :::abc{.class#id} content ::: `;
Editor.make()
    .Editor.make()
    .use(commonmark)
    .use(iframePlugin)
    .config((ctx) => {
        ctx.set(defaultValueCtx, defaultValue);
    })
    .create();
```

If you don't use plugin-directive-fallback.

The editor crash when you run it with some other directive;

It render all directive as text to avoid parse error when use remark-directive;

```typescript
import { Editor } from '@milkdown/core';
import { commonmark } from '@milkdown/preset-commonmark';
import { nord } from '@milkdown/theme-nord';
import { directiveWithFallback } from '@ezone-devops/milkdown-plugin-directive-fallback';
const defaultValue = `# Hello milkdown :::abc{.class#id} content ::: `;
Editor.make()
    .Editor.make()
    .use(commonmark)
    .use(iframePlugin)
    .use(directiveWithFallback)
    .config((ctx) => {
        ctx.set(defaultValueCtx, defaultValue);
    })
    .create();
```
Every thing is ok now.


# License

Milkdown is open sourced software licensed under [MIT license](https://github.com/Saul-Mirone/milkdown/blob/main/LICENSE).
npm package: @segdehanpm/drag-and-drop
Description: Drag and drop behaviors, specific to ranked-choice voting
Author: Andrew Hedges
Latest version: 1.1.9

# Drag-and-Drop

This package is probably not generally useful. I built it for the specific purpose of experimenting with ranked-choice voting algorithms. Consequently, the required DOM structure is pretty bespoke to [my implementation](https://andrew.hedges.name/experiments/rcv/).
npm package: @segdehanpm/levenshtein
Description: Calculate normalized Levenshtein distances
Author: Andrew Hedges
Latest version: 1.0.1

# Levenshtein

This package is probably not generally useful. I built it for the specific purpose of experimenting with ranked-choice voting algorithms. Consequently, it only calculates normalized distances, which is what I needed for [my implementation](https://andrew.hedges.name/experiments/rcv/).
npm package: @segdehanpm/random-names
Description: Generate unique, random, human names
Author: Andrew Hedges
Latest version: 1.0.1

# RandomNames

This package generates random, human-sounding names from a fairly long, somewhat diverse list of family and given names. It does not take into account [different name norms around the world](https://obaninternational.com/blog/how-do-naming-conventions-vary-around-the-world/). But, hey, if you want to use it, knock yourself out.

## Usage

1. `npm install @segdehanpm/random-names`
2. `import { RandomNames } from '@segdehanpm/random-names';`
3. `const rn = new RandomNames();`
4. `const randomName = rn.getName();`
5. `console.log(randomName); // Phoebe Lewis (or similar)`
npm package: @segdehanpm/rcv
Description: Facilitate ranked-choice voting using an instant-runoff algorithm
Author: Andrew Hedges
Latest version: 1.1.2

# RCV (Ranked Choice Voting)

This package is probably not generally useful. I built it for the specific purpose of experimenting with ranked-choice voting algorithms. Consequently, the required data structures are pretty bespoke to [my implementation](https://andrew.hedges.name/experiments/rcv/).
npm package: @segdehanpm/voting-machine
Description: Manage voting and tally results based on whatever algorithm gets passed in
Author: Andrew Hedges
Latest version: 1.0.1

# VotingMachine

This package is probably not generally useful. I built it for the specific purpose of experimenting with ranked-choice voting algorithms. Consequently, the data structures are pretty bespoke to [my implementation](https://andrew.hedges.name/experiments/rcv/).