open-index/open-npm huggingface dataset:
npm package: @fedyou/xml-parser
Description: Xml parser fast and simple
Author: FedYou
Latest version: 1.1.0

# Xml Parser

It converts JSON objects to xml, is lightweight, fast and simple, and does not use any dependencies.

> Works for both `commonjs` and `esmodules`.

## Use

```js
const xmlParser = require('@fedyou/xml-parser')

const json = {
  '@elem': 'elem',
  '@atts': { hidden: false, position: 20, content: 'Some text' },
  '@childs': [
    {
      '@elem': 'child',
      '#': 'text',
      // "#": 20,
      // "#": true,
      '@childs': [
        {
          '@elem': 'sub-child'
        }
      ]
    }
  ]
}

// By default the formatting is set to false
const xml = xmlParser('root', json, { format: true })

console.log(xml)
```

Result:

```xml
<?xml version='1.0' encoding='utf-8'?>
<root>
  <elem hidden='false' position='20' content='Some text'>
    <child>text
      <sub-child>
    </child>
  </elem>
</root>
```

Another way to use JSON as an array:

```js
const json = [
  {
    '@elem': 'child'
  },
  {
    '@elem': 'child',
    '@atts': { boolean: true }
  }
]
```

### Abbreviations

`@elem`: `@`

`#`: `#`

`@atts`: `$`

`@childs`: `&`
npm package: @feeble/blay-openclaw-plugin
Description: OpenClaw plugin for Blay — project management tools, real-time events, and agent collaboration.
Latest version: 0.1.69

# blay-openclaw-plugin

OpenClaw plugin for [Blay](https://blay.io) — gives your agent project management tools, real-time event streaming, and the ability to collaborate on tasks, comments, and projects.

## Install

```bash
openclaw plugins install blay-openclaw-plugin
```

## Configure

When prompted, provide your Blay API key. You can generate one by creating an agent in your Blay workspace.

| Field | Required | Description |
|-------|----------|-------------|
| `apiKey` | Yes | Your Blay API key (`blay_...`) |
| `apiUrl` | No | API base URL (defaults to `https://api.blay.io`) |

## What it does

- **Real-time events** — Agent receives comments, task assignments, and mentions via SSE
- **Project management tools** — Read/write tasks, projects, comments, resources, and action items
- **Agent collaboration** — Responds in context on task and project feeds
npm package: @feedaura/feedback-widget
Description: A customizable feedback widget library for websites
Author: Kartik Malik
Latest version: 0.1.3

# Feedback Widget System

A modular, functional JavaScript feedback widget system that can be easily integrated into any website.

## Features

- Clean, modular architecture
- Functional programming approach
- Better separation of concerns
- Improved error handling
- Fixed click outside detection
- Optimized performance

## Project Structure

\`\`\`
src/
├── index.js                # Main entry point
├── components/
│   ├── button.js           # Button component
│   ├── icons.js            # SVG icons
│   ├── modal.js            # Modal component
│   ├── ui.js               # UI elements
│   └── widget.js           # Main widget component
├── config/
│   └── index.js            # Configuration and constants
├── styles/
│   └── index.js            # CSS styles
└── utils/
    ├── dom.js              # DOM manipulation utilities
    ├── helpers.js          # General helper functions
    └── storage.js          # Storage and data utilities
\`\`\`

## Usage

\`\`\`javascript
// Initialize the widget
const widget = window.FeedbackWidget({
  projectSecret: "your-project-secret",
  position: "bottom-right",
  primaryColor: "#0F8CFF",
  buttonText: "Feedback",
  buttonIcon: "feedaura"
});

// Destroy the widget
widget.destroy();

// Update configuration
widget.updateConfig({
  position: "top-right",
  primaryColor: "#FF4757"
});
\`\`\`

## Configuration Options

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| projectSecret | string | "" | API key for the feedback service |
| position | string | "bottom-right" | Widget position (bottom-right, bottom-left, top-right, top-left) |
| primaryColor | string | "#0F8CFF" | Primary theme color |
| secondaryColor | string | "#0070E0" | Secondary theme color |
| textColor | string | "#333333" | Text color |
| backgroundColor | string | "#FFFFFF" | Background color |
| theme | string | "light" | Widget theme (light, dark) |
| buttonText | string | "" | Button text |
| buttonIcon | string | "feedaura" | Button icon (feedaura, heart, none) |
| iconColor | string | "#FFFFFF" | Icon color |
| buttonSize | string | "small" | Button size (small, medium, large) |
| buttonRadius | string | "50%" | Button border radius |
| widgetStyle | string | "floating" | Widget style (floating, minimal) |
| zIndex | number | 9999 | CSS z-index |
| autoCloseAfterSubmit | boolean | true | Auto close after submission |
| apiEndpoint | string | "https://feedaura.feedaura-ai.workers.dev/feedbacks" | API endpoint |
| animated | boolean | true | Enable animations |
| placeholder | string | "Please write here" | Textarea placeholder |
| submitText | string | "Submit" | Submit button text |
| headerText | string | "Give us your feedback" | Modal header text |
| questionText | string | "What was your experience while using our product?" | Question text |
| feedbackLabelText | string | "Write your feedback" | Feedback label text |
npm package: @feedback-loop/react
Description: The Floop widget for React apps.
Latest version: 1.2.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @feedback-loop/react

The Floop widget for React apps.

## Usage

### Install the Floop react package

`pnpm install @feedback-loop/react`

`npm install @feedback-loop/react`

`yarn add @feedback-loop/react`

### Import the widget into your application

`import { FloopWidget } from "@feedback-loop/react"`

### Use the Floop widget within your code

You can use the widget straight from installation, however, if you want to apply
your own styles to the trigger, which is left intentionally bare, we suggest you
create a wrapper so you can style it to your needs.

The React Floop Widget is used on our own dashboard, below is the exact code we
are using to import and use the widget.

```tsx
"use client";

import { FloopWidget } from "@feedback-loop/react";
import { buttonVariants } from "@/components/ui/button";

type Props = {
  projectId: string;
  userEmail: string;
};

export const FloopWidgetButton = ({ projectId, userEmail }: Props) => {
  return (
    <FloopWidget projectId={projectId} userEmail={userEmail}>
      <span className={buttonVariants({ variant: "themed" })}>
        Give Feedback
      </span>
    </FloopWidget>
  );
}
```

We have also included the following data attributes so that you are able to
easily locate either the trigger, or the widget. This is to help aid you, should
you want to either add or change some of the styling or for testing.

```
data-floop-widget="widget-trigger" 
```

```
data-floop-widget="widget-popup"
```

## License

Licensed under the MIT license.
npm package: @feedback-otter/core
Description: The open source feedback gathering toolchain for JS & TS applications.
Author: Tyler Sustare
Latest version: 0.3.0

# `@feedback-otter/core`

> TODO: description

## Usage

```
const core = require('@feedback-otter/core');

// TODO: DEMONSTRATE API
```

- [ ] If you give an `onFeedback` callback, nothing else is needed
- [ ] can we instanciate with

```js
new Core({
  restRequest: {
    // rest only
  },
  gqlRequest: {
    // gql only
  },
})
```
npm package: @feedback-otter/react
Description: The open source feedback gathering toolchain for React.
Author: Tyler Sustare
Latest version: 0.3.0

# Feedback Otter React

_"You Otter be collecting feedback"_

## THIS PACKAGE IS NOT READY FOR USE YET

I'll be using the README to do document driven development through this project.

## The open source feedback collecting toolchain for React

## Getting Started

1. Import the client

```jsx
import { FeedbackClient } from '@feedback-otter/client'
```

2. initialize with your backend communication

- [ ] REST - POST request (PUT is also available with field `restRequest:"PUT"`)
- [ ] GraphQL - Mutation with the following schema `message: String, location: String, context: JSON`
- [ ] tRPC -
- [ ] Raw WebSocket
- [ ] Socket.io

```jsx
const client = new FeedbackClient({
  requestType: 'REST',
  url: 'https://example.com/feedback',
})
```

3. Use the provider

```jsx
<FeedbackProvider client={feedbackClient}>{children}</FeedbackProvider>
```

4. Optional - Cloudflare Turnstile or Google Recaptcha

## Examples

See the examples folder for how to use the React components

- Next.js REST example
- Redwood.js GQL example
- SPA & separate backend example
npm package: @feedbackfarm/core
Description: This package allow you to send feedback to the feedback.farm application.
Author: codemers
Latest version: 1.0.15
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @feedbackfarm/core

[Feedback.farm](https://feedback.farm) core api

This small package allow you to call the [Feedback.farm](https://feedback.farm) api from your custom UI.

# Demos

- [Code Sandbox](https://codesandbox.io/s/feedbackfarm-core-2lkn0?file=/src/App.js)

# Usage

1. Create a project on the [feedback.farm](https://feedback.farm) platform and then grab the project id.

2. `npm install @feedbackfarm/core`

3. Insert the following snippet

```
// index.jsx
import { seendFeedback } from "@feedbackfarm/core";

async function handleSubmitFeedback() {
    const result = await sendFeedback(
        projectId,
        feedbackText,
        type,
        identifier,
        pageName
    );
}
```

### Parameters

| Parameters     |         Type          | Description                                                             | Required |
| -------------- | :-------------------: | :---------------------------------------------------------------------- | :------: |
| `projectId`    |        string         | Project identifier available on [feedback.farm](feedback.farm) platform |    ✅    |
| `feedbackText` |        string         | User feedback                                                           |    ✅    |
| `type`         | BUG ; FEATURE ; OTHER | Feedback type                                                           |    ✅    |
| `identifier`   |        string         | User identifier (email, id, ...)                                        |          |
| `pageName`     |        string         | Page name / page url                                                    |          |
| `logs`         |         Log[]         | Logs                                                                    |          |

Full [documentation](https://www.notion.so/Build-Your-Own-Widget-fb729b98e1694d7c8bc019b4d19622c9)
npm package: @feedbackfarm/js
Description: Feedback Farm JS Widget
Author: codemers
Latest version: 1.0.6

![Banner](../../media/banner.jpeg)

# @feedbackfarm/js

![Feedback Farm JS NPM version](https://img.shields.io/npm/v/@feedbackfarm/js/latest?color=red&label=%40feedbackfarm%2Fjs&registry_uri=https%3A%2F%2Fregistry.npmjs.com)

[Feedback Farm](https://feedback.farm?ref=react-package) allow you to collect feedback with a simple widget. This package is the script thats load feedback farm widget on your html website.

For more information on how to use this package, read the docs [here](https://docs.feedback.farm).
npm package: @feedbackfarm/wordpress
Description: Feedback Farm Wordpress Widget
Author: codemers
Latest version: 2.0.10

![Banner](../../media/banner.jpeg)

# @feedbackfarm/wordpress

![Feedback Farm Wordpress version](https://img.shields.io/wordpress/plugin/v/feedback-farm?label=feedback-farm)

For more information on how to use this package, read the docs [here](https://docs.feedback.farm).
npm package: @feedbackflow/js
Description: Feedbackflow-js allows you to connect your index to Feedbackflow, display surveys and trigger events.
Author: Feedbackflow
Latest version: 1.0.0

# Feedbackflow Browser JS Library

Please see [Feedbackflow Docs](https://docs.feedbackflowhq.com).
Specifically, [Quickstart/Implementation details](https://docs.feedbackflowhq.com/xm-and-surveys/surveys/website-app-surveys/quickstart).

## What is Feedbackflow

Feedbackflow is your go-to solution for in-product micro-surveys that will supercharge your product experience! 🚀 For more information please check out [feedbackflowhq.com](https://feedbackflowhq.com).

## How to use this library

1. Install the Feedbackflow package inside your project using npm:

```bash
npm install @feedbackflow/js
```

1. Import Feedbackflow and initialize the widget in your main component (e.g., App.tsx or App.js):

```javascript
import feedbackflow from "@feedbackflow/js";

if (typeof window !== "undefined") {
  feedbackflow.setup({
    environmentId: "your-environment-id",
    appUrl: "https://app.feedbackflowhq.com",
  });
}
```

Replace your-environment-id with your actual environment ID. You can find your environment ID in the **Setup Checklist** in the Feedbackflow settings. If you want to use the user identification feature, please check out [our docs for details](https://docs.feedbackflowhq.com/xm-and-surveys/surveys/website-app-surveys/user-identification).

For more detailed guides for different frameworks, check out our [Framework Guides](https://docs.feedbackflowhq.com/xm-and-surveys/surveys/website-app-surveys/framework-guides).
npm package: @feedbackfocal/plugin
Description: Feedback Focal plugin for TypeScript and JavaScript
Author: Feedback Focal
Latest version: 0.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Feedback Focal - Plugin

TypeScript Plugin for [Feedback Focal](https://feedbackfocal.com).

## Installation

**npm**
`npm install @feedbackfocal/plugin`

**yarn**
`yarn add @feedbackfocal/plugin`

## Usage

### React

1. Import `addFeedbackFocal` from `@feedbackfocal/plugin`.
2. Call `addFeedbackFocal` in `main.tsx` and pass configuration:

```tsx
import { addFeedbackFocal } from "@feedbackfocal/plugin";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

addFeedbackFocal({
  projectCode: "<project-code>",
  screenshotMechanism: "<screenshot-mechanism>",
});
```

## Configuration

### Project Code

**Key:** `projectCode`

**Description:** A UUID associated with a project in Feedback Focal. All logins, feedback, and review sessions will be routed to the associated project.

### Screenshot Mechanism

**Key:** `screenshotMechanism`

**Description:** Specifies the mechanism through which screenshots should be taken.

**Options:**

`screen-capture-api`

- Captures visually accurate screenshot using [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API).
  - This method will prompt the user to allow the screenshot to be taken and manually select the current tab unless their browser supports the experimental [preferCurrentTab](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#prefercurrenttab) option.
- All major mobile browsers do not support the Screen Capture API.

`dom-to-image`

- Mimics a screenshot by cloning the DOM, painting it on a canvas, and converting that to an image.
  - Currently uses [bubkoo/html-to-image](https://github.com/bubkoo/html-to-image) to handle the DOM to image conversion.
- Does not require additional prompting of the user and (theoretically) should work in all browsers, unline the Screen Capture API, but produces lower quality images which commonly have artifacts or other rendering issues, and do not accurately represent what the user sees.
npm package: @feedbacklab/react
Description: FeedbackLab - Turn user voice into digital assets. Feedback, voting, and crypto tipping in one line.
Latest version: 1.40.0

# FeedbackLab React

> Turn User Voice into Digital Assets.

**FeedbackLab** is a premium, mobile-first feedback management component for React. It provides a complete, beautiful interface for collecting user feedback, voting on features, and managing bug reports—all with zero configuration.

![FeedbackLab Preview](https://via.placeholder.com/1200x600?text=FeedbackLab+Premium+UI)

## Features

- 🎨 **Premium Design**: Built-in Glassmorphism, smooth animations, and refined typography.
- 📱 **Mobile First**: Fully responsive, full-page mobile experience with touch-optimized targets.
- 🌑 **Dark & Light Modes**: Automatic theming with OKLCH-based color palettes.
- ⚡ **Zero Config**: No external CSS dependencies (Tailwind is *not* required). Styles are injected automatically.
- 🗳️ **Interactive**: Upvote features, report bugs, and view status updates.
- 💰 **Bounty System**: Visual indicators for funded features (WLD/Crypto bounties).

## Installation

```bash
npm install @feedbacklab/react
# or
yarn add @feedbacklab/react
# or
pnpm add @feedbacklab/react
```

## Usage

Simply import the `FeedbackLab` component and drop it into your page. It is designed to take over the full viewport or container.

```tsx
import { FeedbackLab } from '@feedbacklab/react';

export default function FeedbackPage() {
  return (
    <FeedbackLab 
      apiKey="fl_live_..." 
      theme="dark" // 'dark' | 'light'
    />
  );
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `apiKey` | `string` | **Required** | Your FeedbackLab project API key. |
| `theme` | `'dark' \| 'light'` | `'dark'` | Visual theme of the component. |
| `className` | `string` | `''` | Optional class name for the root wrapper. |

## Customization

The component uses injected CSS variables for styling. You can override these variables in your global CSS if needed, though the default premium theme is designed to work out of the box.

```css
:root {
  /* Example override */
  --fl-primary: #8b5cf6; /* Change brand color to purple */
}
```

## License

MIT © [FeedbackLab](https://feedbacklab.io)
npm package: @feedbackview/react
Description: React component for Feedbackview Widget - Collect user feedback with a beautiful, customizable widget
Author: Feedbackview Team
Latest version: 1.0.1

# @feedbackview/react

React wrapper for Feedbackview - Collect user feedback with a simple, powerful widget that includes responses and supports 40+ languages.

## Installation

```bash
npm install @feedbackview/react
# or
yarn add @feedbackview/react
```

## Quick Start

### 1. Floating Widget (Recommended)

```jsx
import { FeedbackWidget } from '@feedbackview/react'

function App() {
  return (
    <div>
      {/* Widget with floating button - no children needed */}
      <FeedbackWidget 
        projectId="your-project-id" 
      />
    </div>
  )
}
```

### 2. Custom Trigger Button

```jsx
import { FeedbackWidget } from '@feedbackview/react'

function App() {
  return (
    <div>
      <h1>My App</h1>
      
      {/* Custom trigger with user context */}
      <FeedbackWidget projectId="your-project-id">
        <button className="btn-primary">Send Feedback</button>
      </FeedbackWidget>
    </div>
  )
}
```

## Data Attributes

When using custom triggers, you can pass additional context using data attributes:

```jsx
<button 
  data-feedbackview
  data-feedbackview-user-id="user-123"
  data-feedbackview-user-email="user@example.com"
  data-feedbackview-plan="premium"
  data-feedbackview-page-section="checkout"
>
  Help
</button>
```

All `data-feedbackview-*` attributes are automatically included in the feedback metadata.

## TypeScript

Full TypeScript support included with proper types for all props and options.

## License

MIT
npm package: @feedbakkr/cli
Description: CLI tools for Feedbakkr — pull schemas and generate TypeScript types
Latest version: 0.1.0

# @feedbakkr/cli

CLI tools for [Feedbakkr](https://feedbakkr.com) — pull channel schemas and generate TypeScript types.

## Installation

```bash
npm install -g @feedbakkr/cli
# or use directly with npx
npx @feedbakkr/cli --help
```

## Commands

### `pull-schema`

Pull the published schema for a channel and save it locally.

```bash
npx @feedbakkr/cli pull-schema <channel-id> --out ./feedbakkr/contact.schema.json
```

**Options:**

| Flag | Description | Default |
|------|-------------|---------|
| `-o, --out <path>` | Output file path | `./feedbakkr/schema.json` |
| `-k, --api-key <key>` | Secret API key (or set `FEEDBAKKR_API_KEY` env var) | — |
| `--base-url <url>` | API base URL | `https://api.feedbakkr.com` |

**Authentication:**

Pass your secret API key via `--api-key` or the `FEEDBAKKR_API_KEY` environment variable:

```bash
export FEEDBAKKR_API_KEY=fbk_sk_live_your-secret-key
npx @feedbakkr/cli pull-schema 01ABC123...
```

### `codegen`

Generate TypeScript types from a Feedbakkr schema JSON file.

```bash
npx @feedbakkr/cli codegen ./feedbakkr/contact.schema.json --out ./src/generated/contact.ts
```

**Options:**

| Flag | Description | Default |
|------|-------------|---------|
| `-o, --out <path>` | Output TypeScript file path | Same directory, `.ts` extension |
| `-n, --name <name>` | Interface name | Derived from file name (PascalCase + `Fields`) |

**Example output:**

Given a schema with fields for name, email, priority, and tags:

```ts
// Generated by @feedbakkr/cli — do not edit manually

/** Contact Form */
export interface ContactFormFields {
  /** Full Name */
  name: string;
  /** Email Address */
  email: string;
  /** Priority */
  priority?: "low" | "medium" | "high";
  /** Tags */
  tags?: string[];
}
```

### Type mapping

| Schema field type | TypeScript type |
|-------------------|-----------------|
| `text` | `string` |
| `textarea` | `string` |
| `date` | `string` |
| `bool` | `boolean` |
| `number` | `number` |
| `fixed` | Union of literal string values |
| `dynlist` | Array of the item type |

Required fields (`req: true`) generate non-optional properties. All other fields are optional (`?`).

## Workflow with @feedbakkr/sdk

Use the CLI to generate types, then pass them to the SDK for type-safe submissions:

```bash
# 1. Pull the schema
npx @feedbakkr/cli pull-schema 01ABC... --out ./feedbakkr/contact.schema.json

# 2. Generate types
npx @feedbakkr/cli codegen ./feedbakkr/contact.schema.json --out ./src/generated/contact.ts
```

```ts
// 3. Use with the SDK
import { createFeedbakkrClient } from "@feedbakkr/sdk";
import type { ContactFields } from "./generated/contact";

const feedbakkr = createFeedbakkrClient({
  apiKey: process.env.FEEDBAKKR_SECRET_KEY!,
});

const fields: ContactFields = {
  name: "Jane Doe",
  email: "jane@example.com",
  message: "Great product!",
};

await feedbakkr.submit({ channelId: "01ABC...", fields });
```

## License

MIT
npm package: @feedefy/nuxt
Description: Embed the Feedefy widget in your Nuxt 3 App
Author: feedefy
Latest version: 1.0.1

# @feedefy/nuxt

The [Feedefy](https://www.feedefy.com/) widget for your Nuxt 3 app.

## Usage

See [the documentation](https://app.feedefy.com/instructions)

## License

Licensed under the MIT license.
npm package: @feedefy/react
Description: Embed the Feedefy widget in your React App
Author: feedefy
Latest version: 1.0.0

# @feedefy/react

The [Feedefy](https://www.feedefy.com/) widget for your React app.

## Usage

See [the documentation](https://app.feedefy.com/instructions)

## License

Licensed under the MIT license.