open-index/open-npm huggingface dataset:
npm package: @skorfmann/workers-og
Description: > Using Vercel's [Satori](https://github.com/vercel/satori) engine, and many credits to [`@vercel/og`](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation) for the inspiration.
Latest version: 0.0.14

# Cloudflare Workers OG Image Generator

> Using Vercel's [Satori](https://github.com/vercel/satori) engine, and many credits to [`@vercel/og`](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation) for the inspiration.

An `og:image` (social card) generator that is fast, browser-less (no Puppeteer), and capable of running on the edge.

This package is designed to be used with Cloudflare Workers (but may be used elsewhere), with the simple API inspired by `@vercel/og`.

## Difference from `@vercel/og`

`@vercel/og` is designed to run on Vercel's edge runtime, and `workers-og` on Cloudflare Workers.

While `satori` (used in both `@vercel/og` and `workers-og`) accepts React element as the input, `workers-og` adds a feature which allows you to write a simple HTML, which will here be parsed into React element-like object.

## Example Usage on a Worker:

```typescript
import { ImageResponse } from "workers-og";

export default {
  async fetch(
    request: Request,
    env: Env,
    ctx: ExecutionContext
  ): Promise<Response> {
    const params = new URLSearchParams(new URL(request.url).search);
    const title = params.get("title") || "Lorem ipsum";

    const html = `
    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; width: 100vw; font-family: sans-serif; background: #160f29">
      <div style="display: flex; width: 100vw; padding: 40px; color: white;">
        <h1 style="font-size: 60px; font-weight: 600; margin: 0; font-family: 'Bitter'; font-weight: 500">${title}</h1>
      </div>
    </div>
   `;

    return new ImageResponse(html, {
      width: 1200,
      height: 630,
    });
  },
};
```
npm package: @skorm11x/dev-feedback-banner
Description: A simple React feedback widget in the form of a banner with screenshot annotation, form submission, and more.
Author: skorm11x
Latest version: 0.1.2

# dev-feedback-banner

Simple feedback widget in the form of a banner. Let's testers and limited users annotate screenshots of issues and submit via simple email or API.
The intention is lightweight alpha/beta testing feature branch testing.

## Features

* Sticky ribbon with customizable location
* Built in optional screenshot captures
* Some canvas annotation tools (drawing, text, highlight)
* Customizable form fields
* Email integration
* API integration
* Customizable keyboard shortcuts to trigger

![demo](docs/dev-feedback-banner.gif)

## Getting started
```
npm i @skorm11x/dev-feedback-banner
```

```
import { FeedbackProvider, type FeedbackConfig } from '@skorm11x/dev-feedback-banner';

const emailConfig: FeedbackConfig = {
    position: 'top-left',
    primaryColor: '#10b981',
    submissionEndpoint: 'mailto:feedback@yourcompany.com',
    fields: [
      { id: 'type', label: 'Issue Type', type: 'select', options: ['Bug', 'UI', 'Feature'], required: true },
      { id: 'msg', label: 'Message', type: 'textarea', required: true }
    ],
    onSubmit: async (payload: FeedbackPayload) => {
      const subject = encodeURIComponent(`[Feedback] ${payload.formData.type}`);
      const body = encodeURIComponent([
        `Type: ${payload.formData.type}`,
        `Message: ${payload.formData.msg}`,
      ].join('\n'));
      
      window.location.href = `mailto:feedback@yourcompany.com?subject=${subject}&body=${body}`;
      return new Promise(res => setTimeout(res, 500));
    }
  };

function App() {
  return (
    <FeedbackProvider config={emailConfig}>
      <div>Your app content</div>
    </FeedbackProvider>
  );
}
```

Check out the example under /example.
![example-overview](docs/example_overview.png)

## Credits
* MUI
* html2canvas
* tsup
npm package: @skoro/lib-test
Description: ## Project setup ``` yarn install ```
Latest version: 0.1.1

# lib-test

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).