@tsparticles/plugin-export-image 4.0.0-alpha.0 → 4.0.0-alpha.14

package/434.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_export_image=this.webpackChunk_tsparticles_plugin_export_image||[]).push([[434],{434(e,t,i){i.d(t,{ExportImagePlugin:()=>n});class n{id="export-image";async getPlugin(e){let{ExportImagePluginInstance:t}=await i.e(713).then(i.bind(i,713));return new t(e)}loadOptions(){}needsPlugin(){return!0}}}}]);

package/713.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_export_image=this.webpackChunk_tsparticles_plugin_export_image||[]).push([[713],{713(t,e,a){a.d(e,{ExportImagePluginInstance:()=>i});class i{_container;constructor(t){this._container=t}async export(t,e){let a={supported:!1};return"image"===t&&(a.supported=!0,a.blob=await this._exportImage(e)),a}_exportImage=async t=>{let e=this._container.canvas.element;if(e)return new Promise(a=>{e.toBlob(t=>{t?a(t):a(void 0)},t.type??"image/png",t.quality)})}}}}]);

package/browser/ExportImagePlugin.js

@@ -1,10 +1,8 @@
-import { ExportImageInstance } from "./ExportImageInstance.js";
 export class ExportImagePlugin {
-    constructor() {
-        this.id = "export-image";
-    }
-    getPlugin(container) {
-        return Promise.resolve(new ExportImageInstance(container));
+    id = "export-image";
+    async getPlugin(container) {
+        const { ExportImagePluginInstance } = await import("./ExportImagePluginInstance.js");
+        return new ExportImagePluginInstance(container);
     }
     loadOptions() {
     }

package/browser/ExportImagePluginInstance.js

@@ -0,0 +1,33 @@
+export class ExportImagePluginInstance {
+    _container;
+    constructor(container) {
+        this._container = container;
+    }
+    async export(type, data) {
+        const res = {
+            supported: false,
+        };
+        switch (type) {
+            case "image":
+                res.supported = true;
+                res.blob = await this._exportImage(data);
+                break;
+        }
+        return res;
+    }
+    _exportImage = async (data) => {
+        const element = this._container.canvas.element;
+        if (!element) {
+            return;
+        }
+        return new Promise(resolve => {
+            element.toBlob(blob => {
+                if (!blob) {
+                    resolve(undefined);
+                    return;
+                }
+                resolve(blob);
+            }, data.type ?? "image/png", data.quality);
+        });
+    };
+}

package/browser/index.js

@@ -1,6 +1,6 @@
-export function loadExportImagePlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.0");
-    engine.register(async (e) => {
+export async function loadExportImagePlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.14");
+    await engine.register(async (e) => {
         const { ExportImagePlugin } = await import("./ExportImagePlugin.js");
         e.addPlugin(new ExportImagePlugin());
     });

package/cjs/ExportImagePlugin.js

@@ -1,10 +1,8 @@
-import { ExportImageInstance } from "./ExportImageInstance.js";
 export class ExportImagePlugin {
-    constructor() {
-        this.id = "export-image";
-    }
-    getPlugin(container) {
-        return Promise.resolve(new ExportImageInstance(container));
+    id = "export-image";
+    async getPlugin(container) {
+        const { ExportImagePluginInstance } = await import("./ExportImagePluginInstance.js");
+        return new ExportImagePluginInstance(container);
     }
     loadOptions() {
     }

package/cjs/ExportImagePluginInstance.js

@@ -0,0 +1,33 @@
+export class ExportImagePluginInstance {
+    _container;
+    constructor(container) {
+        this._container = container;
+    }
+    async export(type, data) {
+        const res = {
+            supported: false,
+        };
+        switch (type) {
+            case "image":
+                res.supported = true;
+                res.blob = await this._exportImage(data);
+                break;
+        }
+        return res;
+    }
+    _exportImage = async (data) => {
+        const element = this._container.canvas.element;
+        if (!element) {
+            return;
+        }
+        return new Promise(resolve => {
+            element.toBlob(blob => {
+                if (!blob) {
+                    resolve(undefined);
+                    return;
+                }
+                resolve(blob);
+            }, data.type ?? "image/png", data.quality);
+        });
+    };
+}

package/cjs/index.js

@@ -1,6 +1,6 @@
-export function loadExportImagePlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.0");
-    engine.register(async (e) => {
+export async function loadExportImagePlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.14");
+    await engine.register(async (e) => {
         const { ExportImagePlugin } = await import("./ExportImagePlugin.js");
         e.addPlugin(new ExportImagePlugin());
     });

package/dist_browser_ExportImagePluginInstance_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.14
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_export_image"] = this["webpackChunk_tsparticles_plugin_export_image"] || []).push([["dist_browser_ExportImagePluginInstance_js"],{
+
+/***/ "./dist/browser/ExportImagePluginInstance.js"
+/*!***************************************************!*\
+  !*** ./dist/browser/ExportImagePluginInstance.js ***!
+  \***************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportImagePluginInstance: () => (/* binding */ ExportImagePluginInstance)\n/* harmony export */ });\nclass ExportImagePluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    async export(type, data) {\n        const res = {\n            supported: false\n        };\n        switch(type){\n            case \"image\":\n                res.supported = true;\n                res.blob = await this._exportImage(data);\n                break;\n        }\n        return res;\n    }\n    _exportImage = async (data)=>{\n        const element = this._container.canvas.element;\n        if (!element) {\n            return;\n        }\n        return new Promise((resolve)=>{\n            element.toBlob((blob)=>{\n                if (!blob) {\n                    resolve(undefined);\n                    return;\n                }\n                resolve(blob);\n            }, data.type ?? \"image/png\", data.quality);\n        });\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-export-image/./dist/browser/ExportImagePluginInstance.js?\n}");
+
+/***/ }
+
+}]);

package/dist_browser_ExportImagePlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.0
+ * v4.0.0-alpha.14
  */
 "use strict";
 /*
@@ -17,23 +17,13 @@
  */
 (this["webpackChunk_tsparticles_plugin_export_image"] = this["webpackChunk_tsparticles_plugin_export_image"] || []).push([["dist_browser_ExportImagePlugin_js"],{
 
-/***/ "./dist/browser/ExportImageInstance.js"
-/*!*********************************************!*\
-  !*** ./dist/browser/ExportImageInstance.js ***!
-  \*********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportImageInstance: () => (/* binding */ ExportImageInstance)\n/* harmony export */ });\nclass ExportImageInstance {\n  constructor(container) {\n    this._exportImage = async data => {\n      const element = this._container.canvas.element;\n      if (!element) {\n        return;\n      }\n      return new Promise(resolve => {\n        element.toBlob(blob => {\n          if (!blob) {\n            resolve(undefined);\n            return;\n          }\n          resolve(blob);\n        }, data.type ?? \"image/png\", data.quality);\n      });\n    };\n    this._container = container;\n  }\n  async export(type, data) {\n    const res = {\n      supported: false\n    };\n    switch (type) {\n      case \"image\":\n        res.supported = true;\n        res.blob = await this._exportImage(data);\n        break;\n    }\n    return res;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-export-image/./dist/browser/ExportImageInstance.js?\n}");
-
-/***/ },
-
 /***/ "./dist/browser/ExportImagePlugin.js"
 /*!*******************************************!*\
   !*** ./dist/browser/ExportImagePlugin.js ***!
   \*******************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportImagePlugin: () => (/* binding */ ExportImagePlugin)\n/* harmony export */ });\n/* harmony import */ var _ExportImageInstance_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ExportImageInstance.js */ \"./dist/browser/ExportImageInstance.js\");\n\nclass ExportImagePlugin {\n  constructor() {\n    this.id = \"export-image\";\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _ExportImageInstance_js__WEBPACK_IMPORTED_MODULE_0__.ExportImageInstance(container));\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-export-image/./dist/browser/ExportImagePlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportImagePlugin: () => (/* binding */ ExportImagePlugin)\n/* harmony export */ });\nclass ExportImagePlugin {\n    id = \"export-image\";\n    async getPlugin(container) {\n        const { ExportImagePluginInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_ExportImagePluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportImagePluginInstance.js */ \"./dist/browser/ExportImagePluginInstance.js\"));\n        return new ExportImagePluginInstance(container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-export-image/./dist/browser/ExportImagePlugin.js?\n}");
 
 /***/ }
 

package/esm/ExportImagePlugin.js

@@ -1,10 +1,8 @@
-import { ExportImageInstance } from "./ExportImageInstance.js";
 export class ExportImagePlugin {
-    constructor() {
-        this.id = "export-image";
-    }
-    getPlugin(container) {
-        return Promise.resolve(new ExportImageInstance(container));
+    id = "export-image";
+    async getPlugin(container) {
+        const { ExportImagePluginInstance } = await import("./ExportImagePluginInstance.js");
+        return new ExportImagePluginInstance(container);
     }
     loadOptions() {
     }

package/esm/ExportImagePluginInstance.js

@@ -0,0 +1,33 @@
+export class ExportImagePluginInstance {
+    _container;
+    constructor(container) {
+        this._container = container;
+    }
+    async export(type, data) {
+        const res = {
+            supported: false,
+        };
+        switch (type) {
+            case "image":
+                res.supported = true;
+                res.blob = await this._exportImage(data);
+                break;
+        }
+        return res;
+    }
+    _exportImage = async (data) => {
+        const element = this._container.canvas.element;
+        if (!element) {
+            return;
+        }
+        return new Promise(resolve => {
+            element.toBlob(blob => {
+                if (!blob) {
+                    resolve(undefined);
+                    return;
+                }
+                resolve(blob);
+            }, data.type ?? "image/png", data.quality);
+        });
+    };
+}

package/esm/index.js

@@ -1,6 +1,6 @@
-export function loadExportImagePlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.0");
-    engine.register(async (e) => {
+export async function loadExportImagePlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.14");
+    await engine.register(async (e) => {
         const { ExportImagePlugin } = await import("./ExportImagePlugin.js");
         e.addPlugin(new ExportImagePlugin());
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-export-image",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-alpha.14",
   "description": "tsParticles export image plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.0"
+    "@tsparticles/engine": "4.0.0-alpha.14"
   },
   "publishConfig": {
     "access": "public"