@tsparticles/interaction-particles-links 3.0.0-alpha.1 → 3.0.0-beta.0

package/umd/Utils.js

@@ -9,15 +9,16 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.drawLinkTriangle = exports.drawLinkLine = void 0;
+    exports.setLinkFrequency = exports.getLinkKey = exports.drawLinkTriangle = exports.drawLinkLine = void 0;
     const engine_1 = require("@tsparticles/engine");
-    function drawLinkLine(context, width, begin, end, maxDistance, canvasSize, warp, backgroundMask, composite, colorLine, opacity, shadow) {
+    function drawLinkLine(params) {
         let drawn = false;
+        const { begin, end, maxDistance, context, canvasSize, width, backgroundMask, colorLine, opacity, links } = params;
         if ((0, engine_1.getDistance)(begin, end) <= maxDistance) {
             (0, engine_1.drawLine)(context, begin, end);
             drawn = true;
         }
-        else if (warp) {
+        else if (links.warp) {
             let pi1;
             let pi2;
             const endNE = {
@@ -66,10 +67,11 @@
             return;
         }
         context.lineWidth = width;
-        if (backgroundMask) {
-            context.globalCompositeOperation = composite;
+        if (backgroundMask.enable) {
+            context.globalCompositeOperation = backgroundMask.composite;
         }
         context.strokeStyle = (0, engine_1.getStyleFromRgb)(colorLine, opacity);
+        const { shadow } = links;
         if (shadow.enable) {
             const shadowColor = (0, engine_1.rangeColorToRgb)(shadow.color);
             if (shadowColor) {
@@ -80,13 +82,29 @@
         context.stroke();
     }
     exports.drawLinkLine = drawLinkLine;
-    function drawLinkTriangle(context, pos1, pos2, pos3, backgroundMask, composite, colorTriangle, opacityTriangle) {
+    function drawLinkTriangle(params) {
+        const { context, pos1, pos2, pos3, backgroundMask, colorTriangle, opacityTriangle } = params;
         (0, engine_1.drawTriangle)(context, pos1, pos2, pos3);
-        if (backgroundMask) {
-            context.globalCompositeOperation = composite;
+        if (backgroundMask.enable) {
+            context.globalCompositeOperation = backgroundMask.composite;
         }
         context.fillStyle = (0, engine_1.getStyleFromRgb)(colorTriangle, opacityTriangle);
         context.fill();
     }
     exports.drawLinkTriangle = drawLinkTriangle;
+    function getLinkKey(ids) {
+        ids.sort((a, b) => a - b);
+        return ids.join("_");
+    }
+    exports.getLinkKey = getLinkKey;
+    function setLinkFrequency(particles, dictionary) {
+        const key = getLinkKey(particles.map((t) => t.id));
+        let res = dictionary.get(key);
+        if (res === undefined) {
+            res = (0, engine_1.getRandom)();
+            dictionary.set(key, res);
+        }
+        return res;
+    }
+    exports.setLinkFrequency = setLinkFrequency;
 });

package/umd/index.js

@@ -26,9 +26,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     exports.loadParticlesLinksInteraction = void 0;
     const interaction_1 = require("./interaction");
     const plugin_1 = require("./plugin");
-    async function loadParticlesLinksInteraction(engine) {
-        await (0, interaction_1.loadInteraction)(engine);
-        await (0, plugin_1.loadPlugin)(engine);
+    async function loadParticlesLinksInteraction(engine, refresh = true) {
+        await (0, interaction_1.loadLinksInteraction)(engine, refresh);
+        await (0, plugin_1.loadLinksPlugin)(engine, refresh);
     }
     exports.loadParticlesLinksInteraction = loadParticlesLinksInteraction;
     __exportStar(require("./Options/Classes/Links"), exports);

package/umd/interaction.js

@@ -9,10 +9,10 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadInteraction = void 0;
+    exports.loadLinksInteraction = void 0;
     const Linker_1 = require("./Linker");
-    async function loadInteraction(engine) {
-        await engine.addInteractor("particlesLinks", (container) => new Linker_1.Linker(container));
+    async function loadLinksInteraction(engine, refresh = true) {
+        await engine.addInteractor("particlesLinks", (container) => new Linker_1.Linker(container), refresh);
     }
-    exports.loadInteraction = loadInteraction;
+    exports.loadLinksInteraction = loadLinksInteraction;
 });

package/umd/plugin.js

@@ -9,7 +9,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadPlugin = void 0;
+    exports.loadLinksPlugin = void 0;
     const LinkInstance_1 = require("./LinkInstance");
     class LinksPlugin {
         constructor() {
@@ -24,9 +24,9 @@
             return true;
         }
     }
-    async function loadPlugin(engine) {
+    async function loadLinksPlugin(engine, refresh = true) {
         const plugin = new LinksPlugin();
-        await engine.addPlugin(plugin);
+        await engine.addPlugin(plugin, refresh);
     }
-    exports.loadPlugin = loadPlugin;
+    exports.loadLinksPlugin = loadLinksPlugin;
 });

package/browser/Options/Interfaces/IParticlesLinkOptions.js

@@ -1 +0,0 @@
-export {};

package/cjs/LinkParticle.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Options/Classes/ParticlesLinkOptions.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Options/Interfaces/IParticlesLinkOptions.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/esm/ILink.js

@@ -1 +0,0 @@
-export {};

package/esm/LinkContainer.js

@@ -1 +0,0 @@
-export {};

package/esm/LinkParticle.js

@@ -1 +0,0 @@
-export {};

package/esm/Options/Classes/ParticlesLinkOptions.js

@@ -1 +0,0 @@
-export {};

package/esm/Options/Interfaces/IParticlesLinkOptions.js

@@ -1 +0,0 @@
-export {};

package/types/ILink.d.ts

@@ -1,9 +0,0 @@
-import type { LinkParticle } from "./LinkParticle";
-export interface ILink {
-    destination: LinkParticle;
-    opacity: number;
-}
-export interface ILinkTriangle {
-    opacity: number;
-    vertices: LinkParticle[];
-}

package/types/LinkContainer.d.ts

@@ -1,7 +0,0 @@
-import type { Container, IRgb } from "@tsparticles/engine";
-export type LinkContainer = Container & {
-    particles: {
-        linksColor?: IRgb | string;
-        linksColors: Map<string, IRgb | string | undefined>;
-    };
-};

package/types/LinkParticle.d.ts

@@ -1,11 +0,0 @@
-import type { ILink } from "./ILink";
-import type { Particle } from "@tsparticles/engine";
-import type { ParticlesLinkOptions } from "./Options/Classes/ParticlesLinkOptions";
-export type LinkParticle = Particle & {
-    links?: ILink[];
-    options: ParticlesLinkOptions;
-    retina: {
-        linksDistance?: number;
-        linksWidth?: number;
-    };
-};

package/types/Options/Classes/ParticlesLinkOptions.d.ts

@@ -1,5 +0,0 @@
-import type { Links } from "./Links";
-import type { ParticlesOptions } from "@tsparticles/engine";
-export type ParticlesLinkOptions = ParticlesOptions & {
-    links?: Links;
-};

package/types/Options/Interfaces/IParticlesLinkOptions.d.ts

@@ -1,7 +0,0 @@
-import type { ILinks } from "./ILinks";
-import type { IParticlesOptions } from "@tsparticles/engine";
-export type IParticlesLinkOptions = IParticlesOptions & {
-    lineLinked?: ILinks;
-    line_linked?: ILinks;
-    links?: ILinks;
-};

package/umd/LinkParticle.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Classes/ParticlesLinkOptions.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/IParticlesLinkOptions.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});