@buoy-gg/core 7.0.36 → 7.0.38

package/lib/module/floatingMenu/dial/dialUsageStore.js

@@ -1,18 +1,12 @@
 "use strict";
 
 /**
- * Dial Usage Store - persists and ranks dial tool usage.
- *
- * Wraps the pure scoring logic from `@buoy-gg/floating-tools-core` with a
- * persisted, in-memory cache. The dial menu uses this to order tools by how
- * recently/frequently they are used, so the most-used tools land on page 1.
- *
- * The cache is loaded eagerly on import so `getRankedToolIds` can run
- * synchronously by the time the dial opens.
+ * Persists dial usage and orders tools by their last launch.
+ * The cache loads on import so opening the dial can rank tools synchronously.
  */
 
 import { persistentStorage, devToolsStorageKeys } from "@buoy-gg/shared-ui";
-import { rankToolIds, recordUsage, pruneUsage } from "@buoy-gg/floating-tools-core";
+import { recordUsage, pruneUsage } from "@buoy-gg/floating-tools-core";
 const STORAGE_KEY = devToolsStorageKeys.dial.usage();
 let cache = {};
 let loaded = false;
@@ -50,15 +44,15 @@ export function isDialUsageLoaded() {
   return loaded;
 }
 
-/**
- * Rank tool ids by recency-weighted usage, highest first. Synchronous —
- * operates against the in-memory cache. Never-used tools keep their original
- * order as a tie-breaker.
- *
- * @param orderedIds - Tool ids in their default/registration order
- */
+/** Most recently opened first; unused tools keep registration order. */
 export function getRankedToolIds(orderedIds) {
-  return rankToolIds(orderedIds, cache, Date.now());
+  return orderedIds.map((id, index) => ({
+    id,
+    index,
+    lastUsed: cache[id]?.lastUsed ?? 0
+  })).sort((a, b) => b.lastUsed - a.lastUsed || a.index - b.index).map(({
+    id
+  }) => id);
 }
 
 /**
@@ -69,7 +63,9 @@ export function getRankedToolIds(orderedIds) {
 export async function recordToolUsage(id) {
   if (!id) return;
   if (!loaded) await loadDialUsage();
-  const now = Date.now();
+
+  // Preserve launch order even when presses share a timestamp or the clock moves back.
+  const now = Math.max(Date.now(), ...Object.values(cache).map(entry => entry.lastUsed + 1));
   cache = pruneUsage(recordUsage(cache, id, now), now);
   try {
     await persistentStorage.setItem(STORAGE_KEY, JSON.stringify(cache));

package/lib/module/floatingMenu/dial/onboardingConstants.js

@@ -1,64 +1,3 @@
 "use strict";
 
-import { Dimensions } from "react-native";
-
-/**
- * Shared constants for onboarding tooltip positioning
- * These ensure the floating menu aligns perfectly under the tooltip arrow
- * All positions are calculated dynamically based on screen size
- */
-
-// Arrow dimensions (relative positioning)
-export const ARROW_BOTTOM_OFFSET = -40; // Arrow extends below tooltip
-export const ARROW_HEIGHT = 20; // borderTopWidth of arrow
-export const SPACING_GAP = 10; // Gap between arrow tip and target element
-
-/**
- * Calculate the center Y position of the screen
- * This is used to vertically center the onboarding UI
- *
- * @returns Y coordinate at the center of the screen
- */
-export function getScreenCenterY() {
-  const {
-    height: screenHeight
-  } = Dimensions.get("window");
-  return screenHeight / 2;
-}
-
-/**
- * Calculate the tooltip position to center it vertically on screen
- * Uses flexbox-style centering - tooltip will center itself with its actual size
- *
- * @returns Distance from screen bottom for tooltip positioning
- */
-export function calculateTooltipPosition() {
-  // Position from center - tooltip will be centered with transform or flex
-  // We return a value that's slightly above center to account for the arrow below
-  const centerY = getScreenCenterY();
-
-  // Approximate offset to center the tooltip+arrow combo
-  // This is a reasonable estimate that works for most tooltip sizes
-  const estimatedHalfHeight = 130; // ~half of (tooltip + arrow)
-
-  return centerY - estimatedHalfHeight;
-}
-
-/**
- * Calculate the position where a target element should be placed
- * to align directly under the tooltip arrow
- *
- * @returns Distance from screen bottom where element should be positioned
- */
-export function calculateTargetPosition() {
-  const tooltipBottom = calculateTooltipPosition();
-
-  // Arrow tip position = tooltip bottom + arrow offset (arrow extends below, so negative)
-  const arrowTipFromBottom = tooltipBottom + ARROW_BOTTOM_OFFSET;
-
-  // Subtract arrow height to get to the actual tip
-  const actualArrowTip = arrowTipFromBottom - ARROW_HEIGHT;
-
-  // Subtract spacing gap to position element below arrow
-  return actualArrowTip - SPACING_GAP;
-}
+export { ARROW_BOTTOM_OFFSET, ARROW_HEIGHT, SPACING_GAP, getScreenCenterY, calculateTooltipPosition, calculateTargetPosition } from "@buoy-gg/shared-ui";

package/lib/module/floatingMenu/dial/onboardingConstants.web.js

@@ -1,27 +1,3 @@
 "use strict";
 
-/**
- * Web twin of onboardingConstants.ts — same math, window.innerHeight instead
- * of RN Dimensions.
- */
-export const ARROW_BOTTOM_OFFSET = -40; // Arrow extends below tooltip
-export const ARROW_HEIGHT = 20; // borderTopWidth of arrow
-export const SPACING_GAP = 10; // Gap between arrow tip and target element
-
-export function getScreenCenterY() {
-  return window.innerHeight / 2;
-}
-
-/** Distance from screen bottom for tooltip positioning (centered-ish). */
-export function calculateTooltipPosition() {
-  const estimatedHalfHeight = 130; // ~half of (tooltip + arrow)
-  return getScreenCenterY() - estimatedHalfHeight;
-}
-
-/** Distance from screen bottom where the bubble should sit (under the arrow). */
-export function calculateTargetPosition() {
-  const tooltipBottom = calculateTooltipPosition();
-  const arrowTipFromBottom = tooltipBottom + ARROW_BOTTOM_OFFSET;
-  const actualArrowTip = arrowTipFromBottom - ARROW_HEIGHT;
-  return actualArrowTip - SPACING_GAP;
-}
+export { ARROW_BOTTOM_OFFSET, ARROW_HEIGHT, SPACING_GAP, getScreenCenterY, calculateTooltipPosition, calculateTargetPosition } from "@buoy-gg/shared-ui/floating";