### Getting Started with JSX Email

Source: https://github.com/shellscape/jsx-email/blob/main/packages/jsx-email/README.md

This section guides users on how to get started with JSX email, directing them to the official documentation site for comprehensive information on components, props, and usage.

```markdown
Everything to know about the components, props, and usage is available within our [Documentation Site](https://jsx.email/docs/introduction). Please give that a read and let us know if there's anything we can help with.
```

--------------------------------

### Install Dependencies and Start Server

Source: https://github.com/shellscape/jsx-email/blob/main/packages/create-jsx-email/README.md

Commands to navigate into the newly created project directory, install its dependencies using pnpm, and start the development server for previewing email templates.

```sh
cd email-project
pnpm install
pnpm run dev
```

--------------------------------

### Getting Started with JSX Email

Source: https://github.com/shellscape/jsx-email/blob/main/README.md

This section guides users on how to get started with JSX email, directing them to the official documentation site for comprehensive information on components, props, and usage.

```markdown
Everything to know about the components, props, and usage is available within our [Documentation Site](https://jsx.email/docs/introduction). Please give that a read and let us know if there's anything we can help with.
```

--------------------------------

### Getting Started with JSX Email

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/README.md

This section guides users on how to get started with JSX email, directing them to the official documentation site for comprehensive information on components, props, and usage.

```markdown
Everything to know about the components, props, and usage is available within our [Documentation Site](https://jsx.email/docs/introduction). Please give that a read and let us know if there's anything we can help with.
```

--------------------------------

### Create New Project with create-jsx-email

Source: https://github.com/shellscape/jsx-email/blob/main/docs/quick-start.md

Scaffolds a new project for email templates using the `create-jsx-email` utility. This is the fastest way to get started with a new project dedicated to email templates or one that will include additional code.

```console
$ npm create jsx-email
```

--------------------------------

### Start Preview Server

Source: https://github.com/shellscape/jsx-email/blob/main/apps/demo/README.md

Starts the live-preview server for the demo application. This command is used to test email templates in a real-time environment.

```console
$ moon run demo:dev
```

--------------------------------

### Add JSX Email to Existing Projects

Source: https://github.com/shellscape/jsx-email/blob/main/docs/quick-start.md

Demonstrates how to add JSX Email to an existing project using the CLI. It shows the recommended way to use the `email` command, and alternatives like `pnpm dlx`, `npx`, or `yarn` for avoiding global installations.

```shell
$ pnpm dlx email <command>
```

--------------------------------

### Run Email Preview Server

Source: https://github.com/shellscape/jsx-email/blob/main/docs/quick-start.md

Starts a local preview server for email templates. This server allows for quick iteration and viewing of email designs. It automatically opens a browser tab at `http://localhost:55420`.

```shell
# MacOS and Linux
$ email preview ./emails
```

--------------------------------

### Install Dependencies

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/CONTRIBUTING.md

Command to install project dependencies using pnpm. Moon's caching ensures dependencies are up-to-date.

```console
pnpm install
```

--------------------------------

### Install Dependencies

Source: https://github.com/shellscape/jsx-email/blob/main/CONTRIBUTING.md

Command to install project dependencies using pnpm. Moon's caching ensures dependencies are up-to-date.

```console
pnpm install
```

--------------------------------

### Preview Command Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/cli.md

Demonstrates how to use the `preview` command to launch the built-in Preview Tool for viewing email templates.

```console
$ cd ~/code/email-app
$ email preview ./emails
```

--------------------------------

### Install and Run Recipe

Source: https://github.com/shellscape/jsx-email/blob/main/recipes/import-css/README.md

This command installs the necessary dependencies and runs the development server for the jsx-email recipe. It's used to preview the 'Import CSS' template.

```shell
$ npm i && npm run dev
```

--------------------------------

### Check Command Output Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/cli.md

Provides an example of the output generated by the `check` command, highlighting potential email client incompatibility issues found in a template.

```console
Checking email template for Client Compatibility...

Found 1 files:
   ./emails/Batman.tsx

Starting build...

Build complete

./emails/Batman.tsx

  error  Class selector is not supported by:
           gmail.mobile-webmail
           protonmail.desktop-webmail
           protonmail.ios

  error  border-radius is not supported by:
           outlook.windows
           outlook.windows-mail

  ... 

  warn  target attribute is only partially supported by:
          apple-mail.macos
          apple-mail.ios
          outlook.windows
          outlook.windows-mail
          outlook.ios
          outlook.android

Check Complete: 14 error(s), 20 warning(s)
```

--------------------------------

### Build Command Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/cli.md

Shows how to use the `build` command to compile and render an email template to HTML. It accepts either a directory or a single file path as input.

```console
$ cd ~/code/email-app
$ email build ./emails
```

```console
$ cd ~/code/email-app
$ email build ./emails/Batman.tsx
```

--------------------------------

### Bootstrap Environment

Source: https://github.com/shellscape/jsx-email/blob/main/CONTRIBUTING.md

Initial script to run for setting up the development environment and installing all necessary dependencies.

```bash
./shared/bootstrap.sh
```

--------------------------------

### Build Email Template to HTML

Source: https://github.com/shellscape/jsx-email/blob/main/docs/quick-start.md

Compiles a JSX email template into a static HTML document. This command can also accept props for dynamic rendering, and allows specifying output paths and other options via flags.

```shell
$ email build ./emails/BatmanEmail.tsx
```

--------------------------------

### Bootstrap Environment

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/CONTRIBUTING.md

Initial script to run for setting up the development environment and installing all necessary dependencies.

```bash
./shared/bootstrap.sh
```

--------------------------------

### Install jsx-email with Package Managers

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/install.md

Install the jsx-email package using your preferred package manager. Supported managers include pnpm, bun, npm, and yarn.

```console-vue
pnpm add jsx-email
```

```console-vue
bun add jsx-email
```

```console-vue
npm add jsx-email
```

```console-vue
yarn add jsx-email
```

--------------------------------

### Create New JSX Email Project

Source: https://github.com/shellscape/jsx-email/blob/main/packages/create-jsx-email/README.md

Initializes a new JSX email project. This command creates a new directory with a pre-configured JSX email project structure. It is the primary way to start a new project with this tool.

```sh
npm create jsx-email
```

--------------------------------

### Check Command Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/cli.md

Illustrates the usage of the `check` command to perform a client compatibility check on an email template against compatibility tables from caniuse.com.

```console
$ email check ./emails/Batman.tsx
```

--------------------------------

### Create a New Email Template

Source: https://github.com/shellscape/jsx-email/blob/main/docs/quick-start.md

Creates a new email template file within a specified directory. This command generates a `.tsx` file by default, but can be configured to create `.jsx` files using a flag.

```shell
$ mkdir ./emails
$ email create BatmanEmail --out=./emails
```

```shell
# To create a .jsx file instead:
$ email create BatmanEmail --out=./emails --jsx
```

--------------------------------

### JSX Email Pretty Plugin Documentation

Source: https://github.com/shellscape/jsx-email/blob/main/packages/plugin-pretty/README.md

Documentation for the core JSX Email plugin that helps in building responsive email templates. Refer to the official documentation for detailed usage and examples.

```APIDOC
Pretty Plugin:
  Description: A core plugin for jsx-email that provides React components and helpers for building responsive email templates.
  Compatibility: Compatible with modern email clients.
  Focus: Handles compatibility and client inconsistency.
  Documentation: https://jsx.email/docs/plugins/pretty
```

--------------------------------

### Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/text.md

Demonstrates how to import and use the Text component within a JSX email template.

```jsx
import { Text } from 'jsx-email';

const Email = () => {
  return <Text>Lorem ipsum</Text>;
};
```

--------------------------------

### Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/render.md

Demonstrates how to import and use the `render` function from the 'jsx-email' package to convert a JSX email template into an HTML string.

```jsx
import { render } from 'jsx-email';

import { Template } from './emails/Batman';

const html = await render(<Template firstName="Bruce" lastName="Wayne" />);
```

--------------------------------

### Configuration with Plugins

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/plugins.md

Example of how to configure jsx-email to use custom plugins by specifying them in the defineConfig function.

```js
import { defineConfig } from 'jsx-email/config';
import { somePlugin } from './plugins/some-plugin';

export const config = defineConfig({
  plugins: [somePlugin]
});
```

--------------------------------

### JSX Email Migration to v2.0.0

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/README.md

Provides information about migrating to version 2.0.0 of JSX email, mentioning breaking changes and directing users to a migration guide.

```markdown
Version 2 represents a big leap forward for the project, but it's not without a few bumps. As with most major version releases in the Node ecosystem, there are a few breaking changes (nothing major) and steps to be performed. Please read our [Migration Guide](https://jsx.email/docs/v2/migration).

To browse the source code and documentation markdown for v1.12.1 please [click here](https://github.com/shellscape/jsx-email/tree/545ad7550fef11cc18fafe71c772c7b66a8b2373).
```

--------------------------------

### New Button Component Migration Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/v2/button.md

Illustrates how to migrate from the old Butan component to the new Button component by utilizing its dedicated props for styling. This method enhances email client compatibility.

```tsx
<Button
  width={300}
  height={64}
  backgroundColor={'#ff5a5f'}
  borderRadius={3}
  textColor={'#fff'}
  fontSize={18}
  href="#"
>
  Click Me!
</Button>
```

--------------------------------

### JSX Email Migration to v2.0.0

Source: https://github.com/shellscape/jsx-email/blob/main/packages/jsx-email/README.md

Provides information about migrating to version 2.0.0 of JSX email, mentioning breaking changes and directing users to a migration guide.

```markdown
Version 2 represents a big leap forward for the project, but it's not without a few bumps. As with most major version releases in the Node ecosystem, there are a few breaking changes (nothing major) and steps to be performed. Please read our [Migration Guide](https://jsx.email/docs/v2/migration).

To browse the source code and documentation markdown for v1.12.1 please [click here](https://github.com/shellscape/jsx-email/tree/545ad7550fef11cc18fafe71c772c7b66a8b2373).
```

--------------------------------

### JSX Email Migration to v2.0.0

Source: https://github.com/shellscape/jsx-email/blob/main/README.md

Provides information about migrating to version 2.0.0 of JSX email, mentioning breaking changes and directing users to a migration guide.

```markdown
Version 2 represents a big leap forward for the project, but it's not without a few bumps. As with most major version releases in the Node ecosystem, there are a few breaking changes (nothing major) and steps to be performed. Please read our [Migration Guide](https://jsx.email/docs/v2/migration).

To browse the source code and documentation markdown for v1.12.1 please [click here](https://github.com/shellscape/jsx-email/tree/545ad7550fef11cc18fafe71c772c7b66a8b2373).
```

--------------------------------

### Container Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/container.md

Demonstrates how to import and use the Container component in an email template, including nesting a Button component within it.

```jsx
import { Button, Container } from 'jsx-email';

const Email = () => {
  return (
    <Container>
      <Button href="https://example.com" style={{ color: '#61dafb' }}>
        Click me
      </Button>
    </Container>
  );
};
```

--------------------------------

### Raw Component Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/raw.md

Demonstrates how to use the Raw component to include conditional templating logic within an email template. It shows the JSX code for rendering a hero status and the resulting HTML output.

```jsx
import { Raw } from 'jsx-email';

const hero = true;

const HeroOrVillain = () => {
  return (
    <>
      <Raw content={`<#if ${hero}>`} />
      <b>Batman's a hero</b>
      <Raw content={`</#if>`} />
    </>
  );
};

```

```html
<#if true>
  <b>Batman's a hero</b>
</#if>

```

--------------------------------

### Deploying Preview App Command

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/cli.md

Explains how to build the email templates into a deployable preview application using the `preview` command with the `--build-path` option.

```console
$ email preview <templates-path> --build-path <build-path>
```

--------------------------------

### Build All Packages

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/CONTRIBUTING.md

Command to build all packages within the monorepo using Moon's task runner.

```console
moon repo:build.all
```

--------------------------------

### Create New JSX Email Project with Custom Name

Source: https://github.com/shellscape/jsx-email/blob/main/packages/create-jsx-email/README.md

Initializes a new JSX email project and specifies a custom name for the project directory. This allows users to define the name of the folder that will contain the new project.

```sh
npm create jsx-email <project-name>
```

--------------------------------

### Column Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/column.md

Demonstrates how to import and use the Column component within a Row for structuring email content.

```jsx
import { Column, Row } from 'jsx-email';

const Email = () => {
  return (
    <Row>
      <Column>A</Column>
      <Column>B</Column>
      <Column>C</Column>
    </Row>
  );
};

```

--------------------------------

### Build All Packages

Source: https://github.com/shellscape/jsx-email/blob/main/CONTRIBUTING.md

Command to build all packages within the monorepo using Moon's task runner.

```console
moon repo:build.all
```

--------------------------------

### Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/font.md

Demonstrates how to import and use the Font component within a jsx-email template to apply custom fonts.

```jsx
import { Font, Head, Html } from 'jsx-email';

const Email = () => {
  return (
    <Html lang="en">
      <Head>
        <Font
          fontFamily="Roboto"
          fallbackFontFamily="Verdana"
          webFont={{
            url: 'https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2',
            format: 'woff2'
          }}
          fontWeight={400}
          fontStyle="normal"
        />
      </Head>
    </Html>
  );
};

```

--------------------------------

### JSX Email Introduction

Source: https://github.com/shellscape/jsx-email/blob/main/README.md

This snippet provides a high-level overview of JSX email, its purpose, and its benefits. It highlights the project's goal of simplifying email template creation using React components and its advantages over similar libraries.

```markdown
JSX email provides a set of React components and helpers for building delightful and responsive email templates, compatible with modern email clients.

The components handle the heavy lifting of compatibility and client inconsistency so designers and developers can focus on building impactful and engaging templates.

Advantages Over `react-email`:
- Email Client Compatibility Checking
- Exclusive Components
- Optional Configuration Files
- Plugins
- Crazy fast Tailwind support
- Support for `<Suspense>` and `async` within Components
- Enhanced Developer Experience (DX)
- Better Command Line tools
- Works with Monorepos out of the box. No exhaustive setup needed.
- Less complex, smoother Preview Server
- Faster improvements, feature development, and releases
- Community-driven maintenance rather than company-planning priority
- No vendor lock-in for tools. `jsx-email` uses only generic components and tools
```

--------------------------------

### JSX Email Introduction

Source: https://github.com/shellscape/jsx-email/blob/main/packages/jsx-email/README.md

This snippet provides a high-level overview of JSX email, its purpose, and its benefits. It highlights the project's goal of simplifying email template creation using React components and its advantages over similar libraries.

```markdown
JSX email provides a set of React components and helpers for building delightful and responsive email templates, compatible with modern email clients.

The components handle the heavy lifting of compatibility and client inconsistency so designers and developers can focus on building impactful and engaging templates.

Advantages Over `react-email`:
- Email Client Compatibility Checking
- Exclusive Components
- Optional Configuration Files
- Plugins
- Crazy fast Tailwind support
- Support for `<Suspense>` and `async` within Components
- Enhanced Developer Experience (DX)
- Better Command Line tools
- Works with Monorepos out of the box. No exhaustive setup needed.
- Less complex, smoother Preview Server
- Faster improvements, feature development, and releases
- Community-driven maintenance rather than company-planning priority
- No vendor lock-in for tools. `jsx-email` uses only generic components and tools
```

--------------------------------

### Usage Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/head.md

Demonstrates how to import and use the Head component within a JSX email template. It shows nesting a title tag inside the Head component.

```jsx
import { Head } from 'jsx-email';

const Email = () => {
  return (
    <Head>
      <title>My email title</title>
    </Head>
  );
};

```

--------------------------------

### JSX Email Introduction

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/README.md

This snippet provides a high-level overview of JSX email, its purpose, and its benefits. It highlights the project's goal of simplifying email template creation using React components and its advantages over similar libraries.

```markdown
JSX email provides a set of React components and helpers for building delightful and responsive email templates, compatible with modern email clients.

The components handle the heavy lifting of compatibility and client inconsistency so designers and developers can focus on building impactful and engaging templates.

Advantages Over `react-email`:
- Email Client Compatibility Checking
- Exclusive Components
- Optional Configuration Files
- Plugins
- Crazy fast Tailwind support
- Support for `<Suspense>` and `async` within Components
- Enhanced Developer Experience (DX)
- Better Command Line tools
- Works with Monorepos out of the box. No exhaustive setup needed.
- Less complex, smoother Preview Server
- Faster improvements, feature development, and releases
- Community-driven maintenance rather than company-planning priority
- No vendor lock-in for tools. `jsx-email` uses only generic components and tools
```

--------------------------------

### HTML Transformation Example

Source: https://github.com/shellscape/jsx-email/blob/main/docs/plugins/inline.md

Demonstrates how the Inline CSS Plugin transforms HTML with class-based styles into HTML with inline styles. This is crucial for email clients that do not support or strip <style> elements.

```html
<style>
  .batman {
    border: 1px solid black;
  }
</style>
<div class="batman">batcave</div>
```

```html
<div style="border: 1px solid black">batcave</div>
```

--------------------------------

### Run Tests

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/CONTRIBUTING.md

Command to execute all project tests using Moon. Pull Requests require passing tests.

```console
moon run repo:test
```

--------------------------------

### Pretty Plugin Usage

Source: https://github.com/shellscape/jsx-email/blob/main/docs/plugins/pretty.md

Demonstrates how the Pretty Plugin is loaded automatically when the 'pretty' render option is set in jsx-email.

```javascript
import { render } from 'jsx-email';

// ... email component definition ...

const html = await render(<YourEmailComponent />, {
  pretty: true // This option automatically loads the @jsx-email/plugin-pretty
});
```

--------------------------------

### Run Tests

Source: https://github.com/shellscape/jsx-email/blob/main/CONTRIBUTING.md

Command to execute all project tests using Moon. Pull Requests require passing tests.

```console
moon run repo:test
```

--------------------------------

### JSX Email Section Usage

Source: https://github.com/shellscape/jsx-email/blob/main/docs/components/section.md

Demonstrates how to import and use the Section component from jsx-email to create basic content blocks and structured layouts with Rows and Columns. Includes examples of simple sections and sections with nested rows and columns.

```jsx
import { Column, Row, Section, Text } from 'jsx-email';

const Email = () => {
  return (
    <>
      {/* A simple `section` */}
      <Section>
        <Text>Hello World</Text>
      </Section>

      {/* Formatted with `rows` and `columns` */}
      <Section>
        <Row>
          <Column>Column 1, Row 1</Column>
          <Column>Column 2, Row 1</Column>
        </Row>
        <Row>
          <Column>Column 1, Row 2</Column>
          <Column>Column 2, Row 2</Column>
        </Row>
      </Section>
    </>
  );
};

```

--------------------------------

### Minify Plugin Documentation

Source: https://github.com/shellscape/jsx-email/blob/main/packages/plugin-minify/README.md

This section provides documentation for the Minify plugin for JSX email. For more detailed information, please refer to the official plugin documentation.

```APIDOC
Minify Plugin:
  Description: A core plugin for jsx-email that handles minification of email templates.
  Documentation: https://jsx-email.com/docs/plugins/minify
```

--------------------------------

### Button Component Migration

Source: https://github.com/shellscape/jsx-email/blob/main/docs/v2/migration.md

Information regarding the migration of the Button component to a new version. It emphasizes backward compatibility but notes potential visual differences due to styling changes and provides a link to a separate migration guide.

```markdown
::: info
Please see the separate [migration guide for `Button`](/docs/v2/button) for additional usage and comparison to the v1 `Button`.
:::

The [`Button`](/docs/components/button) component received a mountain of updates thanks to [@lordelogos](https://github.com/lordelogos). Amoung the updates was a complete refactoring of the component source and the HTML that it generates. This was done to address nagging and persistent issues with rendering buttons effectively across many clients. No surprise, Outlook was the worst offender. While these updates provide a lot of new props, the `Button` component remains backwards compatible in most situations.

However, one big potentially breaking change is around the `style` property. If you're using the `style` or `class` properties to style your buttons, there may be some visual differences. The updates to `Button` provide direct props for most of the styles that we've seen people use on buttons, in an effort to get to maximum compatibility across email clients. _This is something you won't find in other email templating tools!_ Please see the [props](/docs/components/button#component-props) documentation for more info.

All that said, if the upgrade is too much heavy lifting, we're shipping the deprecated `Butan` and cheeky component which provides a fast find-and-replace path for continuing to use the original `Button` component. This component won't be documented beyond mentioning the legacy behavior and rendering, and will be removed in the next major version.
```

--------------------------------

### JSX Email CLI Usage

Source: https://github.com/shellscape/jsx-email/blob/main/docs/core/cli.md

Demonstrates how to invoke the jsx-email CLI and lists available commands and options. This provides an overview of the CLI's capabilities.

```console
→ pnpm exec email

jx-email v0.0.0

A CLI for working with Email Templates made with jsx-email

Usage
  $ email [...options]

Commands
  build       <template file or dir path>
  check       <template file path>
  create      <template name>
  help        [<command>]
  preview     <template dir path>

Options
  --help      Displays this message
  --version   Displays the current jsx-email version

Examples
  $ email
  $ email --help
  $ email build ./src/templates/Invite.tsx
  $ email create invite
  $ email preview ./src/templates
```

--------------------------------

### Preview Functionality Updates

Source: https://github.com/shellscape/jsx-email/blob/main/docs/v2/migration.md

Details on changes to the preview functionality, including pre-rendering for speed and flexibility, a watcher for live updates, and a breaking change regarding local asset imports. It also mentions the ability to exclude files from the preview.

```markdown
We've made a lot of changes to how the preview works, which should ultimately make it faster and more flexible. Rather than running the `render` within the preview's web app at runtime, we're pre-rendering and providing the output to the preview app. We're also running a watcher behind the scenes so if the preview app is running and a template is updated, those updates are immediately shown within the preview app. This works _faster and more reliably_, and removes dependency restrictions and optimization issues that Vite would frequently complain about.

One downside to these updates, which is a breaking change, is that local, relative imports of assets (like images) into the templates aren't working. This was something that was enabled by some behavior in Vite that we were leveraging to make that possible. Unfortunately, that mechanism no longer works with the new rendering pipeline. _We are actively working on restoring that capability!_

On the flip side, we've add the ability to exclude files from the preview app, which was often requested.
```

--------------------------------

### JSX Email Contribution and Attribution

Source: https://github.com/shellscape/jsx-email/blob/main/apps/web/src/include/README.md

This snippet covers how to contribute to the JSX email project and provides attribution to the original creators of `react-email`, from which JSX email is forked. It emphasizes the community-driven nature of the project.

```markdown
We 💛 contributions! After all, this is a community-driven project. We have no corporate sponsorship or backing. The maintainers and users keep this project going!

Please check out our [Contribution Guide](./CONTRIBUTING.md).

This project was built upon prior work for `react-email` by Bu Kinoshita ([@bukinoshita](https://twitter.com/bukinoshita)) and Zeno Rocha ([@zenorocha](https://twitter.com/zenorocha)).

`jsx-email` is a fork of `react-email`.
```

--------------------------------

### JSX Email Contribution and Attribution

Source: https://github.com/shellscape/jsx-email/blob/main/packages/jsx-email/README.md

This snippet covers how to contribute to the JSX email project and provides attribution to the original creators of `react-email`, from which JSX email is forked. It emphasizes the community-driven nature of the project.

```markdown
We 💛 contributions! After all, this is a community-driven project. We have no corporate sponsorship or backing. The maintainers and users keep this project going!

Please check out our [Contribution Guide](./CONTRIBUTING.md).

This project was built upon prior work for `react-email` by Bu Kinoshita ([@bukinoshita](https://twitter.com/bukinoshita)) and Zeno Rocha ([@zenorocha](https://twitter.com/zenorocha)).

`jsx-email` is a fork of `react-email`.
```

--------------------------------

### Minify Plugin Usage

Source: https://github.com/shellscape/jsx-email/blob/main/docs/plugins/minify.md

Demonstrates how the Minify Plugin is loaded automatically when the 'minify' render option is set in jsx-email.

```javascript
import { render } from 'jsx-email';

// Assuming you have your JSX email component defined
// const MyEmail = <div>Hello World</div>;

const html = await render(MyEmail, {
  minify: true // This option automatically loads and uses the Minify Plugin
});

console.log(html);
```

--------------------------------

### JSX Email Contribution and Attribution

Source: https://github.com/shellscape/jsx-email/blob/main/README.md

This snippet covers how to contribute to the JSX email project and provides attribution to the original creators of `react-email`, from which JSX email is forked. It emphasizes the community-driven nature of the project.

```markdown
We 💛 contributions! After all, this is a community-driven project. We have no corporate sponsorship or backing. The maintainers and users keep this project going!

Please check out our [Contribution Guide](./CONTRIBUTING.md).

This project was built upon prior work for `react-email` by Bu Kinoshita ([@bukinoshita](https://twitter.com/bukinoshita)) and Zeno Rocha ([@zenorocha](https://twitter.com/zenorocha)).

`jsx-email` is a fork of `react-email`.
```

--------------------------------

### Inline Plugin Documentation

Source: https://github.com/shellscape/jsx-email/blob/main/packages/plugin-inline/README.md

This section provides documentation for the core JSX Email Inline Plugin. For detailed information, refer to the official plugin documentation.

```APIDOC
Inline Plugin:
  Description: A core plugin for jsx-email that handles inline styles for email templates.
  Dependencies: Requires jsx-email.
  Usage: Import and use within your JSX email templates.
  Documentation: https://jsx.email/docs/plugins/inline
```