+ {children}
+
+
+
+
+
+ Welcome to React Email
+
+
+ To start developing your emails, you can create a
+
+
+
+
+ +
.jsx or{' '}
+ .tsx file under your{' '}
+ {baseEmailsDirectoryName}{' '}
+ folder.
+
+ {'error' in renderingResult ? (
+
+
+
+
+
+ )}
+
+ ) : null}
+
+
+
+ );
+};
diff --git a/apps/web/.react-email/src/components/button.tsx b/apps/web/.react-email/src/components/button.tsx
new file mode 100644
index 0000000..66f5bee
--- /dev/null
+++ b/apps/web/.react-email/src/components/button.tsx
@@ -0,0 +1,90 @@
+import * as SlotPrimitive from '@radix-ui/react-slot';
+import * as React from 'react';
+import { unreachable } from '../utils/unreachable';
+import { cn } from '../utils/cn';
+
+type ButtonElement = React.ElementRef<'button'>;
+type RootProps = React.ComponentPropsWithoutRef<'button'>;
+
+type Appearance = 'white' | 'gradient';
+type Size = '1' | '2' | '3' | '4';
+
+interface ButtonProps extends RootProps {
+ asChild?: boolean;
+ appearance?: Appearance;
+ size?: Size;
+}
+
+export const Button = React.forwardRef
+
+ + + {props.error.name}: {props.error.message} +
+ {props.error.stack ? ( +
+
+ ) : undefined}
+
+ {props.error.stack}
+
+
+
+ );
+};
diff --git a/apps/web/.react-email/src/components/code.tsx b/apps/web/.react-email/src/components/code.tsx
new file mode 100644
index 0000000..d50562b
--- /dev/null
+++ b/apps/web/.react-email/src/components/code.tsx
@@ -0,0 +1,112 @@
+import type { Language } from 'prism-react-renderer';
+import { Highlight } from 'prism-react-renderer';
+import * as React from 'react';
+import { cn } from '../utils';
+
+interface CodeProps {
+ children: string;
+ className?: string;
+ language?: Language;
+}
+
+const theme = {
+ plain: {
+ color: '#EDEDEF',
+ fontSize: 13,
+ fontFamily: 'MonoLisa, Menlo, monospace',
+ },
+ styles: [
+ {
+ types: ['comment'],
+ style: {
+ color: '#706F78',
+ },
+ },
+ {
+ types: ['atrule', 'keyword', 'attr-name', 'selector'],
+ style: {
+ color: '#7E7D86',
+ },
+ },
+ {
+ types: ['punctuation', 'operator'],
+ style: {
+ color: '#706F78',
+ },
+ },
+ {
+ types: ['class-name', 'function', 'tag', 'key-white'],
+ style: {
+ color: '#EDEDEF',
+ },
+ },
+ ],
+};
+
+export const Code: React.FC
+
+
+ {renderClipboardIcon()}
+
+ Copy to Clipboard
+
+
+
+ {renderDownloadIcon()}
+
+ Download
+
+
+ {markups.map(({ language, content }) => {
+ return (
+
+
+ {markups.map(({ language }) => {
+ const isCurrentLang = activeLang === language;
+ return (
+ {
+ setActiveLang(language);
+ }}
+ >
+ {isCurrentLang ? (
+
+ );
+ })}
+
+
+
+
+ );
+ })}
+ {content}
+
+ {tokens.map((line, i) => {
+ const lineProps = getLineProps({
+ line,
+ key: i,
+ });
+ return (
+
+ {line.map((token, key) => {
+ const tokenProps = getTokenProps({
+ token,
+ key,
+ });
+ const isException =
+ token.content === 'from' &&
+ line[key + 1]?.content === ':';
+ const newTypes = isException
+ ? [...token.types, 'key-white']
+ : token.types;
+ token.types = newTypes;
+
+ return (
+
+
+
+ );
+ })}
+
+ );
+ })}
+
+
+
+ )}
+
+
+ );
+};
diff --git a/apps/web/.react-email/src/components/sidebar/index.ts b/apps/web/.react-email/src/components/sidebar/index.ts
new file mode 100644
index 0000000..b2ba9a4
--- /dev/null
+++ b/apps/web/.react-email/src/components/sidebar/index.ts
@@ -0,0 +1 @@
+export * from './sidebar';
diff --git a/apps/web/.react-email/src/components/sidebar/sidebar-directory-children.tsx b/apps/web/.react-email/src/components/sidebar/sidebar-directory-children.tsx
new file mode 100644
index 0000000..831882d
--- /dev/null
+++ b/apps/web/.react-email/src/components/sidebar/sidebar-directory-children.tsx
@@ -0,0 +1,127 @@
+import { AnimatePresence, LayoutGroup, motion } from 'framer-motion';
+import * as Collapsible from '@radix-ui/react-collapsible';
+import Link from 'next/link';
+import { useSearchParams } from 'next/navigation';
+import type { EmailsDirectory } from '../../actions/get-emails-directory-metadata';
+import { emailsDirectoryAbsolutePath } from '../../utils/emails-directory-absolute-path';
+import { cn } from '../../utils';
+import { IconFile } from '../icons/icon-file';
+import { SidebarDirectory } from './sidebar-directory';
+
+export const SidebarDirectoryChildren = (props: {
+ emailsDirectoryMetadata: EmailsDirectory;
+ currentEmailOpenSlug?: string;
+ open: boolean;
+ isRoot?: boolean;
+}) => {
+ const searchParams = useSearchParams();
+ const isBaseEmailsDirectory =
+ props.emailsDirectoryMetadata.absolutePath === emailsDirectoryAbsolutePath;
+
+ return (
+
+
+
+
+
+
+
+
+
+ {currentEmailOpenSlug && pathSeparator ? (
+ {
+ setTriggerTransition(true);
+
+ requestAnimationFrame(() => {
+ setSidebarToggled((v) => !v);
+ });
+
+ setTimeout(() => {
+ setTriggerTransition(false);
+ }, 300);
+ }}
+ pathSeparator={pathSeparator}
+ setActiveView={setActiveView}
+ />
+ ) : null}
+
+
+
+
+
+ {props.emailsDirectoryMetadata.subDirectories.map(
+ (subDirectory) => (
+
+ {isCurrentPage ? (
+
+ {!props.isRoot && (
+
+ )}
+
+ ) : null}
+
+
+ );
+ },
+ )}
+
+
+
+ {open ? (
+
+ {directoryMetadata.directoryName}
+
+
+ {!isEmpty ? (
+
+
+ {currentEmailOpenSlug.split(pathSeparator).pop()}
+
+
+
+
+ {
+ if (value) setActiveView?.(value);
+ }}
+ type="single"
+ value={activeView}
+ >
+
+
+
+
+ Desktop
+
+
+
+
+
+
+ Mobile
+
+
+
+
+
+
+ Code
+
+
+
+
+ {markup ? (
+
+
+ {activeView === 'desktop' && (
+
+
+ {activeView === 'mobile' && (
+
+
+ {activeView === 'source' && (
+
+
+
+ ) : null}
+
Join Enigma on VercelHello alanturing, Alan (alan.turing@example.com) has invited you to the Enigma team on Vercel.
or copy and paste this URL into your browser: https://vercel.com/teams/invite/foo This invitation was intended for alanturing. This invite was sent from 204.13.186.218 located in São Paulo, Brazil. If you were not expecting this invitation, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us. |
