@krak-stack/registry 0.1.31 → 0.1.33

package/README.md

@@ -20,6 +20,8 @@ import {
 } from "@krak-stack/registry/httpapi-toolkit";
 import { ApiClient } from "@krak-stack/registry/httpapi/client";
 import { HttpApiSpec } from "@krak-stack/registry/httpapi/helpers";
+import { HttpApiOtlp } from "@krak-stack/registry/opentelemetry/api";
+import { BrowserOtlp } from "@krak-stack/registry/opentelemetry/browser";
 import { createDocsSource, makeDocs } from "@krak-stack/registry/docs";
 import { loadMdxDocsDirectory } from "@krak-stack/registry/docs/server";
 import {
@@ -42,6 +44,25 @@ import {
 import { NotificationService } from "@krak-stack/registry/service-notification";
 ```
 
+Inject API telemetry and browser proxy routes into the application HTTP layer:
+
+```ts
+const appLayer = appRoutes.pipe(Layer.provideMerge(HttpApiOtlp.layer));
+```
+
+Install browser telemetry globally on the Atom runtime used by the API client:
+
+```ts
+import { Atom } from "effect/unstable/reactivity";
+import { BrowserOtlp } from "@krak-stack/registry/opentelemetry/browser";
+
+const apiRuntime = Atom.context();
+
+if (!import.meta.env.SSR) {
+  apiRuntime.addGlobalLayer(BrowserOtlp.layer({ serviceName: "my-app-web" }));
+}
+```
+
 `@krak-stack/registry/service-notification` is the source-compatible direct
 dispatcher. Use the separate `@krak-stack/notifications` package for a durable
 inbox, package-owned migrations, persisted delivery jobs, retries, workers, and

package/dist/components/ui/code-block.d.ts

@@ -1,12 +1,14 @@
-type CodeBlockMessages = {
-    copy?: string;
-    copied?: string;
-    copyFailed?: string;
+import { type CopyButtonMessages } from "./copy-button.js";
+export type CodeBlockMessages = CopyButtonMessages & {
+    codeDescription: (language: string) => string;
 };
+export type CodeBlockMessageTranslations = Partial<Record<string, Partial<CodeBlockMessages>>>;
+export declare const codeBlockMessages: (locale?: string, translations?: CodeBlockMessageTranslations) => CodeBlockMessages;
 type CodeBlockProps = {
     code: string;
     language?: string;
-    messages?: CodeBlockMessages;
+    locale?: string;
+    messages?: CodeBlockMessageTranslations;
 };
-export declare function CodeBlock({ code, language, messages, }: CodeBlockProps): import("react").JSX.Element;
+export declare function CodeBlock({ code, language, locale, messages, }: CodeBlockProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/code-block.js

@@ -50,11 +50,21 @@ function Button({
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var messages = {
+  en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
+  fr: { copy: "Copier", copied: "Copié", copyFailed: "Échec de la copie" }
+};
+var copyButtonMessages = (locale = "en", translations) => ({
+  ...locale.startsWith("fr") ? messages.fr : messages.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
+});
 function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  messages,
+  locale = "en",
+  messages: messages2,
   onCopied,
   onCopyError,
   resetDelay = 1500,
@@ -65,11 +75,7 @@ function CopyButton({
 }) {
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
-  const labels = {
-    copy: messages?.copy ?? "Copy",
-    copied: messages?.copied ?? "Copied",
-    copyFailed: messages?.copyFailed ?? "Copy failed"
-  };
+  const labels = copyButtonMessages(locale, messages2);
   const accessibleLabel = ariaLabel ?? (valueDescription ? `${labels.copy} ${valueDescription}` : labels.copy);
   const isLarge = copyVariant === "large";
   const defaultSize = copyVariant === "sm" ? "icon-xs" : isLarge ? "sm" : "icon-sm";
@@ -91,7 +97,7 @@ function CopyButton({
       onCopied?.();
     } catch (error) {
       setCopyState("failed");
-      onCopyError?.(error instanceof Error ? error : new Error("Copy failed", { cause: error }));
+      onCopyError?.(error instanceof Error ? error : new Error(labels.copyFailed, { cause: error }));
     }
     resetCopyState();
   };
@@ -147,21 +153,34 @@ var themeCss = `${createThemeCss({
   color: inherit;
 }
 [data-code-theme] pre.th-code code { font: inherit; }`;
+var messages2 = {
+  en: {
+    codeDescription: (language) => `${language} code`,
+    copy: "Copy",
+    copied: "Copied",
+    copyFailed: "Copy failed"
+  },
+  fr: {
+    codeDescription: (language) => `code ${language}`,
+    copy: "Copier",
+    copied: "Copié",
+    copyFailed: "Échec de la copie"
+  }
+};
+var codeBlockMessages = (locale = "en", translations) => ({
+  ...locale.startsWith("fr") ? messages2.fr : messages2.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
+});
 function CodeBlock({
   code,
   language = "text",
-  messages
+  locale = "en",
+  messages: messages3
 }) {
   const normalizedLanguage = language.toLowerCase() || "text";
   const highlighted = highlight(code, { lang: normalizedLanguage });
-  const copyMessages = {};
-  if (messages?.copy !== undefined)
-    copyMessages.copy = messages.copy;
-  if (messages?.copied !== undefined)
-    copyMessages.copied = messages.copied;
-  if (messages?.copyFailed !== undefined) {
-    copyMessages.copyFailed = messages.copyFailed;
-  }
+  const labels = codeBlockMessages(locale, messages3);
   return /* @__PURE__ */ jsxs2("div", {
     className: "not-prose bg-muted overflow-hidden rounded-md border text-[var(--th-token)]",
     "data-code-theme": true,
@@ -178,9 +197,10 @@ function CodeBlock({
           }),
           /* @__PURE__ */ jsx3(CopyButton, {
             value: code,
-            valueDescription: `${highlighted.lang} code`,
+            valueDescription: labels.codeDescription(highlighted.lang),
             variant: "secondary",
-            messages: copyMessages
+            locale,
+            messages: { [locale]: labels }
           })
         ]
       }),
@@ -192,5 +212,6 @@ function CodeBlock({
   });
 }
 export {
-  CodeBlock
+  CodeBlock,
+  codeBlockMessages
 };

package/dist/components/ui/copy-button.d.ts

@@ -1,18 +1,21 @@
 import { Button } from "./button.js";
 import type { ComponentProps } from "react";
-type CopyButtonMessages = {
-    copy?: string;
-    copied?: string;
-    copyFailed?: string;
+export type CopyButtonMessages = {
+    copy: string;
+    copied: string;
+    copyFailed: string;
 };
+export type CopyButtonMessageTranslations = Partial<Record<string, Partial<CopyButtonMessages>>>;
+export declare const copyButtonMessages: (locale?: string, translations?: CopyButtonMessageTranslations) => CopyButtonMessages;
 type CopyButtonProps = Omit<ComponentProps<typeof Button>, "children" | "onClick"> & {
     value: string;
     valueDescription?: string;
     copyVariant?: "default" | "sm" | "large";
-    messages?: CopyButtonMessages;
+    locale?: string;
+    messages?: CopyButtonMessageTranslations;
     onCopied?: () => void;
     onCopyError?: (error: Error) => void;
     resetDelay?: number;
 };
-export declare function CopyButton({ value, valueDescription, copyVariant, messages, onCopied, onCopyError, resetDelay, disabled, size, "aria-label": ariaLabel, ...props }: CopyButtonProps): import("react").JSX.Element;
+export declare function CopyButton({ value, valueDescription, copyVariant, locale, messages, onCopied, onCopyError, resetDelay, disabled, size, "aria-label": ariaLabel, ...props }: CopyButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/copy-button.js

@@ -50,11 +50,21 @@ function Button({
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var messages = {
+  en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
+  fr: { copy: "Copier", copied: "Copié", copyFailed: "Échec de la copie" }
+};
+var copyButtonMessages = (locale = "en", translations) => ({
+  ...locale.startsWith("fr") ? messages.fr : messages.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
+});
 function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  messages,
+  locale = "en",
+  messages: messages2,
   onCopied,
   onCopyError,
   resetDelay = 1500,
@@ -65,11 +75,7 @@ function CopyButton({
 }) {
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
-  const labels = {
-    copy: messages?.copy ?? "Copy",
-    copied: messages?.copied ?? "Copied",
-    copyFailed: messages?.copyFailed ?? "Copy failed"
-  };
+  const labels = copyButtonMessages(locale, messages2);
   const accessibleLabel = ariaLabel ?? (valueDescription ? `${labels.copy} ${valueDescription}` : labels.copy);
   const isLarge = copyVariant === "large";
   const defaultSize = copyVariant === "sm" ? "icon-xs" : isLarge ? "sm" : "icon-sm";
@@ -91,7 +97,7 @@ function CopyButton({
       onCopied?.();
     } catch (error) {
       setCopyState("failed");
-      onCopyError?.(error instanceof Error ? error : new Error("Copy failed", { cause: error }));
+      onCopyError?.(error instanceof Error ? error : new Error(labels.copyFailed, { cause: error }));
     }
     resetCopyState();
   };
@@ -125,5 +131,6 @@ function CopyButton({
   });
 }
 export {
-  CopyButton
+  CopyButton,
+  copyButtonMessages
 };

package/dist/components/ui/data-table.d.ts

@@ -33,6 +33,8 @@ export interface DataTableListItemContext<TData> {
 export interface DataTableListOptions {
     emptyLabel: ReactNode;
     display?: "list" | "icon";
+    locale?: string;
+    messages?: DataTableMessageTranslations;
     visibleCount?: number;
 }
 export type DataTableListColumn<TData> = DataTableListOptions & {
@@ -84,7 +86,7 @@ export type DataTableListCellProps = DataTableListCellActionsProps & (EditableDa
     onRemove?: never;
 }));
 export interface DataTableDateOptions {
-    /** Defaults to the current Paraglide locale. */
+    /** Defaults to the DataTable locale, or English outside a DataTable. */
     locale?: string;
     /** Defaults to UTC. Calendar-only strings retain their date in every zone. */
     timeZone?: string;
@@ -275,7 +277,8 @@ export type DataTableMessages = PaginationMessages & {
     selected: string;
 };
 export type DataTableMessageOverrides = Partial<DataTableMessages>;
-export declare const dataTableMessages: (overrides?: DataTableMessageOverrides) => {
+export type DataTableMessageTranslations = Partial<Record<string, DataTableMessageOverrides>>;
+export declare const dataTableMessages: (locale?: string, translations?: DataTableMessageTranslations) => {
     pageSize: string;
     results: (count: number) => string;
     selectedOf: (selected: number, total: number) => string;
@@ -356,11 +359,12 @@ export interface DataTableProps<TData extends RowData> {
     getRowId?: (row: TData) => string;
     state?: DataTablePublicState;
     initialState?: Partial<DataTablePublicState>;
+    locale?: string;
     onStateChange?: (state: DataTablePublicState) => void;
     status?: DataTableStatus;
     features?: DataTableFeatures<TData>;
     onRowClicked?: (row: TData) => void;
-    messages?: DataTableMessageOverrides;
+    messages?: DataTableMessageTranslations;
 }
 export interface DataTableColumn<TData extends RowData> {
     id: string;
@@ -386,8 +390,8 @@ export interface DataTableModel<TData extends RowData> {
 export declare const normalizeDataTableColumns: <TData extends RowData>(columnDefs: readonly DataTableColDef<TData>[], columnSizing?: Readonly<Record<string, number>>) => DataTableColumn<TData>[];
 export declare const getDataTableWidth: <TData extends RowData>(columns: readonly DataTableColumn<TData>[], utilityColumns?: number) => number;
 export declare const buildDataTableRows: <TData extends RowData>(rowData: readonly TData[], columns: readonly DataTableColumn<TData>[], getRowId?: (row: TData) => string) => DataTableModelRow<TData>[];
-export declare const getDataTableExportValue: <TData extends RowData>(row: DataTableModelRow<TData>, column: DataTableColumn<TData>) => unknown;
-export declare const filterDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], columns: readonly DataTableColumn<TData>[], globalFilter: string) => DataTableModelRow<TData>[];
+export declare const getDataTableExportValue: <TData extends RowData>(row: DataTableModelRow<TData>, column: DataTableColumn<TData>, locale?: string) => unknown;
+export declare const filterDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], columns: readonly DataTableColumn<TData>[], globalFilter: string, locale?: string) => DataTableModelRow<TData>[];
 export declare const sortDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], columns: readonly DataTableColumn<TData>[], sorting: NonNullable<QueryType["sort"]>) => DataTableModelRow<TData>[];
 export declare const paginateDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], pagination: Pick<QueryType, "page" | "pageSize">) => DataTableModelRow<TData>[];
 export declare const reorderDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], sourceRowId: string, targetRowId: string) => TData[];