@arwes/bgs - npm Package Compare versions

Comparing version 1.0.0-next.24082701 to 1.0.0-next.24091101

build/cjs/createBackgroundDots/createBackgroundDots.js

@@ -20,3 +20,3 @@ "use strict";
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -112,3 +112,3 @@ const dpr = Math.min(window.devicePixelRatio || 2, 2);
     };
-    const cancel = () => {
+    const stop = () => {
         canvas.style.opacity = '0';
@@ -160,3 +160,3 @@ resizeObserver?.disconnect();
                 case 'exited': {
-                    cancel();
+                    stop();
                     break;
@@ -167,8 +167,9 @@ }
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 exports.createBackgroundDots = createBackgroundDots;

build/cjs/createBackgroundGridLines/createBackgroundGridLines.js

@@ -16,3 +16,3 @@ "use strict";
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -75,3 +75,3 @@ let resizeObserver;
     };
-    const cancel = () => {
+    const stop = () => {
         resizeObserver?.disconnect();
@@ -118,3 +118,3 @@ resizeObserver = undefined;
                 case 'exited': {
-                    cancel();
+                    stop();
                     canvas.style.opacity = '0';
@@ -126,9 +126,10 @@ break;
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
         canvas.style.opacity = '0';
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 exports.createBackgroundGridLines = createBackgroundGridLines;

build/cjs/createBackgroundMovingLines/createBackgroundMovingLines.js

@@ -33,3 +33,3 @@ "use strict";
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -115,3 +115,3 @@ let resizeObserver;
     };
-    const cancel = () => {
+    const stop = () => {
         resizeObserver?.disconnect();
@@ -164,3 +164,3 @@ resizeObserver = undefined;
                 case 'exited': {
-                    cancel();
+                    stop();
                     canvas.style.opacity = '0';
@@ -172,9 +172,10 @@ break;
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
         canvas.style.opacity = '0';
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 exports.createBackgroundMovingLines = createBackgroundMovingLines;

build/cjs/createBackgroundPuffs/createBackgroundPuffs.js

@@ -20,3 +20,3 @@ "use strict";
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -122,3 +122,3 @@ let resizeObserver;
     };
-    const cancel = () => {
+    const stop = () => {
         resizeObserver?.disconnect();
@@ -175,3 +175,3 @@ resizeObserver = undefined;
                 case 'exited': {
-                    cancel();
+                    stop();
                     canvas.style.opacity = '0';
@@ -183,9 +183,10 @@ break;
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
         canvas.style.opacity = '0';
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 exports.createBackgroundPuffs = createBackgroundPuffs;

build/esm/createBackgroundDots/createBackgroundDots.d.ts

@@ -21,8 +21,7 @@ import { type Easing } from '@arwes/animated';
 }
-interface CreateBackgroundDots {
-    start: () => void;
-    stop: () => void;
+interface BackgroundDots {
+    cancel: () => void;
 }
-declare const createBackgroundDots: (props: CreateBackgroundDotsProps) => CreateBackgroundDots;
-export type { CreateBackgroundDotsSettings, CreateBackgroundDotsProps };
+declare const createBackgroundDots: (props: CreateBackgroundDotsProps) => BackgroundDots;
+export type { CreateBackgroundDotsSettings, CreateBackgroundDotsProps, BackgroundDots };
 export { createBackgroundDots };

build/esm/createBackgroundDots/createBackgroundDots.js

@@ -17,3 +17,3 @@ import { easing, createAnimation } from '@arwes/animated';
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -109,3 +109,3 @@ const dpr = Math.min(window.devicePixelRatio || 2, 2);
     };
-    const cancel = () => {
+    const stop = () => {
         canvas.style.opacity = '0';
@@ -157,3 +157,3 @@ resizeObserver?.disconnect();
                 case 'exited': {
-                    cancel();
+                    stop();
                     break;
@@ -164,8 +164,9 @@ }
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 export { createBackgroundDots };

build/esm/createBackgroundGridLines/createBackgroundGridLines.d.ts

@@ -16,8 +16,7 @@ import type { AnimatorNode } from '@arwes/animator';
 }
-interface CreateBackgroundGridLines {
-    start: () => void;
-    stop: () => void;
+interface BackgroundGridLines {
+    cancel: () => void;
 }
-declare const createBackgroundGridLines: (props: CreateBackgroundGridLinesProps) => CreateBackgroundGridLines;
-export type { CreateBackgroundGridLinesProps, CreateBackgroundGridLinesSettings };
+declare const createBackgroundGridLines: (props: CreateBackgroundGridLinesProps) => BackgroundGridLines;
+export type { CreateBackgroundGridLinesProps, CreateBackgroundGridLinesSettings, BackgroundGridLines };
 export { createBackgroundGridLines };

build/esm/createBackgroundGridLines/createBackgroundGridLines.js

@@ -13,3 +13,3 @@ import { createAnimation } from '@arwes/animated';
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -72,3 +72,3 @@ let resizeObserver;
     };
-    const cancel = () => {
+    const stop = () => {
         resizeObserver?.disconnect();
@@ -115,3 +115,3 @@ resizeObserver = undefined;
                 case 'exited': {
-                    cancel();
+                    stop();
                     canvas.style.opacity = '0';
@@ -123,9 +123,10 @@ break;
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
         canvas.style.opacity = '0';
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 export { createBackgroundGridLines };

build/esm/createBackgroundMovingLines/createBackgroundMovingLines.d.ts

@@ -15,8 +15,7 @@ import type { AnimatorNode } from '@arwes/animator';
 }
-interface CreateBackgroundMovingLines {
-    start: () => void;
-    stop: () => void;
+interface BackgroundMovingLines {
+    cancel: () => void;
 }
-declare const createBackgroundMovingLines: (props: CreateBackgroundMovingLinesProps) => CreateBackgroundMovingLines;
-export type { CreateBackgroundMovingLinesProps, CreateBackgroundMovingLinesSettings };
+declare const createBackgroundMovingLines: (props: CreateBackgroundMovingLinesProps) => BackgroundMovingLines;
+export type { CreateBackgroundMovingLinesProps, CreateBackgroundMovingLinesSettings, BackgroundMovingLines };
 export { createBackgroundMovingLines };

build/esm/createBackgroundMovingLines/createBackgroundMovingLines.js

@@ -30,3 +30,3 @@ import { randomizeList } from '@arwes/tools';
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -112,3 +112,3 @@ let resizeObserver;
     };
-    const cancel = () => {
+    const stop = () => {
         resizeObserver?.disconnect();
@@ -161,3 +161,3 @@ resizeObserver = undefined;
                 case 'exited': {
-                    cancel();
+                    stop();
                     canvas.style.opacity = '0';
@@ -169,9 +169,10 @@ break;
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
         canvas.style.opacity = '0';
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 export { createBackgroundMovingLines };

build/esm/createBackgroundPuffs/createBackgroundPuffs.d.ts

@@ -19,8 +19,7 @@ import type { AnimatorNode } from '@arwes/animator';
 }
-interface CreateBackgroundPuffs {
-    start: () => void;
-    stop: () => void;
+interface BackgroundPuffs {
+    cancel: () => void;
 }
-declare const createBackgroundPuffs: (props: CreateBackgroundPuffsProps) => CreateBackgroundPuffs;
-export type { CreateBackgroundPuffsSettings, CreateBackgroundPuffsProps, CreateBackgroundPuffs };
+declare const createBackgroundPuffs: (props: CreateBackgroundPuffsProps) => BackgroundPuffs;
+export type { CreateBackgroundPuffsSettings, CreateBackgroundPuffsProps, BackgroundPuffs };
 export { createBackgroundPuffs };

build/esm/createBackgroundPuffs/createBackgroundPuffs.js

@@ -17,3 +17,3 @@ import { easing, createAnimation } from '@arwes/animated';
     if (!ctx) {
-        return { start: () => { }, stop: () => { } };
+        return { cancel: () => { } };
     }
@@ -119,3 +119,3 @@ let resizeObserver;
     };
-    const cancel = () => {
+    const stop = () => {
         resizeObserver?.disconnect();
@@ -172,3 +172,3 @@ resizeObserver = undefined;
                 case 'exited': {
-                    cancel();
+                    stop();
                     canvas.style.opacity = '0';
@@ -180,9 +180,10 @@ break;
     };
-    const stop = () => {
+    const cancel = () => {
         unsubscribe?.();
-        cancel();
+        stop();
         canvas.style.opacity = '0';
     };
-    return { start, stop };
+    start();
+    return Object.freeze({ cancel });
 };
 export { createBackgroundPuffs };

package.json

 {
   "name": "@arwes/bgs",
-  "version": "1.0.0-next.24082701",
+  "version": "1.0.0-next.24091101",
   "publishConfig": {
@@ -43,4 +43,4 @@ "access": "public"
   "dependencies": {
-    "@arwes/animated": "^1.0.0-next.24082701",
-    "@arwes/animator": "^1.0.0-next.24082701",
+    "@arwes/animated": "^1.0.0-next.24091101",
+    "@arwes/animator": "^1.0.0-next.24091101",
     "tslib": "2"
@@ -54,3 +54,3 @@ },
   },
-  "gitHead": "5e52d92f96afa347406c29f64ba1ae8c4089f096"
+  "gitHead": "f069f25d7b2bbe789b63572c6206fec9030d0d78"
 }

No alert changes

Improved metrics

Lines of code

1512

increased by0.27%

Worsened metrics

Total package byte prevSize

56763

decreased by-0.1%

Dependency changes

• Updated@arwes/animated@^1.0.0-next.24091101

• Updated@arwes/animator@^1.0.0-next.24091101