@udixio/ui-react 2.10.12 → 2.10.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.10.12",
+  "version": "2.10.13",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/lib/effects/ThemeProvider.tsx

@@ -12,7 +12,6 @@ import type {
   WorkerInboundMessage,
   WorkerOutboundMessage,
 } from './theme.worker';
-import ThemeWorker from './theme.worker?worker&inline';
 
 function isValidHexColor(hexColorString: string) {
   const regex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
@@ -54,7 +53,10 @@ export const ThemeProvider = ({
       themeApiRef.current = api;
       setThemeApi(api);
 
-      const worker = new ThemeWorker() as Worker;
+      const worker = new Worker(
+        new URL('./theme.worker.ts', import.meta.url),
+        { type: 'module' },
+      );
       workerRef.current = worker;
 
       worker.onmessage = (e: MessageEvent<WorkerOutboundMessage>) => {

package/vite.config.ts

@@ -17,6 +17,7 @@ const getUdixioVite = async () => {
 
 export default defineConfig(async () => ({
   root: __dirname,
+  base: './',
   cacheDir: '../../node_modules/.vite/packages/ui-react',
   plugins: [
     await getUdixioVite(),
@@ -32,6 +33,14 @@ export default defineConfig(async () => ({
       brotliSize: true,
     }),
   ],
+  worker: {
+    format: 'es' as const,
+    rollupOptions: {
+      output: {
+        entryFileNames: '[name].js',
+      },
+    },
+  },
   // Configuration for building your library.
   // See: https://vitejs.dev/guide/build.html#library-mode
   build: {
@@ -52,6 +61,11 @@ export default defineConfig(async () => ({
       formats: ['es' as const, 'cjs' as const],
     },
     rollupOptions: {
+      output: {
+        // Worker JS emis sans hash pour que la référence dans dist/index.js soit stable
+        assetFileNames: '[name][extname]',
+        chunkFileNames: '[name].js',
+      },
       // External packages that should not be bundled into your library.
       external: [
         'react',

package/dist/scrollDriven-AP2yWhzi.js

@@ -1,121 +0,0 @@
-let y = !1, h = null;
-function C() {
-  if (typeof window > "u") return !1;
-  try {
-    if (window.CSS && typeof window.CSS.supports == "function")
-      return CSS.supports("animation-timeline: view()") || CSS.supports("animation-timeline: scroll()") || CSS.supports("view-timeline-name: --a");
-  } catch {
-  }
-  return !1;
-}
-function F() {
-  return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function V(n, t) {
-  return getComputedStyle(n).getPropertyValue(t).trim() || null;
-}
-function b(n) {
-  if (!n) return null;
-  const t = n.split(/\s+/), e = t[t.length - 1];
-  if (!e) return null;
-  if (e.endsWith("%")) {
-    const r = parseFloat(e);
-    if (!isNaN(r)) return Math.max(0, Math.min(100, r)) / 100;
-  }
-  return null;
-}
-function L(n) {
-  const t = V(n, "--udx-range-start"), e = V(n, "--udx-range-end"), r = b(t) ?? 0.2, a = b(e) ?? 0.5, o = Math.max(0, Math.min(1, r)), l = Math.max(o + 1e-3, Math.min(1, a));
-  return { start: o, end: l };
-}
-function i(n, t) {
-  if (!n) return null;
-  const e = n.trim(), r = parseFloat(e);
-  return isNaN(r) ? null : r;
-}
-function p(n, t, e) {
-  return n + (t - n) * e;
-}
-function N(n, t, e, r) {
-  const a = t.opacity != null ? Number(t.opacity) : 1, o = e.opacity != null ? Number(e.opacity) : 1, l = p(a, o, r);
-  n.style.opacity = String(l);
-  const v = i(t["--tw-enter-translate-x"]) ?? i(t["--tw-exit-translate-x"]) ?? 0, g = i(t["--tw-enter-translate-y"]) ?? i(t["--tw-exit-translate-y"]) ?? 0, c = i(e["--tw-enter-translate-x"]) ?? i(e["--tw-exit-translate-x"]) ?? 0, u = i(e["--tw-enter-translate-y"]) ?? i(e["--tw-exit-translate-y"]) ?? 0, S = i(t["--tw-enter-scale"]) ?? i(t["--tw-exit-scale"]) ?? 1, M = i(e["--tw-enter-scale"]) ?? i(e["--tw-exit-scale"]) ?? 1, P = i(t["--tw-enter-rotate"]) ?? i(t["--tw-exit-rotate"]) ?? 0, f = i(e["--tw-enter-rotate"]) ?? i(e["--tw-exit-rotate"]) ?? 0, x = p(v, c, r), s = p(g, u, r), d = p(S, M, r), m = p(P, f, r), w = [];
-  (x !== 0 || s !== 0) && w.push(`translate3d(${x}px, ${s}px, 0)`), d !== 1 && w.push(`scale(${d})`), m !== 0 && w.push(`rotate(${m}deg)`), n.style.transform = w.length ? w.join(" ") : "none";
-}
-function T(n) {
-  const t = n.classList, e = t.contains("animate-in"), r = t.contains("animate-out");
-  if (!e && !r) return null;
-  const a = getComputedStyle(n), o = {
-    opacity: i(a.getPropertyValue("--tw-enter-opacity")) ?? void 0,
-    "--tw-enter-translate-x": a.getPropertyValue("--tw-enter-translate-x") || void 0,
-    "--tw-enter-translate-y": a.getPropertyValue("--tw-enter-translate-y") || void 0,
-    "--tw-enter-scale": a.getPropertyValue("--tw-enter-scale") || void 0,
-    "--tw-enter-rotate": a.getPropertyValue("--tw-enter-rotate") || void 0
-  }, l = {
-    opacity: i(a.getPropertyValue("--tw-exit-opacity")) ?? void 0,
-    "--tw-exit-translate-x": a.getPropertyValue("--tw-exit-translate-x") || void 0,
-    "--tw-exit-translate-y": a.getPropertyValue("--tw-exit-translate-y") || void 0,
-    "--tw-exit-scale": a.getPropertyValue("--tw-exit-scale") || void 0,
-    "--tw-exit-rotate": a.getPropertyValue("--tw-exit-rotate") || void 0
-  };
-  return e ? {
-    from: o,
-    to: { opacity: 1, "--tw-enter-translate-x": "0", "--tw-enter-translate-y": "0", "--tw-enter-scale": "1", "--tw-enter-rotate": "0" }
-  } : r ? {
-    from: { opacity: 1, "--tw-exit-translate-x": "0", "--tw-exit-translate-y": "0", "--tw-exit-scale": "1", "--tw-exit-rotate": "0" },
-    to: l
-  } : null;
-}
-function $() {
-  const n = [
-    ".udx-view",
-    ".udx-view-x",
-    ".udx-view-y",
-    ".udx-view-inline",
-    ".udx-view-block",
-    "[data-udx-view]"
-  ].map((t) => `${t}.animate-in, ${t}.animate-out`).join(", ");
-  return Array.from(document.querySelectorAll(n));
-}
-function k(n = {}) {
-  if (y) return h || (() => {
-  });
-  if (typeof window > "u") return () => {
-  };
-  if (C() || F())
-    return y = !0, () => {
-    };
-  y = !0;
-  const t = n.once ?? !0, e = /* @__PURE__ */ new WeakSet();
-  let r = null;
-  const a = () => {
-    const v = $(), g = window.innerHeight || 0;
-    for (const c of v) {
-      const u = c.getBoundingClientRect(), S = Math.min(u.bottom, g) - Math.max(u.top, 0), M = Math.max(0, Math.min(S, u.height)), P = u.height > 0 ? M / u.height : 0, { start: f, end: x } = L(c);
-      let s = (P - f) / (x - f);
-      s = Math.max(0, Math.min(1, s)), t && e.has(c) && s < 1 && (s = 1);
-      const d = T(c);
-      if (!d) continue;
-      const { from: m, to: w } = d;
-      N(c, m, w, s), s >= 1 && t && e.add(c);
-    }
-  }, o = () => {
-    r == null && (r = window.requestAnimationFrame(() => {
-      r = null, a();
-    }));
-  };
-  a(), window.addEventListener("scroll", o, { passive: !0 }), window.addEventListener("resize", o);
-  const l = new MutationObserver(() => {
-    o();
-  });
-  return l.observe(document.documentElement, {
-    childList: !0,
-    subtree: !0,
-    attributes: !0
-  }), h = () => {
-    window.removeEventListener("scroll", o), window.removeEventListener("resize", o), r != null && cancelAnimationFrame(r), l.disconnect(), y = !1, h = null;
-  }, h;
-}
-export {
-  k as initScrollViewFallback
-};