open-index/open-npm huggingface dataset:
npm package: @goforcex/koishi-plugin-draw4o
Description: Use GPT-4o to draw vivid pictures.
Latest version: 0.3.1-alpha.3

# koishi-plugin-draw4o

[![npm](https://img.shields.io/npm/v/koishi-plugin-draw4o?style=flat-square)](https://www.npmjs.com/package/koishi-plugin-draw4o)

Use GPT-4o to draw vivid pictures.
npm package: @gofore/react-scripts
Description: Custom configuration and scripts based on Create React App. v3.0.0
Latest version: 3.0.0

# react-scripts

## This is a customized version of react-scripts, including:

1. Support for Less files instead of Sass. You may also optionally include a `lessVars.js` file from the route of your project, which will be read into the less options as `modifedVars`.
  ```
    module.exports = {
      "@primary-color": "red"
    }
  ```
2. A babel plugin for `emotionjs` css-in-js optimazations, source maps, and class names.

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @goforindu/feedback-widget
Description: Floating feedback widget for React/Next.js projects
Author: Indu Kushwaha
Latest version: 1.0.2

# @goforindu/feedback-widget

A **floating feedback widget** for React/Next.js projects with emoji rating support. Fully customizable and easy to integrate.

---

## Features

- Floating button opens a feedback modal
- Emoji rating selection
- Customizable button text, colors, modal title, and textarea placeholder
- Callback on submit to get feedback and rating
- Lightweight, responsive, and beginner-friendly

---

## Installation

Using NPM:

```bash
npm install @goforindu/feedback-widget
```

Using Yarn:

```bash
yarn add @goforindu/feedback-widget
```

Usage

```jsx
import React from "react";
import FeedbackWidget from "@goforindu/feedback-widget";

function App() {
  const handleFeedback = (data) => {
    console.log("User feedback:", data);
  };

  return (
    <div>
      <h1>Demo App</h1>
      <FeedbackWidget
        buttonText="📝"
        buttonColor="#ff6347" // Tomato
        buttonHoverColor="#e5533d" // Darker tomato
        textColor="#fff"
        title="Share your thoughts!"
        placeholder="Type something..."
        cancelText="No Thanks"
        cancelColor="#999"
        cancelHoverColor="#777"
        submitText="Send"
        modalBackground="#f0f8ff" // AliceBlue
        modalTextColor="#333"
        onSubmit={(data) => console.log(data)}
      />
    </div>
  );
}

export default App;
```

| Prop Name     | Type     | Default                         | Description                                   |
| ------------- | -------- | ------------------------------- | --------------------------------------------- |
| `buttonText`  | string   | `"💬"`                          | Text or emoji on the floating button          |
| `buttonColor` | string   | `"purple"`                      | Background color of the floating button       |
| `textColor`   | string   | `"white"`                       | Text color of the button                      |
| `title`       | string   | `"We value your feedback"`      | Title displayed in the feedback modal         |
| `placeholder` | string   | `"Write your feedback here..."` | Placeholder for the textarea                  |
| `onSubmit`    | function | `undefined`                     | Callback triggered when feedback is submitted |

Output Example

```js
{
  feedback: "Great app! Really easy to use.",
  rating: 4
}
```