@buoy-gg/floating-tools-core 7.0.36 → 7.0.38

package/lib/module/dialUsage.js

@@ -1,122 +1 @@
-"use strict";
-
-/**
- * Dial Usage - Recency-weighted usage tracking for the dial menu.
- *
- * Pure scoring/ranking logic. No React or platform-specific code.
- *
- * The dial menu ranks tools by how recently and frequently they are used.
- * Each press adds 1 point to a tool's score; that score decays exponentially
- * over time (half-life ~3 days) so the ordering reflects "what I'm using most
- * lately" rather than all-time totals.
- */
-
-// =============================
-// Constants
-// =============================
-
-/**
- * Half-life of a usage score, in milliseconds (~3 days).
- * After this much time, an untouched tool's score halves.
- */
-export const USAGE_HALF_LIFE_MS = 3 * 24 * 60 * 60 * 1000;
-
-/**
- * Scores at or below this value are treated as zero. Entries that decay
- * below it can be safely pruned from storage.
- */
-export const USAGE_MIN_SCORE = 0.01;
-
-// =============================
-// Types
-// =============================
-
-/**
- * A single tool's usage record.
- */
-
-/** Map of tool id to its usage record. */
-
-// =============================
-// Scoring
-// =============================
-
-/**
- * Decay a stored score forward to `now`.
- *
- * @param entry - The usage entry to evaluate
- * @param now - Current epoch ms
- * @returns The score decayed to `now` (never negative)
- */
-export function decayScore(entry, now) {
-  if (!entry || entry.score <= 0) return 0;
-  const elapsed = now - entry.lastUsed;
-  // Guard against clock skew producing a score boost.
-  if (elapsed <= 0) return entry.score;
-  return entry.score * Math.pow(0.5, elapsed / USAGE_HALF_LIFE_MS);
-}
-
-/**
- * Record a single press of a tool, returning a new usage map.
- *
- * The existing score is decayed forward to `now` before adding 1, so a
- * burst of presses accumulates while stale scores naturally fade.
- *
- * @param map - Current usage map
- * @param id - Tool id that was pressed
- * @param now - Current epoch ms
- * @returns A new usage map (input is not mutated)
- */
-export function recordUsage(map, id, now) {
-  const decayed = decayScore(map[id], now);
-  return {
-    ...map,
-    [id]: {
-      score: decayed + 1,
-      lastUsed: now
-    }
-  };
-}
-
-/**
- * Rank tool ids by decayed usage score, highest first.
- *
- * The sort is stable: tools with equal scores (including never-used tools,
- * which score 0) keep their original order in `orderedIds`. This preserves
- * registration order as the tie-breaker.
- *
- * @param orderedIds - Tool ids in their default/registration order
- * @param map - Current usage map
- * @param now - Current epoch ms
- * @returns A new array of ids sorted by usage
- */
-export function rankToolIds(orderedIds, map, now) {
-  const scored = orderedIds.map((id, index) => ({
-    id,
-    index,
-    score: decayScore(map[id], now)
-  }));
-  scored.sort((a, b) => {
-    if (b.score !== a.score) return b.score - a.score;
-    return a.index - b.index;
-  });
-  return scored.map(entry => entry.id);
-}
-
-/**
- * Drop entries whose decayed score has fallen below `USAGE_MIN_SCORE`,
- * keeping the persisted map from growing unbounded.
- *
- * @param map - Current usage map
- * @param now - Current epoch ms
- * @returns A new, pruned usage map
- */
-export function pruneUsage(map, now) {
-  const pruned = {};
-  for (const [id, entry] of Object.entries(map)) {
-    if (decayScore(entry, now) > USAGE_MIN_SCORE) {
-      pruned[id] = entry;
-    }
-  }
-  return pruned;
-}
+"use strict";export const USAGE_HALF_LIFE_MS=2592e5;export const USAGE_MIN_SCORE=.01;export function decayScore(e,o){if(!e||e.score<=0)return 0;const r=o-e.lastUsed;return r<=0?e.score:e.score*Math.pow(.5,r/2592e5)}export function recordUsage(e,o,r){const c=decayScore(e[o],r);return{...e,[o]:{score:c+1,lastUsed:r}}}export function rankToolIds(e,o,r){const c=e.map((e,c)=>({id:e,index:c,score:decayScore(o[e],r)}));return c.sort((e,o)=>o.score!==e.score?o.score-e.score:e.index-o.index),c.map(e=>e.id)}export function pruneUsage(e,o){const r={};for(const[c,t]of Object.entries(e))decayScore(t,o)>.01&&(r[c]=t);return r}

package/lib/module/easing.js

@@ -1,62 +1 @@
-"use strict";
-
-/**
- * Animation easing functions.
- * Platform-agnostic - used by both web (RAF) and mobile (Animated).
- */
-
-/**
- * Easing functions for animations.
- * All functions take progress (0-1) and return eased value (0-1).
- */
-export const easing = {
-  /**
-   * Linear - no easing.
-   */
-  linear: t => t,
-  /**
-   * Ease out cubic - decelerates towards end.
-   * Used for hide/show animations.
-   */
-  easeOutCubic: t => 1 - Math.pow(1 - t, 3),
-  /**
-   * Ease in cubic - accelerates from start.
-   */
-  easeInCubic: t => t * t * t,
-  /**
-   * Ease in-out cubic - smooth acceleration and deceleration.
-   */
-  easeInOutCubic: t => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2,
-  /**
-   * Ease out quad - lighter deceleration than cubic.
-   */
-  easeOutQuad: t => 1 - (1 - t) * (1 - t),
-  /**
-   * Ease out expo - strong deceleration (snappy feel).
-   */
-  easeOutExpo: t => t === 1 ? 1 : 1 - Math.pow(2, -10 * t)
-};
-/**
- * Get an easing function by name.
- */
-export function getEasing(name) {
-  return easing[name];
-}
-
-/**
- * Interpolate between two values using an easing function.
- */
-export function interpolate(from, to, progress, easingFn = easing.easeOutCubic) {
-  const eased = easingFn(Math.max(0, Math.min(1, progress)));
-  return from + (to - from) * eased;
-}
-
-/**
- * Interpolate a position (x, y) using an easing function.
- */
-export function interpolatePosition(from, to, progress, easingFn = easing.easeOutCubic) {
-  return {
-    x: interpolate(from.x, to.x, progress, easingFn),
-    y: interpolate(from.y, to.y, progress, easingFn)
-  };
-}
+"use strict";export const easing={linear:e=>e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInCubic:e=>e*e*e,easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeOutQuad:e=>1-(1-e)*(1-e),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e)};export function getEasing(e){return easing[e]}export function interpolate(e,t,a,n=easing.easeOutCubic){return e+(t-e)*n(Math.max(0,Math.min(1,a)))}export function interpolatePosition(e,t,a,n=easing.easeOutCubic){return{x:interpolate(e.x,t.x,a,n),y:interpolate(e.y,t.y,a,n)}}

package/lib/module/floating.js

@@ -0,0 +1 @@
+"use strict";export{FloatingToolsStore}from"./FloatingToolsStore.js";export*from"./constants.js";export*from"./types.js";export*from"./utils.js";export*from"./easing.js";export*from"./colors.js";

package/lib/module/fonts.js

@@ -1,28 +1 @@
-"use strict";
-
-import { Platform } from "react-native";
-
-/**
- * The monospace family, per platform — THE seam for every `fontFamily` in Buoy.
- *
- * `"monospace"` is an ANDROID family name. iOS has no family called that, so
- * React Native silently falls back to the system font: every code path, header
- * name, JSON value and status chip Buoy renders "in monospace" was actually
- * proportional on iOS. The cross-framework parity sheet is what surfaced it —
- * Flutter resolves `monospace` to a real monospaced face, so its chips came out
- * wider and taller than their RN twins and looked like a port bug.
- *
- * Menlo ships with every iOS version and is the family the ports can name too
- * (Flutter `buoyMonoFont`, SwiftUI `Font.custom("Menlo", …)`), which is what
- * makes the three frameworks draw the same glyphs.
- *
- * On web (the desktop dashboard, react-native-web) the generic `monospace`
- * resolves to a thin, poorly-hinted browser default, so a curated stack is used
- * there instead — the choice `packages/console` had already made locally.
- */
-export const monoFont = Platform.select({
-  ios: "Menlo",
-  android: "monospace",
-  web: 'ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace',
-  default: "monospace"
-}) ?? "monospace";
+"use strict";import{Platform}from"react-native";export const monoFont=Platform.select({ios:"Menlo",android:"monospace",web:'ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace',default:"monospace"})??"monospace";

package/lib/module/fonts.web.js

@@ -0,0 +1 @@
+"use strict";export const monoFont='ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace';

package/lib/module/icons/ICONS.md

@@ -1,3 +1,10 @@
+> **Raster defaults:** 15 shared tool designs plus 10 supplied or separately exported raster families use PNGs across supported platforms.
+> Sources remain in `shared/icons`; the raster manifest is `shared/raster-icon-manifest.json`.
+> Run `pnpm icons` after editing a source. Per-icon modules preserve aliases and fall back to
+> the existing renderer for custom colors/backgrounds or previews above 48 points.
+> Transparent image bleed does not enlarge the layout box. See `ICON_RASTER_CONVERSION_PLAN.md`
+> for platform coverage and remaining validation.
+
 # Icon System API Documentation
 
 A declarative, data-driven icon system for creating scalable vector-like icons using pure React components. Works on both **web** and **React Native** without SVG dependencies.

package/lib/module/icons/ask-buoy-icon.js

@@ -1,18 +1 @@
-"use strict";
-
-/**
- * AskBuoyIcon - Data-driven icon
- *
- * A speech bubble with three dots and a small orb above it — a conversation,
- * with something thinking behind it.
- *
- * Defined as pure data in shared/icons/ask-buoy.json (Buoy Icon Format),
- * so this is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { askBuoyIconData, ASK_BUOY_ICON_COLOR } from "./generated/icon-data.g.js";
-export { ASK_BUOY_ICON_COLOR };
-export const AskBuoyIcon = createIcon(askBuoyIconData);
+"use strict";import{createRasterIcon}from"./raster-icon.js";export{ASK_BUOY_ICON_COLOR}from"./generated/icon-data.g.js";export const AskBuoyIcon=createRasterIcon("askBuoy");

package/lib/module/icons/ask-buoy-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{Image}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export{ASK_BUOY_ICON_COLOR}from"./generated/icon-data.g.js";const source=require("./assets/askBuoy.png");export function AskBuoyIcon({size:e=24,style:s}){return _jsx(Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},s]})}

package/lib/module/icons/assets-icon.js

@@ -1,17 +1 @@
-"use strict";
-
-/**
- * AssetsIcon - Data-driven icon
- *
- * Stacked asset layers inside the tool frame.
- *
- * Defined as pure data in shared/icons/assets.json (Buoy Icon Format), so this
- * is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { assetsIconData, ASSETS_ICON_COLOR } from "./generated/icon-data.g.js";
-export { ASSETS_ICON_COLOR };
-export const AssetsIcon = createIcon(assetsIconData);
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{assetsIconData}from"./generated/icon-data.g.js";import source from"./generated/assets-raster.g.js";export{ASSETS_ICON_COLOR}from"./generated/icon-data.g.js";export const AssetsIcon=createBifRasterIcon(assetsIconData,source,9);

package/lib/module/icons/assets-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{assetsIconData}from"./generated/icon-data.g.js";export{ASSETS_ICON_COLOR}from"./generated/icon-data.g.js";export const AssetsIcon=createBifRasterIcon(assetsIconData,require("./assets/assets.png"),9);

package/lib/module/icons/benchmark-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * BenchmarkIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/benchmark.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { benchmarkIconData, BENCHMARK_ICON_COLOR } from "./generated/icon-data.g.js";
-export { BENCHMARK_ICON_COLOR };
-export const BenchmarkIcon = createIcon(benchmarkIconData);
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{benchmarkIconData}from"./generated/icon-data.g.js";import source from"./generated/benchmark-raster.g.js";export{BENCHMARK_ICON_COLOR}from"./generated/icon-data.g.js";export const BenchmarkIcon=createBifRasterIcon(benchmarkIconData,source,3);

package/lib/module/icons/benchmark-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{benchmarkIconData}from"./generated/icon-data.g.js";export{BENCHMARK_ICON_COLOR}from"./generated/icon-data.g.js";export const BenchmarkIcon=createBifRasterIcon(benchmarkIconData,require("./assets/benchmark.png"),3);

package/lib/module/icons/bif-raster-icon.js

@@ -0,0 +1 @@
+"use strict";import{createElement}from"react";import{createIcon}from"./icon-renderer.js";export function createBifRasterIcon(e,t,o){const r=createIcon(e);return function(n){const{size:i=24,color:a,bgColor:c,style:l}=n;if(void 0!==a&&a.toLowerCase()!==e.color.toLowerCase()||void 0!==c&&c.toLowerCase()!==e.bgColor.toLowerCase()||i>48)return createElement(r,n);const s=i*o/24;return createElement("span",{"aria-hidden":!0,style:{display:"inline-block",position:"relative",width:i,height:i,flexShrink:0,verticalAlign:"middle",...l}},createElement("img",{src:t,alt:"",draggable:!1,style:{position:"absolute",left:-s,top:-s,width:i+2*s,height:i+2*s,maxWidth:"none",pointerEvents:"none"}}))}}

package/lib/module/icons/bif-raster-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{Image,View}from"react-native";import{createIcon}from"./icon-renderer.js";import{jsx as _jsx}from"react/jsx-runtime";export function createBifRasterIcon(e,o,t){const r=createIcon(e);return function(s){const{size:i=24,color:c,bgColor:n,style:a}=s;if(void 0!==c&&c.toLowerCase()!==e.color.toLowerCase()||void 0!==n&&n.toLowerCase()!==e.bgColor.toLowerCase()||i>48)return _jsx(r,{...s});const l=i*t/24;return _jsx(View,{accessible:!1,style:[{width:i,height:i},a],children:_jsx(Image,{source:o,resizeMode:"contain",fadeDuration:0,accessible:!1,style:{position:"absolute",left:-l,top:-l,width:i+2*l,height:i+2*l}})})}}

package/lib/module/icons/camera-icon.js

@@ -1,18 +1 @@
-"use strict";
-
-/**
- * CameraIcon - Data-driven icon
- *
- * A camera body with a viewfinder hump, a lens ring with lit glass, and a
- * flash dot.
- *
- * Defined as pure data in shared/icons/camera.json (Buoy Icon Format), so this
- * is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { cameraIconData, CAMERA_ICON_COLOR } from "./generated/icon-data.g.js";
-export { CAMERA_ICON_COLOR };
-export const CameraIcon = createIcon(cameraIconData);
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{cameraIconData}from"./generated/icon-data.g.js";import source from"./generated/camera-raster.g.js";export{CAMERA_ICON_COLOR}from"./generated/icon-data.g.js";export const CameraIcon=createBifRasterIcon(cameraIconData,source,9);

package/lib/module/icons/camera-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{cameraIconData}from"./generated/icon-data.g.js";export{CAMERA_ICON_COLOR}from"./generated/icon-data.g.js";export const CameraIcon=createBifRasterIcon(cameraIconData,require("./assets/camera.png"),9);

package/lib/module/icons/console-icon.js

@@ -1,17 +1 @@
-"use strict";
-
-/**
- * ConsoleIcon - Data-driven icon
- *
- * Terminal frame with a `>_` prompt.
- *
- * Defined as pure data in shared/icons/console.json (Buoy Icon Format), so this
- * is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { consoleIconData, CONSOLE_ICON_COLOR } from "./generated/icon-data.g.js";
-export { CONSOLE_ICON_COLOR };
-export const ConsoleIcon = createIcon(consoleIconData);
+"use strict";import{createRasterIcon}from"./raster-icon.js";export{CONSOLE_ICON_COLOR}from"./generated/icon-data.g.js";export const ConsoleIcon=createRasterIcon("console");

package/lib/module/icons/console-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{Image}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export{CONSOLE_ICON_COLOR}from"./generated/icon-data.g.js";const source=require("./assets/console.png");export function ConsoleIcon({size:e=24,style:s}){return _jsx(Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},s]})}

package/lib/module/icons/env-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * EnvIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/env.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { envIconData, ENV_ICON_COLOR } from "./generated/icon-data.g.js";
-export { ENV_ICON_COLOR };
-export const EnvIcon = createIcon(envIconData);
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{envIconData}from"./generated/icon-data.g.js";import source from"./generated/env-raster.g.js";export{ENV_ICON_COLOR}from"./generated/icon-data.g.js";export const EnvIcon=createBifRasterIcon(envIconData,source,3);

package/lib/module/icons/env-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{envIconData}from"./generated/icon-data.g.js";export{ENV_ICON_COLOR}from"./generated/icon-data.g.js";export const EnvIcon=createBifRasterIcon(envIconData,require("./assets/env.png"),3);

package/lib/module/icons/events-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * EventsIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/events.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { eventsIconData, EVENTS_ICON_COLOR } from "./generated/icon-data.g.js";
-export { EVENTS_ICON_COLOR };
-export const EventsIcon = createIcon(eventsIconData);
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{eventsIconData}from"./generated/icon-data.g.js";import source from"./generated/events-raster.g.js";export{EVENTS_ICON_COLOR}from"./generated/icon-data.g.js";export const EventsIcon=createBifRasterIcon(eventsIconData,source,3);

package/lib/module/icons/events-icon.native.js

@@ -0,0 +1 @@
+"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{eventsIconData}from"./generated/icon-data.g.js";export{EVENTS_ICON_COLOR}from"./generated/icon-data.g.js";export const EventsIcon=createBifRasterIcon(eventsIconData,require("./assets/events.png"),3);