open-index/open-npm huggingface dataset:
npm package: @formio/jsx
Description: A JSX template engine for Form.io components.
Author: Brendan Bond
Latest version: 0.0.3

# @formio/jsx

A JSX template engine for Form.io templates that renders JSX to HTML strings.

## Installation

```bash
npm install @formio/jsx
```

or

```bash
yarn add @formio/jsx
```

## Usage

### Basic Setup

Configure your `tsconfig.json`:

```json
{
  "compilerOptions": {
    "jsx": "react",
    "jsxFactory": "jsx",
    "jsxFragmentFactory": "Fragment"
  }
}
```

### Simple Example

```tsx
import jsx, { Fragment } from '@formio/jsx';

const html = (
  <div class="container">
    <h1>Hello, World!</h1>
    <p>Welcome to @formio/jsx</p>
  </div>
);

console.log(html);
// Output: <div class="container"><h1>Hello, World!</h1><p>Welcome to @formio/jsx</p></div>
```

### Using Fragments

```tsx
const items = (
  <>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </>
);
```

### Style Objects

```tsx
const styledDiv = <div style={{ backgroundColor: 'blue', fontSize: '16px' }}>Styled content</div>;
// Output: <div style="background-color:blue;font-size:16px">Styled content</div>
```

### Boolean Attributes

```tsx
const input = <input type="checkbox" checked disabled={false} />;
// Output: <input type="checkbox" checked />
```

### Using with Modern JSX Transform

If you're using the modern JSX transform (React 17+), configure your `tsconfig.json`:

```json
{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "@formio/jsx"
  }
}
```

Then you don't need to import jsx in every file:

```tsx
// No import needed!
const element = <div>Hello</div>;
```

## API

### `jsx(tag, properties, ...children)`

Main function that converts JSX elements to HTML strings.

- `tag`: HTML tag name or null for fragments
- `properties`: Object containing element attributes and properties
- `children`: Child elements or content

### `Fragment`

Component for grouping multiple elements without a wrapper.

## Limitations

- Event handlers (onClick, onChange, etc.) are not supported as they cannot be serialized to HTML strings

## Credits

Adapted from [texsaur](https://github.com/ConnorJamesLow/texsaur) by Connor James Low.

## License

MIT
npm package: @formio/node-fetch-http-proxy
Description: The node-fetch library with added HTTP_PROXY support
Author: Travis Tidwell
Latest version: 1.1.0

# node-fetch-http-proxy
The node-fetch library with added HTTP_PROXY, HTTPS_PROXY, NO_PROXY support, same as the deprecated request.js library had.

## Usage
To install this library, just type the following.

```
npm install --save @formio/node-fetch-http-proxy
```

Then you can use this library instead of node-fetch like so.

```js
const fetch = require('@formio/node-fetch-http-proxy');

fetch('https://examples.form.io/example').then((resp) => resp.json()).then((form) => {
  console.log(form);
});;
```

## HTTP_PROXY, HTTPS_PROXY, and NO_PROXY
These variables work the same as documented @ https://github.com/request/request#controlling-proxy-behaviour-using-environment-variables
npm package: @formiobj/angular
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.4.
Author: Brayan Aviles
Latest version: 1.0.0

# AngularFormio

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.4.

## Code scaffolding

Run `ng generate component component-name --project angular-formio` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-formio`.
> Note: Don't forget to add `--project angular-formio` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build angular-formio` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build angular-formio`, go to the dist folder `cd dist/angular-formio` and run `npm publish`.

## Running unit tests

Run `ng test angular-formio` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @formity/react
Description: React multi-step forms where logic has no limits - for any use case
Latest version: 1.0.6

![Formity](https://raw.githubusercontent.com/martiserra99/formity/main/images/formity.jpg)

# Multi-Step Forms Where Logic Has No Limits

Formity is a React library for building advanced multi-step forms where you have full control over the flow — use variables, conditions, loops, and any logic you need to make your forms as dynamic as you want.

[Website](https://formity.app/) · [Formity UI](https://ui.formity.app/) · [Discord](https://discord.gg/m8UrssFUBQ)

---

![animation](https://raw.githubusercontent.com/martiserra99/formity/main/images/animation.gif)

## Featured by

> "I highly recommend Formity for creating multi-step forms. It saves you from building it yourself, which is an enormous pain. After building these a million times myself, it's awesome to finally see one that handles everything so well."
>
> — **midudev (500k+ subscribers)** | [Watch video](https://youtu.be/0apXgMZ52nM?si=N3WYhh1Cn6XydvVs)

> "With Formity's pattern for steps, logic, and animations, you can give your coding agent a skill for building multi-step forms - so any time you need one, your forms are way more consistent and follow the same structure."
>
> — **Hamed Bahram (200k+ subscribers)** | [Watch video](https://youtu.be/0wGxiucgLvM?si=KNvWkRlo3-JSkqMq)

## Key features of formity

### Advanced logic

You can add sophisticated logic to your multi-step forms using conditions, loops, and variables — creating truly dynamic forms where the flow adapts to every user.

### Integration with any form library

Formity integrates seamlessly with your favorite form library — React Hook Form, Formik, TanStack Form or any other form-handling tool.

### Advanced type inference

For TypeScript users, Formity offers advanced type inference for a smooth and error-free developer experience — with better autocomplete and improved type safety.

![advanced type inference](https://raw.githubusercontent.com/martiserra99/formity/main/images/type-inference.png)

## License

This package is licensed under the [MIT license](./LICENSE).
npm package: @formity/system
Description: Core system that powers Formity
Latest version: 1.0.5

![Formity](https://raw.githubusercontent.com/martiserra99/formity/main/images/formity.jpg)

# Multi-Step Forms Where Logic Has No Limits

Formity is a React library for building advanced multi-step forms where you have full control over the flow — use variables, conditions, loops, and any logic you need to make your forms as dynamic as you want.

[Website](https://formity.app/) · [Formity UI](https://ui.formity.app/) · [Discord](https://discord.gg/m8UrssFUBQ)

---

![animation](https://raw.githubusercontent.com/martiserra99/formity/main/images/animation.gif)

## Featured by

> "I highly recommend Formity for creating multi-step forms. It saves you from building it yourself, which is an enormous pain. After building these a million times myself, it's awesome to finally see one that handles everything so well."
>
> — **midudev (500k+ subscribers)** | [Watch video](https://youtu.be/0apXgMZ52nM?si=N3WYhh1Cn6XydvVs)

> "With Formity's pattern for steps, logic, and animations, you can give your coding agent a skill for building multi-step forms - so any time you need one, your forms are way more consistent and follow the same structure."
>
> — **Hamed Bahram (200k+ subscribers)** | [Watch video](https://youtu.be/0wGxiucgLvM?si=KNvWkRlo3-JSkqMq)

## Key features of formity

### Advanced logic

You can add sophisticated logic to your multi-step forms using conditions, loops, and variables — creating truly dynamic forms where the flow adapts to every user.

### Integration with any form library

Formity integrates seamlessly with your favorite form library — React Hook Form, Formik, TanStack Form or any other form-handling tool.

### Advanced type inference

For TypeScript users, Formity offers advanced type inference for a smooth and error-free developer experience — with better autocomplete and improved type safety.

![advanced type inference](https://raw.githubusercontent.com/martiserra99/formity/main/images/type-inference.png)

## License

This package is licensed under the [MIT license](./LICENSE).