@xwadex/fesd-next 0.3.4-10 → 0.3.4-11

package/dist/utils/index.mjs

@@ -0,0 +1,60 @@
+import { clearBodyLocks, lock } from "tua-body-scroll-lock";
+//#region src/utils/index.ts
+const regexParse = (regexString, flags) => {
+	const regex = regexString.replace(/\\\\/g, "\\");
+	try {
+		return new RegExp(regex);
+	} catch (e) {
+		console.error("Invalid regular expression:", regexString, e);
+		return regexString;
+	}
+};
+const regexReplaceEach = (currentValue, replace) => replace.reduce((current, regexs) => {
+	const regexPattern = regexParse(regexs.pattern, regexs.flags);
+	return regexPattern instanceof RegExp ? current.replace(regexPattern, "") : current;
+}, currentValue);
+const mediaRatio = (width, height) => Number(width) && Number(height) ? Math.round(height / width * 1e4) / 100 + "%" : "100%";
+const sleep = (time) => new Promise((resolve) => {
+	let timer = setTimeout(() => {
+		clearTimeout(timer);
+		return resolve();
+	}, time);
+});
+const querySearchWord = (str) => str.trim().toLowerCase();
+const lockBody = (active, stillScrollHTMLElement) => {
+	document.body.style.overflow = active ? "visible" : "";
+	active ? lock(stillScrollHTMLElement) : clearBodyLocks();
+};
+const mergeClassName = (...argements) => argements.toString().replace(/,/g, " ").replace(/\s+/g, " ").trim();
+const getSearchParams = (searchParams) => {
+	const params = {};
+	searchParams.forEach((value, key) => {
+		params[key] = value;
+	});
+	return params;
+};
+const getDomTransTime = (target) => {
+	if (!target) return 0;
+	const computedStyle = window.getComputedStyle(target);
+	const parseTime = (timeStr) => {
+		timeStr = timeStr.trim();
+		if (timeStr.endsWith("ms")) return parseFloat(timeStr);
+		if (timeStr.endsWith("s")) return parseFloat(timeStr) * 1e3;
+		return 0;
+	};
+	const durations = computedStyle.transitionDuration.split(",").map(parseTime);
+	const delays = computedStyle.transitionDelay.split(",").map(parseTime);
+	const maxLength = Math.max(durations.length, delays.length);
+	return Math.max(...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0)));
+};
+const getURLSearchParams = (searchParams) => {
+	const params = {};
+	searchParams.forEach((value, key) => {
+		params[key] = value;
+	});
+	return new URLSearchParams({ ...params });
+};
+//#endregion
+export { getDomTransTime, getSearchParams, getURLSearchParams, lockBody, mediaRatio, mergeClassName, querySearchWord, regexParse, regexReplaceEach, sleep };
+
+//# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["import { lock, clearBodyLocks } from \"tua-body-scroll-lock\"\nexport const regexParse = (regexString: string, flags?: string): RegExp | String => {\n\tconst regex = regexString.replace(/\\\\\\\\/g, \"\\\\\")\n\ttry {\n\t\treturn new RegExp(regex)\n\t} catch (e) {\n\t\tconsole.error(\"Invalid regular expression:\", regexString, e)\n\t\treturn regexString\n\t}\n}\n\nexport const regexReplaceEach = (\n\tcurrentValue: string,\n\treplace: { pattern: string, flags?: string }[]\n): string =>\n\treplace.reduce((current, regexs) => {\n\t\tconst regexPattern = regexParse(regexs.pattern, regexs.flags)\n\t\treturn regexPattern instanceof RegExp\n\t\t\t? current.replace(regexPattern, \"\")\n\t\t\t: current\n\t}, currentValue)\n\nexport const mediaRatio = (width: number, height: number) =>\n\tNumber(width) && Number(height)\n\t\t? Math.round(height / width * 10000) / 100 + \"%\"\n\t\t: \"100%\"\n\nexport const sleep = (time: number) => new Promise<void>((resolve) => {\n\tlet timer = setTimeout(() => {\n\t\tclearTimeout(timer)\n\t\treturn resolve()\n\t}, time)\n})\n\nexport const querySearchWord = (str: string) => str.trim().toLowerCase()\n\nexport const lockBody = (\n\tactive: boolean,\n\tstillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined\n): void => {\n\tdocument.body.style.overflow = active ? \"visible\" : \"\"\n\tactive ? lock(stillScrollHTMLElement) : clearBodyLocks()\n}\n\nexport const mergeClassName = (...argements: (string | number | boolean)[]): string =>\n\targements.toString().replace(/,/g, \" \").replace(/\\s+/g, \" \").trim()\n\nexport const getSearchParams = (searchParams: URLSearchParams) => {\n\tconst params: any = {}\n\tsearchParams.forEach((value: any, key: any) => { params[key] = value })\n\treturn params\n}\n\n// export const getDomTransTime = (target: HTMLElement): number => {\n//     const computedStyle = window.getComputedStyle(target)\n//     const transNumber = (time: string) => {\n//         if (time.endsWith(\"ms\")) return parseFloat(time)\n//         if (time.endsWith(\"s\")) return parseFloat(time) * 1000\n//         return 0\n//     }\n//     const durations = computedStyle.transitionDuration.split(',').map(transNumber)\n//     const delays = computedStyle.transitionDelay.split(',').map(transNumber)\n//     return Math.max(...durations.map((d, i) => d + (delays[i] || 0)))\n// }\n\nexport const getDomTransTime = (target: HTMLElement): number => {\n\tif (!target) return 0\n\n\tconst computedStyle = window.getComputedStyle(target)\n\n\tconst parseTime = (timeStr: string): number => {\n\t\ttimeStr = timeStr.trim()\n\t\tif (timeStr.endsWith(\"ms\")) return parseFloat(timeStr)\n\t\tif (timeStr.endsWith(\"s\")) return parseFloat(timeStr) * 1000\n\t\treturn 0\n\t}\n\n\tconst durations = computedStyle.transitionDuration.split(\",\").map(parseTime)\n\tconst delays = computedStyle.transitionDelay.split(\",\").map(parseTime)\n\tconst maxLength = Math.max(durations.length, delays.length)\n\n\treturn Math.max(\n\t\t...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0))\n\t)\n}\n\nexport const getURLSearchParams = (searchParams: URLSearchParams) => {\n\tconst params: any = {}\n\tsearchParams.forEach((value: any, key: any) => { params[key] = value })\n\treturn new URLSearchParams({ ...params })\n}\n\n"],"mappings":";;AACA,MAAa,cAAc,aAAqB,UAAoC;CACnF,MAAM,QAAQ,YAAY,QAAQ,SAAS,KAAK;AAChD,KAAI;AACH,SAAO,IAAI,OAAO,MAAM;UAChB,GAAG;AACX,UAAQ,MAAM,+BAA+B,aAAa,EAAE;AAC5D,SAAO;;;AAIT,MAAa,oBACZ,cACA,YAEA,QAAQ,QAAQ,SAAS,WAAW;CACnC,MAAM,eAAe,WAAW,OAAO,SAAS,OAAO,MAAM;AAC7D,QAAO,wBAAwB,SAC5B,QAAQ,QAAQ,cAAc,GAAG,GACjC;GACD,aAAa;AAEjB,MAAa,cAAc,OAAe,WACzC,OAAO,MAAM,IAAI,OAAO,OAAO,GAC5B,KAAK,MAAM,SAAS,QAAQ,IAAM,GAAG,MAAM,MAC3C;AAEJ,MAAa,SAAS,SAAiB,IAAI,SAAe,YAAY;CACrE,IAAI,QAAQ,iBAAiB;AAC5B,eAAa,MAAM;AACnB,SAAO,SAAS;IACd,KAAK;EACP;AAEF,MAAa,mBAAmB,QAAgB,IAAI,MAAM,CAAC,aAAa;AAExE,MAAa,YACZ,QACA,2BACU;AACV,UAAS,KAAK,MAAM,WAAW,SAAS,YAAY;AACpD,UAAS,KAAK,uBAAuB,GAAG,gBAAgB;;AAGzD,MAAa,kBAAkB,GAAG,cACjC,UAAU,UAAU,CAAC,QAAQ,MAAM,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,MAAM;AAEpE,MAAa,mBAAmB,iBAAkC;CACjE,MAAM,SAAc,EAAE;AACtB,cAAa,SAAS,OAAY,QAAa;AAAE,SAAO,OAAO;GAAQ;AACvE,QAAO;;AAeR,MAAa,mBAAmB,WAAgC;AAC/D,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,gBAAgB,OAAO,iBAAiB,OAAO;CAErD,MAAM,aAAa,YAA4B;AAC9C,YAAU,QAAQ,MAAM;AACxB,MAAI,QAAQ,SAAS,KAAK,CAAE,QAAO,WAAW,QAAQ;AACtD,MAAI,QAAQ,SAAS,IAAI,CAAE,QAAO,WAAW,QAAQ,GAAG;AACxD,SAAO;;CAGR,MAAM,YAAY,cAAc,mBAAmB,MAAM,IAAI,CAAC,IAAI,UAAU;CAC5E,MAAM,SAAS,cAAc,gBAAgB,MAAM,IAAI,CAAC,IAAI,UAAU;CACtE,MAAM,YAAY,KAAK,IAAI,UAAU,QAAQ,OAAO,OAAO;AAE3D,QAAO,KAAK,IACX,GAAG,MAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,GAAG,OAAO,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CACtF;;AAGF,MAAa,sBAAsB,iBAAkC;CACpE,MAAM,SAAc,EAAE;AACtB,cAAa,SAAS,OAAY,QAAa;AAAE,SAAO,OAAO;GAAQ;AACvE,QAAO,IAAI,gBAAgB,EAAE,GAAG,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.4-10",
+	"version": "0.3.4-11",
 	"private": false,
 	"type": "module",
 	"main": "./dist/index.js",
@@ -36,7 +36,7 @@
 	],
 	"scripts": {
 		"clean": "rm -rf dist",
-		"build:js": "tsup",
+		"build:js": "tsdown",
 		"build": "npm run clean && npm run build:js"
 	},
 	"peerDependencies": {
@@ -56,7 +56,6 @@
 		"tw-animate-css": "^1.3.4"
 	},
 	"devDependencies": {
-		"tsup": "^8.5.1",
 		"typescript": "^5.9.3"
 	}
 }

package/dist/components/index.d.ts

@@ -1,186 +0,0 @@
-import * as React$1 from 'react';
-import React__default from 'react';
-import { A as AnchorOptions } from '../useAnchors-BzgJT2J9.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as zustand from 'zustand';
-import Lenis, { LenisOptions } from 'lenis';
-import useEmblaCarousel, { UseEmblaCarouselType, EmblaViewportRefType } from 'embla-carousel-react';
-import { AutoplayOptionsType } from 'embla-carousel-autoplay';
-import { AutoScrollOptionsType } from 'embla-carousel-auto-scroll';
-import { AutoHeightOptionsType } from 'embla-carousel-auto-height';
-import { ClassNamesOptionsType } from 'embla-carousel-class-names';
-import { FadeOptionsType } from 'embla-carousel-fade';
-import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
-import 'motion/react';
-
-interface PropsType$2 extends React.ComponentProps<"div"> {
-    name: string;
-}
-declare const AnchorTarget: React.FC<PropsType$2>;
-declare const AnchorOffseter: React.FC<PropsType$2>;
-type TriggerProps = AnchorOptions & React.ComponentProps<"div"> & {};
-declare const AnchorTrigger: React.FC<TriggerProps>;
-declare const Anchors: {
-    Trigger: React$1.FC<TriggerProps>;
-    Target: React$1.FC<PropsType$2>;
-    Offseter: React$1.FC<PropsType$2>;
-};
-
-type PropsType$1<T extends React.ElementType = "div"> = React.ComponentProps<T> & {
-    name: string;
-    tag?: T;
-};
-declare const NativeScroll: React$1.MemoExoticComponent<(<T extends React.ElementType = "div">({ tag: Component, name, className, ...restProps }: PropsType$1<T>) => react_jsx_runtime.JSX.Element)>;
-
-interface LenisScrollProps {
-    root?: boolean | "asChild";
-    name?: string;
-    options?: LenisOptions;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare const LenisScroll: React.FC<LenisScrollProps>;
-declare const LenisRootScroll: React.FC<LenisScrollProps>;
-type LenisScrollContainerProps = Omit<LenisScrollProps, "root">;
-declare const LenisContainerScroll: React.FC<LenisScrollContainerProps>;
-interface LenisStores {
-    root?: Lenis | null;
-}
-declare const useLenisStores: zustand.UseBoundStore<zustand.StoreApi<LenisStores>>;
-declare const setRootLenis: (lenis: Lenis) => void;
-declare const getRootLenis: () => LenisStores;
-
-type PropsType<T extends React.ElementType = "div"> = React.ComponentProps<T> & LenisScrollProps & {
-    name: string;
-    lenis?: boolean;
-};
-declare const ScrollContainer: <T extends React.ElementType = "div">({ name, lenis, ...props }: PropsType<T>) => react_jsx_runtime.JSX.Element;
-interface ScrollContainerContext {
-    containerRef: React.RefObject<HTMLDivElement | null> | undefined;
-}
-declare const ScrollContainerContext: React$1.Context<ScrollContainerContext | null>;
-declare const useScrollContainerContext: () => ScrollContainerContext;
-interface ScrollContainersStores {
-    containers: Map<string, Lenis | HTMLDivElement | null>;
-}
-declare const useScrollContainersStores: zustand.UseBoundStore<zustand.StoreApi<ScrollContainersStores>>;
-declare const getScrollContainer: (name: string) => HTMLDivElement | Lenis | null | undefined;
-declare const getScrollContainerStores: () => ScrollContainersStores;
-interface SetStoreOptions {
-    name: string;
-    node?: Lenis | HTMLDivElement | null;
-    action: "add" | "remove";
-}
-declare const setScrollContainerStore: (options: SetStoreOptions) => void;
-
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-interface EmblaCarouselsHooksTypes {
-    options?: CarouselOptions;
-    autoplay?: AutoplayOptionsType | true;
-    autoScroll?: AutoScrollOptionsType | true;
-    classNames?: ClassNamesOptionsType | true;
-    autoHeight?: AutoHeightOptionsType | true;
-    fade?: FadeOptionsType | true;
-    wheel?: {
-        wheelDraggingClass?: string;
-        forceWheelAxis?: "x" | "y";
-        target?: Element;
-    } | true;
-    setApi?: (api: CarouselApi) => void;
-}
-declare function emblaCarouselsHooks({ options, autoplay, autoScroll, classNames, autoHeight, fade, wheel, setApi, }: EmblaCarouselsHooksTypes): {
-    emblaRef: (node: HTMLElement | null) => void;
-    emblaApi: CarouselApi;
-    orientation: "x" | "y";
-    currentIndex: number;
-    isScrollPrev: boolean;
-    isScrollNext: boolean;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    onKeyDownCapture: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-};
-
-type CarouselsContextProps = {
-    emblaRef: ReturnType<typeof useEmblaCarousel>[0];
-    emblaApi: ReturnType<typeof useEmblaCarousel>[1];
-    currentIndex?: number;
-    orientation: "x" | "y";
-    isScrollPrev: boolean;
-    isScrollNext: boolean;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-};
-declare const useCarouselsContext: () => CarouselsContextProps;
-interface PropsTypes$3 extends EmblaCarouselsHooksTypes, React.ComponentProps<"div"> {
-}
-declare const EmblaCarouselsRoots: React.FC<PropsTypes$3>;
-declare const EmblaCarouselsContents: React.FC<React.ComponentProps<"div">>;
-declare const EmblaCarouselsSlides: React.FC<React.ComponentProps<"div">>;
-declare const EmblaCarousels: {
-    Roots: React$1.FC<PropsTypes$3>;
-    Contents: React$1.FC<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    Slides: React$1.FC<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-};
-
-interface CarouselContextTypes {
-    datas: [];
-    emblaRef?: EmblaViewportRefType;
-    emblaApi?: EmblaCarouselType | null;
-    selectIndex: number;
-    scrollSnaps: number[];
-    nextScroll: () => void;
-    prevScroll: () => void;
-    scrollToIndex: (index: number) => void;
-    autoPlayReset: () => void;
-    autoPlayStop: () => void;
-    autoPlayPlay: () => void;
-}
-declare const CarouselContextProvider: (props: {
-    children: React.ReactNode;
-    value: CarouselContextTypes;
-}) => react_jsx_runtime.JSX.Element;
-declare const useCarouselContext: () => CarouselContextTypes;
-
-interface PropsTypes$2 extends EmblaOptionsType {
-    children?: React__default.ReactNode;
-    className?: string;
-    options?: EmblaOptionsType;
-    datas?: any;
-    autoplayEnabled?: boolean;
-    autoplayOptions?: AutoplayOptionsType;
-    setApi?: any;
-    setMethods?: any;
-    setRef?: any;
-    style?: any;
-    controls?: any;
-    plugins?: any;
-    onScrolled?: (index: number) => void;
-}
-declare const Embla: React__default.FC<PropsTypes$2>;
-
-type PropsTypes$1 = {
-    className?: string;
-    slide?: React.FC<any>;
-    children?: any;
-    style?: any;
-};
-declare const EmblaContainer: React.FC<PropsTypes$1>;
-
-type EmblaPaginationPropsTypes = {
-    color?: "black" | "white" | string;
-    align?: "start" | "center" | "end";
-    className?: string;
-    maxDots?: number;
-    dynamic?: boolean;
-    swiperNumber?: boolean;
-    style?: string;
-};
-declare const EmblaPagination: React.FC<EmblaPaginationPropsTypes>;
-
-interface PropsTypes {
-}
-declare const Tests: React.FC<PropsTypes>;
-
-export { AnchorOffseter, AnchorTarget, AnchorTrigger, Anchors, CarouselContextProvider, type CarouselsContextProps, Embla, EmblaCarousels, EmblaCarouselsContents, type EmblaCarouselsHooksTypes, EmblaCarouselsRoots, EmblaCarouselsSlides, EmblaContainer, EmblaPagination, LenisContainerScroll, LenisRootScroll, LenisScroll, type LenisScrollProps, NativeScroll, type PropsTypes$3 as PropsTypes, ScrollContainer, ScrollContainerContext, type ScrollContainersStores, type SetStoreOptions, Tests, emblaCarouselsHooks, getRootLenis, getScrollContainer, getScrollContainerStores, setRootLenis, setScrollContainerStore, useCarouselContext, useCarouselsContext, useLenisStores, useScrollContainerContext, useScrollContainersStores };