@nemigo/svelte 2.1.0 → 2.2.0

package/dist/kit/navigation.d.ts

@@ -1,5 +1,5 @@
 import type { IState } from "@nemigo/helpers/types";
-import type { ISvelteState } from "@nemigo/svelte";
+import type { ISvelteState } from "../state.svelte.js";
 export interface NavigationHandler {
     ignore?: (from: URL, to: URL) => boolean;
     equal?: boolean;

package/dist/kit/navigation.js

@@ -1,4 +1,4 @@
-import { createSvelteState } from "@nemigo/svelte";
+import { createSvelteState } from "../state.svelte.js";
 import { afterNavigate, beforeNavigate } from "$app/navigation";
 import { page } from "$app/state";
 export class Navigation {
@@ -12,7 +12,9 @@ export class Navigation {
         this.__handler = handler;
     }
     hydrate() {
-        afterNavigate(() => this.state.set(false));
+        afterNavigate(() => {
+            this.state.set(false);
+        });
         beforeNavigate((navigation) => {
             if (!navigation.to)
                 return;

package/dist/loader.d.ts

@@ -46,7 +46,7 @@ export type { LoaderHook } from "@nemigo/helpers/async/loader";
  */
 export declare class LoaderStore<State extends IState<boolean> = ISvelteState<boolean>> extends Loader {
     state: State;
-    static default(init?: boolean): LoaderStore<ISvelteState<boolean>>;
+    static default(init?: boolean): LoaderStore;
     constructor(state: State);
     /**
      * Создаёт {@link onMount} проверку, если в стейте значение `true`

package/dist/loader.js

@@ -49,7 +49,9 @@ export class LoaderStore extends Loader {
         return new LoaderStore(createSvelteState(init));
     }
     constructor(state) {
-        super((v) => state.set(v));
+        super((v) => {
+            state.set(v);
+        });
         this.state = state;
     }
     /**

package/dist/state.svelte.d.ts

@@ -21,20 +21,16 @@ export interface ISvelteState<V = boolean | undefined> extends IState<V> {
     untrack<R>(call: (state: V) => R): R;
 }
 /**
- * Создание $state-хранилища значения
- *
  * @template T - Тип значения
- * @return {ISvelteState<T | undefined>}
+ * @returns {ISvelteState<T | undefined>} $state-хранилище значения
  *
  * @see https://svelte.dev/docs/svelte/what-are-runes
  */
 declare function createSvelteState<T = boolean>(): ISvelteState<T | undefined>;
 /**
- * Создание $state-хранилища значения
- *
  * @template T - Тип значения
- * @param {T} initial
- * @return {ISvelteState<T>}
+ * @param {T} initial - Начальное значение
+ * @returns {ISvelteState<T>} $state-хранилище значения
  *
  * @see https://svelte.dev/docs/svelte/what-are-runes
  */

package/dist/state.svelte.js

@@ -1,10 +1,8 @@
 import { untrack } from "svelte";
 /**
- * Создание $state-хранилища значения
- *
  * @template T - Тип значения
- * @param {T} [initial]
- * @return {ISvelteState<T | undefined>}
+ * @param {T} initial - Начальное значение
+ * @returns {ISvelteState<T>} $state-хранилище значения
  *
  * @see https://svelte.dev/docs/svelte/what-are-runes
  */

package/dist/transitions.d.ts

@@ -1,6 +1,5 @@
 import type { Property } from "csstype";
-import { linear } from "svelte/easing";
-import type { FlyParams, SlideParams, TransitionConfig } from "svelte/transition";
+import type { EasingFunction, SlideParams, TransitionConfig } from "svelte/transition";
 export interface ClassNameTransitionParams {
     animationClassName: string;
     /**
@@ -20,28 +19,39 @@ export declare const classNameTransition: (node: HTMLElement, { animationClassNa
 /**
  * Слайд-анимация с добавлением лёгкого fade-эффекта
  */
-export declare function slide(node: Element, { delay, duration, easing, axis, classic }?: SlideParams & {
+export declare const slide: (node: Element, { delay, duration, easing, axis, classic }?: SlideParams & {
     classic?: boolean;
-}): TransitionConfig;
+}) => TransitionConfig;
+export interface BloopParams {
+    delay?: number;
+    duration?: number;
+    x?: number | string;
+    y?: number | string;
+    easing?: EasingFunction;
+    opacity?: number;
+}
 /**
  * Анимация всплытия (scale + fly)
  */
-export declare const bloop: (node: Element, { delay, duration, easing, x, y, opacity }?: FlyParams) => TransitionConfig;
+export declare const bloop: (node: Element, { delay, duration, easing, x, y, opacity }?: BloopParams) => TransitionConfig;
+export interface UpperParams {
+    delay?: number;
+    duration?: number;
+    x?: number;
+    y?: number;
+    easing?: EasingFunction;
+    opacity?: number;
+}
 /**
  * Микс-анимация из scale и translate с добавлением лёгкого fade-эффекта
  */
-export declare const upper: (node: HTMLElement, { delay, duration, x, y, opacity }: {
-    delay?: number | undefined;
-    duration?: number | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    opacity?: number | undefined;
-}) => TransitionConfig;
+export declare const upper: (node: HTMLElement, { delay, duration, x, y, opacity, easing }?: UpperParams) => TransitionConfig;
+export interface FontSizeScaleParams {
+    delay?: number;
+    duration?: number;
+    easing?: EasingFunction;
+}
 /**
  * Просто анимация изменения размера через font-size (0 ~ 1)
  */
-export declare const fontSizeScale: (_: HTMLElement, { delay, duration, easing }?: {
-    delay?: number | undefined;
-    duration?: number | undefined;
-    easing?: typeof linear | undefined;
-}) => TransitionConfig;
+export declare const fontSizeScale: (_: HTMLElement, { delay, duration, easing }?: FontSizeScaleParams) => TransitionConfig;

package/dist/transitions.js

@@ -1,4 +1,5 @@
 import { round } from "@nemigo/helpers/phymath";
+import { toCapitalCase } from "@nemigo/helpers/string";
 import { linear, quadInOut, quadOut } from "svelte/easing";
 import { slide as svelte_slide } from "svelte/transition";
 export const classNameTransition = (node, { animationClassName, reverseDirectionStyle = "reverse", normalDirectionStyle = "", duration = 325 }) => {
@@ -35,10 +36,8 @@ export const classNameTransition = (node, { animationClassName, reverseDirection
                     if (reversed)
                         unreverse();
                 }
-                else {
-                    if (!reversed)
-                        reverse();
-                }
+                else if (!reversed)
+                    reverse();
             }
             before = t;
         },
@@ -62,22 +61,24 @@ const css_boost = (t, v = 1 / 3) => {
 /**
  * Слайд-анимация с добавлением лёгкого fade-эффекта
  */
-export function slide(node, { delay = 0, duration = 325, easing, axis = "y", classic } = {}) {
+export const slide = (node, { delay = 0, duration = 325, easing, axis = "y", classic } = {}) => {
     if (classic)
         return svelte_slide(node, { delay, duration, easing, axis });
+    // oxlint-disable-next-line no-param-reassign
+    // eslint-disable-next-line no-param-reassign
     if (!easing)
         easing = quadInOut;
     const style = getComputedStyle(node);
     const prop = axis === "y" ? "height" : "width";
-    const propValue = parseFloat(style[prop]);
+    const propValue = Number.parseFloat(style[prop]);
     const secProps = axis === "y" ? ["top", "bottom"] : ["left", "right"];
-    const capSecProps = secProps.map((e) => `${e[0].toUpperCase()}${e.slice(1)}`);
-    const padStart = parseFloat(style[`padding${capSecProps[0]}`]);
-    const padEnd = parseFloat(style[`padding${capSecProps[1]}`]);
-    const marStart = parseFloat(style[`margin${capSecProps[0]}`]);
-    const marEnd = parseFloat(style[`margin${capSecProps[1]}`]);
-    const borStart = parseFloat(style[`border${capSecProps[0]}Width`]);
-    const borEnd = parseFloat(style[`border${capSecProps[1]}Width`]);
+    const capSecProps = secProps.map(toCapitalCase);
+    const padStart = Number.parseFloat(style[`padding${capSecProps[0]}`]);
+    const padEnd = Number.parseFloat(style[`padding${capSecProps[1]}`]);
+    const marStart = Number.parseFloat(style[`margin${capSecProps[0]}`]);
+    const marEnd = Number.parseFloat(style[`margin${capSecProps[1]}`]);
+    const borStart = Number.parseFloat(style[`border${capSecProps[0]}Width`]);
+    const borEnd = Number.parseFloat(style[`border${capSecProps[1]}Width`]);
     return {
         delay,
         duration,
@@ -99,18 +100,18 @@ export function slide(node, { delay = 0, duration = 325, easing, axis = "y", cla
 	    `;
         },
     };
-}
+};
 //...
 const split_css_unit = (value) => {
-    const split = typeof value === "string" && value.match(/^\s*(-?[\d.]+)(\S*)\s*$/);
-    return split ? [parseFloat(split[1]), split[2] || "px"] : [Number(value), "px"];
+    const split = typeof value === "string" && value.match(/^\s*(?<value>-?[\d.]+)(?<unit>\S*)\s*$/u);
+    return split && split.groups?.value ? [Number.parseFloat(split.groups.value), split.groups.unit || "px"] : [Number(value), "px"];
 };
 /**
  * Анимация всплытия (scale + fly)
  */
 export const bloop = (node, { delay = 0, duration = 325, easing = quadInOut, x = 0, y = 0, opacity = 0 } = {}) => {
     const style = getComputedStyle(node);
-    const target_opacity = +style.opacity;
+    const target_opacity = Number(style.opacity);
     const transform = style.transform === "none" ? "" : style.transform;
     const od = target_opacity * (1 - opacity);
     const { 0: x_value, 1: x_unit } = split_css_unit(x);
@@ -131,20 +132,15 @@ export const bloop = (node, { delay = 0, duration = 325, easing = quadInOut, x =
 /**
  * Микс-анимация из scale и translate с добавлением лёгкого fade-эффекта
  */
-export const upper = (node, { delay = 0, duration = 400, x = 0, y = 0, opacity = 0 }) => {
+export const upper = (node, { delay = 0, duration = 400, x = 0, y = 0, opacity = 0, easing = quadOut } = {}) => {
     const style = getComputedStyle(node);
-    const target_opacity = +style.opacity;
+    const target_opacity = Number(style.opacity);
     const od = target_opacity * (1 - opacity);
     return {
         delay,
         duration,
-        easing: quadOut,
-        css: (t, u) => {
-            return `
-					transform: scale(${round(0.6 + t / 2.5, 5)}) translate(${round((1 - t) * x)}px, ${round((1 - t) * y)}px);
-					opacity: ${round(target_opacity - od * u)};
-			`;
-        },
+        easing,
+        css: (t, u) => `transform: scale(${round(0.6 + t / 2.5, 5)}) translate(${round((1 - t) * x)}px, ${round((1 - t) * y)}px);opacity: ${round(target_opacity - od * u)};`,
     };
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nemigo/svelte",
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"private": false,
 	"author": {
 		"name": "Vlad Logvin",
@@ -8,14 +8,12 @@
 	},
 	"type": "module",
 	"scripts": {
-		"build": "svelte-package && rimraf .svelte-kit",
+		"build": "bunx --bun svelte-package && bunx --bun rimraf .svelte-kit",
 		"check": "bunx --bun tsc --noemit",
 		"eslint": "bunx --bun eslint ./",
-		"eslint:fix": "bunx --bun eslint --fix ./",
-		"lint": "biome lint",
-		"lint:fix": "biome lint --fix --unsafe",
-		"lint:fix:unsafe": "biome lint --fix --unsafe",
-		"format": "biome check --write --linter-enabled=false"
+		"oxlint": "bunx --bun oxlint --config .././../oxlintrc.jsonc --ignore-path ../configs/.eslint.ignore ./",
+		"bilint": "bunx --bun biome lint",
+		"format": "bunx --bun biome check --write --linter-enabled=false"
 	},
 	"exports": {
 		".": {
@@ -36,9 +34,9 @@
 		}
 	},
 	"peerDependencies": {
-		"@nemigo/helpers": ">=2.0.0",
-		"@sveltejs/kit": ">=2.12.0",
-		"svelte": ">=5.0.0"
+		"@nemigo/helpers": ">=2.2.0",
+		"@sveltejs/kit": ">=2.49.0",
+		"svelte": ">=5.44.0"
 	},
 	"peerDependenciesMeta": {
 		"@sveltejs/kit": {
@@ -46,10 +44,10 @@
 		}
 	},
 	"dependencies": {
-		"csstype": ">=3.0.0"
+		"csstype": ">=3.2.0"
 	},
 	"devDependencies": {
-		"@nemigo/configs": "2.1.0",
-		"@nemigo/helpers": "2.0.0"
+		"@nemigo/configs": "2.2.0",
+		"@nemigo/helpers": "2.2.0"
 	}
 }