@comet/mail-react 9.0.0-canary-20260121104514 → 9.0.0-canary-20260122072113

package/lib/index.d.ts

@@ -1,7 +1 @@
-export { BlocksBlock } from "./blocks/factories/BlocksBlock.js";
-export { ListBlock } from "./blocks/factories/ListBlock.js";
-export { OneOfBlock } from "./blocks/factories/OneOfBlock.js";
-export { OptionalBlock } from "./blocks/factories/OptionalBlock.js";
-export type { SupportedBlocks } from "./blocks/factories/types.js";
-export type { PropsWithData } from "./blocks/helpers/PropsWithData.js";
-export { css } from "./utils/css.js";
+export { css } from "./utils/css";

package/lib/index.js

@@ -1,5 +1,5 @@
-export { BlocksBlock } from "./blocks/factories/BlocksBlock.js";
-export { ListBlock } from "./blocks/factories/ListBlock.js";
-export { OneOfBlock } from "./blocks/factories/OneOfBlock.js";
-export { OptionalBlock } from "./blocks/factories/OptionalBlock.js";
-export { css } from "./utils/css.js";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.css = void 0;
+var css_1 = require("./utils/css");
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });

package/lib/utils/css.js

@@ -1,4 +1,23 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.css = void 0;
 /**
  * Helper function to enable syntax highlighting & auto-formatting for CSS strings when using certain IDE plugins, e.g. the "styled-components" plugin in VSCode.
  */
-export const css = (strings, ...rest) => String.raw({ raw: strings }, ...rest);
+var css = function (strings) {
+    var rest = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        rest[_i - 1] = arguments[_i];
+    }
+    return String.raw.apply(String, __spreadArray([{ raw: strings }], rest, false));
+};
+exports.css = css;

package/package.json

@@ -1,33 +1,20 @@
 {
   "name": "@comet/mail-react",
-  "version": "9.0.0-canary-20260121104514",
+  "version": "9.0.0-canary-20260122072113",
   "description": "Utilities for building HTML emails with React",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./lib/index.d.ts",
-      "default": "./lib/index.js"
-    }
-  },
+  "type": "commonjs",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "files": [
     "lib/*"
   ],
   "devDependencies": {
-    "@faire/mjml-react": "^3.5.3",
-    "@types/react": "^18.3.27",
-    "chokidar-cli": "^3.0.0",
     "eslint": "^9.30.1",
     "npm-run-all2": "^8.0.4",
     "prettier": "^3.6.2",
-    "react": "^18.3.1",
     "rimraf": "^6.1.2",
     "typescript": "5.9.3",
-    "@comet/cli": "9.0.0-canary-20260121104514",
-    "@comet/eslint-config": "9.0.0-canary-20260121104514"
-  },
-  "peerDependencies": {
-    "@faire/mjml-react": "^3.0.0",
-    "react": "^18.0.0"
+    "@comet/eslint-config": "9.0.0-canary-20260122072113"
   },
   "engines": {
     "node": ">=22.0.0"
@@ -37,12 +24,10 @@
     "registry": "https://registry.npmjs.org"
   },
   "scripts": {
-    "build": "pnpm run clean && pnpm run generate-block-types && tsc",
-    "clean": "rimraf lib 'src/**/*.generated.ts'",
-    "dev": "pnpm run clean && pnpm generate-block-types && tsc --watch",
-    "generate-block-types": "comet generate-block-types",
-    "generate-block-types:watch": "chokidar -s \"**/block-meta.json\" -c \"$npm_execpath generate-block-types\"",
-    "lint": "pnpm generate-block-types && run-p lint:prettier lint:eslint lint:tsc",
+    "build": "pnpm run clean && tsc",
+    "clean": "rimraf lib",
+    "dev": "tsc --watch",
+    "lint": "run-p lint:prettier lint:eslint lint:tsc",
     "lint:ci": "pnpm run lint",
     "lint:eslint": "eslint --max-warnings 0 src/ **/*.json --no-warn-ignored",
     "lint:prettier": "pnpm exec prettier --check '*.{ts,js,json,md,yml,yaml}'",

package/lib/blocks/factories/BlocksBlock.d.ts

@@ -1,14 +0,0 @@
-import { type SupportedBlocks } from "./types.js";
-interface Props {
-    supportedBlocks: SupportedBlocks;
-    data: {
-        blocks: Array<{
-            key: string;
-            type: string;
-            visible: boolean;
-            props: unknown;
-        }>;
-    };
-}
-export declare const BlocksBlock: ({ supportedBlocks, data: { blocks } }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/blocks/factories/BlocksBlock.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { MjmlText } from "@faire/mjml-react";
-import { Fragment } from "react";
-export const BlocksBlock = ({ supportedBlocks, data: { blocks } }) => {
-    return (_jsx(_Fragment, { children: blocks.map((block) => {
-            const blockFunction = supportedBlocks[block.type];
-            if (!blockFunction) {
-                if (process.env.NODE_ENV === "development") {
-                    return (_jsxs(MjmlText, { children: ["Unknown type (", block.type, "): ", JSON.stringify(block.props)] }, block.key));
-                }
-                return null;
-            }
-            return _jsx(Fragment, { children: blockFunction(block.props) }, block.key);
-        }) }));
-};

package/lib/blocks/factories/ListBlock.d.ts

@@ -1,13 +0,0 @@
-import { type ReactNode } from "react";
-interface Props {
-    block: (props: any) => ReactNode;
-    data: {
-        blocks: Array<{
-            key: string;
-            visible: boolean;
-            props: unknown;
-        }>;
-    };
-}
-export declare const ListBlock: ({ block: blockFunction, data: { blocks } }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/blocks/factories/ListBlock.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment } from "react";
-export const ListBlock = ({ block: blockFunction, data: { blocks } }) => {
-    return (_jsx(_Fragment, { children: blocks.map((block) => (_jsx(Fragment, { children: blockFunction(block.props) }, block.key))) }));
-};

package/lib/blocks/factories/OneOfBlock.d.ts

@@ -1,14 +0,0 @@
-import { type PropsWithChildren } from "react";
-import { type SupportedBlocks } from "./types.js";
-interface Props extends PropsWithChildren {
-    data: {
-        block?: {
-            type: string;
-            props: any;
-        };
-    };
-    supportedBlocks: SupportedBlocks;
-    className?: string;
-}
-export declare const OneOfBlock: ({ data: { block, ...additionalProps }, supportedBlocks, children, className }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/blocks/factories/OneOfBlock.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { MjmlText } from "@faire/mjml-react";
-export const OneOfBlock = ({ data: { block, ...additionalProps }, supportedBlocks, children, className }) => {
-    if (!block) {
-        return null;
-    }
-    const blockFunction = supportedBlocks[block.type];
-    if (!blockFunction) {
-        if (process.env.NODE_ENV === "development") {
-            return (_jsxs(MjmlText, { children: ["Unknown type (", block.type, "): ", JSON.stringify(block.props)] }));
-        }
-        return null;
-    }
-    return _jsx(_Fragment, { children: blockFunction({ ...block.props, ...additionalProps, children, className }) });
-};

package/lib/blocks/factories/OptionalBlock.d.ts

@@ -1,10 +0,0 @@
-import { type PropsWithChildren, type ReactNode } from "react";
-interface Props extends PropsWithChildren {
-    block: (props: any) => ReactNode;
-    data: {
-        visible: boolean;
-        block?: any;
-    };
-}
-export declare const OptionalBlock: ({ block: blockFunction, data: { visible, block }, children }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/blocks/factories/OptionalBlock.js

@@ -1,7 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const OptionalBlock = ({ block: blockFunction, data: { visible, block }, children }) => {
-    if (!visible || !block) {
-        return null;
-    }
-    return _jsx(_Fragment, { children: blockFunction({ ...block, children }) });
-};

package/lib/blocks/factories/types.d.ts

@@ -1,4 +0,0 @@
-import { type ReactNode } from "react";
-export interface SupportedBlocks {
-    [key: string]: (props: any) => ReactNode | undefined;
-}

package/lib/blocks/factories/types.js

@@ -1 +0,0 @@
-export {};

package/lib/blocks/helpers/PropsWithData.d.ts

@@ -1,3 +0,0 @@
-export interface PropsWithData<Data = unknown> {
-    data: Data;
-}

package/lib/blocks/helpers/PropsWithData.js

@@ -1 +0,0 @@
-export {};

package/lib/blocks.generated.d.ts

@@ -1,139 +0,0 @@
-export interface AnchorBlockData {
-    name?: string;
-}
-export interface DamFileDownloadLinkBlockData {
-    file?: {
-        id: string;
-        name: string;
-        fileUrl: string;
-        size: number;
-        mimetype: string;
-        scope?: unknown;
-        altText?: string;
-        title?: string;
-    };
-    openFileType: "NewTab" | "Download";
-}
-export interface DamImageBlockData {
-    attachedBlocks: Array<{
-        type: string;
-        props: PixelImageBlockData | SvgImageBlockData;
-    }>;
-    activeType?: string;
-    block?: {
-        type: string;
-        props: PixelImageBlockData | SvgImageBlockData;
-    };
-}
-export interface DamVideoBlockData {
-    autoplay?: boolean;
-    showControls?: boolean;
-    loop?: boolean;
-    previewImage: PixelImageBlockData;
-    damFile?: {
-        id: string;
-        name: string;
-        size: number;
-        mimetype: string;
-        contentHash: string;
-        title?: string;
-        altText?: string;
-        archived: boolean;
-        scope?: unknown;
-        fileUrl: string;
-        captions?: Array<{
-            id: string;
-            language: string;
-            fileUrl: string;
-        }>;
-    };
-}
-export interface EmailLinkBlockData {
-    email?: string;
-}
-export interface ExternalLinkBlockData {
-    targetUrl?: string;
-    openInNewWindow: boolean;
-}
-export interface InternalLinkBlockData {
-    targetPageAnchor?: string;
-    targetPage?: {
-        id: string;
-        name: string;
-        path: string;
-        scope?: unknown;
-        documentType: string;
-    };
-}
-export interface NewsletterImageBlockData {
-    image: PixelImageBlockData;
-}
-export interface PhoneLinkBlockData {
-    phone?: string;
-}
-export interface PixelImageBlockData {
-    damFile?: {
-        id: string;
-        name: string;
-        size: number;
-        mimetype: string;
-        contentHash: string;
-        title?: string;
-        altText?: string;
-        archived: boolean;
-        scope?: unknown;
-        image?: {
-            width: number;
-            height: number;
-            cropArea: {
-                focalPoint: "SMART" | "CENTER" | "NORTHWEST" | "NORTHEAST" | "SOUTHWEST" | "SOUTHEAST";
-                width?: number;
-                height?: number;
-                x?: number;
-                y?: number;
-            };
-            dominantColor?: string;
-        };
-        fileUrl: string;
-    };
-    cropArea?: {
-        focalPoint: "SMART" | "CENTER" | "NORTHWEST" | "NORTHEAST" | "SOUTHWEST" | "SOUTHEAST";
-        width?: number;
-        height?: number;
-        x?: number;
-        y?: number;
-    };
-    urlTemplate: string;
-}
-export interface SpaceBlockData {
-    height: number;
-}
-export interface SvgImageBlockData {
-    damFile?: {
-        id: string;
-        name: string;
-        size: number;
-        mimetype: string;
-        contentHash: string;
-        title?: string;
-        altText?: string;
-        archived: boolean;
-        scope?: unknown;
-        fileUrl: string;
-    };
-}
-export interface VimeoVideoBlockData {
-    autoplay?: boolean;
-    showControls?: boolean;
-    loop?: boolean;
-    previewImage: PixelImageBlockData;
-    vimeoIdentifier?: string;
-}
-export interface YouTubeVideoBlockData {
-    autoplay?: boolean;
-    showControls?: boolean;
-    loop?: boolean;
-    previewImage: PixelImageBlockData;
-    youtubeIdentifier?: string;
-}
-export type AllBlockNames = "Anchor" | "DamFileDownloadLink" | "DamImage" | "DamVideo" | "EmailLink" | "ExternalLink" | "InternalLink" | "NewsletterImage" | "PhoneLink" | "PixelImage" | "Space" | "SvgImage" | "VimeoVideo" | "YouTubeVideo";

package/lib/blocks.generated.js

@@ -1 +0,0 @@
-export {};