wenay-react2 1.0.39 → 1.0.41

package/lib/common/src/logs/logs.d.ts

@@ -1,92 +1,13 @@
-import { Params } from "wenay-common2";
-type LogInput<T extends object> = T & {
-    id: string;
-    var?: number;
-    time: Date;
-    txt: string;
-};
-declare const getSettingLogs: () => {
-    minVarLogs: {
-        name: string;
-        range: {
-            min: number;
-            max: number;
-            step: number;
-        };
-        value: number;
-    };
-    minVarMessage: {
-        name: string;
-        range: {
-            min: number;
-            max: number;
-            step: number;
-        };
-        value: number;
-    };
-    timeShow: {
-        name: string;
-        range: {
-            min: number;
-            max: number;
-            step: number;
-        };
-        value: number;
-    };
-    show: {
-        name: string;
-        value: boolean;
-    };
-};
-export declare function getLogsApi<T extends object = {}>(setting: {
-    limit?: number;
-    limitPer: number;
-    varMin?: number;
-}): {
-    addLogs(a: LogInput<T>): void;
+import React from "react";
+import { getSettingLogs, type LogEntry, type LogsApiOptions } from "./logsController";
+export { createLogsController, createLogsControllerState, getSettingLogs, } from "./logsController";
+export type { CreateLogsControllerOptions, LogsApiOptions, LogsController, LogsControllerState, LogsFullState, LogsMiniState, } from "./logsController";
+export declare function getLogsApi<T extends object = {}>(setting: LogsApiOptions): {
+    addLogs: (input: import("./logsController").LogInput<T>) => LogEntry<T>;
     params: {
-        def: () => {
-            minVarLogs: {
-                name: string;
-                range: {
-                    min: number;
-                    max: number;
-                    step: number;
-                };
-                value: number;
-            };
-            minVarMessage: {
-                name: string;
-                range: {
-                    min: number;
-                    max: number;
-                    step: number;
-                };
-                value: number;
-            };
-            timeShow: {
-                name: string;
-                range: {
-                    min: number;
-                    max: number;
-                    step: number;
-                };
-                value: number;
-            };
-            show: {
-                name: string;
-                value: boolean;
-            };
-        };
-        get(): {
-            minVarLogs: number;
-            minVarMessage: number;
-            timeShow: number;
-            show: boolean;
-        } & {
-            readonly [key: number]: void;
-        };
-        set(a: Params.SimpleParams<ReturnType<typeof getSettingLogs>>): void;
+        def: typeof getSettingLogs;
+        get(): import("./logsController").LogsSettings;
+        set(settings: import("./logsController").LogsSettings): void;
     };
     React: {
         Setting: typeof InputSettingLogs;
@@ -95,55 +16,16 @@ export declare function getLogsApi<T extends object = {}>(setting: {
     };
 };
 export declare const logsApi: {
-    addLogs(a: {
+    addLogs: (input: {
         id: string;
         var?: number;
         time: Date;
         txt: string;
-    }): void;
+    }) => LogEntry<{}>;
     params: {
-        def: () => {
-            minVarLogs: {
-                name: string;
-                range: {
-                    min: number;
-                    max: number;
-                    step: number;
-                };
-                value: number;
-            };
-            minVarMessage: {
-                name: string;
-                range: {
-                    min: number;
-                    max: number;
-                    step: number;
-                };
-                value: number;
-            };
-            timeShow: {
-                name: string;
-                range: {
-                    min: number;
-                    max: number;
-                    step: number;
-                };
-                value: number;
-            };
-            show: {
-                name: string;
-                value: boolean;
-            };
-        };
-        get(): {
-            minVarLogs: number;
-            minVarMessage: number;
-            timeShow: number;
-            show: boolean;
-        } & {
-            readonly [key: number]: void;
-        };
-        set(a: Params.SimpleParams<ReturnType<typeof getSettingLogs>>): void;
+        def: typeof getSettingLogs;
+        get(): import("./logsController").LogsSettings;
+        set(settings: import("./logsController").LogsSettings): void;
     };
     React: {
         Setting: typeof InputSettingLogs;
@@ -157,10 +39,35 @@ declare function InputSettingLogs({}: {
 export declare function PageLogs({ update }: {
     update?: number;
 }): import("react/jsx-runtime").JSX.Element;
+export type MessageEventLogsItem = {
+    key: string;
+    logs: LogEntry;
+};
+export type UseMessageEventLogsControllerOptions = {
+    maxVisible?: number;
+};
+export type MessageEventLogsController = {
+    show: boolean;
+    setShow(value: boolean): void;
+    toggleShow(): void;
+    notifications: MessageEventLogsItem[];
+    visibleNotifications: MessageEventLogsItem[];
+    maxVisible: number;
+};
+export type MessageEventLogsViewProps = {
+    controller: MessageEventLogsController;
+    zIndex?: number;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function MessageEventLogCard({ logs }: {
+    logs: LogEntry;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useMessageEventLogsController(options?: UseMessageEventLogsControllerOptions): MessageEventLogsController;
+export declare function MessageEventLogsView({ controller, zIndex, className, style }: MessageEventLogsViewProps): import("react/jsx-runtime").JSX.Element;
 export declare function MessageEventLogs({ zIndex }: {
     zIndex?: number;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function LogsPage({ update }: {
     update?: number;
 }): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/common/src/logs/logs.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AgGridReact } from "ag-grid-react";
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { copyToClipboard, Params, timeLocalToStr_hhmmss } from "wenay-common2";
 import { renderBy, updateBy } from "../../updateBy";
 import { contextMenu } from "../menu/menuMouse";
 import { memoryGetOrCreate } from "../utils/memoryStore";
 import { ParamsEditor } from "../components/ParamsEditor";
 import { logDividerGradient, logSeverityBackground, logStyleTokens } from "./logStyles";
+import { AgGridTable, colDefCentered } from "../grid/agGrid4";
+import { createLogsController, createLogsControllerState, getSettingLogs, } from "./logsController";
+export { createLogsController, createLogsControllerState, getSettingLogs, } from "./logsController";
 const cashLogs = new Map();
 const datumConst = {
     map: cashLogs,
@@ -14,39 +16,25 @@ const datumConst = {
 const datumMiniConst = {
     last: []
 };
-const getSettingLogs = () => ({
-    minVarLogs: { name: "min. importance for notifications", range: { min: 0, max: 25, step: 1 }, value: 0 },
-    minVarMessage: { name: "min. importance for log table", range: { min: 0, max: 25, step: 1 }, value: 0 },
-    timeShow: { name: "screen display time", range: { min: 1, max: 20, step: 1 }, value: 2 },
-    show: { name: "show", value: true }
-});
 const settingLogs = { params: Params.GetSimpleParams(getSettingLogs()) };
+const logGridDefaultColDef = { ...colDefCentered, wrapText: true };
 // varMin - minimum importance
 export function getLogsApi(setting) {
     const datum = memoryGetOrCreate("settingLogs", settingLogs);
-    function addToArr(arr, data, limit) {
-        arr.unshift(data);
-        if (arr.length > limit)
-            arr.length = limit;
-    }
-    let num = 0;
+    const controller = createLogsController({
+        options: setting,
+        state: createLogsControllerState({
+            full: datumConst,
+            mini: datumMiniConst,
+            settings: datum,
+        }),
+        onFullChange: () => renderBy(datumConst),
+        onMiniChange: () => renderBy(datumMiniConst),
+        onSettingsChange: () => renderBy(datum),
+    });
     return {
-        addLogs(a) {
-            const item = { ...a, num: num++ };
-            addToArr(datumMiniConst.last, item, setting.limit ?? 50);
-            addToArr(datumConst.map.get(a.id) ?? datumConst.map.set(a.id, []).get(a.id), item, setting.limitPer);
-            renderBy(datumConst);
-            renderBy(datumMiniConst);
-        },
-        params: {
-            def: getSettingLogs,
-            get() { return datum.params; },
-            set(a) {
-                datum.params = a;
-                renderBy(datumMiniConst);
-                renderBy(datumConst);
-            },
-        },
+        addLogs: controller.addLogs,
+        params: controller.params,
         React: {
             Setting: InputSettingLogs,
             Message: MessageEventLogs,
@@ -136,7 +124,7 @@ export function PageLogs({ update }) {
                 width: 150,
             },
         ];
-        return _jsx("div", { className: "maxSize", children: _jsx(AgGridReact
+        return _jsx("div", { className: "maxSize", children: _jsx(AgGridTable
             // className = "ag-theme-alpine-dark ag-theme-alpine2" // ag-theme-alpine-dark3
             , { 
                 // className = "ag-theme-alpine-dark ag-theme-alpine2" // ag-theme-alpine-dark3
@@ -153,18 +141,11 @@ export function PageLogs({ update }) {
                         });
                     }
                 }, onSortChanged: (e) => {
-                }, defaultColDef: {
-                    headerClass: () => ("gridTable-header"),
-                    resizable: true,
-                    cellStyle: { textAlign: "center" },
-                    sortable: true,
-                    filter: true,
-                    wrapText: true,
-                }, headerHeight: 30, rowHeight: 26, autoSizePadding: 1, rowData: rowData, columnDefs: columns, onCellMouseDown: (e) => {
+                }, defaultColDef: logGridDefaultColDef, headerHeight: 30, rowHeight: 26, autoSizePadding: 1, rowData: rowData, columnDefs: columns, onCellMouseDown: (e) => {
                     if (e.event instanceof MouseEvent && e.event.button == 2) {
                         contextMenu.openAt(e.event, [
                             {
-                                name: "copy", onClick: () => { copyToClipboard(e.value); }
+                                name: "copy", actionKey: "logs.copyCell", onClick: () => { copyToClipboard(e.value); }
                             }
                         ]);
                     }
@@ -172,7 +153,7 @@ export function PageLogs({ update }) {
     }, [true]);
     return _jsx(Main, {});
 }
-function Message({ logs }) {
+export function MessageEventLogCard({ logs }) {
     return _jsxs("div", { className: "testAnime", style: { width: "200px", color: logStyleTokens.text, height: "auto", marginTop: "10px", borderRight: `5px solid ${logStyleTokens.accent}`, background: logSeverityBackground(logs.var) }, children: [_jsx("p", { style: { textAlign: "center", fontSize: "10px", marginBottom: "1px" }, children: "notification" }), _jsx("hr", { style: {
                     backgroundImage: logDividerGradient(),
                     border: 0,
@@ -180,35 +161,84 @@ function Message({ logs }) {
                     margin: "0 0 0 0",
                     boxSizing: "content-box",
                     display: "block"
-                } }), _jsx("div", { style: { textAlign: "right", marginRight: "10px", height: "auto", overflowWrap: "break-word", textOverflow: "ellipsis" }, children: typeof logs.txt == "object" ? JSON.stringify(logs.txt) : logs.txt }), _jsx("p", { style: { float: "inline-end", textAlign: "right", marginRight: "10px" }, children: (new Date()).toLocaleDateString() })] });
+                } }), _jsx("div", { style: { textAlign: "right", marginRight: "10px", height: "auto", overflowWrap: "break-word", textOverflow: "ellipsis" }, children: typeof logs.txt == "object" ? JSON.stringify(logs.txt) : logs.txt }), _jsx("p", { style: { float: "inline-end", textAlign: "right", marginRight: "10px" }, children: (new Date(logs.time)).toLocaleDateString() })] });
 }
-const tt = {};
-let r = 0;
-export function MessageEventLogs({ zIndex }) {
+export function useMessageEventLogsController(options = {}) {
     const setting = memoryGetOrCreate("settingLogs", settingLogs);
-    updateBy(tt);
-    updateBy(datumMiniConst, () => {
-        const last = datumMiniConst.last[0];
-        if (!last)
+    const maxVisible = Math.max(1, options.maxVisible ?? 10);
+    const [notifications, setNotifications] = useState([]);
+    const counterRef = useRef(0);
+    const lastLogRef = useRef(null);
+    const timersRef = useRef(new Map());
+    updateBy(setting);
+    const addNotification = useCallback((last) => {
+        if ((last.var ?? 0) < (setting.params.minVarMessage ?? 0))
             return;
-        if (setting.params.minVarMessage && (!last.var || last.var < setting.params.minVarMessage))
+        const key = String(counterRef.current++);
+        const item = { key, logs: last };
+        const displayMs = (setting.params.timeShow ? setting.params.timeShow : 2) * 1000;
+        setNotifications(prev => [item, ...prev]);
+        const timer = setTimeout(() => {
+            timersRef.current.delete(key);
+            setNotifications(prev => prev.filter(e => e.key !== key));
+        }, displayMs);
+        timersRef.current.set(key, timer);
+    }, [setting]);
+    const onMiniChange = useCallback(() => {
+        const last = datumMiniConst.last[0];
+        if (!last || last === lastLogRef.current)
             return;
-        let key = String(r++);
-        tt[key] = _jsx("div", { className: "example-exit", children: _jsx(Message, { logs: last }) }, key);
-        setTimeout(() => {
-            if (tt[key]) {
-                delete tt[key];
-                renderBy(tt, 100);
-            }
-        }, setting.params.timeShow ? setting.params.timeShow * 1000 : 2000);
-        renderBy(tt);
-    });
-    const tr = [...Object.values(tt)].reverse().slice(0, 10);
-    return _jsxs("div", { style: { maxHeight: "50vh", position: "absolute", right: "1px", zIndex }, children: [_jsx("div", { onClick: () => { setting.params.show = !setting.params.show; renderBy(tt); }, style: { margin: 3, padding: 3, right: 0, position: "absolute", zIndex: 120,
-                    ...setting.params.show ?
-                        { background: logStyleTokens.toggleBg, fontSize: "25px" } :
-                        { background: logStyleTokens.toggleOffBg }
-                }, children: setting.params.show ? "X" : "log" }), _jsx("div", { children: setting.params.show ? tr : null })] });
+        lastLogRef.current = last;
+        addNotification(last);
+    }, [addNotification]);
+    updateBy(datumMiniConst, onMiniChange);
+    useEffect(() => () => {
+        timersRef.current.forEach(clearTimeout);
+        timersRef.current.clear();
+    }, []);
+    const setShow = useCallback((value) => {
+        setting.params.show = value;
+        renderBy(setting);
+    }, [setting]);
+    const toggleShow = useCallback(() => {
+        setShow(!setting.params.show);
+    }, [setShow, setting]);
+    return useMemo(() => ({
+        show: Boolean(setting.params.show),
+        setShow,
+        toggleShow,
+        notifications,
+        visibleNotifications: notifications.slice(0, maxVisible),
+        maxVisible,
+    }), [maxVisible, notifications, setShow, setting.params.show, toggleShow]);
+}
+export function MessageEventLogsView({ controller, zIndex, className, style }) {
+    const toggleTitle = controller.show ? "Hide log notifications" : "Show log notifications";
+    const toggleStyle = {
+        position: "absolute",
+        right: 0,
+        top: 0,
+        zIndex: 120,
+        minWidth: controller.show ? 24 : 42,
+        height: 24,
+        padding: controller.show ? 0 : "0 8px",
+        border: `1px solid ${logStyleTokens.accent}`,
+        borderRadius: 999,
+        background: controller.show ? logStyleTokens.toggleBg : logStyleTokens.toggleOffBg,
+        color: logStyleTokens.text,
+        cursor: "pointer",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: controller.show ? 18 : 12,
+        lineHeight: 1,
+        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.35)",
+    };
+    return _jsxs("div", { className: className, style: { maxHeight: "50vh", position: "absolute", right: "1px", zIndex, ...style }, children: [_jsx("button", { type: "button", "aria-label": toggleTitle, title: toggleTitle, onClick: controller.toggleShow, style: toggleStyle, children: controller.show ? "\u00d7" : "log" }), _jsx("div", { children: controller.show ? controller.visibleNotifications.map(e => (_jsx("div", { className: "example-exit", children: _jsx(MessageEventLogCard, { logs: e.logs }) }, e.key))) : null })] });
+}
+export function MessageEventLogs({ zIndex }) {
+    const controller = useMessageEventLogsController();
+    return _jsx(MessageEventLogsView, { controller: controller, zIndex: zIndex });
 }
 const defPageBase = {
     keyPage: "PageLogs"

package/lib/common/src/logs/logsContext.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ColDef, GridReadyEvent } from 'ag-grid-community';
 /** -----------------------------
  *  1. Log types
  * -----------------------------
@@ -42,7 +43,32 @@ export declare function useLogsContext(): LogsContextValue;
  *     (PageLogs equivalent)
  * -----------------------------
  */
+export type LogsTableController = {
+    logs: LogEntry[];
+    minVarLogs: number;
+    gridRef: React.MutableRefObject<GridReadyEvent | null>;
+    columnDefs: ColDef[];
+    defaultColDef: ColDef;
+    onGridReady(params: GridReadyEvent): void;
+};
+export declare function useLogsTableController(): LogsTableController;
 export declare function LogsTable(): import("react/jsx-runtime").JSX.Element;
+/** -----------------------------
+ *  7. LogsNotifications component
+ *     (MessageEventLogs equivalent)
+ * -----------------------------
+ */
+export interface NotificationItem {
+    id: number;
+    log: LogEntry;
+}
+export type LogsNotificationsController = {
+    showMessages: boolean;
+    setShowMessages(value: boolean): void;
+    notifications: NotificationItem[];
+    visibleNotifications: NotificationItem[];
+};
+export declare function useLogsNotificationsController(): LogsNotificationsController;
 export declare function LogsNotifications(): import("react/jsx-runtime").JSX.Element;
 /** -----------------------------
  *  8. LogsSettings component

package/lib/common/src/logs/logsContext.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { AgGridReact } from 'ag-grid-react';
+import { AgGridTable, colDefCentered } from '../grid/agGrid4';
 import { logDividerGradient, logSeverityBackground, logStyleTokens } from './logStyles';
 /** -----------------------------
  *  2. memoryGetOrCreate function -
@@ -93,15 +93,9 @@ export function useLogsContext() {
     }
     return ctx;
 }
-/** -----------------------------
- *  6. LogsTable component
- *     (PageLogs equivalent)
- * -----------------------------
- */
-export function LogsTable() {
+export function useLogsTableController() {
     const { logs, minVarLogs } = useLogsContext();
     const gridRef = useRef(null);
-    // Column definitions
     const columnDefs = useMemo(() => [
         {
             field: 'time',
@@ -126,12 +120,9 @@ export function LogsTable() {
         }
     ], []);
     const defaultColDef = useMemo(() => ({
-        resizable: true,
-        sortable: true,
-        filter: true,
+        ...colDefCentered,
         wrapText: true,
     }), []);
-    // Watch minVarLogs and configure the AG Grid filter
     useEffect(() => {
         if (gridRef.current?.api) {
             if (minVarLogs > 0) {
@@ -148,14 +139,19 @@ export function LogsTable() {
             }
         }
     }, [minVarLogs]);
+    const onGridReady = useCallback((params) => {
+        gridRef.current = params;
+        params.api.sizeColumnsToFit();
+    }, []);
+    return { logs, minVarLogs, gridRef, columnDefs, defaultColDef, onGridReady };
+}
+export function LogsTable() {
+    const table = useLogsTableController();
     return (
     // <div className="ag-theme-alpine-dark" style={{ width: '100%', height: '100%' }}>
-    _jsx("div", { style: { width: '100%', height: '100%' }, children: _jsx(AgGridReact, { ref: gridRef, onGridReady: (params) => {
-                gridRef.current = params;
-                params.api.sizeColumnsToFit();
-            }, rowData: logs, columnDefs: columnDefs, defaultColDef: defaultColDef, headerHeight: 30, rowHeight: 26 }) }));
+    _jsx("div", { style: { width: '100%', height: '100%' }, children: _jsx(AgGridTable, { onGridReady: table.onGridReady, rowData: table.logs, columnDefs: table.columnDefs, defaultColDef: table.defaultColDef, headerHeight: 30, rowHeight: 26 }) }));
 }
-export function LogsNotifications() {
+export function useLogsNotificationsController() {
     const { logs, minVarMessage, timeShow, showMessages, setShowMessages } = useLogsContext();
     const [notifications, setNotifications] = useState([]);
     const counterRef = useRef(0);
@@ -183,13 +179,22 @@ export function LogsNotifications() {
         timersRef.current.add(timer);
     }, [logs, minVarMessage, timeShow]);
     useEffect(() => () => { timersRef.current.forEach(clearTimeout); }, []);
-    if (!showMessages) {
+    return {
+        showMessages,
+        setShowMessages,
+        notifications,
+        visibleNotifications: notifications.slice(0, 10),
+    };
+}
+export function LogsNotifications() {
+    const controller = useLogsNotificationsController();
+    if (!controller.showMessages) {
         // If popups are hidden, show only "log"
         return (_jsx("div", { style: { position: 'absolute', right: 10, top: 10, zIndex: 999 }, children: _jsx("div", { style: {
                     background: logStyleTokens.toggleOffBg,
                     padding: '6px 10px',
                     cursor: 'pointer'
-                }, onClick: () => setShowMessages(true), children: "log" }) }));
+                }, onClick: () => controller.setShowMessages(true), children: "log" }) }));
     }
     // Otherwise render the current notification list
     return (_jsxs("div", { style: { position: 'absolute', right: 10, top: 10, zIndex: 999 }, children: [_jsx("div", { style: {
@@ -197,7 +202,7 @@ export function LogsNotifications() {
                     fontSize: '20px',
                     padding: '6px 10px',
                     cursor: 'pointer'
-                }, onClick: () => setShowMessages(false), children: "X" }), _jsx("div", { children: notifications.slice(0, 10).map(({ id, log }) => (_jsxs("div", { className: "testAnime example-exit", style: {
+                }, onClick: () => controller.setShowMessages(false), children: "X" }), _jsx("div", { children: controller.visibleNotifications.map(({ id, log }) => (_jsxs("div", { className: "testAnime example-exit", style: {
                         width: 200,
                         color: logStyleTokens.text,
                         marginTop: 10,

package/lib/common/src/logs/logsController.d.ts

@@ -0,0 +1,88 @@
+import { Params } from "wenay-common2";
+export type LogInput<T extends object = {}> = T & {
+    id: string;
+    var?: number;
+    time: Date;
+    txt: string;
+};
+export type LogEntry<T extends object = {}> = LogInput<T> & {
+    num: number;
+};
+export type LogsApiOptions = {
+    limit?: number;
+    limitPer: number;
+    varMin?: number;
+};
+export declare const getSettingLogs: () => {
+    minVarLogs: {
+        name: string;
+        range: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        value: number;
+    };
+    minVarMessage: {
+        name: string;
+        range: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        value: number;
+    };
+    timeShow: {
+        name: string;
+        range: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        value: number;
+    };
+    show: {
+        name: string;
+        value: boolean;
+    };
+};
+export type LogsSettingsDefinition = ReturnType<typeof getSettingLogs>;
+export type LogsSettings = Params.SimpleParams<LogsSettingsDefinition>;
+export type LogsFullState<T extends object = {}> = {
+    map: Map<string, LogEntry<T>[]>;
+};
+export type LogsMiniState<T extends object = {}> = {
+    last: LogEntry<T>[];
+};
+export type LogsSettingsState = {
+    params: LogsSettings;
+};
+export type LogsControllerState<T extends object = {}> = {
+    full: LogsFullState<T>;
+    mini: LogsMiniState<T>;
+    settings: LogsSettingsState;
+};
+export type LogsControllerEvents = {
+    onFullChange?: () => void;
+    onMiniChange?: () => void;
+    onSettingsChange?: () => void;
+};
+export type CreateLogsControllerOptions<T extends object = {}> = LogsControllerEvents & {
+    options: LogsApiOptions;
+    state?: LogsControllerState<T>;
+};
+export type LogsController<T extends object = {}> = {
+    state: LogsControllerState<T>;
+    options: LogsApiOptions;
+    addLogs(input: LogInput<T>): LogEntry<T>;
+    getRows(): LogEntry<T>[];
+    getMiniRows(): LogEntry<T>[];
+    getLatest(): LogEntry<T> | undefined;
+    params: {
+        def: typeof getSettingLogs;
+        get(): LogsSettings;
+        set(settings: LogsSettings): void;
+    };
+};
+export declare function createLogsControllerState<T extends object = {}>(state?: Partial<LogsControllerState<T>>): LogsControllerState<T>;
+export declare function createLogsController<T extends object = {}>({ options, state, onFullChange, onMiniChange, onSettingsChange, }: CreateLogsControllerOptions<T>): LogsController<T>;