@floegence/floe-webapp-core 0.36.47 → 0.36.48

package/dist/components/workbench/types.d.ts

@@ -87,6 +87,12 @@ export interface WorkbenchWidgetBodyActivation {
     pointerType?: string;
 }
 export type WorkbenchWidgetLifecycle = 'hot' | 'warm' | 'cold';
+export type WorkbenchWidgetMotionPhase = 'enter';
+export interface WorkbenchWidgetMotionIntent {
+    widgetId: string;
+    phase: WorkbenchWidgetMotionPhase;
+    reason?: string;
+}
 export interface WorkbenchWidgetBodyProps<TWidgetType extends string = WorkbenchWidgetType> {
     widgetId: string;
     title: string;
@@ -94,6 +100,7 @@ export interface WorkbenchWidgetBodyProps<TWidgetType extends string = Workbench
     surfaceMetrics?: Accessor<WorkbenchWidgetSurfaceMetrics | undefined>;
     activation?: WorkbenchWidgetBodyActivation;
     lifecycle?: WorkbenchWidgetLifecycle;
+    motion?: WorkbenchWidgetMotionIntent | null;
     selected?: boolean;
     filtered?: boolean;
     requestActivate?: () => void;

package/dist/components/workbench/workbenchMotion.d.ts

@@ -0,0 +1,3 @@
+import { type Accessor } from 'solid-js';
+import type { WorkbenchWidgetMotionIntent } from './types';
+export declare function createWorkbenchWidgetEnterMotionTracker(widgetIds: Accessor<readonly string[]>): Accessor<Record<string, WorkbenchWidgetMotionIntent | null>>;

package/dist/components/workbench/workbenchMotion.js

@@ -0,0 +1,60 @@
+import { createSignal as m, createEffect as T, onCleanup as g } from "solid-js";
+const h = 140;
+function E(c) {
+  return String(c ?? "").trim();
+}
+function M(c) {
+  const [f, a] = m({}), n = /* @__PURE__ */ new Map();
+  let i = /* @__PURE__ */ new Set(), l = !1;
+  const d = (t) => {
+    const e = n.get(t);
+    e && (globalThis.clearTimeout(e), n.delete(t));
+  }, u = (t) => {
+    a((e) => {
+      if (!e[t])
+        return e;
+      const r = { ...e };
+      return delete r[t], r;
+    });
+  };
+  return T(() => {
+    const t = new Set(
+      c().map(E).filter(Boolean)
+    );
+    if (!l) {
+      l = !0, i = t;
+      return;
+    }
+    a((e) => {
+      let r = !1;
+      const o = { ...e };
+      for (const s of Object.keys(e))
+        t.has(s) || (d(s), delete o[s], r = !0);
+      return r ? o : e;
+    });
+    for (const e of t) {
+      if (i.has(e) || n.has(e))
+        continue;
+      a((o) => o[e]?.phase === "enter" ? o : {
+        ...o,
+        [e]: {
+          widgetId: e,
+          phase: "enter",
+          reason: "widget_add"
+        }
+      });
+      const r = globalThis.setTimeout(() => {
+        n.delete(e), u(e);
+      }, h);
+      n.set(e, r);
+    }
+    i = t;
+  }), g(() => {
+    for (const t of n.values())
+      globalThis.clearTimeout(t);
+    n.clear();
+  }), f;
+}
+export {
+  M as createWorkbenchWidgetEnterMotionTracker
+};