open-index/open-npm huggingface dataset:
npm package: @rowansays/helpers
Description: Library of helper functions.
Author: Rowan Weathers
Latest version: 2.0.0

# Rowan's JavaScript Helpers

Library of [pure](https://en.wikipedia.org/wiki/Pure_function) JavaScript filters and predicates. This library is available via node package manager and may be installed by using the following command:

```
npm i @rowansays/helpers
```

[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/%40rowansays%2Fhelpers.svg)](https://badge.fury.io/js/%40rowansays%2Fhelpers) [![install size](https://packagephobia.com/badge?p=@rowansays/helpers)](https://packagephobia.com/result?p=@rowansays/helpers) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Functions

### castArray()

 * clones existing arrays
 * converts Map, Set, and other iterables to arrays
 * optional filtering of allowed types
 * optional recursion

### castString()

 * strings pass through unaltered
 * numbers are coerced to strings
 * an empty string is returned for everything else

### castStringArray()

 * filter an array preserving all string values
 * numbers are coerced to strings
 * all other values are excluded from the array

### isIterable()

 * returns `true` for all iterables

### isIterableObject()

 * returns `true` for all iterables except strings
npm package: @rowantervelde/ng2-carousel
Description: RTV - Angular 2 Carousel component
Latest version: 0.1.0-alpha.2

# rtv-carousel

`CarouselComponent` is a carousel component.

## Not Yet Implemented

## Usage

### Setup

Importing the module:
```ts
 @NgModule({
    imports: [CarouselModule],
    ...
 })
 export class MyAppModule { }
```

### Basic Usage

```html
<rtv-carousel></rtv-carousel>
```
npm package: @rowantervelde/ng2-featurette
Description: RTV - Angular 2 Featurette component
Latest version: 0.1.0-alpha.1

# rtv-featurette

`FeaturetteComponent` is a featurette component.

## Not Yet Implemented

## Usage

### Setup

Importing the module:
```ts
 @NgModule({
    imports: [FeaturetteModule],
    ...
 })
 export class FeaturetteModule { }
```

### Basic Usage

```html
<rtv-featurette></rtv-featurette>
```
npm package: @rowboat/nuxt-image
Description: Nuxt Image Module
Latest version: 0.6.0

[![@nuxt/image](./docs/static/social.svg "Nuxt Image")](https://image.nuxtjs.org)

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Checks][checks-src]][checks-href]
[![Codecov][codecov-src]][codecov-href]

- [📖 &nbsp;Read Documentation](https://image.nuxtjs.org)
- [▶️ &nbsp;Play online](https://githubbox.com/nuxt/image/tree/main/example)


### Contributing

1. Clone this repository
2. Install dependencies using `yarn install`
3. Start development server using `yarn dev`


## 📑 License

Copyright (c) Nuxt Team



<!-- Badges -->
[npm-version-src]: https://flat.badgen.net/npm/v/@nuxt/image
[npm-version-href]: https://npmjs.com/package/@nuxt/image
[npm-downloads-src]: https://flat.badgen.net/npm/dm/@nuxt/image
[npm-downloads-href]: https://npmjs.com/package/@nuxt/image
[checks-src]: https://flat.badgen.net/github/checks/nuxt/image/master
[checks-href]: https://github.com/nuxt/image/actions
[codecov-src]: https://flat.badgen.net/codecov/c/github/nuxt/image
[codecov-href]: https://codecov.io/gh/nuxt/image
[license-src]: https://img.shields.io/npm/l/@nuxt/image.svg
[license-href]: https://github.com/nuxt/image/blob/main/LICENSE
npm package: @rowen-forms/react
Description: React hooks and components for Rowen form backend
Author: Nikhil Nagar
Latest version: 1.0.0

# @rowen/react

React hooks and components for [Rowen](https://rowen.in) — the form backend as a service.

## Install

```bash
npm install @rowen/react
```

## Quick Start

```jsx
import { useForm, ValidationError } from "@rowen/react";

function ContactForm() {
  const { state, handleSubmit, getFieldProps } = useForm("YOUR_FORM_ID");

  if (state.succeeded) {
    return <p>Thanks for your message!</p>;
  }

  return (
    <form onSubmit={handleSubmit}>
      <input {...getFieldProps("name", { required: true, placeholder: "Your name" })} />

      <input {...getFieldProps("email", { required: true, type: "email", placeholder: "Email" })} />
      <ValidationError field="email" errors={state.errors} />

      <textarea {...getFieldProps("message", { placeholder: "Message" })} />

      <button type="submit" disabled={state.submitting}>
        {state.submitting ? "Sending..." : "Send"}
      </button>

      <ValidationError field="_form" errors={state.errors} />
    </form>
  );
}
```

## API

### `useForm(formId, options?)`

Returns `{ state, handleSubmit, getFieldProps, reset, submitData }`.

**Options:**

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| `endpoint` | `string` | Auto-generated | Custom endpoint URL |
| `onSuccess` | `(data) => void` | — | Called after successful submission |
| `onError` | `(error) => void` | — | Called on error |
| `resetOnSuccess` | `boolean` | `true` | Reset form after success |
| `extraData` | `Record<string, string>` | — | Extra fields to include |

**State:**

| Property | Type | Description |
|----------|------|-------------|
| `submitting` | `boolean` | True while request is in-flight |
| `succeeded` | `boolean` | True after successful submission |
| `errors` | `FieldError[]` | Array of `{ field, message }` |

### `ValidationError`

Displays errors for a specific field.

```jsx
<ValidationError field="email" errors={state.errors} />
<ValidationError field="email" errors={state.errors} className="text-red-500 text-sm" />
```

### `RowenProvider` (optional)

Set a custom base URL for self-hosted instances.

```jsx
<RowenProvider baseUrl="https://your-rowen.com">
  <App />
</RowenProvider>
```

### `submitData(data)`

Submit data programmatically without a form element.

```jsx
const { submitData } = useForm("YOUR_FORM_ID");

// Submit from anywhere
await submitData({ name: "John", email: "john@example.com" });
```

## With Next.js

```jsx
"use client";
import { useForm, ValidationError } from "@rowen/react";

export default function ContactPage() {
  const { state, handleSubmit } = useForm("YOUR_FORM_ID");
  // ... same as above
}
```

## With TypeScript

Full TypeScript support included. All types are exported:

```tsx
import type { FormState, FieldError, UseFormOptions } from "@rowen/react";
```

## License

MIT
npm package: @rowinbot/mdx-code-formatter
Description: [![npm version](https://badge.fury.io/js/%40rowinbot%2Fmdx-code-formatter.svg)](https://badge.fury.io/js/%40rowinbot%2Fmdx-code-formatter)
Author: Rowin Hernandez
Latest version: 1.1.10

# MDX Code Formatter

[![npm version](https://badge.fury.io/js/%40rowinbot%2Fmdx-code-formatter.svg)](https://badge.fury.io/js/%40rowinbot%2Fmdx-code-formatter)

A simple MDX code formatter that uses [Rehype](https://github.com/rehypejs) under the hood.

Fork from [@kentcdodds/md-temp](https://www.npmjs.com/package/@kentcdodds/md-temp).
npm package: @rowinbot/rollup-image-blur
Description: [![npm version](https://badge.fury.io/js/%40rowinbot%2Frollup-image-blur.svg)](https://badge.fury.io/js/%40rowinbot%2Frollup-image-blur)
Author: Rowin Hernandez
Latest version: 1.2.0

# @rowinbot/rollup-image-blur

[![npm version](https://badge.fury.io/js/%40rowinbot%2Frollup-image-blur.svg)](https://badge.fury.io/js/%40rowinbot%2Frollup-image-blur)

A simple rollup plugin to load images and their blur hashes (data urls) in a single import.
npm package: @rownd/react-native__native-modules
Description: test
Author: rownd
Latest version: 0.7.0

# @rownd/react-native
npm package for react native
## Installation

```sh
npm install @rownd/react-native
```

## Usage

```js
import { multiply } from "@rownd/react-native";

// ...

const result = await multiply(3, 7);
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @rownd/remix
Description: Simply run `npm install @rownd/remix` or `yarn add @rownd/remix`.
Latest version: 2.9.0

# Remix

### Installation

Simply run `npm install @rownd/remix` or `yarn add @rownd/remix`.

### Setup

The library provides a React provider for the client and a higher-order
function for the server.

In your app's `root.tsx` file, use the Remix Rownd provider to wrap children,
likely before other providers:

root.tsx
```jsx
...
import { RemixRowndProvider } from '@rownd/remix';
...

export function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <Meta />
        <Links />
      </head>
      <body>
        <RemixRowndProvider appKey="YOUR_APP_KEY">
          {children}
        </RemixRowndProvider>
        <ScrollRestoration />
        <Scripts />
      </body>
    </html>
  );
}
```

In your app's `entry.server.ts` file, add the Rownd handle request higher-order
function with your server's request handler `handleRequest`:

entry.server.ts
```jsx
...
import { withRowndHandleRequest } from '@rownd/remix/server';
...

export default withRowndHandleRequest(function handleRequest(
  request: Request,
  responseStatusCode: number,
  responseHeaders: Headers,
  remixContext: EntryContext,
  loadContext: AppLoadContext
) {
  return ...
});
```

### Protected component
To protect a component from being accessed by unauthenticated users, you can use
the `withRowndRequireSignIn` higher-order component and the `withRowndLoader`
higher-order function.

```jsx
import type { LoaderFunctionArgs } from '@remix-run/node';
import { useLoaderData } from '@remix-run/react';

import {
  withRowndRequireSignIn,
  useRownd,
} from '@rownd/remix';

import {
  withRowndLoader,
} from '@rownd/remix/server';

export const loader = withRowndLoader(async function (
  { context, request }: LoaderFunctionArgs,
  { user_id, access_token }
) {

    const authenticatedFetch = await fetch('https:random.com/posts',{
        headers: {
            Authorization: `Bearer ${access_token}`,
        },
    })

    const posts = await authenticatedFetch.json();

  return { posts, user_id };
});

function Index() {
  const { signOut } = useRownd();
  const { posts, user_id } = useLoaderData();

  return (
    <div>
      ...
      <h1>User ID: {user_id}</h1>
      <button onClick={signOut}>Sign out</button>
    </div>
  );
}

function Fallback() {
  return <div>Loading...</div>;
}

export default withRowndRequireSignIn(Index, useLoaderData, Fallback);
```

### API reference

Please see the [React SDK](/rownd/react/blob/main?tab=readme-ov-file#api-reference) for details on
Rownd Client React API's.
npm package: @rowno/generator-node
Description: Generic Yeoman generator for creating Node.js servers and modules.
Author: Roland Warmerdam
Latest version: 11.2.0

# generator-node

Generic [Yeoman][] generator for creating Node.js modules, servers and React components.

## Usage

- Install [Yeoman][]: `npm install -g yo`
- Install generator-node: `npm install -g @rowno/generator-node`
- Run: `yo @rowno/node`

## License

generator-node is released under the MIT license.

Copyright © 2012 Roland Warmerdam.

[yeoman]: http://yeoman.io/