wenay-react2 1.0.37 → 1.0.39

package/lib/common/src/menu/menuMouse.js

@@ -32,6 +32,17 @@ export function createContextMenu(data) {
     const map = new Map();
     const state = { open: false, items: [], point: { x: 0, y: 0 }, seq: 0 };
     const listeners = new Set();
+    const statsListeners = new Set();
+    const statsState = {
+        openAt: 0,
+        openAtPoint: 0,
+        legacyLayer: 0,
+        close: 0,
+        replace: 0,
+        empty: 0,
+        sources: {},
+        layers: {},
+    };
     const layers = new Set();
     let layerSeq = 0;
     function emit() {
@@ -43,6 +54,50 @@ export function createContextMenu(data) {
         listeners.add(cb);
         return () => { listeners.delete(cb); };
     }
+    function statsSnapshot() {
+        return {
+            openAt: statsState.openAt,
+            openAtPoint: statsState.openAtPoint,
+            legacyLayer: statsState.legacyLayer,
+            close: statsState.close,
+            replace: statsState.replace,
+            empty: statsState.empty,
+            sources: { ...statsState.sources },
+            layers: { ...statsState.layers },
+        };
+    }
+    function emitStats() {
+        const snapshot = statsSnapshot();
+        for (const cb of [...statsListeners])
+            cb(snapshot);
+    }
+    function bumpStat(key) {
+        statsState[key] += 1;
+        emitStats();
+    }
+    function bumpMapStat(map, key) {
+        if (!key)
+            return;
+        map[key] = (map[key] ?? 0) + 1;
+    }
+    const stats = {
+        getSnapshot: statsSnapshot,
+        reset() {
+            statsState.openAt = 0;
+            statsState.openAtPoint = 0;
+            statsState.legacyLayer = 0;
+            statsState.close = 0;
+            statsState.replace = 0;
+            statsState.empty = 0;
+            statsState.sources = {};
+            statsState.layers = {};
+            emitStats();
+        },
+        onChange(cb) {
+            statsListeners.add(cb);
+            return () => { statsListeners.delete(cb); };
+        },
+    };
     function legacyItems() {
         if (map.has("only"))
             return normalizeItems(map.get("only"));
@@ -56,28 +111,39 @@ export function createContextMenu(data) {
     function close() {
         if (!state.open && state.items.length == 0)
             return;
+        bumpStat("close");
         state.open = false;
         state.items = [];
         state.layerId = undefined;
         emit();
     }
-    function openAt(anchor, items, opts = {}) {
+    function openMenu(anchor, items, opts = {}, kind) {
         preventNative(anchor);
         const nextItems = normalizeItems(items);
         if (nextItems.length == 0) {
+            bumpStat("empty");
             close();
             return false;
         }
+        if (state.open)
+            bumpStat("replace");
+        bumpStat(kind);
         state.open = true;
         state.items = nextItems;
         state.point = anchorPoint(anchor);
         state.source = opts.source;
         state.layerId = opts.layerId ?? anchorLayerId(anchor) ?? [...layers][0];
+        bumpMapStat(statsState.sources, state.source);
+        bumpMapStat(statsState.layers, state.layerId);
+        emitStats();
         emit();
         return true;
     }
+    function openAt(anchor, items, opts = {}) {
+        return openMenu(anchor, items, opts, "openAt");
+    }
     function openAtPoint(point, items, opts = {}) {
-        return openAt(point, items, opts);
+        return openMenu(point, items, opts, "openAtPoint");
     }
     function getState() {
         return {
@@ -123,7 +189,7 @@ export function createContextMenu(data) {
             return other ? normalizeItems(other()) : legacyItems();
         }
         function openQueued(anchor) {
-            const opened = openAt(anchor, queuedItems(), { source: "layer", layerId });
+            const opened = openMenu(anchor, queuedItems(), { source: "layer", layerId }, "legacyLayer");
             if (opened) {
                 map.clear();
                 onConsume?.();
@@ -194,6 +260,7 @@ export function createContextMenu(data) {
         openAt,
         openAtPoint,
         close,
+        stats,
         Layer,
         MenuView: Menu,
     };

package/lib/common/src/styles/tokens.d.ts

@@ -17,6 +17,7 @@ export declare const tokens: {
         readonly itemColor: "#fff";
         readonly itemHoverColor: "#101010";
         readonly itemHoverBgColor: "#fff";
+        readonly outlineColor: "#007bff";
         readonly shadow: "0 0 20px 14px rgba(34, 60, 80, 0.2)";
     };
     /** FloatingWindow window chrome (--wnd-*). Defaults = legacy look; apps re-skin via :root[data-theme].
@@ -55,7 +56,7 @@ export declare const tokens: {
         readonly shadow: "0 12px 40px rgba(0, 0, 0, 0.5)";
         /** var(--color-bg-light) in CSS */
         readonly navBg: "#17202e";
-        readonly navWidth: "168px";
+        readonly navWidth: "220px";
     };
     /** Toolbar (createToolbar) chrome (--tb-*). Dark defaults; apps re-skin via :root[data-theme]. */
     readonly tb: {
@@ -74,6 +75,96 @@ export declare const tokens: {
         readonly popRadius: "8px";
         readonly popShadow: "0 8px 28px rgba(0, 0, 0, 0.5)";
     };
+    /** Column-state compact menu (ColumnsMenu/MenuStrip) chrome (--cols-menu-*). */
+    readonly colsMenu: {
+        readonly gap: "6px";
+        readonly btnGap: "4px";
+        readonly btnPadding: "3px 9px";
+        readonly btnRadius: "6px";
+        readonly btnFontSize: "12px";
+        readonly btnLineHeight: "16px";
+        readonly onBorder: "1px solid #24292f";
+        readonly onBg: "#24292f";
+        readonly onColor: "#fff";
+        readonly offBorder: "1px solid #d0d7de";
+        readonly offBg: "#fff";
+        readonly offColor: "#8c959f";
+        readonly disabledBorder: "1px dashed #d0d7de";
+        readonly disabledBg: "#f6f8fa";
+        readonly disabledColor: "#c4ccd4";
+        readonly fixedShadow: "0 0 0 2px #eaeef2";
+        readonly dragShadow: "0 3px 10px rgba(0, 0, 0, 0.35)";
+        readonly divider: "#d0d7de";
+        readonly abbrFontSize: "10px";
+        readonly abbrFontWeight: 700;
+        readonly abbrLetterSpacing: "0.5px";
+        readonly marksFontSize: "9px";
+        readonly marksOpacity: 0.9;
+    };
+    /** ColumnDots chrome (--cols-dots-*). Defaults preserve restored card-29 look. */
+    readonly colsDots: {
+        readonly text: "#24292f";
+        readonly headGap: "10px";
+        readonly headMarginBottom: "6px";
+        readonly headFontSize: "12px";
+        readonly metaColor: "#57606a";
+        readonly sortBorder: "1px solid #6e7781";
+        readonly sortRadius: "6px";
+        readonly sortPadding: "2px 8px";
+        readonly sortFontSize: "12px";
+        readonly sortBg: "#fff";
+        readonly trackHeight: "56px";
+        readonly trackMargin: "0 14px";
+        readonly rail: "#d0d7de";
+        readonly markWidth: "44px";
+        readonly markHeight: "56px";
+        readonly markMarginLeft: "-22px";
+        readonly sortMarkColor: "#0969da";
+        readonly sortMarkFontSize: "11px";
+        readonly pin: "#afb8c1";
+        readonly labelColor: "#8c959f";
+        readonly labelActiveColor: "#24292f";
+        readonly labelFontSize: "10px";
+        readonly dotSize: "18px";
+        readonly dotRadius: "9px";
+        readonly dotBg: "#24292f";
+        readonly dotShadow: "0 3px 10px rgba(0, 0, 0, 0.35)";
+        readonly selectedBg: "#0969da";
+        readonly selectedBorder: "#b6d4fe";
+        readonly fixedBorder: "#afb8c1";
+    };
+    /** CardList chrome (--cols-card-*). Defaults preserve restored card-29 look. */
+    readonly colsCard: {
+        readonly gap: "8px";
+        readonly border: "1px solid #d0d7de";
+        readonly radius: "8px";
+        readonly padding: "8px 10px";
+        readonly bg: "#fff";
+        readonly headerGap: "8px";
+        readonly headerMarginBottom: "6px";
+        readonly titleFontSize: "14px";
+        readonly accentFontSize: "11px";
+        readonly accentPadding: "1px 8px";
+        readonly accentRadius: "10px";
+        readonly accentBg: "#ddf4ff";
+        readonly accentColor: "#0969da";
+        readonly fieldGap: "10px";
+        readonly fieldFontSize: "12px";
+        readonly fieldLineHeight: 1.7;
+        readonly labelColor: "#57606a";
+        readonly labelMinWidth: "72px";
+    };
+    readonly logs: {
+        readonly notificationText: "#fff";
+        readonly notificationAccent: "#5D9FFA";
+        readonly toggleBg: "rgb(58, 58, 58)";
+        readonly toggleOffBg: "rgb(144, 60, 60)";
+        readonly divider: "rgba(255, 255, 255, 1)";
+        readonly tabNavBg: "#333";
+        readonly tabBg: "#444";
+        readonly tabActiveBg: "#666";
+        readonly tabText: "#fff";
+    };
     readonly font: {
         readonly family: "Roboto";
         readonly sizeBase: "12px";

package/lib/common/src/styles/tokens.js

@@ -19,6 +19,7 @@ export const tokens = {
         itemColor: '#fff',
         itemHoverColor: '#101010',
         itemHoverBgColor: '#fff',
+        outlineColor: '#007bff',
         shadow: '0 0 20px 14px rgba(34, 60, 80, 0.2)',
     },
     /** FloatingWindow window chrome (--wnd-*). Defaults = legacy look; apps re-skin via :root[data-theme].
@@ -57,7 +58,7 @@ export const tokens = {
         shadow: '0 12px 40px rgba(0, 0, 0, 0.5)',
         /** var(--color-bg-light) in CSS */
         navBg: '#17202e',
-        navWidth: '168px',
+        navWidth: '220px',
     },
     /** Toolbar (createToolbar) chrome (--tb-*). Dark defaults; apps re-skin via :root[data-theme]. */
     tb: {
@@ -76,6 +77,96 @@ export const tokens = {
         popRadius: '8px',
         popShadow: '0 8px 28px rgba(0, 0, 0, 0.5)',
     },
+    /** Column-state compact menu (ColumnsMenu/MenuStrip) chrome (--cols-menu-*). */
+    colsMenu: {
+        gap: '6px',
+        btnGap: '4px',
+        btnPadding: '3px 9px',
+        btnRadius: '6px',
+        btnFontSize: '12px',
+        btnLineHeight: '16px',
+        onBorder: '1px solid #24292f',
+        onBg: '#24292f',
+        onColor: '#fff',
+        offBorder: '1px solid #d0d7de',
+        offBg: '#fff',
+        offColor: '#8c959f',
+        disabledBorder: '1px dashed #d0d7de',
+        disabledBg: '#f6f8fa',
+        disabledColor: '#c4ccd4',
+        fixedShadow: '0 0 0 2px #eaeef2',
+        dragShadow: '0 3px 10px rgba(0, 0, 0, 0.35)',
+        divider: '#d0d7de',
+        abbrFontSize: '10px',
+        abbrFontWeight: 700,
+        abbrLetterSpacing: '0.5px',
+        marksFontSize: '9px',
+        marksOpacity: 0.9,
+    },
+    /** ColumnDots chrome (--cols-dots-*). Defaults preserve restored card-29 look. */
+    colsDots: {
+        text: '#24292f',
+        headGap: '10px',
+        headMarginBottom: '6px',
+        headFontSize: '12px',
+        metaColor: '#57606a',
+        sortBorder: '1px solid #6e7781',
+        sortRadius: '6px',
+        sortPadding: '2px 8px',
+        sortFontSize: '12px',
+        sortBg: '#fff',
+        trackHeight: '56px',
+        trackMargin: '0 14px',
+        rail: '#d0d7de',
+        markWidth: '44px',
+        markHeight: '56px',
+        markMarginLeft: '-22px',
+        sortMarkColor: '#0969da',
+        sortMarkFontSize: '11px',
+        pin: '#afb8c1',
+        labelColor: '#8c959f',
+        labelActiveColor: '#24292f',
+        labelFontSize: '10px',
+        dotSize: '18px',
+        dotRadius: '9px',
+        dotBg: '#24292f',
+        dotShadow: '0 3px 10px rgba(0, 0, 0, 0.35)',
+        selectedBg: '#0969da',
+        selectedBorder: '#b6d4fe',
+        fixedBorder: '#afb8c1',
+    },
+    /** CardList chrome (--cols-card-*). Defaults preserve restored card-29 look. */
+    colsCard: {
+        gap: '8px',
+        border: '1px solid #d0d7de',
+        radius: '8px',
+        padding: '8px 10px',
+        bg: '#fff',
+        headerGap: '8px',
+        headerMarginBottom: '6px',
+        titleFontSize: '14px',
+        accentFontSize: '11px',
+        accentPadding: '1px 8px',
+        accentRadius: '10px',
+        accentBg: '#ddf4ff',
+        accentColor: '#0969da',
+        fieldGap: '10px',
+        fieldFontSize: '12px',
+        fieldLineHeight: 1.7,
+        labelColor: '#57606a',
+        labelMinWidth: '72px',
+    }, /** Logs chrome (--logs-*). Defaults preserve the old logger look; apps re-skin via CSS vars. */
+    logs: {
+        notificationText: '#fff',
+        notificationAccent: '#5D9FFA',
+        toggleBg: 'rgb(58, 58, 58)',
+        toggleOffBg: 'rgb(144, 60, 60)',
+        divider: 'rgba(255, 255, 255, 1)',
+        tabNavBg: '#333',
+        tabBg: '#444',
+        tabActiveBg: '#666',
+        tabText: '#fff',
+    },
     font: {
         family: 'Roboto',
         sizeBase: '12px',

package/lib/common/src/utils/index.d.ts

@@ -6,3 +6,4 @@ export * from './inputAutoStep';
 export * from './memoryStore';
 export * from './observableMap';
 export * from './pageVisibilityContext';
+export * from './searchHistory';

package/lib/common/src/utils/index.js

@@ -6,3 +6,4 @@ export * from './inputAutoStep';
 export * from './memoryStore';
 export * from './observableMap';
 export * from './pageVisibilityContext';
+export * from './searchHistory';

package/lib/common/src/utils/searchHistory.d.ts

@@ -0,0 +1,14 @@
+export type SearchHistoryState = {
+    items: string[];
+};
+export type SearchHistoryApi = ReturnType<typeof createSearchHistory>;
+export declare function createSearchHistory(opts: {
+    key: string;
+    max?: number;
+}): {
+    readonly items: string[];
+    use(): string[];
+    add(value: string): void;
+    remove(value: string): void;
+    clear(): void;
+};

package/lib/common/src/utils/searchHistory.js

@@ -0,0 +1,59 @@
+import { renderBy, updateBy } from "../../updateBy";
+import { memoryGetOrCreate, memoryMarkDirty } from "./memoryStore";
+function normalizeSearchHistoryItem(value) {
+    return value.replace(/\s+/g, " ").trim();
+}
+export function createSearchHistory(opts) {
+    const max = Math.max(1, opts.max ?? 8);
+    const st = memoryGetOrCreate(opts.key, { items: [] });
+    function normalize() {
+        const seen = new Set();
+        st.items = st.items
+            .map(normalizeSearchHistoryItem)
+            .filter(Boolean)
+            .filter(item => {
+            const k = item.toLocaleLowerCase();
+            if (seen.has(k))
+                return false;
+            seen.add(k);
+            return true;
+        })
+            .slice(0, max);
+        return st.items;
+    }
+    function emit() {
+        normalize();
+        renderBy(st);
+        memoryMarkDirty(opts.key);
+    }
+    return {
+        get items() {
+            return normalize().slice();
+        },
+        use() {
+            updateBy(st);
+            return normalize().slice();
+        },
+        add(value) {
+            const item = normalizeSearchHistoryItem(value);
+            if (!item)
+                return;
+            st.items = [item, ...st.items.filter(e => e.toLocaleLowerCase() != item.toLocaleLowerCase())];
+            emit();
+        },
+        remove(value) {
+            const item = normalizeSearchHistoryItem(value);
+            const next = st.items.filter(e => e.toLocaleLowerCase() != item.toLocaleLowerCase());
+            if (next.length == st.items.length)
+                return;
+            st.items = next;
+            emit();
+        },
+        clear() {
+            if (st.items.length == 0)
+                return;
+            st.items = [];
+            emit();
+        },
+    };
+}

package/lib/style/menuRight.css

@@ -96,7 +96,7 @@
 
 /* If the animation completed, the outline remains */
 .draggable-div.outline-complete::after {
-  border-color: #007bff;
+  border-color: var(--menu-outline-color);
   /* Ensure the pseudo-element shows the full outline */
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
 }
@@ -108,7 +108,7 @@
     clip-path: polygon(0 0, 0 0, 0 0, 0 0);
   }
   25% {
-    border-color: #007bff;
+    border-color: var(--menu-outline-color);
     /* Draw the top line */
     clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
   }