@react-email/preview-server 1.0.0-canary.0

package/src/utils/unreachable.ts

@@ -0,0 +1,8 @@
+export const unreachable = (
+  condition: string | Record<string, unknown>,
+  message = `Entered unreachable code. Received '${
+    typeof condition === 'string' ? condition : JSON.stringify(condition)
+  }'.`,
+): never => {
+  throw new TypeError(message);
+};

package/tailwind-internals.d.ts

@@ -0,0 +1,133 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+declare module "tailwindcss/lib/lib/evaluateTailwindFunctions" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default function evaluateTailwindFunctions(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/resolveDefaultsAtRules" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default function expandApplyAtRules(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/partitionApplyAtRules" {
+  import type { Root } from "postcss";
+
+  export default function partitionApplyAtRules(): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/substituteScreenAtRules" {
+  import type { Root } from "postcss";
+
+  export default function substituteScreenAtRules(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/resolveDefaultsAtRules" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default function expandApplyAtRules(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/expandApplyAtRules" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default function expandApplyAtRules(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/expandTailwindAtRules" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default async function expandTailwindAtRules(
+    context: JITContext,
+  ): (root: Root) => Promise<void>;
+}
+
+declare module "tailwindcss/lib/lib/collapseAdjacentRules" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default async function collapseAdjacentRules(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/collapseDuplicateDeclarations" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Root } from "postcss";
+
+  export default async function collapseDuplicateDeclarations(
+    context: JITContext,
+  ): (root: Root) => void;
+}
+
+declare module "tailwindcss/lib/lib/generateRules" {
+  import type { JitContext } from "tailwindcss/lib/lib/setupContextUtils";
+  import type { Rule } from "postcss";
+
+  export function generateRules(
+    classNames: Set<string>,
+    context: JITContext,
+  ): [bigint, Rule][];
+}
+
+// taken from https://github.com/vinicoder/tw-to-css/blob/main/types.d.ts
+// thanks vinicoder!
+declare module "tailwindcss/lib/lib/setupContextUtils" {
+  import type { Container, Node } from "postcss";
+  import type { Config } from "tailwindcss";
+  import type resolveConfig from "tailwindcss/resolveConfig";
+
+  interface ChangedContent {
+    content: string;
+    extension?: string;
+  }
+
+  interface Api {
+    container: Container;
+    separator: string;
+    format: (def: string) => void;
+    wrap: (rule: Container) => void;
+  }
+
+  type VariantPreview = string;
+
+  type VariantFn = [number, (api: Api) => VariantPreview | undefined];
+
+  type VariantName = string;
+
+  export interface JitContext {
+    changedContent: ChangedContent[];
+    ruleCache: Set<unknown>;
+    candidateRuleCache: Map<unknown, unknown>;
+    classCache: Map<unknown, unknown>;
+    applyClassCache: Map<unknown, unknown>;
+    notClassCache: Set<unknown>;
+    postCssNodeCache: Map<unknown, unknown>;
+
+    getClassList: () => string[];
+    tailwindConfig: TailwindConfig;
+    variantMap: Map<VariantName, VariantFn[]>;
+  }
+
+  export function createContext(
+    config: ReturnType<typeof resolveConfig>,
+    changedContent?: ChangedContent[],
+  ): JitContext;
+}

package/tailwind.config.ts

@@ -0,0 +1,99 @@
+import * as colors from '@radix-ui/colors';
+import type { Config } from 'tailwindcss';
+
+import { fontFamily } from 'tailwindcss/defaultTheme';
+import plugin from 'tailwindcss/plugin';
+
+const numberInputArrowHide = plugin(({ addUtilities }) => {
+  addUtilities({
+    '.arrow-hide': {
+      appearance: 'textfield',
+      '&::-webkit-inner-spin-button': {
+        appearance: 'none',
+        margin: '0px',
+      },
+      '&::-webkit-outer-spin-button': {
+        appearance: 'none',
+        margin: '0px',
+      },
+    },
+  });
+});
+
+const config: Config = {
+  content: {
+    // needs to be relative because tailwind will find the content
+    // by default based on the process's cwd
+    relative: true,
+    files: [
+      './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+      './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    ],
+  },
+  theme: {
+    extend: {
+      backgroundImage: {
+        gradient:
+          'linear-gradient(145.37deg, rgba(255, 255, 255, 0.09) -8.75%, rgba(255, 255, 255, 0.027) 83.95%)',
+        gradientHover:
+          'linear-gradient(145.37deg, rgba(255, 255, 255, 0.1) -8.75%, rgba(255, 255, 255, 0.057) 83.95%)',
+        shine:
+          'linear-gradient(45deg, rgba(255,255,255,0) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%)',
+      },
+      colors: {
+        cyan: {
+          1: colors.cyanDarkA.cyanA1,
+          2: colors.cyanDarkA.cyanA2,
+          3: colors.cyanDarkA.cyanA3,
+          4: colors.cyanDarkA.cyanA4,
+          5: colors.cyanDarkA.cyanA5,
+          6: colors.cyanDarkA.cyanA6,
+          7: colors.cyanDarkA.cyanA7,
+          8: colors.cyanDarkA.cyanA8,
+          9: colors.cyanDarkA.cyanA9,
+          10: colors.cyanDarkA.cyanA10,
+          11: colors.cyanDarkA.cyanA11,
+          12: colors.cyanDarkA.cyanA12,
+        },
+        slate: {
+          1: colors.slateDarkA.slateA1,
+          2: colors.slateDarkA.slateA2,
+          3: colors.slateDarkA.slateA3,
+          4: colors.slateDarkA.slateA4,
+          5: colors.slateDarkA.slateA5,
+          6: colors.slateDarkA.slateA6,
+          7: colors.slateDarkA.slateA7,
+          8: colors.slateDarkA.slateA8,
+          9: colors.slateDarkA.slateA9,
+          10: colors.slateDarkA.slateA10,
+          11: colors.slateDarkA.slateA11,
+          12: colors.slateDarkA.slateA12,
+        },
+      },
+      fontFamily: {
+        sans: ['var(--font-inter)', ...fontFamily.sans],
+        mono: ['var(--font-sf-mono)', ...fontFamily.mono],
+      },
+      keyframes: {
+        shine: {
+          '0%': { backgroundPosition: '-100%' },
+          '100%': { backgroundPosition: '100%' },
+        },
+        dash: {
+          '0%': { strokeDashoffset: '1000' },
+          '100%': { strokeDashoffset: '0' },
+        },
+        spin: {
+          '0%': { transform: 'rotate(0deg)' },
+          '100%': { transform: 'rotate(360deg)' },
+        },
+      },
+      animation: {
+        'spin-slow': 'spin 3s linear infinite',
+        'spin-fast': 'spin 1.5s linear infinite',
+      },
+    },
+  },
+  plugins: [numberInputArrowHide],
+};
+export default config;

package/tsconfig.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Next.js",
+  "compilerOptions": {
+    "composite": false,
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strictNullChecks": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "allowJs": true,
+    "declaration": false,
+    "declarationMap": false,
+    "incremental": false,
+    "jsx": "preserve",
+    "lib": ["dom", "dom.iterable", "esnext", "ESNext.AsyncIterable"],
+    "noEmit": true,
+    "strict": false,
+    "target": "ESNext",
+    "module": "CommonJS",
+    "noUncheckedIndexedAccess": true,
+    "resolveJsonModule": true,
+    "types": ["vitest/globals"],
+    "outDir": "dist"
+  },
+  "include": [
+    "next-env.d.ts",
+    "tailwind-internals.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [".next", "dist", "node_modules"]
+}

package/vitest.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'happy-dom',
+  },
+  esbuild: {
+    tsconfigRaw: {
+      compilerOptions: {
+        jsx: 'react-jsx',
+      },
+    },
+  },
+});