nanime 0.0.8 → 0.0.10

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.13.5 <5.0.0"
   },
-  "version": "0.0.8",
+  "version": "0.0.10",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/app/composables/useScambleText.d.ts

@@ -0,0 +1,5 @@
+import { type MaybeRefOrGetter } from 'vue';
+import { normalizeAnimeTarget } from '../utils/normalize-targets.js';
+import type { AnimationParams, ScrambleTextParams } from 'animejs';
+import { type JSAnimation } from 'animejs/animation';
+export declare function useScrambleText(target: Parameters<typeof normalizeAnimeTarget>[0], animationOptions?: MaybeRefOrGetter<AnimationParams>, scrambleOptions?: MaybeRefOrGetter<ScrambleTextParams>): JSAnimation;

package/dist/runtime/app/composables/useScambleText.js

@@ -0,0 +1,38 @@
+import { toReactive, tryOnScopeDispose, useMounted } from "@vueuse/core";
+import { shallowRef, toValue, watchEffect, nextTick } from "vue";
+import { normalizeAnimeTarget } from "../utils/normalize-targets.js";
+import { animate } from "animejs/animation";
+import { scrambleText } from "animejs/text";
+import { AnimationComponentFlags, getAnimationComponentFlag } from "../utils/normalizers/instance-management.js";
+export function useScrambleText(target, animationOptions, scrambleOptions) {
+  const flag = getAnimationComponentFlag();
+  const animation = shallowRef(animate({}, {}));
+  const mounted = useMounted();
+  function buildParams() {
+    const anim = toValue(animationOptions) || {};
+    const scramble = toValue(scrambleOptions) || {};
+    return {
+      ...anim,
+      innerHTML: scrambleText(scramble)
+    };
+  }
+  if (flag === AnimationComponentFlags.Watchable) {
+    watchEffect(() => {
+      if (!mounted.value) return;
+      const targets = normalizeAnimeTarget(target);
+      if (!targets) return;
+      if (animation.value) animation.value.revert();
+      animation.value = animate(targets, buildParams());
+    });
+    tryOnScopeDispose(() => {
+      animation.value?.revert();
+    });
+  } else {
+    nextTick(() => {
+      const targets = normalizeAnimeTarget(target);
+      if (!targets) return;
+      animation.value = animate(targets, buildParams());
+    });
+  }
+  return toReactive(animation);
+}

package/dist/runtime/app/utils/types.d.ts

@@ -1 +1 @@
-export type { AnimationParams, TargetsParam, AutoLayoutParams, EasingParam, LayoutAnimationParams, WAAPIEasingParam, Draggable, DraggableAxisParam, DraggableParams, WAAPIAnimationParams, DOMTargetsParam, DOMTargetSelector, AnimatableObject, AnimatableParams, } from 'animejs';
+export type { AnimationParams, TargetsParam, EasingParam, WAAPIEasingParam, Draggable, DraggableAxisParam, DraggableParams, WAAPIAnimationParams, DOMTargetsParam, DOMTargetSelector, AnimatableObject, AnimatableParams, ScrambleTextParams, } from 'animejs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nanime",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Nuxt module for animejs integration and transitions",
   "repository": {
     "type": "git",
@@ -32,46 +32,48 @@
     "playground",
     "docs"
   ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "npm run dev:prepare && nuxt dev playground",
+    "dev:build": "nuxt build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "nuxt typecheck",
+    "clean": "rm -rf playground/.nuxt docs/.nuxt playground/.output docs/.output .nuxt"
+  },
   "dependencies": {
-    "@vueuse/core": "^14.1.0",
-    "animejs": "^4.3.5",
-    "defu": "^6.1.4",
-    "vue": "^3.5.27"
+    "@vueuse/core": "^14.3.0",
+    "animejs": "^4.4.1",
+    "defu": "^6.1.7",
+    "vue": "^3.5.34"
   },
   "peerDependencies": {
-    "@vueuse/core": "^13.0.0",
-    "animejs": "^4.3.5",
+    "@vueuse/core": ">=13.0.0",
+    "animejs": "^4.4.0",
     "defu": "^6.1.4",
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^3.1.1",
-    "@nuxt/eslint-config": "^1.13.0",
-    "@nuxt/kit": "^4.3.0",
+    "@nuxt/devtools": "^3.2.4",
+    "@nuxt/eslint-config": "^1.15.2",
+    "@nuxt/kit": "^4.4.6",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.3.0",
+    "@nuxt/schema": "^4.4.6",
     "@nuxt/test-utils": "^3.23.0",
     "@types/node": "latest",
-    "@vue/test-utils": "^2.4.6",
+    "@vue/test-utils": "^2.4.10",
     "@vueuse/nuxt": "14.1.0",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.2",
-    "happy-dom": "^20.4.0",
-    "lefthook": "^2.0.16",
-    "nuxt": "^4.3.0",
+    "eslint": "^9.39.4",
+    "happy-dom": "^20.9.0",
+    "lefthook": "^2.1.8",
+    "nuxt": "^4.4.6",
     "typescript": "~5.9.3",
-    "vitest": "^4.0.18",
-    "vue-tsc": "^3.2.4"
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.3.1"
   },
-  "scripts": {
-    "dev": "npm run dev:prepare && nuxt dev playground",
-    "dev:build": "nuxt build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
-    "clean": "rm -rf playground/.nuxt docs/.nuxt playground/.output docs/.output .nuxt"
-  }
-}
+  "packageManager": "pnpm@10.15.0+sha512.486ebc259d3e999a4e8691ce03b5cac4a71cbeca39372a9b762cb500cfdf0873e2cb16abe3d951b1ee2cf012503f027b98b6584e4df22524e0c7450d9ec7aa7b"
+}