Adding react-dom as a peer dependency

usewaypoint · Apr 19, 2024 · 6537a87 · 6537a87
1 parent 7d9bb07
commit 6537a87
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 3 deletions.
diff --git a/jest.config.ts b/jest.config.ts
@@ -3,6 +3,10 @@ import type { Config } from 'jest';
 const config: Config = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
+  transformIgnorePatterns: ['/node_modules/(?!(@usewaypoint)/)'],
+  transform: {
+    '^.+\\.(js|jsx|ts|tsx|mjs)$': 'ts-jest',
+  },
 };
 
 export default config;
diff --git a/packages/email-builder/package-lock.json b/packages/email-builder/package-lock.json
diff --git a/packages/email-builder/package.json b/packages/email-builder/package.json
@@ -2,9 +2,16 @@
   "name": "@usewaypoint/email-builder",
   "version": "0.0.3",
   "description": "React component to render email messages",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "target": "ES2022",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -15,6 +22,7 @@
   "license": "MIT",
   "peerDependencies": {
     "react": "^16 || ^17 || ^18",
+    "react-dom": "^16 || ^17 || ^18",
     "zod": "^1 || ^2 || ^3"
   },
   "dependencies": {

diff --git a/packages/email-builder/src/renderers/renderToStaticMarkup.spec.tsx b/packages/email-builder/src/renderers/renderToStaticMarkup.spec.tsx
@@ -0,0 +1,24 @@
+/**
+ * @jest-environment node
+ */
+
+import renderToStaticMarkup from './renderToStaticMarkup';
+
+describe('renderToStaticMarkup', () => {
+  it.only('renders into a string', () => {
+    const result = renderToStaticMarkup(
+      {
+        root: {
+          type: 'Container',
+          data: {
+            props: {
+              childrenIds: [],
+            },
+          },
+        },
+      },
+      { rootBlockId: 'root' }
+    );
+    expect(result).toEqual('<!DOCTYPE html><html><body><div></div></body></html>');
+  });
+});
diff --git a/tsconfig.json b/tsconfig.json
@@ -7,6 +7,7 @@
     "jsx": "react",
     "strict": true,
     "sourceMap": true,
+    "allowJs": true,
     "esModuleInterop": true,
 
     "skipLibCheck": true,