@ledgerhq/device-management-kit-devtools-ui 1.1.1

package/lib/build/src/screens/logger/useSearchState.js

@@ -0,0 +1,74 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { matchesFilter, parseFilterQuery } from "./filterUtils";
+/**
+ * Hook to manage search state and compute matches.
+ *
+ * Features:
+ * - Computes matching row indices using filterUtils
+ * - Tracks current match index for navigation
+ * - Provides navigation functions (next/previous) with wraparound
+ *
+ * @param logs - The logs to search through (typically displayedLogs after filtering)
+ * @returns Search state and navigation functions
+ */
+export const useSearchState = (logs) => {
+    const [searchQuery, setSearchQuery] = useState("");
+    const [currentMatchIndex, setCurrentMatchIndex] = useState(0);
+    // Compute matching row indices using filterUtils
+    const matchIndices = useMemo(() => {
+        const trimmed = searchQuery.trim();
+        if (!trimmed)
+            return [];
+        const tokens = parseFilterQuery(trimmed);
+        if (tokens.length === 0)
+            return [];
+        return logs
+            .map((log, index) => (matchesFilter(log, tokens) ? index : -1))
+            .filter((i) => i !== -1);
+    }, [logs, searchQuery]);
+    // Reset current match index when matches change
+    useEffect(() => {
+        if (matchIndices.length === 0) {
+            setCurrentMatchIndex(0);
+        }
+        else if (currentMatchIndex >= matchIndices.length) {
+            setCurrentMatchIndex(matchIndices.length - 1);
+        }
+    }, [matchIndices.length, currentMatchIndex]);
+    // Navigate to next match (wraps around)
+    const goToNext = useCallback(() => {
+        if (matchIndices.length === 0)
+            return;
+        setCurrentMatchIndex((prev) => prev >= matchIndices.length - 1 ? 0 : prev + 1);
+    }, [matchIndices.length]);
+    // Navigate to previous match (wraps around)
+    const goToPrevious = useCallback(() => {
+        if (matchIndices.length === 0)
+            return;
+        setCurrentMatchIndex((prev) => prev <= 0 ? matchIndices.length - 1 : prev - 1);
+    }, [matchIndices.length]);
+    // Navigate to first match
+    const goToFirst = useCallback(() => {
+        if (matchIndices.length === 0)
+            return;
+        setCurrentMatchIndex(0);
+    }, [matchIndices.length]);
+    // Navigate to last match
+    const goToLast = useCallback(() => {
+        if (matchIndices.length === 0)
+            return;
+        setCurrentMatchIndex(matchIndices.length - 1);
+    }, [matchIndices.length]);
+    return {
+        searchQuery,
+        setSearchQuery,
+        matchIndices,
+        currentMatchIndex,
+        currentMatchRowIndex: matchIndices[currentMatchIndex],
+        goToNext,
+        goToPrevious,
+        goToFirst,
+        goToLast,
+    };
+};
+//# sourceMappingURL=useSearchState.js.map

package/lib/build/src/screens/logger/useSearchState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchState.js","sourceRoot":"","sources":["../../../../../src/screens/logger/useSearchState.ts"],"names":[],"mappings":"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"}

package/lib/build/src/shared/NotConnectedMessage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = {
+    title: string;
+    description: React.ReactNode;
+    codeExample: string;
+};
+export declare const NotConnectedMessage: React.FC<Props>;
+export {};
+//# sourceMappingURL=NotConnectedMessage.d.ts.map

package/lib/build/src/shared/NotConnectedMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotConnectedMessage.d.ts","sourceRoot":"","sources":["../../../../src/shared/NotConnectedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiC1B,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAU/C,CAAC"}

package/lib/build/src/shared/NotConnectedMessage.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 24px;
+  opacity: 0.6;
+`;
+const Title = styled.h3 `
+  margin: 0 0 16px 0;
+  font-size: 24px;
+`;
+const Description = styled.p `
+  text-align: center;
+  max-width: 500px;
+  margin: 0;
+`;
+const CodeBlock = styled.pre `
+  background: #f5f5f5;
+  padding: 16px;
+  border-radius: 8px;
+  margin-top: 16px;
+  font-size: 12px;
+  overflow: auto;
+`;
+export const NotConnectedMessage = ({ title, description, codeExample, }) => (_jsxs(Container, { children: [_jsx(Title, { children: title }), _jsx(Description, { children: description }), _jsx(CodeBlock, { children: codeExample })] }));
+//# sourceMappingURL=NotConnectedMessage.js.map

package/lib/build/src/shared/NotConnectedMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotConnectedMessage.js","sourceRoot":"","sources":["../../../../src/shared/NotConnectedMessage.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ3B,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;;;CAGtB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAC;AAQF,MAAM,CAAC,MAAM,mBAAmB,GAAoB,CAAC,EACnD,KAAK,EACL,WAAW,EACX,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,MAAC,SAAS,eACR,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,WAAW,cAAE,WAAW,GAAe,EACxC,KAAC,SAAS,cAAE,WAAW,GAAa,IAC1B,CACb,CAAC"}

package/lib/build/src/shared/PluginEvents.d.ts

@@ -0,0 +1,9 @@
+export type Message = {
+    type: string;
+    payload: string;
+};
+export interface PluginEvents extends Record<string, unknown> {
+    init: string;
+    message: Message;
+}
+//# sourceMappingURL=PluginEvents.d.ts.map

package/lib/build/src/shared/PluginEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginEvents.d.ts","sourceRoot":"","sources":["../../../../src/shared/PluginEvents.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/lib/build/src/shared/PluginEvents.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PluginEvents.js.map

package/lib/build/src/shared/PluginEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginEvents.js","sourceRoot":"","sources":["../../../../src/shared/PluginEvents.ts"],"names":[],"mappings":""}