open-index/open-npm huggingface dataset:
npm package: @jagatmachines/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 4.0.0-alpha-01

# :warning: WARNING!

This is a custom scripts-version of React-Scripts that provides Monorepo support.

See [React Workspaces Playground](https://github.com/react-workspaces/react-workspaces-playground) for a working demo.

[![React Workspaces Playground Screenshots](https://i.imgur.com/7snWXD0.png)](https://github.com/react-workspaces/react-workspaces-playground)

For more information on why this ways created, please read this for more info: https://github.com/F1LT3R/cra-workspaces-support-1333

# react-scripts

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: @jaggle-ai/overflow-browser
Description: Jaggle Overflow SDK for browsers
Latest version: 0.2.0

# @jaggle-ai/overflow-browser

[![npm version](https://img.shields.io/npm/v/@jaggle-ai/overflow-browser)](https://www.npmjs.com/package/@jaggle-ai/overflow-browser)

Browser SDK for [Jaggle Overflow](https://overflow.jaggle.ai) error tracking.

## Installation

```bash
npm install @jaggle-ai/overflow-browser
```

## Quick Start

```typescript
import * as Overflow from "@jaggle-ai/overflow-browser";

Overflow.init({
  dsn: "https://<public-key>@your-host.com/api/ingest",
  environment: "production",
  release: "myapp@1.0.0",
});

// Errors are automatically captured from window.onerror and unhandledrejection
```

## Manual Capture

```typescript
import { captureException, captureMessage } from "@jaggle-ai/overflow-browser";

try {
  riskyOperation();
} catch (err) {
  captureException(err);
}

captureMessage("User completed checkout", "info");
```

## Configuration

| Option           | Type                       | Default  | Description                     |
| ---------------- | -------------------------- | -------- | ------------------------------- |
| `dsn`            | `string`                   | required | Project DSN from Overflow       |
| `environment`    | `string`                   | -        | Environment name                |
| `release`        | `string`                   | -        | Release version                 |
| `sampleRate`     | `number`                   | `1.0`    | Event sampling rate (0.0 - 1.0) |
| `maxBreadcrumbs` | `number`                   | `100`    | Max breadcrumbs to retain       |
| `beforeSend`     | `(event) => event \| null` | -        | Hook to modify/drop events      |
| `autoCapture`    | `boolean`                  | `true`   | Auto-capture unhandled errors   |
| `debug`          | `boolean`                  | `false`  | Enable debug logging            |
| `defaultTags`    | `Record<string, string>`   | -        | Tags added to all events        |

## Context & Breadcrumbs

```typescript
import { setUser, setTag, addBreadcrumb } from "@jaggle-ai/overflow-browser";

setUser({ id: "user-123", email: "user@example.com" });
setTag("component", "payments");

addBreadcrumb({
  category: "ui.click",
  message: "User clicked submit",
  level: "info",
});
```

## Custom Fingerprinting

```typescript
import { setFingerprint } from "@jaggle-ai/overflow-browser";

setFingerprint(["payment-failed", "stripe"]);
```

## Cleanup

```typescript
import { close } from "@jaggle-ai/overflow-browser";

// Flush pending events and tear down
await close();
```

## Version

Current SDK version: `0.1.0`

## License

MIT
npm package: @jaggle-ai/overflow-react
Description: Jaggle Overflow SDK for React applications
Latest version: 0.2.0

# @jaggle-ai/overflow-react

[![npm version](https://img.shields.io/npm/v/@jaggle-ai/overflow-react)](https://www.npmjs.com/package/@jaggle-ai/overflow-react)

React SDK for [Jaggle Overflow](https://overflow.jaggle.ai) error tracking. Built on top of `@jaggle-ai/overflow-browser`.

## Installation

```bash
npm install @jaggle-ai/overflow-react @jaggle-ai/overflow-browser
```

## Quick Start

```tsx
import * as Overflow from "@jaggle-ai/overflow-react";

Overflow.init({
  dsn: "https://<public-key>@your-host.com/api/ingest",
  environment: "production",
});
```

## Error Boundary

Wrap your app (or parts of it) to automatically capture React rendering errors:

```tsx
import { OverflowErrorBoundary } from "@jaggle-ai/overflow-react";

function App() {
  return (
    <OverflowErrorBoundary
      fallback={({ error, resetError }) => (
        <div>
          <p>Something went wrong: {error.message}</p>
          <button onClick={resetError}>Try again</button>
        </div>
      )}
      onError={(error, eventId) => {
        console.log("Reported to Overflow:", eventId);
      }}
      onReset={() => {
        console.log("Error boundary reset");
      }}
      fingerprint={["custom-group"]}
    >
      <MyApp />
    </OverflowErrorBoundary>
  );
}
```

## Hooks

### `useOverflow()`

Access Overflow SDK methods from any component:

```tsx
function PaymentForm() {
  const overflow = useOverflow();

  const handleSubmit = async () => {
    try {
      await processPayment();
    } catch (err) {
      overflow.captureException(err);
    }
  };
}
```

### `useOverflowUser(user)`

Track the current user. Automatically clears on unmount:

```tsx
function AuthProvider({ user }) {
  useOverflowUser(user ? { id: user.id, email: user.email } : undefined);
  return <App />;
}
```

### `useOverflowBreadcrumb(breadcrumb)`

Record a breadcrumb when a component mounts:

```tsx
function CheckoutPage() {
  useOverflowBreadcrumb({
    category: "navigation",
    message: "Entered checkout",
  });
  return <div>Checkout</div>;
}
```

## Re-exports

All `@jaggle-ai/overflow-browser` functions are re-exported for convenience:

```tsx
import {
  captureException,
  setTag,
  addBreadcrumb,
} from "@jaggle-ai/overflow-react";
```

## Version

Current SDK version: `0.1.0`

## License

MIT
npm package: @jagi/jest-transform-graphql
Description: Jest transformer for the GraphQL files
Author: Łukasz Jagodziński
Latest version: 1.0.2

# @jagi/jest-transform-graphql

This package allows you to import your GraphQL queries directly from the \*.gql files in Jest.

```js
import USER_QUERY from "./graphql/userQuery.gql";
```

## Usage

In your `package.json` file:

```js
{
  /* ... */
  "jest": {
    "transform": {
      "\\.(gql|graphql)$": "@jagi/jest-transform-graphql"
      /* ... */
    }
  }
}
```

Or in your `jest.config.js` file:

```js
module.exports = {
  transform: {
    "^\\.(gql|graphql)$": "@jagi/jest-transform-graphql"
    /* ... */
  }
  /* ... */
};
```
npm package: @jagi/mutex
Description: Simple TypeScript mutex implementation
Author: Łukasz Jagodziński
Latest version: 1.0.2

# @jagi/mutex

Simple TypeScript mutex implementation

## Installation

```bash
npm install @jagi/mutex -S
```

or

```bash
yarn add @jagi/mutex
```

## Usage

```ts
import Mutex from "@jagi/mutex";

const mutext = new Mutex();

const asyncActionResult = await mutex.run(async () => {
  // Running asynchronous action.
  return await asyncAction();
});

mutex.run(async () => {
  // This action will wait for the first one to finish.
  await anotherAsyncAction();
});
```