@flemo/core 1.2.0 → 1.3.0

package/dist/history/store.d.ts

@@ -13,6 +13,7 @@ interface HistoryStore {
     replaceHistory: (index: number) => void;
     popHistory: (index: number) => void;
     popHistories: (count: number) => void;
+    setTransitionName: (index: number, transitionName: TransitionName) => void;
 }
 declare const useHistoryStore: import('zustand').UseBoundStore<import('zustand').StoreApi<HistoryStore>>;
 export default useHistoryStore;

package/dist/index.mjs

@@ -68,7 +68,7 @@ class Q {
     return new Promise((a, r) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
-          const { control: o, validate: c, rollback: l, dependencies: u = [], delay: d } = e, p = new AbortController(), i = {
+          const { control: o, validate: c, rollback: l, dependencies: u = [], delay: d } = e, m = new AbortController(), i = {
             id: s,
             execute: t,
             timestamp: Date.now(),
@@ -79,7 +79,7 @@ class Q {
             validate: c,
             rollback: l,
             control: o,
-            abortController: p
+            abortController: m
           };
           this.tasks.set(i.id, i), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(i), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((P) => P.id !== i.id));
           try {
@@ -200,7 +200,17 @@ const yt = new Q(), Pt = w((n) => ({
         histories: e.histories.filter((a, r) => r < s - t || r >= s)
       };
     });
-  }
+  },
+  // Override one entry's transition. Used by pop() to relabel the leaving top
+  // before the POPPING flip so the back animation uses the caller's
+  // `transitionName` from the first frame — its original transition never
+  // paints. Returns a fresh array so the renderer re-reads it.
+  setTransitionName: (t, e) => n((s) => {
+    const a = s.histories[t];
+    if (!a || a.transitionName === e) return {};
+    const r = s.histories.slice();
+    return r[t] = { ...a, transitionName: e }, { histories: r };
+  })
 })), gt = w((n) => ({
   status: "IDLE",
   transitionTaskId: null,
@@ -254,7 +264,7 @@ function kt({
   popOnExit: l,
   completedOnExit: u,
   completedOnEnter: d,
-  options: p
+  options: m
 }) {
   return {
     name: n,
@@ -271,7 +281,7 @@ function kt({
       "COMPLETED-false": u,
       "COMPLETED-true": d
     },
-    ...p
+    ...m
   };
 }
 const X = (n, t, e) => {
@@ -433,7 +443,7 @@ const X = (n, t, e) => {
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, t, { animate: e, currentScreen: s, onProgress: a }) => {
-      const { offset: r } = t, o = r.y, c = Math.max(0, Math.min(56, o)), l = z(c, [0, 56], [1, 0.96]), u = Math.max(0, o - 56), d = Math.min(1, u / 160), p = Math.sqrt(d) * 12, i = Math.max(0, c + p), m = Math.min(56, i);
+      const { offset: r } = t, o = r.y, c = Math.max(0, Math.min(56, o)), l = z(c, [0, 56], [1, 0.96]), u = Math.max(0, o - 56), d = Math.min(1, u / 160), m = Math.sqrt(d) * 12, i = Math.max(0, c + m), p = Math.min(56, i);
       return a?.(!0, 100), e(
         s,
         {
@@ -443,7 +453,7 @@ const X = (n, t, e) => {
         {
           duration: 0
         }
-      ), m;
+      ), p;
     },
     onSwipeEnd: async (n, t, { animate: e, currentScreen: s, prevScreen: a, onStart: r }) => {
       const { offset: o, velocity: c } = t, u = o.y > 56 || c.y > 20;
@@ -527,8 +537,8 @@ const X = (n, t, e) => {
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, t, { animate: e, currentScreen: s, prevScreen: a, onProgress: r }) => {
-      const { offset: o } = t, c = o.y, l = Math.max(0, Math.min(56, c)), u = Math.max(0, c - 56), d = Math.min(1, u / 160), p = Math.sqrt(d) * 12, i = Math.max(0, l + p), m = Math.min(56, i);
-      return r?.(!0, m), e(
+      const { offset: o } = t, c = o.y, l = Math.max(0, Math.min(56, c)), u = Math.max(0, c - 56), d = Math.min(1, u / 160), m = Math.sqrt(d) * 12, i = Math.max(0, l + m), p = Math.min(56, i);
+      return r?.(!0, p), e(
         s,
         {
           y: i
@@ -539,11 +549,11 @@ const X = (n, t, e) => {
       ), e(
         a,
         {
-          y: -56 + m,
-          opacity: m / 56
+          y: -56 + p,
+          opacity: p / 56
         },
         { duration: 0 }
-      ), m;
+      ), p;
     },
     onSwipeEnd: async (n, t, { animate: e, currentScreen: s, prevScreen: a, onStart: r }) => {
       const { offset: o, velocity: c } = t, u = o.y > 56 || c.y > 20;
@@ -652,7 +662,7 @@ function Lt({
   popOnExit: l,
   completedOnEnter: u,
   completedOnExit: d,
-  options: p
+  options: m
 }) {
   return {
     name: n,
@@ -669,7 +679,7 @@ function Lt({
       "COMPLETED-false": d,
       "COMPLETED-true": u
     },
-    ...p
+    ...m
   };
 }
 const I = "rgba(0, 0, 0, 0.3)", q = K({
@@ -884,8 +894,8 @@ const I = "rgba(0, 0, 0, 0.3)", q = K({
   const [e, s] = t.split("-");
   return `[data-flemo-bar][data-flemo-bar-transition="${n}"][data-flemo-bar-status="${e}"][data-flemo-bar-active="${s}"][data-flemo-bar-riding="true"]`;
 }, ut = (n, t, e) => `flemo-${n}-${J(t)}-${e}`, x = (n, t, e, s, a, r) => {
-  const o = g(s), c = g(a.value), l = H(a.options), u = U(a.options), d = it(a.options?.ease), p = r(t, e), i = n === "screen" ? `${p},
-${ct(t, e)}` : p;
+  const o = g(s), c = g(a.value), l = H(a.options), u = U(a.options), d = it(a.options?.ease), m = r(t, e), i = n === "screen" ? `${m},
+${ct(t, e)}` : m;
   if (c.length === 0 && o.length === 0)
     return "";
   if (l <= 0 && u <= 0)
@@ -893,8 +903,8 @@ ${ct(t, e)}` : p;
 ${E(c)}
   animation: none;
 }`;
-  const m = ut(n, t, e), P = [
-    `@keyframes ${m} {`,
+  const p = ut(n, t, e), P = [
+    `@keyframes ${p} {`,
     "  from {",
     E(o).replace(/^/gm, "  "),
     "  }",
@@ -904,7 +914,7 @@ ${E(c)}
     "}"
   ].join(`
 `), h = [
-    `${m}`,
+    `${p}`,
     `${l}s`,
     d,
     u > 0 ? `${u}s` : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/core",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Framework-agnostic primitives for flemo: history, navigation, transitions, task manager.",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",