@focus-reactive/payload-plugin-translator 0.7.1 → 0.8.0

package/dist/server/shared/http/toClientErrorMessage.js

@@ -0,0 +1,26 @@
+/** Shown to the browser instead of a raw provider/runtime error outside development. */ export const GENERIC_TRANSLATION_ERROR = "Translation failed. See the server logs for details.";
+// Only these environments get the raw message as a debug aid. Anything else — production, an unset
+// or misconfigured NODE_ENV — is treated as "not debug", so the default is the safe, generic text.
+const DEBUG_ENVS = new Set([
+    "development",
+    "test"
+]);
+/**
+ * Collapse a server-side error message to something safe to send to the browser.
+ *
+ * Provider/runtime errors (e.g. `401 Incorrect API key provided: sk-proj-…`) leak implementation
+ * detail — and sometimes secrets — so the client must not see them in production. The full error
+ * still lives in the job record and server logs for debugging; only the client-facing copy is
+ * collapsed. Fail-safe: the raw message passes through solely in `development`/`test`; every other
+ * environment (including an unset `NODE_ENV`) returns {@link GENERIC_TRANSLATION_ERROR}.
+ *
+ * @param message - The raw server-side error message, if any.
+ * @returns The raw message in a debug environment, otherwise the generic text.
+ */ export function toClientErrorMessage(message) {
+    if (DEBUG_ENVS.has(process.env.NODE_ENV ?? "")) {
+        return message?.trim() || GENERIC_TRANSLATION_ERROR;
+    }
+    return GENERIC_TRANSLATION_ERROR;
+}
+
+//# sourceMappingURL=toClientErrorMessage.js.map

package/dist/server/shared/index.d.ts

@@ -1,4 +1,4 @@
-export { ServerResponse, withErrorHandler, withAccessCheck } from "./http";
+export { ServerResponse, withErrorHandler, withAccessCheck, toClientErrorMessage, GENERIC_TRANSLATION_ERROR, } from "./http";
 export { AnyAccessGuard } from "./access";
 export type { AccessGuard, AccessGuardRequest, Handler } from "./access";
 export { isEmpty, isObject, normalizePath, pipe, getByPath, setByPath, filterLocalizedFields, } from "./utils";

package/dist/server/shared/index.js

@@ -1,5 +1,5 @@
 // HTTP utilities
-export { ServerResponse, withErrorHandler, withAccessCheck } from "./http";
+export { ServerResponse, withErrorHandler, withAccessCheck, toClientErrorMessage, GENERIC_TRANSLATION_ERROR } from "./http";
 // Access control
 export { AnyAccessGuard } from "./access";
 // General utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus-reactive/payload-plugin-translator",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "Translation plugin for Payload CMS 3.x. Automatically translate your localized content using any translation provider.",
   "type": "module",
   "license": "MIT",

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.d.ts

@@ -1,7 +0,0 @@
-type CompletedTranslationStatusProps = {
-    completed_at: string;
-    sourceLocale: string;
-    targetLocale: string;
-};
-export declare function CompletedTranslationStatus({ completed_at, sourceLocale, targetLocale, }: CompletedTranslationStatusProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LanguageTranslateIcon } from "../../../../shared/lib/assets/icons/LanguageTranslateIcon";
-import Button from "../../../../shared/ui/Button";
-import StatusIndicator from "../../../../shared/ui/StatusIndicator";
-import Tooltip from "../../../../shared/ui/Tooltip";
-import { TranslationDirection } from "../TranslationDirection";
-import styles from "./styles.module.scss";
-export function CompletedTranslationStatus({ completed_at, sourceLocale, targetLocale }) {
-    return /*#__PURE__*/ _jsxs(StatusIndicator, {
-        className: styles.indicator,
-        $color: "green",
-        title: "Completed",
-        children: [
-            /*#__PURE__*/ _jsx(Tooltip, {
-                sideOffset: 12,
-                side: "bottom",
-                content: /*#__PURE__*/ _jsxs("time", {
-                    dateTime: completed_at,
-                    children: [
-                        "Completed at:",
-                        " ",
-                        new Date(completed_at).toLocaleString(undefined, {
-                            year: "numeric",
-                            month: "short",
-                            day: "numeric",
-                            hour: "2-digit",
-                            minute: "2-digit"
-                        })
-                    ]
-                }),
-                children: /*#__PURE__*/ _jsx(Button, {
-                    type: "button",
-                    $variant: "unstyled",
-                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
-                })
-            }),
-            /*#__PURE__*/ _jsx(TranslationDirection, {
-                sourceLocale: sourceLocale,
-                targetLocale: targetLocale
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=CompletedTranslationStatus.js.map

package/dist/client/entities/translation/ui/CompletedTranslationStatus/index.d.ts

@@ -1 +0,0 @@
-export { CompletedTranslationStatus } from "./CompletedTranslationStatus";

package/dist/client/entities/translation/ui/CompletedTranslationStatus/index.js

@@ -1,3 +0,0 @@
-export { CompletedTranslationStatus } from "./CompletedTranslationStatus";
-
-//# sourceMappingURL=index.js.map

package/dist/client/entities/translation/ui/CompletedTranslationStatus/styles.module.scss

@@ -1,3 +0,0 @@
-.indicator {
-  font-size: 1.3rem;
-}

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.d.ts

@@ -1,9 +0,0 @@
-type FailedTranslationStatusProps = {
-    message: string;
-    sourceLocale: string;
-    targetLocale: string;
-    isLoading?: boolean;
-    onRetry: () => void;
-};
-export declare function FailedTranslationStatus({ onRetry, message, isLoading, sourceLocale, targetLocale, }: FailedTranslationStatusProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LanguageTranslateIcon } from "../../../../shared/lib/assets/icons/LanguageTranslateIcon";
-import { ReloadIcon } from "../../../../shared/lib/assets/icons/ReloadIcon";
-import Button from "../../../../shared/ui/Button";
-import Divider from "../../../../shared/ui/Divider";
-import StatusIndicator from "../../../../shared/ui/StatusIndicator";
-import Tooltip from "../../../../shared/ui/Tooltip";
-import { TranslationDirection } from "../TranslationDirection";
-import styles from "./styles.module.scss";
-export function FailedTranslationStatus({ onRetry, message, isLoading, sourceLocale, targetLocale }) {
-    return /*#__PURE__*/ _jsxs(StatusIndicator, {
-        $color: "red",
-        title: "Failed",
-        children: [
-            /*#__PURE__*/ _jsx(Tooltip, {
-                sideOffset: 12,
-                side: "bottom",
-                content: message,
-                children: /*#__PURE__*/ _jsx(Button, {
-                    type: "button",
-                    $variant: "unstyled",
-                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
-                })
-            }),
-            /*#__PURE__*/ _jsx(TranslationDirection, {
-                sourceLocale: sourceLocale,
-                targetLocale: targetLocale
-            }),
-            /*#__PURE__*/ _jsx(Divider, {
-                className: styles.divider,
-                $orientation: "vertical",
-                $size: "sm"
-            }),
-            /*#__PURE__*/ _jsx(Tooltip, {
-                side: "bottom",
-                sideOffset: 12,
-                content: "Retry",
-                children: /*#__PURE__*/ _jsx(Button, {
-                    $variant: "light",
-                    $size: "sm",
-                    $isIconButton: true,
-                    "aria-label": "Retry failed translation",
-                    type: "button",
-                    onClick: onRetry,
-                    disabled: isLoading,
-                    $isLoading: isLoading,
-                    children: /*#__PURE__*/ _jsx(ReloadIcon, {})
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=FailedTranslationStatus.js.map

package/dist/client/entities/translation/ui/FailedTranslationStatus/index.d.ts

@@ -1 +0,0 @@
-export { FailedTranslationStatus } from "./FailedTranslationStatus";

package/dist/client/entities/translation/ui/FailedTranslationStatus/index.js

@@ -1,3 +0,0 @@
-export { FailedTranslationStatus } from "./FailedTranslationStatus";
-
-//# sourceMappingURL=index.js.map

package/dist/client/entities/translation/ui/FailedTranslationStatus/styles.module.scss

@@ -1,3 +0,0 @@
-.indicator {
-  font-size: 1.3rem;
-}

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.d.ts

@@ -1,11 +0,0 @@
-type TranslationStatusProps = {
-    onCancel: () => void;
-    onRun: () => void;
-    isLoading?: boolean;
-    disabled?: boolean;
-    sourceLocale: string;
-    targetLocale: string;
-    createdAt: string;
-};
-export declare function PendingTranslationStatus({ onCancel, onRun, isLoading, disabled, sourceLocale, targetLocale, createdAt, }: TranslationStatusProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrashIcon } from "@payloadcms/ui/icons/Trash";
-import { LanguageTranslateIcon } from "../../../../shared/lib/assets/icons/LanguageTranslateIcon";
-import { ReloadIcon } from "../../../../shared/lib/assets/icons/ReloadIcon";
-import Button from "../../../../shared/ui/Button";
-import Divider from "../../../../shared/ui/Divider";
-import StatusIndicator from "../../../../shared/ui/StatusIndicator";
-import Tooltip from "../../../../shared/ui/Tooltip";
-import { TranslationDirection } from "../TranslationDirection";
-export function PendingTranslationStatus({ onCancel, onRun, isLoading, disabled, sourceLocale, targetLocale, createdAt }) {
-    return /*#__PURE__*/ _jsxs(StatusIndicator, {
-        $color: "gray",
-        $animated: true,
-        title: "Pending",
-        children: [
-            /*#__PURE__*/ _jsx(Tooltip, {
-                side: "bottom",
-                sideOffset: 12,
-                content: /*#__PURE__*/ _jsxs("time", {
-                    dateTime: createdAt,
-                    children: [
-                        "Created at:",
-                        " ",
-                        new Date(createdAt).toLocaleString(undefined, {
-                            year: "numeric",
-                            month: "short",
-                            day: "numeric",
-                            hour: "2-digit",
-                            minute: "2-digit"
-                        })
-                    ]
-                }),
-                children: /*#__PURE__*/ _jsx(Button, {
-                    type: "button",
-                    $variant: "unstyled",
-                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
-                })
-            }),
-            /*#__PURE__*/ _jsx(TranslationDirection, {
-                sourceLocale: sourceLocale,
-                targetLocale: targetLocale
-            }),
-            /*#__PURE__*/ _jsx(Divider, {
-                $size: "sm",
-                $orientation: "vertical"
-            }),
-            /*#__PURE__*/ _jsx(Tooltip, {
-                sideOffset: 12,
-                side: "bottom",
-                content: "Cancel",
-                children: /*#__PURE__*/ _jsx(Button, {
-                    $variant: "light",
-                    $size: "sm",
-                    $isIconButton: true,
-                    "aria-label": "Cancel",
-                    type: "button",
-                    onClick: onCancel,
-                    disabled: isLoading || disabled,
-                    $isLoading: isLoading,
-                    children: /*#__PURE__*/ _jsx(TrashIcon, {})
-                })
-            }),
-            /*#__PURE__*/ _jsx(Tooltip, {
-                sideOffset: 12,
-                side: "bottom",
-                content: "Run queued translation",
-                children: /*#__PURE__*/ _jsx(Button, {
-                    $variant: "light",
-                    $size: "sm",
-                    $isIconButton: true,
-                    "aria-label": "Run queued translation",
-                    type: "button",
-                    onClick: onRun,
-                    disabled: isLoading || disabled,
-                    $isLoading: isLoading,
-                    children: /*#__PURE__*/ _jsx(ReloadIcon, {})
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=PendingTranslationStatus.js.map

package/dist/client/entities/translation/ui/PendingTranslationStatus/index.d.ts

@@ -1 +0,0 @@
-export { PendingTranslationStatus } from "./PendingTranslationStatus";

package/dist/client/entities/translation/ui/PendingTranslationStatus/index.js

@@ -1,3 +0,0 @@
-export { PendingTranslationStatus } from "./PendingTranslationStatus";
-
-//# sourceMappingURL=index.js.map

package/dist/client/entities/translation/ui/RunningTranslationStatus/RunningTranslationStatus.d.ts

@@ -1,10 +0,0 @@
-type TranslationStatusProps = {
-    onCancel: () => void;
-    isLoading?: boolean;
-    disabled?: boolean;
-    sourceLocale: string;
-    targetLocale: string;
-    createdAt: string;
-};
-export declare function RunningTranslationStatus({ onCancel, isLoading, disabled, sourceLocale, targetLocale, createdAt, }: TranslationStatusProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/entities/translation/ui/RunningTranslationStatus/RunningTranslationStatus.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrashIcon } from "@payloadcms/ui/icons/Trash";
-import { LanguageTranslateIcon } from "../../../../shared/lib/assets/icons/LanguageTranslateIcon";
-import Button from "../../../../shared/ui/Button";
-import Divider from "../../../../shared/ui/Divider";
-import StatusIndicator from "../../../../shared/ui/StatusIndicator";
-import Tooltip from "../../../../shared/ui/Tooltip";
-import { TranslationDirection } from "../TranslationDirection";
-export function RunningTranslationStatus({ onCancel, isLoading, disabled, sourceLocale, targetLocale, createdAt }) {
-    return /*#__PURE__*/ _jsxs(StatusIndicator, {
-        $animated: true,
-        $color: "blue",
-        title: "In Progress",
-        children: [
-            /*#__PURE__*/ _jsx(Tooltip, {
-                side: "bottom",
-                sideOffset: 12,
-                content: /*#__PURE__*/ _jsxs("time", {
-                    dateTime: createdAt,
-                    children: [
-                        "Created at:",
-                        " ",
-                        new Date(createdAt).toLocaleString(undefined, {
-                            year: "numeric",
-                            month: "short",
-                            day: "numeric",
-                            hour: "2-digit",
-                            minute: "2-digit"
-                        })
-                    ]
-                }),
-                children: /*#__PURE__*/ _jsx(Button, {
-                    type: "button",
-                    $variant: "unstyled",
-                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
-                })
-            }),
-            /*#__PURE__*/ _jsx(TranslationDirection, {
-                sourceLocale: sourceLocale,
-                targetLocale: targetLocale
-            }),
-            /*#__PURE__*/ _jsx(Divider, {
-                $size: "sm",
-                $orientation: "vertical"
-            }),
-            /*#__PURE__*/ _jsx(Tooltip, {
-                sideOffset: 12,
-                side: "bottom",
-                content: "Cancel",
-                children: /*#__PURE__*/ _jsx(Button, {
-                    $variant: "light",
-                    $size: "sm",
-                    $isIconButton: true,
-                    "aria-label": "Cancel",
-                    type: "button",
-                    onClick: onCancel,
-                    disabled: isLoading || disabled,
-                    $isLoading: isLoading,
-                    children: /*#__PURE__*/ _jsx(TrashIcon, {})
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=RunningTranslationStatus.js.map

package/dist/client/entities/translation/ui/RunningTranslationStatus/index.d.ts

@@ -1 +0,0 @@
-export { RunningTranslationStatus } from "./RunningTranslationStatus";

package/dist/client/entities/translation/ui/RunningTranslationStatus/index.js

@@ -1,3 +0,0 @@
-export { RunningTranslationStatus } from "./RunningTranslationStatus";
-
-//# sourceMappingURL=index.js.map

package/dist/client/features/document-translation-progress-failed/index.d.ts

@@ -1 +0,0 @@
-export { DocumentTranslationProgressFailed } from "./ui/DocumentTranslationProgressFailed";

package/dist/client/features/document-translation-progress-failed/index.js

@@ -1,3 +0,0 @@
-export { DocumentTranslationProgressFailed } from "./ui/DocumentTranslationProgressFailed";
-
-//# sourceMappingURL=index.js.map

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.d.ts

@@ -1,6 +0,0 @@
-import type { DocumentTranslationFailed } from "../../../entities/translation";
-type DocumentTranslationProgressFailedProps = {
-    data: DocumentTranslationFailed;
-};
-export declare function DocumentTranslationProgressFailed({ data, }: DocumentTranslationProgressFailedProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { toast } from "@payloadcms/ui";
-import { FailedTranslationStatus, TranslationsApi } from "../../../entities/translation";
-export function DocumentTranslationProgressFailed({ data }) {
-    const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation();
-    const handleRunDocumentTranslation = async ()=>{
-        try {
-            await runQueuedTranslationApi.mutateAsync({
-                id: data.id
-            });
-        } catch (e) {
-            if (e instanceof Error) {
-                toast.error(e.message);
-            } else {
-                toast.error("Error running document translation");
-            }
-        }
-    };
-    return /*#__PURE__*/ _jsx(FailedTranslationStatus, {
-        onRetry: handleRunDocumentTranslation,
-        isLoading: runQueuedTranslationApi.isPending,
-        sourceLocale: data.input.source_lng,
-        targetLocale: data.input.target_lng,
-        message: data.error.message
-    });
-}
-
-//# sourceMappingURL=DocumentTranslationProgressFailed.js.map

package/dist/client/features/document-translation-progress-pending/index.d.ts

@@ -1 +0,0 @@
-export { DocumentTranslationProgressPending } from "./ui/DocumentTranslationProgressPending";

package/dist/client/features/document-translation-progress-pending/index.js

@@ -1,3 +0,0 @@
-export { DocumentTranslationProgressPending } from "./ui/DocumentTranslationProgressPending";
-
-//# sourceMappingURL=index.js.map

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.d.ts

@@ -1,6 +0,0 @@
-import type { DocumentTranslationPending } from "../../../entities/translation";
-type DocumentTranslationProgressPendingProps = {
-    data: DocumentTranslationPending;
-};
-export declare function DocumentTranslationProgressPending({ data, }: DocumentTranslationProgressPendingProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { toast } from "@payloadcms/ui";
-import { TranslationsApi } from "../../../entities/translation";
-import { PendingTranslationStatus } from "../../../entities/translation";
-export function DocumentTranslationProgressPending({ data }) {
-    const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation();
-    const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation();
-    const handleCancelDocumentTranslation = async ()=>{
-        try {
-            await cancelDocumentTranslationApi.mutateAsync({
-                id: data.id
-            });
-        } catch (e) {
-            if (e instanceof Error) {
-                toast.error(e.message);
-            } else {
-                toast.error("Error canceling document translation");
-            }
-        }
-    };
-    const handleRunDocumentTranslation = async ()=>{
-        try {
-            await runQueuedTranslationApi.mutateAsync({
-                id: data.id
-            });
-        } catch (e) {
-            if (e instanceof Error) {
-                toast.error(e.message);
-            } else {
-                toast.error("Error running document translation");
-            }
-        }
-    };
-    return /*#__PURE__*/ _jsx(PendingTranslationStatus, {
-        onRun: handleRunDocumentTranslation,
-        createdAt: data.created_at,
-        sourceLocale: data.input.source_lng,
-        targetLocale: data.input.target_lng,
-        isLoading: cancelDocumentTranslationApi.isPending || runQueuedTranslationApi.isPending,
-        onCancel: handleCancelDocumentTranslation
-    });
-}
-
-//# sourceMappingURL=DocumentTranslationProgressPending.js.map

package/dist/client/features/document-translation-progress-running/index.d.ts

@@ -1 +0,0 @@
-export { DocumentTranslationProgressRunning } from "./ui/DocumentTranslationProgressRunning";

package/dist/client/features/document-translation-progress-running/index.js

@@ -1,3 +0,0 @@
-export { DocumentTranslationProgressRunning } from "./ui/DocumentTranslationProgressRunning";
-
-//# sourceMappingURL=index.js.map

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.d.ts

@@ -1,6 +0,0 @@
-import type { DocumentTranslationRunning } from "../../../entities/translation";
-type DocumentTranslationProgressRunningProps = {
-    data: DocumentTranslationRunning;
-};
-export declare function DocumentTranslationProgressRunning({ data, }: DocumentTranslationProgressRunningProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { toast } from "@payloadcms/ui";
-import { RunningTranslationStatus, TranslationsApi } from "../../../entities/translation";
-export function DocumentTranslationProgressRunning({ data }) {
-    const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation();
-    const handleCancelDocumentTranslation = async ()=>{
-        try {
-            await cancelDocumentTranslationApi.mutateAsync({
-                id: data.id
-            });
-        } catch (e) {
-            if (e instanceof Error) {
-                toast.error(e.message);
-            } else {
-                toast.error("Error canceling document translation");
-            }
-        }
-    };
-    return /*#__PURE__*/ _jsx(RunningTranslationStatus, {
-        createdAt: data.created_at,
-        sourceLocale: data.input.source_lng,
-        targetLocale: data.input.target_lng,
-        isLoading: cancelDocumentTranslationApi.isPending,
-        onCancel: handleCancelDocumentTranslation
-    });
-}
-
-//# sourceMappingURL=DocumentTranslationProgressRunning.js.map