@krak-stack/registry 0.1.33 → 0.1.35

package/dist/lib/docs.server.js

@@ -75,12 +75,14 @@ var buttonVariants = cva2("group/button inline-flex shrink-0 items-center justif
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 
 // ../../src/components/ui/code-block.tsx
 import { highlight } from "@tanstack/highlight";
 import { createThemeCss } from "@tanstack/highlight/theme";
 import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
 import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 var themeCss = `${createThemeCss({
   light: githubLightTheme,
   dark: githubDarkTheme,
@@ -113,6 +115,9 @@ import { SearchIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 
+// ../../src/components/ui/search-menu.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
+
 // ../../src/components/ui/sidebar-layout.tsx
 import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";

package/dist/lib/documentation-toolkit.js

@@ -75,12 +75,14 @@ var buttonVariants = cva2("group/button inline-flex shrink-0 items-center justif
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 
 // ../../src/components/ui/code-block.tsx
 import { highlight } from "@tanstack/highlight";
 import { createThemeCss } from "@tanstack/highlight/theme";
 import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
 import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 var themeCss = `${createThemeCss({
   light: githubLightTheme,
   dark: githubDarkTheme,
@@ -113,6 +115,9 @@ import { SearchIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 
+// ../../src/components/ui/search-menu.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
+
 // ../../src/components/ui/sidebar-layout.tsx
 import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";

package/dist/services/agent/client/index.js

@@ -211,6 +211,7 @@ function Button({
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var messages = {
   en: { copy: "Copy", copied: "Copied", copyFailed: "Copy failed" },
@@ -225,7 +226,7 @@ function CopyButton({
   value,
   valueDescription,
   copyVariant = "default",
-  locale = "en",
+  locale: localeOverride,
   messages: messages2,
   onCopied,
   onCopyError,
@@ -235,6 +236,7 @@ function CopyButton({
   "aria-label": ariaLabel,
   ...props
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const [copyState, setCopyState] = useState("idle");
   const copyTimeout = useRef(undefined);
   const labels = copyButtonMessages(locale, messages2);
@@ -298,6 +300,7 @@ import { highlight } from "@tanstack/highlight";
 import { createThemeCss } from "@tanstack/highlight/theme";
 import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
 import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var themeCss = `${createThemeCss({
   light: githubLightTheme,
@@ -337,9 +340,10 @@ var codeBlockMessages = (locale = "en", translations) => ({
 function CodeBlock({
   code,
   language = "text",
-  locale = "en",
+  locale: localeOverride,
   messages: messages3
 }) {
+  const locale = useKrakstackLocale2(localeOverride);
   const normalizedLanguage = language.toLowerCase() || "text";
   const highlighted = highlight(code, { lang: normalizedLanguage });
   const labels = codeBlockMessages(locale, messages3);
@@ -380,7 +384,7 @@ var MarkdownContent = ({
   className,
   codeBlocks,
   html,
-  locale = "en",
+  locale,
   messages: messages3
 }) => {
   const content = [];
@@ -1208,6 +1212,7 @@ var AgentStreamError = Schema2.Struct({
 });
 
 // ../../src/services/agent/client/widget.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var messages3 = {
   en: {
@@ -1667,7 +1672,7 @@ function AgentMessageRow({
 function AgentWidget({
   availableReferences = [],
   context,
-  locale = "en",
+  locale: localeOverride,
   messages: messageOverrides,
   onInterrupt,
   onRemoveContext,
@@ -1675,6 +1680,7 @@ function AgentWidget({
   onSubmit,
   state
 }) {
+  const locale = useKrakstackLocale3(localeOverride);
   const labels = agentWidgetMessages(locale, messageOverrides);
   const referenceInputId = useId();
   const referenceListId = `${referenceInputId}-list`;

package/dist/services/agent/client/widget.d.ts

@@ -41,7 +41,7 @@ export type AgentWidgetMessages = {
 };
 export type AgentWidgetMessageTranslations = Partial<Record<string, Partial<AgentWidgetMessages>>>;
 export declare const agentWidgetMessages: (locale?: string, translations?: AgentWidgetMessageTranslations) => AgentWidgetMessages;
-export declare function AgentWidget<Resource = never>({ availableReferences, context, locale, messages: messageOverrides, onInterrupt, onRemoveContext, onReset, onSubmit, state, }: {
+export declare function AgentWidget<Resource = never>({ availableReferences, context, locale: localeOverride, messages: messageOverrides, onInterrupt, onRemoveContext, onReset, onSubmit, state, }: {
     readonly availableReferences?: ReadonlyArray<AgentWidgetReference<Resource>>;
     readonly context?: AgentWidgetReference<Resource>;
     readonly locale?: string;

package/dist/services/notification/client/index.js

@@ -303,6 +303,7 @@ function TabsTrigger({ className, ...props }) {
 }
 
 // ../../src/services/notification/client/notification-menu.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultMessages = {
   en: {
@@ -348,7 +349,7 @@ function NotificationMenu({
   defaultOpen = false,
   error = false,
   isLoading = false,
-  locale = "en",
+  locale: localeOverride,
   markReadOnOpen = true,
   messages: messageOverrides,
   notifications,
@@ -360,6 +361,7 @@ function NotificationMenu({
   renderItem,
   renderTrigger
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
   const [tab, setTab] = useState("inbox");
   const open = controlledOpen ?? uncontrolledOpen;
@@ -462,10 +464,11 @@ function NotificationMenu({
 }
 function NotificationMenuTrigger({
   labels: providedLabels,
-  locale = "en",
+  locale: localeOverride,
   messages,
   unreadCount
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = providedLabels ?? notificationMenuMessages(locale, messages);
   return /* @__PURE__ */ jsxs2(PopoverTrigger, {
     "aria-label": unreadCount > 0 ? `${labels.notifications}, ${labels.unread(unreadCount)}` : labels.notifications,

package/dist/services/notification/client/notification-menu.d.ts

@@ -51,8 +51,8 @@ export type NotificationMenuProps<ActionResult = ErrorOptions["cause"]> = {
     renderItem?: ((notification: NotificationItem) => ReactNode) | undefined;
     renderTrigger?: ((state: NotificationMenuState) => ReactElement) | undefined;
 };
-export declare function NotificationMenu<ActionResult = ErrorOptions["cause"]>({ className, defaultOpen, error, isLoading, locale, markReadOnOpen, messages: messageOverrides, notifications, onArchive, onMarkRead, onNavigate, onOpenChange, open: controlledOpen, renderItem, renderTrigger, }: NotificationMenuProps<ActionResult>): import("react").JSX.Element;
-export declare function NotificationMenuTrigger({ labels: providedLabels, locale, messages, unreadCount, }: {
+export declare function NotificationMenu<ActionResult = ErrorOptions["cause"]>({ className, defaultOpen, error, isLoading, locale: localeOverride, markReadOnOpen, messages: messageOverrides, notifications, onArchive, onMarkRead, onNavigate, onOpenChange, open: controlledOpen, renderItem, renderTrigger, }: NotificationMenuProps<ActionResult>): import("react").JSX.Element;
+export declare function NotificationMenuTrigger({ labels: providedLabels, locale: localeOverride, messages, unreadCount, }: {
     labels?: NotificationMenuMessages | undefined;
     locale?: string | undefined;
     messages?: NotificationMenuMessageTranslations | undefined;

package/dist/services/notification/public.js

@@ -396,6 +396,7 @@ function TabsTrigger({ className, ...props }) {
 }
 
 // ../../src/services/notification/client/notification-menu.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultMessages = {
   en: {
@@ -441,7 +442,7 @@ function NotificationMenu({
   defaultOpen = false,
   error = false,
   isLoading = false,
-  locale = "en",
+  locale: localeOverride,
   markReadOnOpen = true,
   messages: messageOverrides,
   notifications,
@@ -453,6 +454,7 @@ function NotificationMenu({
   renderItem,
   renderTrigger
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
   const [tab, setTab] = useState("inbox");
   const open = controlledOpen ?? uncontrolledOpen;
@@ -555,10 +557,11 @@ function NotificationMenu({
 }
 function NotificationMenuTrigger({
   labels: providedLabels,
-  locale = "en",
+  locale: localeOverride,
   messages,
   unreadCount
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   const labels = providedLabels ?? notificationMenuMessages(locale, messages);
   return /* @__PURE__ */ jsxs2(PopoverTrigger, {
     "aria-label": unreadCount > 0 ? `${labels.notifications}, ${labels.unread(unreadCount)}` : labels.notifications,

package/dist/services/opentelemetry/api.js

@@ -1,5 +1,5 @@
 // ../../src/services/opentelemetry/api.ts
-import { Config, Effect, Layer } from "effect";
+import { Config, Effect, Layer, Schema } from "effect";
 import {
   FetchHttpClient,
   HttpClient,
@@ -17,6 +17,7 @@ var otlpProxyPaths = [
   "/api/otel/v1/metrics",
   "/api/otel/v1/logs"
 ];
+var exporterConfig = (signal) => Config.schema(Config.Array(Schema.String), `OTEL_${signal}_EXPORTER`).pipe(Config.map((exporters) => exporters.map((exporter) => exporter.toLowerCase().trim())), Config.withDefault([]));
 var proxyOtlp = (baseUrl, signal) => Effect.gen(function* () {
   const incoming = yield* HttpServerRequest.HttpServerRequest;
   const client = yield* HttpClient.HttpClient;
@@ -33,7 +34,15 @@ var proxyOtlp = (baseUrl, signal) => Effect.gen(function* () {
     }
   });
 }).pipe(Effect.withTracerEnabled(false), HttpMiddleware.withLoggerDisabled, Effect.catch((error) => Effect.logError("Failed to proxy browser telemetry", error).pipe(Effect.as(HttpServerResponse.empty({ status: 502 })))), Effect.provide(FetchHttpClient.layer));
-var otlpProxyLayer = Layer.unwrap(Effect.map(Config.url("OTEL_COLLECTOR_PROXY_URL").pipe(Config.withDefault(new URL("http://localhost:4318"))), (baseUrl) => Layer.mergeAll(HttpRouter.add("POST", otlpProxyPaths[0], proxyOtlp(baseUrl, "traces")), HttpRouter.add("POST", otlpProxyPaths[1], proxyOtlp(baseUrl, "metrics")), HttpRouter.add("POST", otlpProxyPaths[2], proxyOtlp(baseUrl, "logs")))));
+var otlpProxyLayer = Layer.unwrap(Effect.gen(function* () {
+  const baseUrl = yield* Config.url("OTEL_EXPORTER_OTLP_ENDPOINT");
+  const exporters = yield* Config.all({
+    logs: exporterConfig("LOGS"),
+    metrics: exporterConfig("METRICS"),
+    traces: exporterConfig("TRACES")
+  });
+  return Layer.mergeAll(exporters.traces.includes("otlp") ? HttpRouter.add("POST", otlpProxyPaths[0], proxyOtlp(baseUrl, "traces")) : Layer.empty, exporters.metrics.includes("otlp") ? HttpRouter.add("POST", otlpProxyPaths[1], proxyOtlp(baseUrl, "metrics")) : Layer.empty, exporters.logs.includes("otlp") ? HttpRouter.add("POST", otlpProxyPaths[2], proxyOtlp(baseUrl, "logs")) : Layer.empty);
+}));
 var serverServices = HttpServer.layerServices.pipe(Layer.provideMerge(HttpMiddleware.layerTracerDisabledForUrls(otlpProxyPaths)));
 
 class HttpApiOtlp {

package/dist/services/opentelemetry/browser.d.ts

@@ -1,10 +1,18 @@
 import { Layer } from "effect";
-import { Otlp } from "effect/unstable/observability";
+import { type Otlp, OtlpExporter, OtlpLogger, OtlpMetrics, OtlpTracer } from "effect/unstable/observability";
+type OtlpOptions = Parameters<typeof Otlp.layerJson>[0];
+type SignalOptions<Options> = Omit<Options, "url" | "resource" | "headers">;
+export interface BrowserOtlpOptions {
+    readonly serviceName: string;
+    readonly serviceVersion?: string;
+    readonly attributes?: NonNullable<OtlpOptions["resource"]>["attributes"];
+    readonly baseUrl?: string;
+    readonly headers?: OtlpOptions["headers"];
+    readonly traces?: false | SignalOptions<Parameters<typeof OtlpTracer.layer>[0]>;
+    readonly metrics?: false | SignalOptions<Parameters<typeof OtlpMetrics.layer>[0]>;
+    readonly logs?: false | SignalOptions<Parameters<typeof OtlpLogger.layer>[0]>;
+}
 export declare class BrowserOtlp {
-    static readonly layer: ({ attributes, baseUrl, serviceName, serviceVersion, ...options }: Omit<Parameters<typeof Otlp.layerJson>[0], "baseUrl" | "resource"> & {
-        readonly serviceName: string;
-        readonly serviceVersion?: string;
-        readonly attributes?: NonNullable<Parameters<typeof Otlp.layerJson>[0]["resource"]>["attributes"];
-        readonly baseUrl?: string;
-    }) => Layer.Layer<never, never, never>;
+    static readonly layer: ({ attributes, baseUrl, logs, metrics, serviceName, serviceVersion, traces, headers, }: BrowserOtlpOptions) => Layer.Layer<OtlpExporter.Flusher, never, never>;
 }
+export {};

package/dist/services/opentelemetry/browser.js

@@ -1,7 +1,13 @@
 // ../../src/services/opentelemetry/browser.ts
-import { Effect, Layer, Predicate, Schema, Stream } from "effect";
-import { FetchHttpClient } from "effect/unstable/http";
-import { Otlp } from "effect/unstable/observability";
+import { Effect, FiberSet, Layer, Predicate, Schema, Stream } from "effect";
+import { FetchHttpClient, HttpClientRequest } from "effect/unstable/http";
+import {
+  OtlpExporter,
+  OtlpLogger,
+  OtlpMetrics,
+  OtlpSerialization,
+  OtlpTracer
+} from "effect/unstable/observability";
 
 class BrowserReportedError extends Schema.TaggedError()("BrowserReportedError", {
   type: Schema.Literals(["window.error", "unhandledrejection"]),
@@ -10,6 +16,8 @@ class BrowserReportedError extends Schema.TaggedError()("BrowserReportedError",
 }) {
 }
 var reportBrowserException = (exception) => Effect.fail(exception).pipe(Effect.withSpan("browser.exception", {
+  root: true,
+  sampled: true,
   attributes: {
     "exception.type": exception.type,
     "exception.message": exception.message,
@@ -36,23 +44,64 @@ var BrowserExceptionTrackingLive = Layer.effectDiscard(Stream.merge(Stream.fromE
     message: "Unhandled promise rejection"
   });
 }))).pipe(Stream.runForEach(reportBrowserException), Effect.forkScoped));
+var BrowserLifecycleFlushingLive = Layer.effectDiscard(Effect.gen(function* () {
+  const flusher = yield* OtlpExporter.Flusher;
+  const fibers = yield* FiberSet.make();
+  const run = yield* FiberSet.runtime(fibers)();
+  const flush = () => {
+    run(flusher.flush.pipe(Effect.provideService(FetchHttpClient.RequestInit, {
+      keepalive: true
+    })));
+  };
+  const onVisibilityChange = () => {
+    if (document.visibilityState === "hidden")
+      flush();
+  };
+  yield* Effect.acquireRelease(Effect.sync(() => {
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    globalThis.addEventListener("pagehide", flush);
+  }), () => Effect.sync(() => {
+    document.removeEventListener("visibilitychange", onVisibilityChange);
+    globalThis.removeEventListener("pagehide", flush);
+  }));
+}));
 
 class BrowserOtlp {
   static layer = ({
     attributes,
     baseUrl = "/api/otel",
+    logs = false,
+    metrics = false,
     serviceName,
     serviceVersion,
-    ...options
-  }) => BrowserExceptionTrackingLive.pipe(Layer.provideMerge(Otlp.layerJson({
-    tracerExportInterval: "5 seconds",
-    metricsExportInterval: "30 seconds",
-    loggerExcludeLogSpans: true,
-    loggerMergeWithExisting: true,
-    ...options,
-    baseUrl,
-    resource: { attributes, serviceName, serviceVersion }
-  }).pipe(Layer.provide(FetchHttpClient.layer))));
+    traces = {},
+    headers
+  }) => {
+    const resource = { attributes, serviceName, serviceVersion };
+    const request = HttpClientRequest.get(baseUrl);
+    const signalUrl = (signal) => HttpClientRequest.appendUrl(request, `/v1/${signal}`).url;
+    const exporters = Layer.mergeAll(OtlpExporter.layerFlusher, traces !== false ? OtlpTracer.layer({
+      exportInterval: "30 seconds",
+      ...traces,
+      url: signalUrl("traces"),
+      resource,
+      headers
+    }) : Layer.empty, metrics !== false ? OtlpMetrics.layer({
+      exportInterval: "60 seconds",
+      ...metrics,
+      url: signalUrl("metrics"),
+      resource,
+      headers
+    }) : Layer.empty, logs !== false ? OtlpLogger.layer({
+      excludeLogSpans: true,
+      mergeWithExisting: true,
+      ...logs,
+      url: signalUrl("logs"),
+      resource,
+      headers
+    }) : Layer.empty).pipe(Layer.provide(OtlpSerialization.layerJson), Layer.provide(FetchHttpClient.layer));
+    return Layer.mergeAll(BrowserLifecycleFlushingLive, traces !== false ? BrowserExceptionTrackingLive : Layer.empty).pipe(Layer.provideMerge(exporters));
+  };
 }
 export {
   BrowserOtlp

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krak-stack/registry",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "description": "Tree-shakable KrakStack components and Effect services.",
   "license": "MIT",
   "repository": {
@@ -127,6 +127,10 @@
       "types": "./dist/components/ui/icon-input.d.ts",
       "import": "./dist/components/ui/icon-input.js"
     },
+    "./krakstack-provider": {
+      "types": "./dist/components/ui/krakstack-provider.d.ts",
+      "import": "./dist/components/ui/krakstack-provider.js"
+    },
     "./loading": {
       "types": "./dist/components/ui/loading.d.ts",
       "import": "./dist/components/ui/loading.js"