@btndprojects/loam-ui-native 0.1.0 → 0.2.1

package/dist/{chunk-XNUVB5OL.js → chunk-2OLKPG4E.js}

@@ -1,17 +1,18 @@
-import { Icon } from './chunk-TKVFVF5D.js';
+import { useLabels } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-UXGIW7OK.js';
 import * as React from 'react';
 import { View, Pressable, Text, TextInput, ScrollView } from 'react-native';
 import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LOG_LEVELS = ["debug", "info", "warn", "error"];
-function levelMeta(theme, level) {
+function levelMeta(theme, labels, level) {
   switch (level) {
     case "error":
       return {
         icon: "alert-circle",
-        label: "Error",
-        short: "ERR",
+        label: labels.levels.error,
+        short: labels.levelsShort.error,
         bg: theme.color.dangerSoft,
         fg: theme.color.dangerOnSoft,
         edge: theme.edge.danger
@@ -19,8 +20,8 @@ function levelMeta(theme, level) {
     case "warn":
       return {
         icon: "alert-triangle",
-        label: "Warning",
-        short: "WARN",
+        label: labels.levels.warn,
+        short: labels.levelsShort.warn,
         bg: theme.color.warnSoft,
         fg: theme.color.warnOnSoft,
         edge: theme.edge.warn
@@ -28,8 +29,8 @@ function levelMeta(theme, level) {
     case "info":
       return {
         icon: "info",
-        label: "Info",
-        short: "INFO",
+        label: labels.levels.info,
+        short: labels.levelsShort.info,
         bg: theme.color.infoSoft,
         fg: theme.color.infoOnSoft,
         edge: theme.edge.info
@@ -37,8 +38,8 @@ function levelMeta(theme, level) {
     case "debug":
       return {
         icon: "code",
-        label: "Debug",
-        short: "DBG",
+        label: labels.levels.debug,
+        short: labels.levelsShort.debug,
         bg: theme.color.surface3,
         // Primary ink on the neutral soft tint: `text3` is only ~4.2:1 on
         // surface-3, short of AA; primary `text` clears it (>12:1 both modes).
@@ -48,6 +49,42 @@ function levelMeta(theme, level) {
   }
 }
 var BOTTOM_THRESHOLD = 8;
+var DEFAULT_LABELS = {
+  levels: { error: "Error", warn: "Warning", info: "Info", debug: "Debug" },
+  levelsShort: { error: "ERR", warn: "WARN", info: "INFO", debug: "DBG" },
+  levelPrefix: (level) => `${level}: `,
+  announcement: (level, text) => `${level}: ${text}`,
+  filterByLevel: "Filter by level",
+  region: "Log output",
+  search: "Search log",
+  searchPlaceholder: "Search log\u2026",
+  invalidPattern: "Invalid pattern",
+  noMatches: "No matches",
+  matchCount: (current, total) => `${current} of ${total}`,
+  searchOptions: "Search options",
+  matchCase: "Match case",
+  regex: "Regular expression",
+  filterMode: "Show only matching lines",
+  filterModeGlyph: "Filter",
+  timeFormats: { absolute: "Local", relative: "Relative", utc: "UTC" },
+  timeFormat: (format) => `Timestamp format: ${format}`,
+  timeFormatTitle: "Cycle timestamp format",
+  secondsAgo: (n) => `${n}s ago`,
+  minutesAgo: (n) => `${n}m ago`,
+  hoursAgo: (n) => `${n}h ago`,
+  daysAgo: (n) => `${n}d ago`,
+  copied: "Copied",
+  copyLine: "Copy line",
+  copyLines: (count) => `Copy ${count} lines`,
+  lineNumber: (n) => `Line ${n}`,
+  collapseJson: "Collapse JSON",
+  expandJson: "Expand JSON",
+  truncated: (hidden, shown) => `${hidden.toLocaleString()} earlier ${hidden === 1 ? "line" : "lines"} hidden \u2014 showing the latest ${shown.toLocaleString()}.`,
+  noLevelMatch: "No lines match the selected levels.",
+  showAllLevels: "Show all levels",
+  empty: "No log lines.",
+  jumpToLatest: "Jump to latest"
+};
 function renderText(text, query, markStyle) {
   if (!query) return text;
   const needle = query.toLowerCase();
@@ -79,6 +116,7 @@ function formatLogTime(time) {
 }
 function LogViewer({
   lines,
+  labels: labelsProp,
   follow = true,
   levelFilter,
   onLevelFilterChange,
@@ -88,12 +126,14 @@ function LogViewer({
   maxHeight = 320,
   showTimestamps = false,
   maxLines = 2e3,
-  label = "Log output",
+  label: labelOverride,
   liveRegion = "none",
   testID,
   motion: _motion = "full"
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("logViewer", DEFAULT_LABELS, labelsProp);
+  const label = labelOverride ?? labels.region;
+  const theme = useLoamTheme("log-viewer");
   const { styles } = useStyles(sheet);
   const scrollRef = React.useRef(null);
   const filterControlled = levelFilter !== void 0;
@@ -108,6 +148,11 @@ function LogViewer({
     onLevelFilterChange?.(next);
     if (!filterControlled) setInternalFilter(next);
   };
+  const showAllLevels = () => {
+    const all = [...LOG_LEVELS];
+    onLevelFilterChange?.(all);
+    if (!filterControlled) setInternalFilter(all);
+  };
   const setSearch = (value) => {
     onSearchChange?.(value);
     if (!searchControlled) setInternalSearch(value);
@@ -134,7 +179,7 @@ function LogViewer({
   const showJump = follow && paused;
   const tapSlop = Math.max(0, (theme.tapMin - theme.ctl.md) / 2);
   const renderLines = () => /* @__PURE__ */ jsx(View, { style: wrap ? styles.linesStretch : void 0, children: visible.map((line) => {
-    const meta = line.level ? levelMeta(theme, line.level) : null;
+    const meta = line.level ? levelMeta(theme, labels, line.level) : null;
     return /* @__PURE__ */ jsxs(View, { style: styles.line, children: [
       showTimestamps ? /* @__PURE__ */ jsx(Text, { style: styles.time, children: formatLogTime(line.time) }) : null,
       meta ? /* @__PURE__ */ jsxs(
@@ -153,8 +198,8 @@ function LogViewer({
   }) });
   return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
     /* @__PURE__ */ jsxs(View, { style: styles.toolbar, children: [
-      /* @__PURE__ */ jsx(View, { style: styles.filterGroup, role: "group", accessibilityLabel: "Filter by level", children: LOG_LEVELS.map((level) => {
-        const meta = levelMeta(theme, level);
+      /* @__PURE__ */ jsx(View, { style: styles.filterGroup, role: "group", accessibilityLabel: labels.filterByLevel, children: LOG_LEVELS.map((level) => {
+        const meta = levelMeta(theme, labels, level);
         const on = activeFilter.includes(level);
         return /* @__PURE__ */ jsxs(
           Pressable,
@@ -191,8 +236,8 @@ function LogViewer({
           {
             value: activeSearch,
             onChangeText: setSearch,
-            accessibilityLabel: "Search log",
-            placeholder: "Search log\u2026",
+            accessibilityLabel: labels.search,
+            placeholder: labels.searchPlaceholder,
             placeholderTextColor: theme.color.text3,
             style: styles.searchInput
           }
@@ -215,15 +260,24 @@ function LogViewer({
           style: [styles.surface, { maxHeight }],
           contentContainerStyle: styles.surfaceContent,
           children: [
-            hiddenCount > 0 ? /* @__PURE__ */ jsx(View, { style: styles.notice, accessibilityRole: "text", children: /* @__PURE__ */ jsxs(Text, { style: styles.noticeText, children: [
-              hiddenCount.toLocaleString(),
-              " earlier line",
-              hiddenCount === 1 ? "" : "s",
-              " hidden \u2014 showing the latest ",
-              maxLines.toLocaleString(),
-              "."
-            ] }) }) : null,
-            visible.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.empty, children: "No log lines." }) : wrap ? renderLines() : (
+            hiddenCount > 0 ? /* @__PURE__ */ jsx(View, { style: styles.notice, accessibilityRole: "text", children: /* @__PURE__ */ jsx(Text, { style: styles.noticeText, children: labels.truncated(hiddenCount, maxLines) }) }) : null,
+            visible.length === 0 ? lines.length > 0 ? (
+              // Lines exist but the level filter hides every one: say so and
+              // offer the one-step way back.
+              /* @__PURE__ */ jsxs(View, { style: styles.emptyRow, children: [
+                /* @__PURE__ */ jsx(Text, { style: styles.empty, children: labels.noLevelMatch }),
+                /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    accessibilityRole: "button",
+                    accessibilityLabel: labels.showAllLevels,
+                    onPress: showAllLevels,
+                    hitSlop: { top: tapSlop, bottom: tapSlop },
+                    children: /* @__PURE__ */ jsx(Text, { style: styles.emptyAction, children: labels.showAllLevels })
+                  }
+                )
+              ] })
+            ) : /* @__PURE__ */ jsx(Text, { style: styles.empty, children: labels.empty }) : wrap ? renderLines() : (
               // No-wrap: a horizontal ScrollView lets wide lines scroll sideways
               // rather than soft-wrapping. Vertical follow stays on the outer view.
               /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: true, focusable: true, children: renderLines() })
@@ -235,12 +289,13 @@ function LogViewer({
         Pressable,
         {
           accessibilityRole: "button",
-          accessibilityLabel: "Jump to latest",
+          accessibilityLabel: labels.jumpToLatest,
           onPress: jumpToLatest,
+          hitSlop: { top: tapSlop, bottom: tapSlop },
           style: ({ pressed }) => [styles.jump, pressed && { opacity: theme.state.pressedOpacity }],
           children: [
             /* @__PURE__ */ jsx(Icon, { name: "arrow-down", size: theme.icon.sm, color: theme.color.accentInk }),
-            /* @__PURE__ */ jsx(Text, { style: styles.jumpLabel, children: "Jump to latest" })
+            /* @__PURE__ */ jsx(Text, { style: styles.jumpLabel, children: labels.jumpToLatest })
           ]
         }
       ) : null
@@ -318,6 +373,15 @@ var sheet = createStyleSheet((theme) => ({
     paddingHorizontal: theme.space.s3,
     paddingVertical: theme.space.s2
   },
+  emptyRow: { flexDirection: "row", flexWrap: "wrap", alignItems: "center" },
+  emptyAction: {
+    fontFamily: theme.font.mono,
+    fontSize: theme.type.footnote.fontSize,
+    fontWeight: theme.fontWeight.bold,
+    color: theme.code.fg,
+    textDecorationLine: "underline",
+    paddingHorizontal: theme.space.s3
+  },
   line: {
     flexDirection: "row",
     alignItems: "flex-start",

package/dist/{chunk-RUZHTGKB.js → chunk-2PKYGLQ6.js}

@@ -1,7 +1,8 @@
-import { Progress } from './chunk-2ZZ7TDJ4.js';
-import { Sheet } from './chunk-ZVFE5QGU.js';
-import { Button } from './chunk-3ARE4TES.js';
-import { Icon } from './chunk-TKVFVF5D.js';
+import { Progress } from './chunk-5UTRIXQ6.js';
+import { Sheet } from './chunk-QYPE5JX3.js';
+import { Button } from './chunk-E2E3I5W2.js';
+import { useLabels } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-UXGIW7OK.js';
 import * as React from 'react';
 import { View, Text, Modal } from 'react-native';
 import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
@@ -9,21 +10,20 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 function ReleaseSummary({
   release,
-  productName = "Version"
+  productName: productNameProp,
+  labels: labelsProp
 }) {
   const { styles } = useStyles(sheet);
-  const meta = [release.from ? `from ${release.from}` : null, release.size].filter(Boolean).join(" \xB7 ");
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
+  const productName = productNameProp ?? labels.product;
+  const meta = [release.from ? labels.fromVersion(release.from) : null, release.size].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs(View, { style: styles.summaryRow, children: [
-    /* @__PURE__ */ jsxs(Text, { style: styles.version, children: [
-      productName,
-      " ",
-      release.version
-    ] }),
+    /* @__PURE__ */ jsx(Text, { style: styles.version, children: labels.versionLine(productName, release.version) }),
     meta ? /* @__PURE__ */ jsx(Text, { style: styles.meta, children: meta }) : null
   ] });
 }
 function ReleaseNotes({ notes }) {
-  const theme = useLoamTheme();
+  const theme = useLoamTheme("update-notice");
   const { styles } = useStyles(sheet);
   if (!notes.length) return null;
   return /* @__PURE__ */ jsx(View, { style: styles.notes, children: notes.map((n) => /* @__PURE__ */ jsxs(View, { style: styles.noteRow, children: [
@@ -31,19 +31,37 @@ function ReleaseNotes({ notes }) {
     /* @__PURE__ */ jsx(Text, { style: styles.noteText, children: n })
   ] }, n)) });
 }
-function ReleaseMeta({ release }) {
+function ReleaseMeta({ release, labels: labelsProp }) {
   const { styles } = useStyles(sheet);
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
   const pairs = [
-    ["Installed", release.from],
-    ["Required", release.version],
-    ["Download", release.size]
+    [labels.installed, release.from],
+    [labels.required, release.version],
+    [labels.download, release.size]
   ];
-  return /* @__PURE__ */ jsx(View, { style: styles.chips, children: pairs.filter((pair) => Boolean(pair[1])).map(([k, v]) => /* @__PURE__ */ jsx(View, { style: styles.chip, children: /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
-    k,
-    " \xB7 ",
-    v
-  ] }) }, k)) });
+  return /* @__PURE__ */ jsx(View, { style: styles.chips, children: pairs.filter((pair) => Boolean(pair[1])).map(([k, v]) => /* @__PURE__ */ jsx(View, { style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.meta, children: labels.metaItem(k, v) }) }, k)) });
 }
+var DEFAULT_LABELS = {
+  product: "Version",
+  versionLine: (product, version) => `${product} ${version}`,
+  fromVersion: (version) => `from ${version}`,
+  installed: "Installed",
+  required: "Required",
+  download: "Download",
+  metaItem: (caption, value) => `${caption} \xB7 ${value}`,
+  updateReady: "Update ready",
+  downloading: "Downloading",
+  updateAvailable: "Update available",
+  downloadProgress: "Download progress",
+  progressLine: (percent, timeRemaining) => `${percent}%${timeRemaining ? ` \xB7 ${timeRemaining}` : ""} \xB7 you can keep working`,
+  notNow: "Not now",
+  cancel: "Cancel",
+  appliesOnRestart: "Applies on restart. Your open work is restored.",
+  apply: "Restart",
+  blockingTitle: "This build can no longer connect.",
+  blockingAction: "Update and restart",
+  requiredUpdate: "Required update"
+};
 function UpdateNotice({
   release,
   open = true,
@@ -51,16 +69,20 @@ function UpdateNotice({
   defaultState = "available",
   onStateChange,
   progress = 0,
+  timeRemaining,
   onDownload,
   onCancel,
   onApply,
   onSnooze,
-  applyLabel = "Restart",
-  productName = "Version",
+  applyLabel: applyLabelProp,
+  productName,
   layout = "sheet",
-  motion = "full"
+  motion = "full",
+  labels: labelsProp
 }) {
   const { styles } = useStyles(sheet);
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
+  const applyLabel = applyLabelProp ?? labels.apply;
   const [uncontrolled, setUncontrolled] = React.useState(defaultState);
   const state = stateProp ?? uncontrolled;
   const pct = Math.max(0, Math.min(100, Math.round(progress)));
@@ -68,20 +90,25 @@ function UpdateNotice({
     if (stateProp === void 0) setUncontrolled(next);
     onStateChange?.(next);
   };
-  const kicker = state === "ready" ? "Update ready" : state === "downloading" ? "Downloading" : "Update available";
+  const kicker = state === "ready" ? labels.updateReady : state === "downloading" ? labels.downloading : labels.updateAvailable;
   const content = /* @__PURE__ */ jsxs(View, { accessibilityLiveRegion: "polite", style: styles.body, children: [
     /* @__PURE__ */ jsx(Text, { style: styles.kicker, children: kicker }),
-    /* @__PURE__ */ jsx(ReleaseSummary, { release, productName }),
+    /* @__PURE__ */ jsx(ReleaseSummary, { release, productName, labels }),
     state !== "downloading" ? /* @__PURE__ */ jsx(ReleaseNotes, { notes: release.notes ?? [] }) : null,
     state === "downloading" ? /* @__PURE__ */ jsxs(View, { style: styles.progressBlock, children: [
-      /* @__PURE__ */ jsx(Progress, { size: "sm", value: pct, accessibilityLabel: "Download progress", motion }),
-      /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
-        pct,
-        "% \xB7 you can keep working"
-      ] })
+      /* @__PURE__ */ jsx(
+        Progress,
+        {
+          size: "sm",
+          value: pct,
+          accessibilityLabel: labels.downloadProgress,
+          motion
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { style: styles.meta, children: labels.progressLine(pct, timeRemaining) })
     ] }) : null,
     /* @__PURE__ */ jsx(View, { style: styles.actions, children: state === "available" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      onSnooze ? /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onPress: onSnooze, children: "Not now" }) : null,
+      onSnooze ? /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onPress: onSnooze, children: labels.notNow }) : null,
       /* @__PURE__ */ jsx(View, { style: styles.grow }),
       /* @__PURE__ */ jsx(
         Button,
@@ -93,7 +120,7 @@ function UpdateNotice({
             go("downloading");
             onDownload?.();
           },
-          children: "Download"
+          children: labels.download
         }
       )
     ] }) : state === "downloading" ? /* @__PURE__ */ jsx(
@@ -105,10 +132,10 @@ function UpdateNotice({
           go("available");
           onCancel?.();
         },
-        children: "Cancel"
+        children: labels.cancel
       }
     ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.applyNote, children: "Applies on restart. Your open work is restored." }),
+      /* @__PURE__ */ jsx(Text, { style: styles.applyNote, children: labels.appliesOnRestart }),
       /* @__PURE__ */ jsx(Button, { size: "lg", variant: "primary", leadingIcon: "refresh", onPress: onApply, children: applyLabel })
     ] }) })
   ] });
@@ -118,11 +145,15 @@ function UpdateNotice({
 function BlockingUpdate({
   open = true,
   release,
-  title = "This build can no longer connect.",
-  actionLabel = "Update and restart",
-  onApply
+  title: titleProp,
+  actionLabel: actionLabelProp,
+  onApply,
+  labels: labelsProp
 }) {
   const { styles } = useStyles(sheet);
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
+  const title = titleProp ?? labels.blockingTitle;
+  const actionLabel = actionLabelProp ?? labels.blockingAction;
   return /* @__PURE__ */ jsx(
     Modal,
     {
@@ -132,10 +163,10 @@ function BlockingUpdate({
       onRequestClose: () => {
       },
       children: /* @__PURE__ */ jsx(View, { style: styles.blockScrim, children: /* @__PURE__ */ jsxs(View, { accessibilityRole: "alert", accessibilityViewIsModal: true, style: styles.blockCard, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles.blockKicker, children: "Required update" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.blockKicker, children: labels.requiredUpdate }),
         /* @__PURE__ */ jsx(Text, { style: styles.blockTitle, children: title }),
         release.reason ? /* @__PURE__ */ jsx(Text, { style: styles.blockReason, children: release.reason }) : null,
-        /* @__PURE__ */ jsx(ReleaseMeta, { release }),
+        /* @__PURE__ */ jsx(ReleaseMeta, { release, labels }),
         /* @__PURE__ */ jsx(Button, { size: "lg", fullWidth: true, variant: "primary", leadingIcon: "download", onPress: onApply, children: actionLabel })
       ] }) })
     }