@websolutespa/bom-mixer-emails 3.1.2 → 4.0.0-next.6

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @websolutespa/bom-mixer-emails
 
+## 4.0.0-next.6
+
+## 4.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @websolutespa/bom-core@4.0.0-next.0
+  - @websolutespa/bom-mixer-hooks@4.0.0-next.0
+
 ## 3.1.2
 
 ## 3.1.1

package/dist/index.js

@@ -4,12 +4,12 @@ import { isDevelopment } from "@websolutespa/bom-core";
 //#region src/app.tsx
 const App = ({ Component, Layout, ...props }) => {
 	const LayoutComponent = Component.Layout || Layout;
-	return <LayoutProvider layout={props.layout}>
-      <LabelProvider>
-        <LayoutComponent {...props}>
-          <Component {...props}></Component>
-        </LayoutComponent>
-      </LabelProvider>
+	return <LayoutProvider layout={props.layout}>
+      <LabelProvider>
+        <LayoutComponent {...props}>
+          <Component {...props}></Component>
+        </LayoutComponent>
+      </LabelProvider>
     </LayoutProvider>;
 };
 //#endregion

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/app.tsx","../src/render.tsx"],"sourcesContent":["import { LabelProvider, LayoutProvider } from '@websolutespa/bom-mixer-hooks';\r\nimport { IEmailAppComponent } from './types';\r\n\r\nexport const App: IEmailAppComponent = ({ Component, Layout, ...props }) => {\r\n  const LayoutComponent = Component.Layout || Layout;\r\n  return (\r\n    <LayoutProvider layout={props.layout}>\r\n      <LabelProvider>\r\n        <LayoutComponent {...props}>\r\n          <Component {...props}></Component>\r\n        </LayoutComponent>\r\n      </LabelProvider>\r\n    </LayoutProvider>\r\n  );\r\n};\r\n","import { render } from '@react-email/render';\r\nimport { isDevelopment } from '@websolutespa/bom-core';\r\nimport { App } from './app';\r\nimport { IEmailAppProps } from './types';\r\n\r\nexport async function renderEmail<T>(props: IEmailAppProps<T>): Promise<string> {\r\n  // console.log('renderEmail.props', props);\r\n  const renderOptions = { pretty: isDevelopment };\r\n  // console.log('renderEmail.renderOptions', renderOptions);\r\n  try {\r\n    const html = await render((<App {...props} />), renderOptions);\r\n    // console.log('renderEmail', 'html', html);\r\n    return html;\r\n  } catch (error) {\r\n    console.log(error);\r\n    return 'An error occurred';\r\n  }\r\n}\r\n"],"mappings":";;;;AAGA,MAAa,OAA2B,EAAE,WAAW,QAAQ,GAAG,YAAY;CAC1E,MAAM,kBAAkB,UAAU,UAAU;AAC5C,QACE,CAAC,eAAe,QAAQ,MAAM,QAAQ;MACpC,CAAC,cAAc;QACb,CAAC,oBAAoB,OAAO;UAC1B,CAAC,cAAc,OAAO,EAAE,UAAU;QACpC,EAAE,gBAAgB;MACpB,EAAE,cAAc;IAClB,EAAE;;;;ACPN,eAAsB,YAAe,OAA2C;CAE9E,MAAM,gBAAgB,EAAE,QAAQ,eAAe;AAE/C,KAAI;AAGF,SAFa,MAAM,OAAQ,CAAC,QAAQ,WAAY,cAAc;UAGvD,OAAO;AACd,UAAQ,IAAI,MAAM;AAClB,SAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/app.tsx","../src/render.tsx"],"sourcesContent":["import { LabelProvider, LayoutProvider } from '@websolutespa/bom-mixer-hooks';\nimport { IEmailAppComponent } from './types';\n\nexport const App: IEmailAppComponent = ({ Component, Layout, ...props }) => {\n  const LayoutComponent = Component.Layout || Layout;\n  return (\n    <LayoutProvider layout={props.layout}>\n      <LabelProvider>\n        <LayoutComponent {...props}>\n          <Component {...props}></Component>\n        </LayoutComponent>\n      </LabelProvider>\n    </LayoutProvider>\n  );\n};\n","import { render } from '@react-email/render';\nimport { isDevelopment } from '@websolutespa/bom-core';\nimport { App } from './app';\nimport { IEmailAppProps } from './types';\n\nexport async function renderEmail<T>(props: IEmailAppProps<T>): Promise<string> {\n  // console.log('renderEmail.props', props);\n  const renderOptions = { pretty: isDevelopment };\n  // console.log('renderEmail.renderOptions', renderOptions);\n  try {\n    const html = await render(<App {...props} />, renderOptions);\n    // console.log('renderEmail', 'html', html);\n    return html;\n  } catch (error) {\n    console.log(error);\n    return 'An error occurred';\n  }\n}\n"],"mappings":";;;;AAGA,MAAa,OAA2B,EAAE,WAAW,QAAQ,GAAG,YAAY;CAC1E,MAAM,kBAAkB,UAAU,UAAU;AAC5C,QACE,CAAC,eAAe,QAAQ,MAAM,QAAQ;MACpC,CAAC,cAAc;QACb,CAAC,oBAAoB,OAAO;UAC1B,CAAC,cAAc,OAAO,EAAE,UAAU;QACpC,EAAE,gBAAgB;MACpB,EAAE,cAAc;IAClB,EAAE;;;;ACPN,eAAsB,YAAe,OAA2C;CAE9E,MAAM,gBAAgB,EAAE,QAAQ,eAAe;AAE/C,KAAI;AAGF,SAFa,MAAM,OAAO,CAAC,QAAQ,WAAW,cAAc;UAGrD,OAAO;AACd,UAAQ,IAAI,MAAM;AAClB,SAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-mixer-emails",
-  "version": "3.1.2",
+  "version": "4.0.0-next.6",
   "description": "Mixer Emails module of the BOM Repository",
   "keywords": [
     "bom",
@@ -12,41 +12,31 @@
     "type": "git",
     "url": "git://github.com/websolutespa/bom.git"
   },
-  "scripts": {
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test-watch": "vitest",
-    "coverage:integration": "npm run test -- --coverage.enabled --coverage.provider=istanbul --coverage.all",
-    "coverage": "run-s -c --silent coverage:*",
-    "compile": "tsdown",
-    "prepack": "bom prepack",
-    "postpack": "bom postpack",
-    "types": "tsc --noemit"
-  },
-  "dependencies": {},
   "peerDependencies": {
     "@react-email/components": "^1.0.12",
     "@react-email/render": "^2.1.1",
-    "@websolutespa/bom-core": "^3.0.1",
-    "@websolutespa/bom-mixer-hooks": "^3.0.1",
+    "@websolutespa/bom-core": "^4.0.0-next.1",
+    "@websolutespa/bom-mixer-hooks": "^4.0.0-next.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   },
   "devDependencies": {
     "@react-email/components": "1.0.12",
     "@react-email/render": "2.1.1",
+    "@types/node": "24.19.2",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.7",
     "@vitest/coverage-istanbul": "5.0.5",
-    "@websolutespa/bom-cli": "^3.1.2",
-    "@websolutespa/eslint-config": "^3.1.2",
-    "@websolutespa/test": "^3.1.2",
-    "@websolutespa/tsconfig": "^3.1.2",
-    "eslint": "10.13.0",
+    "@websolutespa/bom-cli": "^4.0.0-next.6",
+    "@websolutespa/eslint-config": "^4.0.0-next.6",
+    "@websolutespa/test": "^4.0.0-next.6",
+    "@websolutespa/tsconfig": "^4.0.0-next.6",
     "npm-run-all": "4.1.5",
+    "oxlint": "1.89.0",
+    "oxlint-tsgolint": "7.0.2005",
     "react": "19.2.9",
     "react-dom": "19.2.9",
-    "react-error-boundary": "6.1.6",
+    "react-error-boundary": "^6.1.6",
     "tsdown": "0.21.0",
     "typescript": "6.0.3",
     "vitest": "5.0.5"
@@ -88,5 +78,14 @@
       "default": "./dist/index.js"
     }
   },
-  "source": "./src/index.ts"
+  "source": "./src/index.ts",
+  "scripts": {
+    "lint": "oxlint --type-aware",
+    "test": "vitest run",
+    "test-watch": "vitest",
+    "coverage:integration": "vitest run --coverage.enabled --coverage.provider=istanbul --coverage.all",
+    "coverage": "run-s -c --silent coverage:*",
+    "compile": "tsdown",
+    "types": "tsc --noemit"
+  }
 }

package/src/__tests/example.test.ts

@@ -1,8 +1,8 @@
-import { describe, expect, it } from 'vitest';
-
-describe('Example', () => {
-  it('passes', async () => {
-    const value = 'test';
-    expect(value).toEqual(value);
-  });
-});
+import { describe, expect, it } from 'vitest';
+
+describe('Example', () => {
+  it('passes', async () => {
+    const value = 'test';
+    expect(value).toEqual(value);
+  });
+});

package/src/__tests/render.test.tsx

@@ -1,31 +1,29 @@
-import { Body, Html, Text } from '@react-email/components';
-import type { ILayout } from '@websolutespa/bom-core';
-import { describe, expect, it } from 'vitest';
-import { renderEmail } from '../render';
-import type { IEmailComponent, IEmailLayoutComponent } from '../types';
-
-const Layout: IEmailLayoutComponent = ({ children }) => (
-  <Html lang="en">
-    <Body>{children}</Body>
-  </Html>
-);
-
-const Component: IEmailComponent<{ name: string }> = ({ props }) => (
-  <Text>Hello {props.name}</Text>
-);
-
-describe('renderEmail', () => {
-  it('renders the component inside the layout as an html document', async () => {
-    const html = await renderEmail({
-      Component,
-      Layout,
-      layout: { labels: [] } as unknown as ILayout,
-      origin: 'https://example.com',
-      props: { name: 'Ada' },
-    });
-
-    expect(html.startsWith('<!DOCTYPE html')).toBe(true);
-    expect(html).toMatch(/<html[^>]* lang="en"/);
-    expect(html).toMatch(/Hello (<!-- -->)?Ada/);
-  });
-});
+import { Body, Html, Text } from '@react-email/components';
+import type { ILayout } from '@websolutespa/bom-core';
+import { describe, expect, it } from 'vitest';
+import { renderEmail } from '../render';
+import type { IEmailComponent, IEmailLayoutComponent } from '../types';
+
+const Layout: IEmailLayoutComponent = ({ children }) => (
+  <Html lang="en">
+    <Body>{children}</Body>
+  </Html>
+);
+
+const Component: IEmailComponent<{ name: string }> = ({ props }) => <Text>Hello {props.name}</Text>;
+
+describe('renderEmail', () => {
+  it('renders the component inside the layout as an html document', async () => {
+    const html = await renderEmail({
+      Component,
+      Layout,
+      layout: { labels: [] } as unknown as ILayout,
+      origin: 'https://example.com',
+      props: { name: 'Ada' },
+    });
+
+    expect(html.startsWith('<!DOCTYPE html')).toBe(true);
+    expect(html).toMatch(/<html[^>]* lang="en"/);
+    expect(html).toMatch(/Hello (<!-- -->)?Ada/);
+  });
+});

package/src/app.tsx

@@ -1,15 +1,15 @@
-import { LabelProvider, LayoutProvider } from '@websolutespa/bom-mixer-hooks';
-import { IEmailAppComponent } from './types';
-
-export const App: IEmailAppComponent = ({ Component, Layout, ...props }) => {
-  const LayoutComponent = Component.Layout || Layout;
-  return (
-    <LayoutProvider layout={props.layout}>
-      <LabelProvider>
-        <LayoutComponent {...props}>
-          <Component {...props}></Component>
-        </LayoutComponent>
-      </LabelProvider>
-    </LayoutProvider>
-  );
-};
+import { LabelProvider, LayoutProvider } from '@websolutespa/bom-mixer-hooks';
+import { IEmailAppComponent } from './types';
+
+export const App: IEmailAppComponent = ({ Component, Layout, ...props }) => {
+  const LayoutComponent = Component.Layout || Layout;
+  return (
+    <LayoutProvider layout={props.layout}>
+      <LabelProvider>
+        <LayoutComponent {...props}>
+          <Component {...props}></Component>
+        </LayoutComponent>
+      </LabelProvider>
+    </LayoutProvider>
+  );
+};

package/src/index.ts

@@ -1,4 +1,3 @@
-export * from './app';
-export * from './render';
-export * from './types';
-
+export * from './app';
+export * from './render';
+export * from './types';

package/src/render.tsx

@@ -1,18 +1,18 @@
-import { render } from '@react-email/render';
-import { isDevelopment } from '@websolutespa/bom-core';
-import { App } from './app';
-import { IEmailAppProps } from './types';
-
-export async function renderEmail<T>(props: IEmailAppProps<T>): Promise<string> {
-  // console.log('renderEmail.props', props);
-  const renderOptions = { pretty: isDevelopment };
-  // console.log('renderEmail.renderOptions', renderOptions);
-  try {
-    const html = await render((<App {...props} />), renderOptions);
-    // console.log('renderEmail', 'html', html);
-    return html;
-  } catch (error) {
-    console.log(error);
-    return 'An error occurred';
-  }
-}
+import { render } from '@react-email/render';
+import { isDevelopment } from '@websolutespa/bom-core';
+import { App } from './app';
+import { IEmailAppProps } from './types';
+
+export async function renderEmail<T>(props: IEmailAppProps<T>): Promise<string> {
+  // console.log('renderEmail.props', props);
+  const renderOptions = { pretty: isDevelopment };
+  // console.log('renderEmail.renderOptions', renderOptions);
+  try {
+    const html = await render(<App {...props} />, renderOptions);
+    // console.log('renderEmail', 'html', html);
+    return html;
+  } catch (error) {
+    console.log(error);
+    return 'An error occurred';
+  }
+}

package/src/types.ts

@@ -1,30 +1,30 @@
-import { ILayout } from '@websolutespa/bom-core';
-import { FC, ReactNode } from 'react';
-
-export type IEmailSharedProps = {
-  origin: string;
-  layout: ILayout;
-  optInUrl?: string;
-  optOutUrl?: string;
-  viewOnWebUrl?: string;
-  preview?: string;
-};
-
-export type IEmailAppProps<T> = IEmailSharedProps & {
-  Component: IEmailComponent<T>;
-  Layout: IEmailLayoutComponent;
-  props: T;
-};
-
-export type IEmailAppComponent<T = any> = FC<Readonly<IEmailAppProps<T>>>;
-
-export type IEmailLayoutProps<T> = IEmailSharedProps & {
-  Component: IEmailComponent<T>;
-  props: T;
-};
-
-export type IEmailLayoutComponent = FC<Readonly<IEmailSharedProps & { children: ReactNode }>>;
-
-export type IEmailComponent<T> = FC<Readonly<IEmailSharedProps & { props: T }>> & {
-  Layout?: IEmailLayoutComponent;
-};
+import { ILayout } from '@websolutespa/bom-core';
+import { FC, ReactNode } from 'react';
+
+export type IEmailSharedProps = {
+  origin: string;
+  layout: ILayout;
+  optInUrl?: string;
+  optOutUrl?: string;
+  viewOnWebUrl?: string;
+  preview?: string;
+};
+
+export type IEmailAppProps<T> = IEmailSharedProps & {
+  Component: IEmailComponent<T>;
+  Layout: IEmailLayoutComponent;
+  props: T;
+};
+
+export type IEmailAppComponent<T = any> = FC<Readonly<IEmailAppProps<T>>>;
+
+export type IEmailLayoutProps<T> = IEmailSharedProps & {
+  Component: IEmailComponent<T>;
+  props: T;
+};
+
+export type IEmailLayoutComponent = FC<Readonly<IEmailSharedProps & { children: ReactNode }>>;
+
+export type IEmailComponent<T> = FC<Readonly<IEmailSharedProps & { props: T }>> & {
+  Layout?: IEmailLayoutComponent;
+};