@agencecinq/utils 2.0.1 → 2.0.2

package/.turbo/turbo-build.log

@@ -0,0 +1,13 @@
+
+
+> @agencecinq/utils@2.0.1 build /Users/19h47/Sites/agencecinq-shopify/packages/utils
+> vite build
+
+vite v7.3.1 building client environment for production...
+transforming (1) src/index.tstransforming (3) src/events.ts✓ 7 modules transformed.
+rendering chunks (1)...
+[vite:dts] Start generate declaration files...
+computing gzip size (0)...computing gzip size (1)...dist/index.js  3.28 kB │ gzip: 1.52 kB
+[vite:dts] Declaration files built in 2669ms.
+
+✓ built in 3.22s

package/dist/index.js

@@ -12,7 +12,7 @@ const O = {
   return (...c) => {
     r = c, n || (n = setTimeout(s, t));
   };
-}, l = document.documentElement, { body: d } = document, N = l.hasAttribute("data-debug"), o = {
+}, l = document.documentElement, { body: d } = document, W = l.hasAttribute("data-debug"), o = {
   y: 0,
   x: 0
 }, a = {
@@ -26,15 +26,15 @@ window.addEventListener(
   }, 100),
   { passive: !0 }
 );
-const W = {
+const k = {
   lg: window.matchMedia("(width >= 64rem)"),
   xl: window.matchMedia("(min-width: 1280px)"),
   "2xl": window.matchMedia("(min-width: 1440px)"),
   "3xl": window.matchMedia("(min-width: 1920px)")
-}, k = process.env.NODE_ENV === "production", u = (e, t) => {
+}, C = !0, u = (e, t) => {
   typeof e < "u" && (o.x = e), typeof t < "u" && (o.y = t), window.scrollTo(o.x, o.y);
 };
-function C() {
+function N() {
   const e = l.scrollLeft, t = l.scrollTop, n = d.scrollLeft, r = d.scrollTop;
   o.x = window.scrollX || e || n, o.y = window.scrollY || t || r || 0, l.style.setProperty("overflow", "hidden"), l.style.setProperty("height", "100%"), l.style.setProperty("scroll-padding-top", "0px"), u(o.x, o.y);
 }
@@ -73,7 +73,7 @@ function G(e, t = e) {
 function E(e = null) {
   i.keydown && document.removeEventListener("keydown", i.keydown), e && e.focus();
 }
-const p = 8, w = 9, h = 13, b = 16, A = 27, x = 32, g = 33, R = 34, v = 35, P = 36, S = 37, T = 38, D = 39, L = 40, _ = 46, M = {
+const p = 8, w = 9, h = 13, b = 16, A = 27, x = 32, g = 33, R = 34, v = 35, P = 36, S = 37, T = 38, L = 39, D = 40, _ = 46, M = {
   BACKSPACE: p,
   TAB: w,
   ENTER: h,
@@ -86,23 +86,23 @@ const p = 8, w = 9, h = 13, b = 16, A = 27, x = 32, g = 33, R = 34, v = 35, P =
   HOME: P,
   ARROW_LEFT: S,
   ARROW_UP: T,
-  ARROW_RIGHT: D,
-  ARROW_DOWN: L,
+  ARROW_RIGHT: L,
+  ARROW_DOWN: D,
   DELETE: _
 };
 export {
   O as EVENTS,
   G as addTrapFocus,
   d as body,
-  W as breakpoints,
-  C as disableScroll,
+  k as breakpoints,
+  N as disableScroll,
   H as enableScroll,
   m as getFocusableElements,
   l as html,
-  N as isDebug,
+  W as isDebug,
   M as keycode,
   a as mouse,
-  k as production,
+  C as production,
   E as removeTrapFocus,
   o as scroll,
   f as throttle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agencecinq/utils",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -10,25 +10,22 @@
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     }
   },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build"
-  },
   "devDependencies": {
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.0.0"
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
   }
 }

package/src/environment.ts

@@ -0,0 +1,35 @@
+import { throttle } from "./throttle";
+
+const html = document.documentElement;
+const { body } = document;
+const isDebug = html.hasAttribute('data-debug');
+
+const scroll = {
+  y: 0,
+  x: 0,
+};
+
+const mouse = {
+  x: 0,
+  y: 0,
+};
+
+window.addEventListener(
+  'pointermove',
+  throttle(({ x, y }) => {
+    mouse.x = x;
+    mouse.y = y;
+  }, 100),
+  { passive: true }
+);
+
+const breakpoints = {
+  lg: window.matchMedia('(width >= 64rem)'),
+  xl: window.matchMedia('(min-width: 1280px)'),
+  '2xl': window.matchMedia('(min-width: 1440px)'),
+  '3xl': window.matchMedia('(min-width: 1920px)'),
+};
+
+const production = import.meta.env.PROD;
+
+export { html, body, isDebug, scroll, mouse, breakpoints, production };

package/src/events.ts

@@ -0,0 +1,9 @@
+export const EVENTS = {
+  DRAWER_CLOSE: 'drawer-close',
+  DRAWER_OPEN: 'drawer-open',
+  DRAWER_TOGGLE: 'drawer-toggle',
+  CART_UPDATE: 'cart-update',
+  VARIANT_CHANGE: 'variant-change',
+};
+
+export type EventNames = typeof EVENTS[keyof typeof EVENTS];

package/src/focus-trap.ts

@@ -0,0 +1,87 @@
+const trapFocusHandlers: {
+  focusin?: (event: FocusEvent) => void;
+  focusout?: () => void;
+  keydown?: (event: KeyboardEvent) => void;
+} = {};
+
+/**
+ * Filtre les éléments réellement visibles et focalisables
+ */
+function isVisible(el: HTMLElement): boolean {
+  return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
+}
+
+function getFocusableElements(container: HTMLElement): HTMLElement[] {
+  if (!container) return [];
+
+  const selector = [
+    'summary',
+    'a[href]',
+    'button:enabled',
+    '[tabindex]:not([tabindex^="-"])',
+    'input:not([type=hidden]):enabled',
+    'select:enabled',
+    'textarea:enabled',
+    'object',
+    'iframe',
+    '[contenteditable]'
+  ].join(',');
+
+  return Array.from(container.querySelectorAll<HTMLElement>(selector))
+    .filter(el => isVisible(el) && el.getAttribute('tabindex') !== '-1');
+}
+
+function addTrapFocus(container: HTMLElement, elementToFocus: HTMLElement = container): void {
+  const elements = getFocusableElements(container);
+  if (elements.length === 0) return;
+
+  const first = elements[0];
+  const last = elements[elements.length - 1];
+
+  // Nettoyage avant d'ajouter (pour éviter les doublons)
+  removeTrapFocus();
+
+  trapFocusHandlers.keydown = (event: KeyboardEvent): void => {
+    if (event.key !== 'Tab') return;
+
+    if (event.shiftKey) {
+      // Tab arrière
+      if (document.activeElement === first || document.activeElement === container) {
+        event.preventDefault();
+        last.focus();
+      }
+    } else {
+      // Tab avant
+      if (document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    }
+  };
+
+  document.addEventListener('keydown', trapFocusHandlers.keydown);
+
+  // Focus initial
+  elementToFocus.focus();
+
+  // Support spécifique pour les inputs texte (sélection du contenu)
+  if (
+    elementToFocus instanceof HTMLInputElement &&
+    ['search', 'text', 'email', 'url'].includes(elementToFocus.type) &&
+    elementToFocus.value
+  ) {
+    elementToFocus.setSelectionRange(0, elementToFocus.value.length);
+  }
+}
+
+function removeTrapFocus(elementToFocus: HTMLElement | null = null): void {
+  if (trapFocusHandlers.keydown) {
+    document.removeEventListener('keydown', trapFocusHandlers.keydown);
+  }
+
+  if (elementToFocus) {
+    elementToFocus.focus();
+  }
+}
+
+export { addTrapFocus, removeTrapFocus, getFocusableElements };

package/src/index.ts

@@ -0,0 +1,6 @@
+export * from './events';
+export * from './scroll';
+export * from './throttle';
+export * from './environment';
+export * from './focus-trap';
+export * from './keycode';

package/src/keycode.ts

@@ -0,0 +1,33 @@
+const BACKSPACE = 8;
+const TAB = 9;
+const ENTER = 13;
+const SHIFT = 16;
+const ESCAPE = 27;
+const SPACE = 32;
+const PAGE_UP = 33;
+const PAGE_DOWN = 34;
+const END = 35;
+const HOME = 36;
+const ARROW_LEFT = 37;
+const ARROW_UP = 38;
+const ARROW_RIGHT = 39;
+const ARROW_DOWN = 40;
+const DELETE = 46;
+
+export const keycode = {
+  BACKSPACE,
+  TAB,
+  ENTER,
+  SHIFT,
+  ESCAPE,
+  SPACE,
+  PAGE_UP,
+  PAGE_DOWN,
+  END,
+  HOME,
+  ARROW_LEFT,
+  ARROW_UP,
+  ARROW_RIGHT,
+  ARROW_DOWN,
+  DELETE,
+};

package/src/scroll.ts

@@ -0,0 +1,76 @@
+import { html, body, scroll } from "./environment";
+
+
+/**
+ * Resets the scroll position of the window to the specified coordinates.
+ *
+ * @param positionX - The X coordinate to scroll to, as a number. If undefined, the X coordinate will not be changed.
+ * @param positionY - The Y coordinate to scroll to, as a number. If undefined, the Y coordinate will not be changed.
+ */
+const reset = (positionX: number, positionY: number) => {
+	// console.log('resetScroll', positionX, positionY)
+	if ("undefined" !== typeof positionX) {
+		scroll.x = positionX;
+	}
+
+	if ("undefined" !== typeof positionY) {
+		scroll.y = positionY;
+	}
+
+
+	window.scrollTo(scroll.x, scroll.y);
+};
+
+/**
+ * disableScroll
+ *
+ * Lock scroll position, but retain settings for later
+ *
+ * @see  http://stackoverflow.com/a/3656618
+ */
+export function disableScroll() {
+	// console.info('disableScroll');
+
+	const documentElementScrollLeft = html.scrollLeft;
+	const documentElementScrollTop = html.scrollTop;
+
+	const bodyScrollLeft = body.scrollLeft;
+	const bodyScrollTop = body.scrollTop;
+
+	scroll.x = window.scrollX || documentElementScrollLeft || bodyScrollLeft;
+	scroll.y = window.scrollY || documentElementScrollTop || bodyScrollTop || 0;
+
+	// console.log('disableScroll',scroll)
+
+	html.style.setProperty("overflow", "hidden");
+	html.style.setProperty("height", "100%");
+	html.style.setProperty("scroll-padding-top", "0px");
+
+	// eslint-disable-next-line
+	reset(scroll.x, scroll.y);
+}
+
+export function enableScroll(position: number | boolean | undefined = 0): void {
+	// console.info('enableScroll');
+
+	let resumeScroll = true;
+	let currentPosition: number = scroll.y;
+
+	if (typeof position === "number") {
+		currentPosition = position;
+	} else if (typeof position === "boolean" && position === false) {
+		resumeScroll = false;
+	}
+
+	// console.log('enableScroll', { scroll, resumeScroll, currentPosition });
+
+	// unlock scroll position
+	html.style.removeProperty("overflow");
+	html.style.removeProperty("height");
+	html.style.removeProperty("scroll-padding-top");
+
+	// resume scroll position if possible
+	if (resumeScroll) {
+		reset(scroll.x, currentPosition);
+	}
+}

package/src/throttle.ts

@@ -0,0 +1,28 @@
+interface ThrottleFunction {
+  (func: (...args: any[]) => void, wait: number): (...args: any[]) => void;
+}
+/**
+ * Creates a throttled function that only invokes `func` at most once per every `wait` milliseconds.
+ * 
+ * @param func - The function to throttle.
+ * @param wait - The number of milliseconds to wait before allowing `func` to be called again.
+ * @returns A new throttled function.
+ */
+export const throttle: ThrottleFunction = (func, wait) => {
+  let timeout: ReturnType<typeof setTimeout> | null = null;
+  let lastArgs: any[] | null = null;
+
+  const later = () => {
+    if (lastArgs) {
+      func(...lastArgs);
+    }
+    timeout = null;
+  };
+
+  return (...args: any[]) => {
+    lastArgs = args;
+    if (!timeout) {
+      timeout = setTimeout(later, wait);
+    }
+  };
+};

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "declaration": true,
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "paths": {
+      "@agencecinq/utils": ["./src/index.ts"]
+    },
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*"]
+}

package/vite.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import { resolve } from 'path';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      fileName: 'index',
+      formats: ['es']
+    },
+  },
+  plugins: [
+    dts({ 
+      insertTypesEntry: true,
+    })
+  ]
+});