open-index/open-npm huggingface dataset:
npm package: @hebejebe/react-vite-mcp
Description: A CLI tool to scaffold React + Vite + TypeScript projects integrated with Model Context Protocol (MCP).
Author: Jonathan Atia
Latest version: 1.0.5

# react-vite-mcp

[![npm version](https://img.shields.io/npm/v/@hebejebe/react-vite-mcp)](https://www.npmjs.com/package/@hebejebe/react-vite-mcp)

A CLI to scaffold React + Vite apps with context & feature generation.

## Installation

```bash
npm install @hebejebe/react-vite-mcp
```

## The general idea here

I built this mcp/cli so that I could shift the claude cli usage from being a code generator, to an orchestrator (Also, save many many tokens from my subscription plan).

I hope this helps you too.

This mcp is oppinionated as am I when it comes to planning/building/architecting a frontend app.

## The vision

when working in teams, you can allways have discussions about how to architect a project, and what the best practices are. here, they are baked in, and all you have to do is fill in the logic where needd.

also, if your'e using claude CLI (hopefully any other llm cli) you can focus on writing a plan with claude, and hand this mcp over to claude to just do the work for you.

## Current Features

- Init - can be used from the terminal to get you up and running with a react/vite app
- Feature - will add what I currently consider is a end to end feature boilerplate, as well as connect it to the router
- Context - will add a context boilerplate & wrap root routes provider with the context provider

## Commands & Usage

- `npx react-vite-mcp init <project-name>` - will create a new folder with the project name, and scaffold a react/vite app in it
- `npx react-vite-mcp feature <project-name> <FeatureName>` - will add a new feature to the current project
- `npx react-vite-mcp context <project-name> <ContextName>` - will add a new context to the current project

## Roadmap

See [roadmap.md](./roadmap.md)
npm package: @hebertpaziam/utils
Description: Test
Author: Hebert Marcos Paziam
Latest version: 1.1.1

## Hebert Paziam's Utils

[![Package Version](https://img.shields.io/npm/v/@hebertpaziam/utils?color=%23F44336&label=version)](https://npmjs.com/package/@hebertpaziam/utils)
[![License](https://img.shields.io/npm/l/@hebertpaziam/utils?color=%23F44336)](https://github.com/hebertpaziam/utils/blob/master/LICENSE)
[![Code Size](https://img.shields.io/github/languages/code-size/hebertpaziam/utils?color=%23F44336&label=size)](https://github.com/hebertpaziam/utils)
[![Github Issues](https://img.shields.io/github/issues-raw/hebertpaziam/utils?label=issues)](https://github.com/hebertpaziam/utils/issues)
[![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/hebertpaziam/utils)](https://github.com/hebertpaziam/utils)
[![Coverage Status](https://img.shields.io/coveralls/github/hebertpaziam/utils.svg)](https://coveralls.io/github/hebertpaziam/utils)
[![Github Workflow](https://img.shields.io/github/workflow/status/hebertpaziam/utils/deploy)](https://github.com/hebertpaziam/utils/actions?query=workflow%3Adeploy)

### 📦 Installation

This package is installable from [npm](https://www.npmjs.com/).

```bash
npm install @hebertpaziam/utils --save
```
npm package: @hebertsilva/vue-countdown
Description: Simple Countdown component for Vue.js
Author: Hebert Silva
Latest version: 1.0.1

# vue-countdown

> Simple Countdown component for [Vue.js](https://vuejs.org).

* [Example](https://hebertsilva.github.io/vue-countdown/)

## Project setup

In browser:

```html
<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-countdown.js"></script>
<script>Vue.component(VueCountdown.name, VueCountdown);</script>
```

### Usage

```js
import Vue from 'vue'
import VueCountdown from '@hebertsilva/vue-countdown'
Vue.component(VueCountdown.name, VueCountdown)
```

```html
<countdown :time="20" :onComplete="setFunctionOnComplete" :labels="['Days', 'Hours', 'Minutes', 'Seconds']" />
<!-- 
    <ol>
        <li>
            <span class="time">00</span>
            <span class="label">Days</span>
        </li>
        <li>
            <span class="time">21</span>
            <span class="label">Horus</span>
        </li>
        <li>
            <span class="time">19</span>
            <span class="label">Minutes</span>
        </li>
        <li>
            <span class="time">47</span>
            <span class="label">Seconds</span>
        </li>
    </ol>
 -->
```

## Props

### time

- Type: `Number` *// Minutes*
- Default: `0`

### labels
- Type: `Array`
- Default: `['Days', 'Hours', 'Minutes', 'Seconds']`

### onComplete
- Type: `Function`
- Default: `null`

## License

[MIT](https://opensource.org/licenses/MIT) © Hebert Silva
npm package: @hebiao-canvas-common/common
Description: Excalidraw common functions, constants, etc.
Latest version: 0.1.0

# @excalidraw/common

## Install

```bash
npm install @excalidraw/common
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/common
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/common
```
npm package: @hebilicious/authjs-nuxt
Description: [![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![CI](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/authjs-nuxt/actions/workfl
Latest version: 0.3.5

# ⚗️ AuthJS Nuxt

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![CI](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[npm-version-src]: https://img.shields.io/npm/v/@hebilicious/authjs-nuxt
[npm-version-href]: https://npmjs.com/package/@hebilicious/authjs-nuxt
[npm-downloads-src]: https://img.shields.io/npm/dm/@hebilicious/authjs-nuxt
[npm-downloads-href]: https://npmjs.com/package/@hebilicious/authjs-nuxt

🚀 Welcome to __AuthJS Nuxt__!  This is an edge compatible experimental Nuxt module currently in its alpha stage.
This module uses the [Auth.js](https://github.com/nextauthjs/next-auth) core implementation under the hood.

## ⚠️ Disclaimer

_🧪 This module like Auth.js, is still in developement._
Contributions are welcome !

## Documentation

You can find the documentation for this module [on the website](https://authjs-nuxt.pages.dev/); and the documentation for auth.js [here](https://authjs.dev/).
You can also find working examples of this module in the playgrounds, on in this [repository](https://github.com/Hebilicious/authjs-nuxt-examples).

### Why not?

1. **Why not use use [Sidebase Nuxt-Auth](https://github.com/sidebase/sidebase)?**

    - Because it's based on Next-Auth and not Auth.js.
    - Because it's not edge compatible. This module is.

2. **Why not use Auth.js directly?**
  
   - You can. However, Auth.js is currently being rewritten from Next-Auth, and wiring everything with Nuxt for the edge isn't straightforward. This gives you a good starting point and a reference implementation.

3. **Why should I use this package? I'd rather build my own auth!**

   - Auth.js gives you a good starting point, and has plenty of adapters and database drivers, and so does this package.
   - If you want to DIY even more, You can use something like [Lucia](https://github.com/pilcrowOnPaper/lucia).

### Why ?

- It's based on [Auth.js](https://github.com/nextauthjs/next-auth)
- It works everywhere (tested on the edge)
- It's lightweight
- It's Nuxt

## 📦 Contributing

Contributions, issues and feature requests are welcome!

1. Fork this repo

2. [Install `bun`.](https://bun.sh/docs/installation)

3. Use `bun i` at the mono-repo root.

4. Make modifications and follow conventional commits.

5. Open a PR 🚀🚀🚀
npm package: @hebilicious/dom-snapshot-nuxt
Description: 🚀 Welcome to __Hebilicious Snapshot Dom Nuxt Module__!
Author: Hebilicious
Latest version: 0.0.3

# ⚗️ Snapshot Dom Nuxt Module

🚀 Welcome to __Hebilicious Snapshot Dom Nuxt Module__!  

Inspired by [SvelteKit](https://kit.svelte.dev/docs/snapshots) same feature.

Ephemeral DOM state — like scroll positions on sidebars, the content of <input> elements and so on — is discarded when you navigate from one page to another.

For example, if the user fills out a form but clicks a link before submitting, then hits the browser's back button, the values they filled in will be lost. In cases where it's valuable to preserve that input, you can take a snapshot of DOM state, which can then be restored if the user navigates back.

## 📦 Installation

Install this module from NPM :

```bash
npm i @hebilicious/snapshot-dom-nuxt-module
```

Add it to your `nuxt.config.ts` file:

```ts
export default defineNuxtConfig({
  modules: [
    "@hebilicious/snapshot-dom-nuxt-module"
  ]
})
```

## 🚀 Usage

```vue
<script setup lang="ts">
const comment = ref("") // This will be restored on nav and refresh
const another = ref("") // This will be restored on nav
const no = ref("") // This won't be

useSnapshot([
  { capture: comment, restore: (v) => { comment.value = toValue(v) } },
  { capture: another, restore: (v) => { another.value = toValue(v) }, persist: false }
])
</script>

<template>
  <input v-model="comment" type="text">
  <input v-model="another" type="text">
  <input v-model="no" type="text">
</template>
```

- The restoration will work after a navigation and a hard reload, like hitting the refresh button or navigating to another site and coming back.
- The captured data must be serialized with `JSON.stringify`
- The captured data is kept in memory, so don't capture too much data.
- If the data is too large, the session storage won't work.

## 📦 Contributing

Contributions, issues and feature requests are welcome!

1. Fork this repo

2. Install `node` and `pnpm` _Use `corepack enable && corepack prepare pnpm@latest --activate` to install pnpm easily_

3. Use `pnpm i` at the mono-repo root.

4. Make modifications and follow conventional commits.

5. Open a PR 🚀🚀🚀
npm package: @hebilicious/extract-sfc-block
Description: Extract custom blocks from `.vue` files.
Author: Hebilicious
Latest version: 0.3.4

# Extract SFC Server

Extract custom blocks from `.vue` files.

## Install

```bash
npm i -D @hebilicious/extract-sfc-block
```

## Usage

Add to your vite configuration :

```ts
import ExtractSFCBlock from "@hebilicious/extract-sfc-block"

const VitePlugin = ExtractSFCBlock({
  output: "server/.generated", // This is relative to the vite config directory.
  sourceDir: "pages", // This is relative to the vite config directory.
  blockType: "server", // This will match <server></server> blocks.
  defaultPath: "api" // This will only be used if no path attribute is provided.
})
```

With a SFC `[sourceDir]/hello.vue` :

```html
<server lang="ts">
const message = "Hello World!!!"
</server>
<template>
  <div> This is a template.</div>
</template>
```

This plugin will create a `[output]/[defaultPath]/hello.ts` file:

```ts
const message = "Hello World!!!"
```

The file extension will use the lang attribute, or default to `.ts`.

### Custom Path

You can customize the output path at the block level:

```html
<server lang="ts" path="somewhere/else/another-message">
const message = "Hello World!!!"
</server>
<template>
  <div> This is a template.</div>
</template>
```

This plugin will create a `somewhere/else/another-message.ts` file:

```ts
const message = "Hello World!!!"
```

## TODO

- [ ] Support multiple server blocks in a single file
- [ ] Refactor to unplugin
- [ ] Write tests
- [ ] Write docs
npm package: @hebilicious/form-actions-nuxt
Description: [![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![CI](https://github.com/Hebilicious/form-actions-nuxt/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/form-actions-nuxt/ac
Author: Hebilicious
Latest version: 0.3.0

# Nuxt Form Actions

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![CI](https://github.com/Hebilicious/form-actions-nuxt/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/form-actions-nuxt/actions/workflows/ci.yaml)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[npm-version-src]: https://img.shields.io/npm/v/@hebilicious/form-actions-nuxt
[npm-version-href]: https://npmjs.com/package/@hebilicious/form-actions-nuxt
[npm-downloads-src]: https://img.shields.io/npm/dm/@hebilicious/form-actions-nuxt
[npm-downloads-href]: https://npmjs.com/package/@hebilicious/form-actions-nuxt

__🚀 Welcome to Nuxt Form Actions !__

[![Nuxt banner](./.github/assets/banner.svg)]

Form Actions and Server Loaders paradigms for Nuxt.

- Form Actions are a convenient way to send data to your server using native HTML forms that can be progressively enhanced.
- Server Loaders are a convenient way to load type-safe data from your server into your pages and components, without manually fetching from an API route.
  
## 📖 Documentation

You can find the [documentation here](https://form-actions-nuxt.pages.dev).
You can find [examples here](https://github.com/Hebilicious/form-actions-nuxt-examples).

## 📦 Contributing

Contributions, issues and feature requests are welcome!

1. Fork this repo

2. [Install `bun`.](https://bun.sh/docs/installation)

3. Use `bun i` at the mono-repo root.

4. Make modifications and follow conventional commits.

5. Open a PR 🚀🚀🚀
npm package: @hebilicious/nitro
Description: Fork of UnJS Nitro
Latest version: 0.0.5

<p>
  <a href="https://nitro.unjs.io" target="_blank" rel="noopener noreferrer">
    <img src="./docs/public/cover.png" alt="Nitro logo">
  </a>
</p>
<p>
  <a href="https://npmjs.com/package/nitropack"><img src="https://img.shields.io/npm/v/nitropack?style=flat&colorA=18181B&colorB=d8c449" alt="npm version"></a>
  <a href="https://npmjs.com/package/nitropack"><img src="https://img.shields.io/npm/dm/nitropack?style=flat&colorA=18181B&colorB=d8c449" alt="npm downloads"></a>
  <a href="https://github.com/unjs/nitro/blob/main/LICENSE"><img src="https://img.shields.io/github/license/unjs/nitro.svg?style=flat&colorA=18181B&colorB=d8c449" alt="License"></a>
</p>

# Nitro

Create web servers that run *anywhere*. The open engine powering [Nuxt](https://nuxt.com) and [open to everyone](https://github.com/unjs/nitro/discussions/1015).

- 🐇 Rapid development with HMR
- 😌 Provider agnostic deployments with 15+ built-in presets
- 💼 Portable and compact output
- 📁 Directory structure conventions
- 🤏 Minimal design
- 🚀 Code-splitting
- 👕 TypeScript support
- 💾 Universal storage
- 💰 Route caching
- 🐱 Hackable
- ✨ Auto Imports

📖 Read [the documentation](https://nitro.unjs.io) to learn more or directly jump to the [getting started](https://nitro.unjs.io/guide/getting-started).

## Contribution

See [contribution guide](https://nitro.unjs.io/guide/community/contributing).

## License

Made with 💛 Published under the [MIT](./LICENSE) license.
npm package: @hebilicious/nuxt-switch-match
Description: [![CI](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml) [![npm version](https://badge.fury.io/js/@hebilicious%2Fnuxt-switch-match.svg)](https:/
Author: Hebilicious
Latest version: 0.1.1

[![CI](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml)
[![npm version](https://badge.fury.io/js/@hebilicious%2Fnuxt-switch-match.svg)](https://badge.fury.io/js/@hebilicious%2Fnuxt-switch-match)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

# Nuxt Switch Match

Pattern Matching Switch Match Component for Nuxt. Inspired by Solid.js

## Installation

_If you're not using Nuxt, use the [Vue package](https://www.npmjs.com/package/@hebilicious/vue-switch-match) directly._

```bash
pnpm i @hebilicious/nuxt-switch-match
```

Then edit your nuxt.config.ts :

```ts
export default defineNuxtConfig({
	modules: ["@hebilicious/nuxt-switch-match"]
})
```

## Usage

The module will auto-import the components.

```vue
<script lang="ts" setup>
const state = ref(0)
const swap = () => {
	const newValue = state.value === 0 ? 1 : 0
	state.value = newValue
}
</script>

<template>
  <button @click="swap">Click Me !</button>
  <button @click="(state = 2)">Fallback</button>
  <Switch>
    <Match :when="state === 0">Hello</Match>
    <Match :when="state === 1">World</Match>
    <Fallback>Bye</Fallback>
  </Switch>
</template>
```

## Options

Pass the following options :

```ts
export default defineNuxtConfig({
	modules: ["@hebilicious/nuxt-switch-match"],
	nuxtSwitchMatch: {
		customPrefix: "My",
		switchName: "Switch",
		matchName: "Match",
		fallbackName: "Fallback"
	}
})
```
npm package: @hebilicious/nuxtpress
Description: [![CI](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml) [![npm version](https://badge.fury.io/js/@hebilicious%2Fauthjs-nuxt.svg)](https://badge.fury.io/j
Author: Hebilicious
Latest version: 0.0.1

# ⚗️ Nuxtpress

[![CI](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/authjs-nuxt/actions/workflows/ci.yaml)
[![npm version](https://badge.fury.io/js/@hebilicious%2Fauthjs-nuxt.svg)](https://badge.fury.io/js/@hebilicious%2Fauthjs-nuxt)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

🚀 Welcome to __NuxtPress__!  

This is a Nuxt Module that allows you to use markdown as pages.
Under the hood, it uses `vite-plugin-vue-markdown` and all options are supported.

## ⚠️ Disclaimer

_🧪 This module is VERY WIP and is not recommended for production use. There will be breaking changes while I'm working on it._


## 📦 Installation

Use pnpm for development of your module :

```bash
pnpm i @hebilicious/nuxtpress
```

## 📦 Contributing

Contributions, issues and feature requests are welcome!

1. Fork this repo

2. Install `node` and `pnpm` _Use `corepack enable && corepack prepare pnpm@latest --activate` to install pnpm easily_

3. Use `pnpm i` at the mono-repo root.

4. Make modifications and follow conventional commits.

5. Open a PR 🚀🚀🚀
npm package: @hebilicious/unstable-nitro
Description: Fork of UnJS Nitro
Latest version: 0.0.5

<p>
  <a href="https://nitro.unjs.io" target="_blank" rel="noopener noreferrer">
    <img src="./docs/public/cover.png" alt="Nitro logo">
  </a>
</p>
<p>
  <a href="https://npmjs.com/package/nitropack"><img src="https://img.shields.io/npm/v/nitropack?style=flat&colorA=18181B&colorB=d8c449" alt="npm version"></a>
  <a href="https://npmjs.com/package/nitropack"><img src="https://img.shields.io/npm/dm/nitropack?style=flat&colorA=18181B&colorB=d8c449" alt="npm downloads"></a>
  <a href="https://github.com/unjs/nitro/blob/main/LICENSE"><img src="https://img.shields.io/github/license/unjs/nitro.svg?style=flat&colorA=18181B&colorB=d8c449" alt="License"></a>
</p>

# Nitro

Create web servers that run *anywhere*. The open engine powering [Nuxt](https://nuxt.com) and [open to everyone](https://github.com/unjs/nitro/discussions/1015).

- 🐇 Rapid development with HMR
- 😌 Provider agnostic deployments with 15+ built-in presets
- 💼 Portable and compact output
- 📁 Directory structure conventions
- 🤏 Minimal design
- 🚀 Code-splitting
- 👕 TypeScript support
- 💾 Universal storage
- 💰 Route caching
- 🐱 Hackable
- ✨ Auto Imports

📖 Read [the documentation](https://nitro.unjs.io) to learn more or directly jump to the [getting started](https://nitro.unjs.io/guide/getting-started).

## Contribution

See [contribution guide](https://nitro.unjs.io/guide/community/contributing).

## License

Made with 💛 Published under the [MIT](./LICENSE) license.
npm package: @hebilicious/vue-switch-match
Description: [![CI](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml) [![npm version](https://badge.fury.io/js/@hebilicious%2Fvue-switch-match.svg)](https://
Author: Hebilicious
Latest version: 0.1.1

[![CI](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hebilicious/vue-switch-match/actions/workflows/ci.yaml)
[![npm version](https://badge.fury.io/js/@hebilicious%2Fvue-switch-match.svg)](https://badge.fury.io/js/@hebilicious%2Fvue-switch-match)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

# Vue Switch Match

Pattern Matching Switch Match Component for Vue. Inspired by Solid.js

## Installation

_For Nuxt, use the [Nuxt module](https://www.npmjs.com/package/@hebilicious/nuxt-switch-match) directly._

```bash
pnpm i @hebilicious/vue-switch-match
```

## Usage

```vue
<script lang="ts" setup>
import { ref } from "vue"
import { Switch, Match, Fallback } from "@hebilicious/vue-switch-match"

const state = ref(0)
const swap = () => {
	const newValue = state.value === 0 ? 1 : 0
	state.value = newValue
}
</script>

<template>
  <button @click="swap">Click Me !</button>
  <button @click="(state = 2)">Fallback</button>
  <Switch>
    <Match :when="state === 0">Hello</Match>
    <Match :when="state === 1">World</Match>
    <Fallback>Bye</Fallback>
  </Switch>
</template>
```

## Global Component Registration

Following vue [official docs](https://vuejs.org/guide/components/registration) :

```ts
import { createApp } from "vue";
import { Switch, Match, Fallback } from "@hebilicious/vue-switch-match";

const app = createApp({});

app
    .component("Switch", Switch);
    .component("Match", Match);
    .component("Fallback", Fallback);
```
npm package: @hebilicious/wrangler-builds
Description: Project-agnostic Cloudflare Workers Build trigger sync package.
Latest version: 0.1.0

# `wrangler-builds`

`wrangler-builds` keeps Cloudflare Workers Build triggers in sync with checked-in
`workers-build.jsonc` files.

It is built for the explicit workflow first:

- sync one config file with Cloudflare
- inspect the current Cloudflare config for one file
- optionally discover many config files from a directory when you really want that

The package does not create or delete triggers during normal sync. If a trigger
is missing on Cloudflare, the run fails so the drift stays explicit.

## Install

```bash
npm install -g @hebilicious/wrangler-builds
```

## Required environment

```bash
export CLOUDFLARE_API_TOKEN=...
export CLOUDFLARE_ACCOUNT_ID=...
```

## Config file

Example `workers-build.jsonc`:

```jsonc
{
  "scriptName": "my-worker",
  "buildCommand": "pnpm build",
  "rootDirectory": "apps/my-worker",
  "triggers": [
    {
      "name": "Deploy production",
      "deployCommand": "npx wrangler deploy --config wrangler.jsonc",
      "branchIncludes": ["main"],
      "branchExcludes": [],
      "pathIncludes": ["apps/my-worker/**"],
      "pathExcludes": []
    }
  ]
}
```

Top-level `buildCommand` and `rootDirectory` act as defaults for each trigger.

## Usage

Sync one config file:

```bash
wrangler-builds path/to/workers-build.jsonc
```

Preview changes without mutating Cloudflare:

```bash
wrangler-builds --dry-run path/to/workers-build.jsonc
```

Show the current Cloudflare state for one config file:

```bash
wrangler-builds show path/to/workers-build.jsonc
```

Advanced discovery for multiple configs:

```bash
wrangler-builds sync --cwd . --glob "**/workers-build.jsonc"
```

## Repository

This repository is a `pnpm` workspace managed with `moon` and `proto`.

Useful commands:

```bash
pnpm install
moon run wrangler-builds:build
moon run wrangler-builds:test
moon run wrangler-builds:e2e
moon run workspace:changeset
moon run workspace:changeset-status
moon run workspace:version
```

The live end-to-end suite runs against the example worker in
[`examples/live-e2e-worker`](https://github.com/Hebilicious/wrangler-builds/tree/main/examples/live-e2e-worker).

Release workflow details live in
[`PUBLISHING.md`](https://github.com/Hebilicious/wrangler-builds/blob/main/PUBLISHING.md).
npm package: @heblesjohn/pixiu-exchange-uikit
Description: Set of UI components for Pixiu projects
Latest version: 1.0.7

# Panther UIkit

Panther UIkit is a set of React components and hooks used to build pages on Panther's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pantherswap-libs/uikit`

## Setup

### Theme

Before using Panther UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pantherswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pantherswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @heblesjohn/pixiu-farm-uikit
Description: Set of UI components for pancake projects
Latest version: 1.0.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)