@repere/core 0.0.0 → 0.0.2

package/dist/index.js

@@ -1,24 +1,18 @@
-var h = Object.defineProperty;
-var p = (e, i, t) => i in e ? h(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
-var c = (e, i, t) => p(e, typeof i != "symbol" ? i + "" : i, t);
-var d = /* @__PURE__ */ ((e) => (e.TopLeft = "top-left", e.TopCenter = "top-center", e.TopRight = "top-right", e.RightCenter = "right-center", e.BottomRight = "bottom-right", e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.LeftCenter = "left-center", e))(d || {});
-const x = d.TopRight;
+var c = /* @__PURE__ */ ((e) => (e.TopLeft = "top-left", e.TopCenter = "top-center", e.TopRight = "top-right", e.RightCenter = "right-center", e.BottomRight = "bottom-right", e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.LeftCenter = "left-center", e))(c || {});
+const g = c.TopRight;
 class m {
-  constructor() {
-    c(this, "state", /* @__PURE__ */ new Map());
+  state = /* @__PURE__ */ new Map();
+  isDismissed(t) {
+    return this.state.get(t)?.isDismissed ?? !1;
   }
-  isDismissed(i) {
-    const t = this.state.get(i);
-    return (t == null ? void 0 : t.isDismissed) ?? !1;
-  }
-  dismiss(i) {
-    this.state.set(i, {
-      id: i,
+  dismiss(t) {
+    this.state.set(t, {
+      id: t,
       isDismissed: !0
     });
   }
-  reset(i) {
-    this.state.delete(i);
+  reset(t) {
+    this.state.delete(t);
   }
   resetAll() {
     this.state.clear();
@@ -27,193 +21,193 @@ class m {
     return Array.from(this.state.values());
   }
 }
-var u = /* @__PURE__ */ ((e) => (e.Fade = "fade", e.Scale = "scale", e.Grow = "grow", e.Shrink = "shrink", e.SlideUp = "slide-up", e.SlideDown = "slide-down", e.SlideLeft = "slide-left", e.SlideRight = "slide-right", e.None = "none", e))(u || {});
-const g = {
-  [u.SlideDown]: {
+var d = /* @__PURE__ */ ((e) => (e.Fade = "fade", e.Scale = "scale", e.Grow = "grow", e.Shrink = "shrink", e.SlideUp = "slide-up", e.SlideDown = "slide-down", e.SlideLeft = "slide-left", e.SlideRight = "slide-right", e.None = "none", e))(d || {});
+const f = {
+  [d.SlideDown]: {
     initial: { y: -20, opacity: 0 },
     animate: { y: 0, opacity: 1 },
     exit: { y: -20, opacity: 0 }
   },
-  [u.SlideUp]: {
+  [d.SlideUp]: {
     initial: { y: 20, opacity: 0 },
     animate: { y: 0, opacity: 1 },
     exit: { y: 20, opacity: 0 }
   },
-  [u.SlideLeft]: {
+  [d.SlideLeft]: {
     initial: { x: 20, opacity: 0 },
     animate: { x: 0, opacity: 1 },
     exit: { x: 20, opacity: 0 }
   },
-  [u.SlideRight]: {
+  [d.SlideRight]: {
     initial: { x: -20, opacity: 0 },
     animate: { x: 0, opacity: 1 },
     exit: { x: -20, opacity: 0 }
   },
-  [u.Fade]: {
+  [d.Fade]: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     exit: { opacity: 0 }
   },
-  [u.Shrink]: {
+  [d.Shrink]: {
     initial: { scale: 1.1, opacity: 0 },
     animate: { scale: 1, opacity: 1 },
     exit: { scale: 0.9, opacity: 0 }
   },
-  [u.Grow]: {
+  [d.Grow]: {
     initial: { scale: 0.9, opacity: 0 },
     animate: { scale: 1, opacity: 1 },
     exit: { scale: 1.1, opacity: 0 }
   },
-  [u.Scale]: {
+  [d.Scale]: {
     initial: { scale: 0, opacity: 0 },
     animate: { scale: 1, opacity: 1 },
     exit: { scale: 0, opacity: 0 }
   },
-  [u.None]: {
+  [d.None]: {
     initial: {},
     animate: {},
     exit: {}
   }
 };
-function f(e) {
+function u(e) {
   return e ? typeof e == "string" ? { variant: e } : e : null;
 }
-function v(e, i) {
-  const t = f(e), s = f(i);
-  return !t && !s ? null : t ? s ? {
-    variant: s.variant ?? t.variant,
-    duration: s.duration ?? t.duration,
-    delay: s.delay ?? t.delay,
-    ease: s.ease ?? t.ease
-  } : t : s;
+function y(e, t) {
+  const i = u(e), s = u(t);
+  return !i && !s ? null : i ? s ? {
+    variant: s.variant ?? i.variant,
+    duration: s.duration ?? i.duration,
+    delay: s.delay ?? i.delay,
+    ease: s.ease ?? i.ease
+  } : i : s;
 }
-function k(e) {
-  const i = f(e);
-  if (!i) return null;
-  const t = g[i.variant];
-  return t ? {
-    variants: t,
+function w(e) {
+  const t = u(e);
+  if (!t) return null;
+  const i = f[t.variant];
+  return i ? {
+    variants: i,
     transition: {
-      duration: (i.duration || 300) / 1e3,
+      duration: (t.duration || 300) / 1e3,
       // Convert ms to seconds
-      delay: (i.delay || 0) / 1e3,
-      ease: i.ease || [0.4, 0, 0.2, 1]
+      delay: (t.delay || 0) / 1e3,
+      ease: t.ease || [0.4, 0, 0.2, 1]
       // cubic-bezier
     }
-  } : (console.warn(`[Repere] Unknown animation variant: ${i.variant}`), null);
+  } : (console.warn(`[Repere] Unknown animation variant: ${t.variant}`), null);
 }
-function L(e, i) {
-  const t = (o) => {
-    const a = o.match(/(-?\d+)%/);
-    return a ? parseFloat(a[1]) : 0;
-  }, s = t(e.x), r = t(e.y), n = (o = 0) => r === 0 && o === 0 ? `translate(${s}%, 0)` : o === 0 ? `translate(${s}%, ${r}%)` : `translate(${s}%, calc(${r}% + ${o}px))`;
+function b(e, t) {
+  const i = (r) => {
+    const n = r.match(/(-?\d+)%/);
+    return n ? parseFloat(n[1]) : 0;
+  }, s = i(e.x), a = i(e.y), o = (r = 0) => a === 0 && r === 0 ? `translate(${s}%, 0)` : r === 0 ? `translate(${s}%, ${a}%)` : `translate(${s}%, calc(${a}% + ${r}px))`;
   return {
     initial: {
-      ...i.initial,
-      transform: n(i.initial.y || 0)
+      ...t.initial,
+      transform: o(t.initial.y || 0)
     },
     animate: {
-      ...i.animate,
-      transform: n(i.animate.y || 0)
+      ...t.animate,
+      transform: o(t.animate.y || 0)
     },
     exit: {
-      ...i.exit,
-      transform: n(i.exit.y || 0)
+      ...t.exit,
+      transform: o(t.exit.y || 0)
     }
   };
 }
-function z(e, i) {
-  if (!e && !i) return {};
-  const t = e == null ? void 0 : e.variants, s = e == null ? void 0 : e.transition, r = i == null ? void 0 : i.variants, n = i == null ? void 0 : i.transition, o = (n == null ? void 0 : n.ease) ?? (s == null ? void 0 : s.ease) ?? [0.4, 0, 0.2, 1], a = Array.isArray(o) ? `cubic-bezier(${o.join(", ")})` : o;
+function x(e, t) {
+  if (!e && !t) return {};
+  const i = e?.variants, s = e?.transition, a = t?.variants, o = t?.transition, r = o?.ease ?? s?.ease ?? [0.4, 0, 0.2, 1], n = Array.isArray(r) ? `cubic-bezier(${r.join(", ")})` : r;
   return {
     // Initial state (when opening starts) - from onOpen animation
-    "--repere-initial-opacity": (t == null ? void 0 : t.initial.opacity) ?? 0,
-    "--repere-initial-x": `${(t == null ? void 0 : t.initial.x) ?? 0}px`,
-    "--repere-initial-y": `${(t == null ? void 0 : t.initial.y) ?? 0}px`,
-    "--repere-initial-scale": (t == null ? void 0 : t.initial.scale) ?? 1,
+    "--repere-initial-opacity": i?.initial.opacity ?? 0,
+    "--repere-initial-x": `${i?.initial.x ?? 0}px`,
+    "--repere-initial-y": `${i?.initial.y ?? 0}px`,
+    "--repere-initial-scale": i?.initial.scale ?? 1,
     // Animate state (fully open) - from onOpen animation
-    "--repere-animate-opacity": (t == null ? void 0 : t.animate.opacity) ?? 1,
-    "--repere-animate-x": `${(t == null ? void 0 : t.animate.x) ?? 0}px`,
-    "--repere-animate-y": `${(t == null ? void 0 : t.animate.y) ?? 0}px`,
-    "--repere-animate-scale": (t == null ? void 0 : t.animate.scale) ?? 1,
+    "--repere-animate-opacity": i?.animate.opacity ?? 1,
+    "--repere-animate-x": `${i?.animate.x ?? 0}px`,
+    "--repere-animate-y": `${i?.animate.y ?? 0}px`,
+    "--repere-animate-scale": i?.animate.scale ?? 1,
     // Exit state (when closing) - from onClose animation
-    "--repere-exit-opacity": (r == null ? void 0 : r.exit.opacity) ?? 0,
-    "--repere-exit-x": `${(r == null ? void 0 : r.exit.x) ?? 0}px`,
-    "--repere-exit-y": `${(r == null ? void 0 : r.exit.y) ?? 0}px`,
-    "--repere-exit-scale": (r == null ? void 0 : r.exit.scale) ?? 1,
+    "--repere-exit-opacity": a?.exit.opacity ?? 0,
+    "--repere-exit-x": `${a?.exit.x ?? 0}px`,
+    "--repere-exit-y": `${a?.exit.y ?? 0}px`,
+    "--repere-exit-scale": a?.exit.scale ?? 1,
     // Transition timing
-    "--repere-transition-duration": `${(n == null ? void 0 : n.duration) ?? (s == null ? void 0 : s.duration) ?? 0.3}s`,
-    "--repere-transition-timing": a
+    "--repere-transition-duration": `${o?.duration ?? s?.duration ?? 0.3}s`,
+    "--repere-transition-timing": n
   };
 }
-function $(e, i) {
-  const t = (e == null ? void 0 : e.transition.duration) ?? 0, s = (i == null ? void 0 : i.transition.duration) ?? 0;
-  return Math.max(t, s) * 1e3;
+function v(e, t) {
+  const i = e?.transition.duration ?? 0, s = t?.transition.duration ?? 0;
+  return Math.max(i, s) * 1e3;
 }
-function B(e) {
-  return new Promise((i) => setTimeout(i, e));
+function k(e) {
+  return new Promise((t) => setTimeout(t, e));
 }
-function y(e, i) {
-  if (i instanceof RegExp)
-    return i.test(e);
-  if (i === e)
+function p(e, t) {
+  if (t instanceof RegExp)
+    return t.test(e);
+  if (t === e)
     return !0;
-  if (i.includes("*")) {
-    const t = i.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
-    return new RegExp(`^${t}$`).test(e);
+  if (t.includes("*")) {
+    const i = t.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
+    return new RegExp(`^${i}$`).test(e);
   }
   return !1;
 }
-class S {
-  constructor(i, t = {}) {
-    c(this, "store");
-    c(this, "debug");
-    this.store = i, this.debug = t.debug ?? !1;
+class L {
+  store;
+  debug;
+  constructor(t, i = {}) {
+    this.store = t, this.debug = i.debug ?? !1;
   }
   /**
    * Find all pages that match the current path
    * This supports wildcards - e.g., path="*" will match all pages
    */
-  findMatchingPages(i, t) {
-    const s = i.filter((r) => typeof r.path == "function" ? r.path(t) : y(t, r.path));
+  findMatchingPages(t, i) {
+    const s = t.filter((a) => typeof a.path == "function" ? a.path(i) : p(i, a.path));
     return this.debug && console.log(
       "[BeaconManager] Path:",
-      t,
+      i,
       "Matched pages:",
-      s.map((r) => r.id).join(", ") || "none"
+      s.map((a) => a.id).join(", ") || "none"
     ), s;
   }
   /**
    * Get all active (non-dismissed) beacons for the current path
    * Includes beacons from all matching pages (supports wildcards)
    */
-  async getActiveBeacons(i, t) {
-    const s = this.findMatchingPages(i, t);
+  async getActiveBeacons(t, i) {
+    const s = this.findMatchingPages(t, i);
     if (s.length === 0)
       return this.debug && console.log("[BeaconManager] No matching pages found"), [];
     this.debug && console.log(
       "[BeaconManager] Found",
       s.length,
       "matching page(s):",
-      s.map((a) => a.id).join(", ")
+      s.map((n) => n.id).join(", ")
     );
-    const r = [], n = /* @__PURE__ */ new Set();
-    for (const a of s)
-      for (const l of a.beacons) {
-        if (n.has(l.id)) {
+    const a = [], o = /* @__PURE__ */ new Set();
+    for (const n of s)
+      for (const l of n.beacons) {
+        if (o.has(l.id)) {
           this.debug && console.warn(
-            `[BeaconManager] Duplicate beacon ID "${l.id}" in page "${a.id}", skipping`
+            `[BeaconManager] Duplicate beacon ID "${l.id}" in page "${n.id}", skipping`
           );
           continue;
         }
-        n.add(l.id), r.push(l);
+        o.add(l.id), a.push(l);
       }
-    const o = [];
-    for (const a of r)
+    const r = [];
+    for (const n of a)
       await Promise.resolve(
-        this.store.isDismissed(a.id)
-      ) ? this.debug && console.log("[BeaconManager] Beacon", a.id, "is dismissed") : o.push(a);
-    return this.debug && console.log("[BeaconManager] Active beacons:", o.length), o;
+        this.store.isDismissed(n.id)
+      ) ? this.debug && console.log("[BeaconManager] Beacon", n.id, "is dismissed") : r.push(n);
+    return this.debug && console.log("[BeaconManager] Active beacons:", r.length), r;
   }
   /**
    * Get the store instance
@@ -222,101 +216,103 @@ class S {
     return this.store;
   }
 }
-function w(e, i = d.TopRight, t = { x: 0, y: 0 }) {
-  const { x: s = 0, y: r = 0 } = t;
-  let n = 0, o = 0, a = "0", l = "0";
-  switch (i) {
-    case d.TopLeft:
-      n = e.top + window.scrollY, o = e.left + window.scrollX, a = "-50%", l = "-100%";
+function h(e, t = c.TopRight, i = { x: 0, y: 0 }) {
+  const { x: s = 0, y: a = 0 } = i;
+  let o = 0, r = 0, n = "0", l = "0";
+  switch (t) {
+    // Top positions
+    case c.TopLeft:
+      o = e.top + window.scrollY, r = e.left + window.scrollX, n = "-50%", l = "-100%";
       break;
-    case d.TopCenter:
-      n = e.top + window.scrollY, o = e.left + window.scrollX + e.width / 2, a = "-50%", l = "-100%";
+    case c.TopCenter:
+      o = e.top + window.scrollY, r = e.left + window.scrollX + e.width / 2, n = "-50%", l = "-100%";
       break;
-    case d.TopRight:
-      n = e.top + window.scrollY, o = e.right + window.scrollX, a = "-50%", l = "-100%";
+    case c.TopRight:
+      o = e.top + window.scrollY, r = e.right + window.scrollX, n = "-50%", l = "-100%";
       break;
-    case d.RightCenter:
-      n = e.top + window.scrollY + e.height / 2, o = e.right + window.scrollX, a = "0", l = "-50%";
+    // Right positions
+    case c.RightCenter:
+      o = e.top + window.scrollY + e.height / 2, r = e.right + window.scrollX, n = "0", l = "-50%";
       break;
-    case d.BottomLeft:
-      n = e.bottom + window.scrollY, o = e.left + window.scrollX, a = "-50%", l = "0";
+    // Bottom positions
+    case c.BottomLeft:
+      o = e.bottom + window.scrollY, r = e.left + window.scrollX, n = "-50%", l = "0";
       break;
-    case d.BottomCenter:
-      n = e.bottom + window.scrollY, o = e.left + window.scrollX + e.width / 2, a = "-50%", l = "0";
+    case c.BottomCenter:
+      o = e.bottom + window.scrollY, r = e.left + window.scrollX + e.width / 2, n = "-50%", l = "0";
       break;
-    case d.BottomRight:
-      n = e.bottom + window.scrollY, o = e.right + window.scrollX, a = "-50%", l = "0";
+    case c.BottomRight:
+      o = e.bottom + window.scrollY, r = e.right + window.scrollX, n = "-50%", l = "0";
       break;
-    case d.LeftCenter:
-      n = e.top + window.scrollY + e.height / 2, o = e.left + window.scrollX, a = "-100%", l = "-50%";
+    // Left positions
+    case c.LeftCenter:
+      o = e.top + window.scrollY + e.height / 2, r = e.left + window.scrollX, n = "-100%", l = "-50%";
       break;
   }
-  return n += r, o += s, {
-    top: n,
-    left: o,
-    translate: { x: a, y: l }
+  return o += a, r += s, {
+    top: o,
+    left: r,
+    translate: { x: n, y: l }
   };
 }
-class M {
-  constructor(i = !1) {
-    c(this, "tracked", /* @__PURE__ */ new Map());
-    c(this, "scrollListener", null);
-    c(this, "resizeListener", null);
-    c(this, "resizeObserver", null);
-    c(this, "mutationObserver", null);
-    c(this, "debug", !1);
-    c(this, "updateAllPositions", () => {
-      for (const [i] of this.tracked)
-        this.updatePosition(i);
-    });
-    this.debug = i;
+class z {
+  tracked = /* @__PURE__ */ new Map();
+  scrollListener = null;
+  resizeListener = null;
+  resizeObserver = null;
+  mutationObserver = null;
+  debug = !1;
+  constructor(t = !1) {
+    this.debug = t;
   }
   /**
    * Subscribe to position updates for an element
    */
-  subscribe(i, t, s, r = {}) {
-    const n = i;
-    this.tracked.has(n) || this.tracked.set(n, {
-      selector: i,
-      position: t,
-      offset: r.offset,
-      zIndex: r.zIndex ?? 9999,
+  subscribe(t, i, s, a = {}) {
+    const o = t;
+    return this.tracked.has(o) || this.tracked.set(o, {
+      selector: t,
+      position: i,
+      offset: a.offset,
+      zIndex: a.zIndex ?? 9999,
       callbacks: /* @__PURE__ */ new Set(),
       element: null
-    });
-    const o = this.tracked.get(n);
-    return o == null || o.callbacks.add(s), this.tracked.size === 1 && this.startListening(), this.updatePosition(n), () => {
-      const a = this.tracked.get(n);
-      a && (a.callbacks.delete(s), a.callbacks.size === 0 && (this.tracked.delete(n), this.tracked.size === 0 && this.stopListening()));
+    }), this.tracked.get(o)?.callbacks.add(s), this.tracked.size === 1 && this.startListening(), this.updatePosition(o), () => {
+      const n = this.tracked.get(o);
+      n && (n.callbacks.delete(s), n.callbacks.size === 0 && (this.tracked.delete(o), this.tracked.size === 0 && this.stopListening()));
     };
   }
-  updatePosition(i) {
-    const t = this.tracked.get(i);
-    if (!t) return;
-    const s = document.querySelector(t.selector);
+  updatePosition(t) {
+    const i = this.tracked.get(t);
+    if (!i) return;
+    const s = document.querySelector(i.selector);
     if (!s) {
-      this.debug && console.log(`[PositionTracker] Element not found: ${t.selector}`), t.element = null;
-      for (const a of t.callbacks)
-        a(null);
+      this.debug && console.log(`[PositionTracker] Element not found: ${i.selector}`), i.element = null;
+      for (const n of i.callbacks)
+        n(null);
       return;
     }
-    t.element = s;
-    const r = s.getBoundingClientRect(), o = {
-      ...w(
-        r,
-        t.position,
-        t.offset
+    i.element = s;
+    const a = s.getBoundingClientRect(), r = {
+      ...h(
+        a,
+        i.position,
+        i.offset
       ),
       position: "fixed",
-      zIndex: t.zIndex
+      zIndex: i.zIndex
     };
     this.debug && console.log(
-      `[PositionTracker] Updated position for ${t.selector}:`,
-      o
+      `[PositionTracker] Updated position for ${i.selector}:`,
+      r
     );
-    for (const a of t.callbacks)
-      a(o);
+    for (const n of i.callbacks)
+      n(r);
   }
+  updateAllPositions = () => {
+    for (const [t] of this.tracked)
+      this.updatePosition(t);
+  };
   startListening() {
     this.scrollListener = this.updateAllPositions, window.addEventListener("scroll", this.scrollListener, !0), this.resizeListener = this.updateAllPositions, window.addEventListener("resize", this.resizeListener), "ResizeObserver" in window && (this.resizeObserver = new ResizeObserver(this.updateAllPositions)), this.mutationObserver = new MutationObserver(() => {
       this.updateAllPositions();
@@ -326,8 +322,7 @@ class M {
     });
   }
   stopListening() {
-    var i, t;
-    this.scrollListener && (window.removeEventListener("scroll", this.scrollListener, !0), this.scrollListener = null), this.resizeListener && (window.removeEventListener("resize", this.resizeListener), this.resizeListener = null), (i = this.resizeObserver) == null || i.disconnect(), this.resizeObserver = null, (t = this.mutationObserver) == null || t.disconnect(), this.mutationObserver = null;
+    this.scrollListener && (window.removeEventListener("scroll", this.scrollListener, !0), this.scrollListener = null), this.resizeListener && (window.removeEventListener("resize", this.resizeListener), this.resizeListener = null), this.resizeObserver?.disconnect(), this.resizeObserver = null, this.mutationObserver?.disconnect(), this.mutationObserver = null;
   }
   /**
    * Clean up all listeners and subscriptions
@@ -337,16 +332,16 @@ class M {
   }
 }
 export {
-  u as Animation,
-  S as BeaconManager,
-  x as DEFAULT_POSITION,
+  d as Animation,
+  L as BeaconManager,
+  g as DEFAULT_POSITION,
   m as MemoryStore,
-  d as Position,
-  M as PositionTracker,
-  $ as calculateDismissDuration,
-  L as combineTranslateWithAnimation,
-  k as getAnimationConfig,
-  z as getPopoverAnimationStyles,
-  v as mergeAnimationConfigs,
-  B as waitForAnimations
+  c as Position,
+  z as PositionTracker,
+  v as calculateDismissDuration,
+  b as combineTranslateWithAnimation,
+  w as getAnimationConfig,
+  x as getPopoverAnimationStyles,
+  y as mergeAnimationConfigs,
+  k as waitForAnimations
 };

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@repere/core",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "private": false,
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    },
-    "./styles.css": "./dist/styles.css"
+    }
   },
   "files": [
     "dist"
@@ -29,6 +28,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "devDependencies": {
+    "vite": "^7.3.0",
+    "vite-plugin-dts": "^4.5.4"
+  },
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build",