open-index/open-npm huggingface dataset:
npm package: @puzzlejs/react-ui
Description: Open source React UI library
Author: Eugeniu Marinescu
Latest version: 0.0.1-beta

#### [Puzzle.js](https://puzzlejs.com/) — Open source React UI library. 
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/puzzlejs-ui/react/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/puzzlejs-ui/react/pulls) [![npm](https://img.shields.io/npm/v/@puzzlejs/react.svg)](https://www.npmjs.com/package/@puzzlejs/react) ![File size](https://img.shields.io/github/size/puzzlejs-ui/react/dist/puzzle.min.js.svg)

![](https://www.puzzlejs.com/images/puzzle-logo.svg)
npm package: @puzzlekit/element
Description: Vue3 components library
Author: Viking Zhang
Latest version: 1.0.0

## Vue3.3+TS4高仿ElementPlus组件库

**v-element**
### 安装
```bash
npm i @puzzlekit/v-element --save
```

### 开始使用

**全局使用**

```js
// 引入所有组件
import VElement from '@puzzlekit/v-element'
// 引入样式
import '@puzzlekit/v-element/dist/style.css'

import App from './App.vue'
// 全局使用
createApp(App).use(VElement).mount('#app')
```

```vue
<template>
  <vk-button>我是 VkButton</vk-button>
</template>
```

**单个导入**

V Element 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。


```vue
<template>
  <Button>我是 VkButton</Button>
</template>
<script>
  import { Button } from ' @puzzlekit/v-element'
  export default {
    components: { Button },
  }
</script>
```
npm package: @puzzlet/agentmark-loader
Description: A custom webpack loader for AgentMark
Latest version: 1.1.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# PromptDX Loader

A webpack loader for PromptDX files

1. `yarn add @puzzlet/promptdx-loader` or `npm install @puzzlet/promptdx-loader`
2. Add to webpack config.

```js
module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.prompt.mdx$/,
        use: '@puzzlet/promptdx-loader',
      },
    ],
  },
  target: 'node',
  ... // Other config
};
```
npm package: @puzzlet/locales
Description: To start using it do the following
Latest version: 0.1.3

To start using it do the following

1. Create i18n file e.g i18nInit
2. Initialize i18n by using the exported method init
3. Add translation files as param
4. import the created file (i18Init) to entry point of you app.

Note: Make sure you use "use client" at the top of file in your next app.

Exmaple

"use client";
import { init } from "@puzzlet/locales";
import translationEn from "./langs/en.json";

init({ translations: { en: translationEn } });
npm package: @puzzlet/promptdx-loader
Description: A custom webpack loader for promptdx
Latest version: 1.0.2

# PromptDX Loader

A webpack loader for PromptDX files

1. `yarn add @puzzlet/promptdx-loader` or `npm install @puzzlet/promptdx-loader`
2. Add to webpack config.

```js
module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.prompt.mdx$/,
        use: '@puzzlet/promptdx-loader',
      },
    ],
  },
  target: 'node',
  ... // Other config
};
```
npm package: @puzzlet/templatedx
Description: <h1 align="center">TemplateDX</h1>
Latest version: 0.6.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<h1 align="center">TemplateDX</h1>

<p align="center">
  <a href="https://github.com/puzzlet-ai">
    <img src="https://www.puzzlet.ai/images/logo.svg" alt="TemplateDX Logo" width="200"/>
  </a>
</p>

<p align="center">
  <strong>The declarative, extensible & composable type-safe template engine.</strong>
</p>

<p align="center">
  <a href="https://discord.gg/P2NeMDtXar">Discord</a> |
  <a href="https://puzzlet-ai.github.io/templatedx">Docs</a> |
  <a href="https://github.com/puzzlet-ai/promptdx">PromptDX</a> |
  <a href="https://puzzlet.ai">Puzzlet</a>
</p>

---

## Overview

TemplateDX is a declarative, extensible & composable type-safe template engine based on Markdown and JSX.

TemplateDX uses a straightforward, readable syntax to enhance the developer experience for those using templating engines.

TemplateDX was built as the foundation for [PromptDX](https://github.com/puzzlet-ai/promptdx) and is inspired by MDX.

## Example

```mdx example.mdx
import Blog from './blog.mdx';

# Main

<Blog title="Turtles">
 Turtles are really cool...
</Blog>
```

## Features

TemplateDX supports:

1. Type Safety
1. Syntax Highlighting
1. Markdown
1. Variables
1. Filters
1. Components
1. Tags
1. Expressions

Read our [docs](https://puzzlet-ai.github.io/templatedx) to learn more.

## Contributing

We welcome contributions! Please check out our [contribution guidelines](https://github.com/puzzlet-ai/templatedx/blob/main/CONTRIBUTING.md) for more information.

## Community

Join our community to collaborate, ask questions, and stay updated:

- [Discord](https://discord.gg/P2NeMDtXar)
- [Issues](https://github.com/puzzlet-ai/templatedx/issues)
- [Discussions](https://github.com/puzzlet-ai/templatedx/discussions)

## License

This project is licensed under the [MIT License](https://github.com/puzzlet-ai/templatedx/blob/main/LICENSE).
npm package: @puzzlet/vercel-ai-v4-adapter
Description: This is an adapter for the AI SDK v4. It allows you to use AgentMark prompts with the Vercel AI SDK v4.
Latest version: 2.2.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# AI V4 Adapter

This is an adapter for the AI SDK v4. It allows you to use AgentMark prompts with the Vercel AI SDK v4.