@tsparticles/plugin-sounds 3.0.0-alpha.1 → 3.0.0-beta.1

package/README.md

@@ -2,9 +2,9 @@
 
 # tsParticles Sounds Plugin
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-plugin-sounds/badge)](https://www.jsdelivr.com/package/npm/tsparticles-plugin-sounds)
-[![npmjs](https://badge.fury.io/js/tsparticles-plugin-sounds.svg)](https://www.npmjs.com/package/tsparticles-plugin-sounds)
-[![npmjs](https://img.shields.io/npm/dt/tsparticles-plugin-sounds)](https://www.npmjs.com/package/tsparticles-plugin-sounds) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/plugin-sounds/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/plugin-sounds)
+[![npmjs](https://badge.fury.io/js/@tsparticles/plugin-sounds.svg)](https://www.npmjs.com/package/@tsparticles/plugin-sounds)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/plugin-sounds)](https://www.npmjs.com/package/@tsparticles/plugin-sounds) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 [tsParticles](https://github.com/matteobruni/tsparticles) plugin for particles sounds effect.
 
@@ -42,29 +42,33 @@ Once the scripts are loaded you can set up `tsParticles` and the plugin like thi
 This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
 
 ```shell
-$ npm install tsparticles-plugin-sounds
+$ npm install @tsparticles/plugin-sounds
 ```
 
 or
 
 ```shell
-$ yarn add tsparticles-plugin-sounds
+$ yarn add @tsparticles/plugin-sounds
 ```
 
 Then you need to import it in the app, like this:
 
 ```javascript
-const { tsParticles } = require("tsparticles-engine");
-const { loadSoundsPlugin } = require("tsparticles-plugin-sounds");
+const { tsParticles } = require("@tsparticles/engine");
+const { loadSoundsPlugin } = require("@tsparticles/plugin-sounds");
 
-loadSoundsPlugin(tsParticles); // awaitable
+(async () => {
+  await loadSoundsPlugin(tsParticles);
+})();
 ```
 
 or
 
 ```javascript
-import { tsParticles } from "tsparticles-engine";
-import { loadSoundsPlugin } from "tsparticles-plugin-sounds";
+import { tsParticles } from "@tsparticles/engine";
+import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
 
-loadSoundsPlugin(tsParticles); // awaitable
+(async () => {
+  await loadSoundsPlugin(tsParticles);
+})();
 ```

package/browser/Options/Classes/Sounds.js

@@ -1,6 +1,6 @@
-import { SoundsEvent } from "./SoundsEvent";
-import { SoundsIcons } from "./SoundsIcons";
-import { SoundsVolume } from "./SoundsVolume";
+import { SoundsEvent } from "./SoundsEvent.js";
+import { SoundsIcons } from "./SoundsIcons.js";
+import { SoundsVolume } from "./SoundsVolume.js";
 export class Sounds {
     constructor() {
         this.enable = false;

package/browser/Options/Classes/SoundsAudio.js

@@ -1,3 +1,4 @@
+import { isObject } from "@tsparticles/engine";
 export class SoundsAudio {
     constructor() {
         this.loop = false;
@@ -7,7 +8,7 @@ export class SoundsAudio {
         if (data === undefined) {
             return;
         }
-        if (typeof data === "object") {
+        if (isObject(data)) {
             if (data.loop !== undefined) {
                 this.loop = data.loop;
             }

package/browser/Options/Classes/SoundsEvent.js

@@ -1,6 +1,7 @@
-import { SoundsAudio } from "./SoundsAudio";
-import { SoundsMelody } from "./SoundsMelody";
-import { SoundsNote } from "./SoundsNote";
+import { isArray, isFunction, isString, } from "@tsparticles/engine";
+import { SoundsAudio } from "./SoundsAudio.js";
+import { SoundsMelody } from "./SoundsMelody.js";
+import { SoundsNote } from "./SoundsNote.js";
 export class SoundsEvent {
     constructor() {
         this.event = [];
@@ -14,7 +15,7 @@ export class SoundsEvent {
             this.event = data.event;
         }
         if (data.audio !== undefined) {
-            if (data.audio instanceof Array) {
+            if (isArray(data.audio)) {
                 this.audio = data.audio.map((s) => {
                     const tmp = new SoundsAudio();
                     tmp.load(s);
@@ -41,8 +42,8 @@ export class SoundsEvent {
             });
         }
         if (data.filter !== undefined) {
-            if (typeof data.filter === "string") {
-                if (typeof window[data.filter] === "function") {
+            if (isString(data.filter)) {
+                if (isFunction(window[data.filter])) {
                     this.filter = window[data.filter];
                 }
             }

package/browser/Options/Classes/SoundsIcons.js

@@ -1,4 +1,4 @@
-import { SoundsIcon } from "./SoundsIcon";
+import { SoundsIcon } from "./SoundsIcon.js";
 export class SoundsIcons {
     constructor() {
         this.mute = new SoundsIcon();

package/browser/Options/Classes/SoundsMelody.js

@@ -1,4 +1,4 @@
-import { SoundsNote } from "./SoundsNote";
+import { SoundsNote } from "./SoundsNote.js";
 export class SoundsMelody {
     constructor() {
         this.loop = false;

package/browser/Options/Classes/SoundsVolume.js

@@ -1,3 +1,4 @@
+import { isObject } from "@tsparticles/engine";
 export class SoundsVolume {
     constructor() {
         this.value = 100;
@@ -9,7 +10,7 @@ export class SoundsVolume {
         if (data === undefined) {
             return;
         }
-        if (typeof data === "object") {
+        if (isObject(data)) {
             if (data.max !== undefined) {
                 this.max = data.max;
             }