@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.1

package/cjs/Core/Utils/FrameManager.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FrameManager = void 0;
-function initDelta(value, fpsLimit = 60, smooth = false) {
-    return {
-        value,
-        factor: smooth ? 60 / fpsLimit : (60 * value) / 1000,
-    };
-}
-class FrameManager {
-    constructor(container) {
-        this.container = container;
-    }
-    async nextFrame(timestamp) {
-        var _a;
-        try {
-            const container = this.container;
-            if (!container.smooth &&
-                container.lastFrameTime !== undefined &&
-                timestamp < container.lastFrameTime + 1000 / container.fpsLimit) {
-                container.draw(false);
-                return;
-            }
-            (_a = container.lastFrameTime) !== null && _a !== void 0 ? _a : (container.lastFrameTime = timestamp);
-            const delta = initDelta(timestamp - container.lastFrameTime, container.fpsLimit, container.smooth);
-            container.lifeTime += delta.value;
-            container.lastFrameTime = timestamp;
-            if (delta.value > 1000) {
-                container.draw(false);
-                return;
-            }
-            await container.particles.draw(delta);
-            if (container.duration > 0 && container.lifeTime > container.duration) {
-                container.destroy();
-                return;
-            }
-            if (container.getAnimationStatus()) {
-                container.draw(false);
-            }
-        }
-        catch (e) {
-            console.error("tsParticles error in animation loop", e);
-        }
-    }
-}
-exports.FrameManager = FrameManager;

package/cjs/Core/Utils/Plugins.js

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Plugins = void 0;
-const Utils_1 = require("../../Utils/Utils");
-function getItemsFromInitializer(container, map, initializers, force = false) {
-    let res = map.get(container);
-    if (!res || force) {
-        res = [...initializers.values()].map((t) => t(container));
-        map.set(container, res);
-    }
-    return res;
-}
-class Plugins {
-    constructor(engine) {
-        this._engine = engine;
-        this.plugins = [];
-        this._initializers = {
-            interactors: new Map(),
-            movers: new Map(),
-            updaters: new Map(),
-        };
-        this.interactors = new Map();
-        this.movers = new Map();
-        this.updaters = new Map();
-        this.presets = new Map();
-        this.drawers = new Map();
-        this.pathGenerators = new Map();
-    }
-    addInteractor(name, initInteractor) {
-        this._initializers.interactors.set(name, initInteractor);
-    }
-    addParticleMover(name, initMover) {
-        this._initializers.movers.set(name, initMover);
-    }
-    addParticleUpdater(name, initUpdater) {
-        this._initializers.updaters.set(name, initUpdater);
-    }
-    addPathGenerator(type, pathGenerator) {
-        if (!this.getPathGenerator(type)) {
-            this.pathGenerators.set(type, pathGenerator);
-        }
-    }
-    addPlugin(plugin) {
-        if (!this.getPlugin(plugin.id)) {
-            this.plugins.push(plugin);
-        }
-    }
-    addPreset(presetKey, options, override = false) {
-        if (override || !this.getPreset(presetKey)) {
-            this.presets.set(presetKey, options);
-        }
-    }
-    addShapeDrawer(types, drawer) {
-        (0, Utils_1.executeOnSingleOrMultiple)(types, (type) => {
-            if (!this.getShapeDrawer(type)) {
-                this.drawers.set(type, drawer);
-            }
-        });
-    }
-    destroy(container) {
-        this.updaters.delete(container);
-        this.movers.delete(container);
-        this.interactors.delete(container);
-    }
-    getAvailablePlugins(container) {
-        const res = new Map();
-        for (const plugin of this.plugins) {
-            if (!plugin.needsPlugin(container.actualOptions)) {
-                continue;
-            }
-            res.set(plugin.id, plugin.getPlugin(container));
-        }
-        return res;
-    }
-    getInteractors(container, force = false) {
-        return getItemsFromInitializer(container, this.interactors, this._initializers.interactors, force);
-    }
-    getMovers(container, force = false) {
-        return getItemsFromInitializer(container, this.movers, this._initializers.movers, force);
-    }
-    getPathGenerator(type) {
-        return this.pathGenerators.get(type);
-    }
-    getPlugin(plugin) {
-        return this.plugins.find((t) => t.id === plugin);
-    }
-    getPreset(preset) {
-        return this.presets.get(preset);
-    }
-    getShapeDrawer(type) {
-        return this.drawers.get(type);
-    }
-    getSupportedShapes() {
-        return this.drawers.keys();
-    }
-    getUpdaters(container, force = false) {
-        return getItemsFromInitializer(container, this.updaters, this._initializers.updaters, force);
-    }
-    loadOptions(options, sourceOptions) {
-        for (const plugin of this.plugins) {
-            plugin.loadOptions(options, sourceOptions);
-        }
-    }
-    loadParticlesOptions(container, options, ...sourceOptions) {
-        const updaters = this.updaters.get(container);
-        if (!updaters) {
-            return;
-        }
-        for (const updater of updaters) {
-            if (updater.loadOptions) {
-                updater.loadOptions(options, ...sourceOptions);
-            }
-        }
-    }
-}
-exports.Plugins = Plugins;

package/cjs/Enums/Modes/SizeMode.js

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

package/cjs/Options/Interfaces/Particles/Shape/ICharacterShape.js

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

package/cjs/Options/Interfaces/Particles/Shape/IImageShape.js

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

package/cjs/Options/Interfaces/Particles/Shape/IPolygonShape.js

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

package/cjs/Options/Interfaces/Particles/Shape/IShapeValues.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../../../../Core/Interfaces/IShapeValues"), exports);

package/cjs/Options/Interfaces/Particles/Shape/IStarShape.js

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

package/cjs/engine.js

@@ -1,179 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Engine = void 0;
-const Container_1 = require("./Core/Container");
-const EventDispatcher_1 = require("./Utils/EventDispatcher");
-const Plugins_1 = require("./Core/Utils/Plugins");
-const Constants_1 = require("./Core/Utils/Constants");
-const NumberUtils_1 = require("./Utils/NumberUtils");
-const Utils_1 = require("./Utils/Utils");
-async function getDataFromUrl(data) {
-    const url = (0, Utils_1.itemFromSingleOrMultiple)(data.url, data.index);
-    if (!url) {
-        return data.fallback;
-    }
-    const response = await fetch(url);
-    if (response.ok) {
-        return response.json();
-    }
-    console.error(`tsParticles - Error ${response.status} while retrieving config file`);
-    return data.fallback;
-}
-class Engine {
-    constructor() {
-        this._configs = new Map();
-        this._domArray = [];
-        this._eventDispatcher = new EventDispatcher_1.EventDispatcher();
-        this.plugins = new Plugins_1.Plugins(this);
-    }
-    get configs() {
-        const res = {};
-        for (const [name, config] of this._configs) {
-            res[name] = config;
-        }
-        return res;
-    }
-    addConfig(nameOrConfig, config) {
-        var _a;
-        if (typeof nameOrConfig === "string") {
-            if (config) {
-                config.name = nameOrConfig;
-                this._configs.set(nameOrConfig, config);
-            }
-        }
-        else {
-            this._configs.set((_a = nameOrConfig.name) !== null && _a !== void 0 ? _a : "default", nameOrConfig);
-        }
-    }
-    addEventListener(type, listener) {
-        this._eventDispatcher.addEventListener(type, listener);
-    }
-    async addInteractor(name, interactorInitializer) {
-        this.plugins.addInteractor(name, interactorInitializer);
-        await this.refresh();
-    }
-    async addMover(name, moverInitializer) {
-        this.plugins.addParticleMover(name, moverInitializer);
-        await this.refresh();
-    }
-    async addParticleUpdater(name, updaterInitializer) {
-        this.plugins.addParticleUpdater(name, updaterInitializer);
-        await this.refresh();
-    }
-    async addPathGenerator(name, generator) {
-        this.plugins.addPathGenerator(name, generator);
-        await this.refresh();
-    }
-    async addPlugin(plugin) {
-        this.plugins.addPlugin(plugin);
-        await this.refresh();
-    }
-    async addPreset(preset, options, override = false) {
-        this.plugins.addPreset(preset, options, override);
-        await this.refresh();
-    }
-    async addShape(shape, drawer, init, afterEffect, destroy) {
-        let customDrawer;
-        if (typeof drawer === "function") {
-            customDrawer = {
-                afterEffect: afterEffect,
-                destroy: destroy,
-                draw: drawer,
-                init: init,
-            };
-        }
-        else {
-            customDrawer = drawer;
-        }
-        this.plugins.addShapeDrawer(shape, customDrawer);
-        await this.refresh();
-    }
-    dispatchEvent(type, args) {
-        this._eventDispatcher.dispatchEvent(type, args);
-    }
-    dom() {
-        return this._domArray;
-    }
-    domItem(index) {
-        const dom = this.dom(), item = dom[index];
-        if (item && !item.destroyed) {
-            return item;
-        }
-        dom.splice(index, 1);
-    }
-    async load(params) {
-        var _a, _b, _c;
-        const id = (_a = params.id) !== null && _a !== void 0 ? _a : `tsparticles${Math.floor((0, NumberUtils_1.getRandom)() * 10000)}`, { index, url } = params, options = url
-            ? await getDataFromUrl({
-                fallback: params.options,
-                index,
-                url: url,
-            })
-            : params.options;
-        let domContainer = (_b = params.element) !== null && _b !== void 0 ? _b : document.getElementById(id);
-        if (!domContainer) {
-            domContainer = document.createElement("div");
-            domContainer.id = id;
-            (_c = document.querySelector("body")) === null || _c === void 0 ? void 0 : _c.append(domContainer);
-        }
-        const currentOptions = (0, Utils_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id === id);
-        if (oldIndex >= 0) {
-            const old = this.domItem(oldIndex);
-            if (old && !old.destroyed) {
-                old.destroy();
-                dom.splice(oldIndex, 1);
-            }
-        }
-        let canvasEl;
-        if (domContainer.tagName.toLowerCase() === "canvas") {
-            canvasEl = domContainer;
-            canvasEl.dataset[Constants_1.generatedAttribute] = "false";
-        }
-        else {
-            const existingCanvases = domContainer.getElementsByTagName("canvas");
-            if (existingCanvases.length) {
-                canvasEl = existingCanvases[0];
-                canvasEl.dataset[Constants_1.generatedAttribute] = "false";
-            }
-            else {
-                canvasEl = document.createElement("canvas");
-                canvasEl.dataset[Constants_1.generatedAttribute] = "true";
-                domContainer.appendChild(canvasEl);
-            }
-        }
-        if (!canvasEl.style.width) {
-            canvasEl.style.width = "100%";
-        }
-        if (!canvasEl.style.height) {
-            canvasEl.style.height = "100%";
-        }
-        const newItem = new Container_1.Container(this, id, currentOptions);
-        if (oldIndex >= 0) {
-            dom.splice(oldIndex, 0, newItem);
-        }
-        else {
-            dom.push(newItem);
-        }
-        newItem.canvas.loadCanvas(canvasEl);
-        await newItem.start();
-        return newItem;
-    }
-    async refresh() {
-        for (const instance of this.dom()) {
-            await instance.refresh();
-        }
-    }
-    removeEventListener(type, listener) {
-        this._eventDispatcher.removeEventListener(type, listener);
-    }
-    setOnClickHandler(callback) {
-        const dom = this.dom();
-        if (!dom.length) {
-            throw new Error("Can only set click handlers after calling tsParticles.load()");
-        }
-        for (const domItem of dom) {
-            domItem.addClickHandler(callback);
-        }
-    }
-}
-exports.Engine = Engine;

package/esm/Core/Interfaces/IParticleOverride.js

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

package/esm/Core/Interfaces/IParticlesMover.js

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

package/esm/Core/Utils/FrameManager.js

@@ -1,42 +0,0 @@
-function initDelta(value, fpsLimit = 60, smooth = false) {
-    return {
-        value,
-        factor: smooth ? 60 / fpsLimit : (60 * value) / 1000,
-    };
-}
-export class FrameManager {
-    constructor(container) {
-        this.container = container;
-    }
-    async nextFrame(timestamp) {
-        var _a;
-        try {
-            const container = this.container;
-            if (!container.smooth &&
-                container.lastFrameTime !== undefined &&
-                timestamp < container.lastFrameTime + 1000 / container.fpsLimit) {
-                container.draw(false);
-                return;
-            }
-            (_a = container.lastFrameTime) !== null && _a !== void 0 ? _a : (container.lastFrameTime = timestamp);
-            const delta = initDelta(timestamp - container.lastFrameTime, container.fpsLimit, container.smooth);
-            container.lifeTime += delta.value;
-            container.lastFrameTime = timestamp;
-            if (delta.value > 1000) {
-                container.draw(false);
-                return;
-            }
-            await container.particles.draw(delta);
-            if (container.duration > 0 && container.lifeTime > container.duration) {
-                container.destroy();
-                return;
-            }
-            if (container.getAnimationStatus()) {
-                container.draw(false);
-            }
-        }
-        catch (e) {
-            console.error("tsParticles error in animation loop", e);
-        }
-    }
-}

package/esm/Core/Utils/Plugins.js

@@ -1,112 +0,0 @@
-import { executeOnSingleOrMultiple } from "../../Utils/Utils";
-function getItemsFromInitializer(container, map, initializers, force = false) {
-    let res = map.get(container);
-    if (!res || force) {
-        res = [...initializers.values()].map((t) => t(container));
-        map.set(container, res);
-    }
-    return res;
-}
-export class Plugins {
-    constructor(engine) {
-        this._engine = engine;
-        this.plugins = [];
-        this._initializers = {
-            interactors: new Map(),
-            movers: new Map(),
-            updaters: new Map(),
-        };
-        this.interactors = new Map();
-        this.movers = new Map();
-        this.updaters = new Map();
-        this.presets = new Map();
-        this.drawers = new Map();
-        this.pathGenerators = new Map();
-    }
-    addInteractor(name, initInteractor) {
-        this._initializers.interactors.set(name, initInteractor);
-    }
-    addParticleMover(name, initMover) {
-        this._initializers.movers.set(name, initMover);
-    }
-    addParticleUpdater(name, initUpdater) {
-        this._initializers.updaters.set(name, initUpdater);
-    }
-    addPathGenerator(type, pathGenerator) {
-        if (!this.getPathGenerator(type)) {
-            this.pathGenerators.set(type, pathGenerator);
-        }
-    }
-    addPlugin(plugin) {
-        if (!this.getPlugin(plugin.id)) {
-            this.plugins.push(plugin);
-        }
-    }
-    addPreset(presetKey, options, override = false) {
-        if (override || !this.getPreset(presetKey)) {
-            this.presets.set(presetKey, options);
-        }
-    }
-    addShapeDrawer(types, drawer) {
-        executeOnSingleOrMultiple(types, (type) => {
-            if (!this.getShapeDrawer(type)) {
-                this.drawers.set(type, drawer);
-            }
-        });
-    }
-    destroy(container) {
-        this.updaters.delete(container);
-        this.movers.delete(container);
-        this.interactors.delete(container);
-    }
-    getAvailablePlugins(container) {
-        const res = new Map();
-        for (const plugin of this.plugins) {
-            if (!plugin.needsPlugin(container.actualOptions)) {
-                continue;
-            }
-            res.set(plugin.id, plugin.getPlugin(container));
-        }
-        return res;
-    }
-    getInteractors(container, force = false) {
-        return getItemsFromInitializer(container, this.interactors, this._initializers.interactors, force);
-    }
-    getMovers(container, force = false) {
-        return getItemsFromInitializer(container, this.movers, this._initializers.movers, force);
-    }
-    getPathGenerator(type) {
-        return this.pathGenerators.get(type);
-    }
-    getPlugin(plugin) {
-        return this.plugins.find((t) => t.id === plugin);
-    }
-    getPreset(preset) {
-        return this.presets.get(preset);
-    }
-    getShapeDrawer(type) {
-        return this.drawers.get(type);
-    }
-    getSupportedShapes() {
-        return this.drawers.keys();
-    }
-    getUpdaters(container, force = false) {
-        return getItemsFromInitializer(container, this.updaters, this._initializers.updaters, force);
-    }
-    loadOptions(options, sourceOptions) {
-        for (const plugin of this.plugins) {
-            plugin.loadOptions(options, sourceOptions);
-        }
-    }
-    loadParticlesOptions(container, options, ...sourceOptions) {
-        const updaters = this.updaters.get(container);
-        if (!updaters) {
-            return;
-        }
-        for (const updater of updaters) {
-            if (updater.loadOptions) {
-                updater.loadOptions(options, ...sourceOptions);
-            }
-        }
-    }
-}

package/esm/Enums/Modes/SizeMode.js

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

package/esm/Options/Interfaces/Particles/Shape/ICharacterShape.js

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

package/esm/Options/Interfaces/Particles/Shape/IImageShape.js

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

package/esm/Options/Interfaces/Particles/Shape/IPolygonShape.js

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

package/esm/Options/Interfaces/Particles/Shape/IShapeValues.js

@@ -1 +0,0 @@
-export * from "../../../../Core/Interfaces/IShapeValues";

package/esm/Options/Interfaces/Particles/Shape/IStarShape.js

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