@tsparticles/plugin-export-video 3.9.0 → 4.0.0-alpha.0

package/973.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 973.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_export_video=this.webpackChunk_tsparticles_plugin_export_video||[]).push([[973],{973(e,t,s){s.d(t,{ExportVideoPlugin:()=>n});var o=s(303);const p=["webm","ogg","mp4","x-matroska"],i=["vp9","vp9.0","vp8","vp8.0","avc1","av1","h265","h.265","h264","h.264","opus","pcm","aac","mpeg","mp4a"];class r{constructor(e){this._supportedTypes=[],this._exportVideo=async e=>{const t=this._container.canvas.element;if(t)return new Promise((s=>{const p=t.captureStream(e.fps??this._container.actualOptions.fpsLimit),i=e.mimeType??this._supportedTypes[0],r=new MediaRecorder(p,{mimeType:i}),n=[];r.addEventListener("dataavailable",(e=>{n.push(e.data)})),r.addEventListener("stop",(()=>{s(new Blob(n,{type:i}))})),r.start(),setTimeout((()=>{r.stop()}),e.duration??5*o.millisecondsToSeconds)}))},this._container=e,this._supportedTypes=function(){const e=e=>MediaRecorder.isTypeSupported(e),t=[];return p.forEach((s=>{const o=`video/${s}`;i.forEach((s=>{[`${o};codecs=${s}`,`${o};codecs=${s.toUpperCase()}`].forEach((s=>{e(s)&&t.push(s)}))})),e(o)&&t.push(o)})),t}()}async export(e,t){const s={supported:!1};if("video"===e)s.supported=!0,s.blob=await this._exportVideo(t);return s}}class n{constructor(){this.id="export-video"}getPlugin(e){return Promise.resolve(new r(e))}loadOptions(){}needsPlugin(){return!0}}}}]);

package/973.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Export Video Plugin v4.0.0-alpha.0 by Matteo Bruni */

package/browser/ExportVideoInstance.js

@@ -1,4 +1,4 @@
-import { millisecondsToSeconds, } from "@tsparticles/engine";
+import { millisecondsToSeconds } from "@tsparticles/engine";
 const videoTypes = ["webm", "ogg", "mp4", "x-matroska"], codecs = [
     "vp9",
     "vp9.0",
@@ -20,14 +20,16 @@ function getVideoSupportedMimeTypes() {
     const isSupported = (type) => MediaRecorder.isTypeSupported(type), supported = [];
     videoTypes.forEach(type => {
         const mimeType = `video/${type}`;
-        codecs.forEach(codec => [
-            `${mimeType};codecs=${codec}`,
-            `${mimeType};codecs=${codec.toUpperCase()}`,
-        ].forEach(variation => {
-            if (isSupported(variation)) {
-                supported.push(variation);
-            }
-        }));
+        codecs.forEach(codec => {
+            [
+                `${mimeType};codecs=${codec}`,
+                `${mimeType};codecs=${codec.toUpperCase()}`,
+            ].forEach(variation => {
+                if (isSupported(variation)) {
+                    supported.push(variation);
+                }
+            });
+        });
         if (isSupported(mimeType)) {
             supported.push(mimeType);
         }
@@ -35,7 +37,7 @@ function getVideoSupportedMimeTypes() {
     return supported;
 }
 export class ExportVideoInstance {
-    constructor(container, engine) {
+    constructor(container) {
         this._supportedTypes = [];
         this._exportVideo = async (data) => {
             const element = this._container.canvas.element;
@@ -59,7 +61,6 @@ export class ExportVideoInstance {
             });
         };
         this._container = container;
-        this._engine = engine;
         this._supportedTypes = getVideoSupportedMimeTypes();
     }
     async export(type, data) {

package/browser/ExportVideoPlugin.js

@@ -1,11 +1,10 @@
 import { ExportVideoInstance } from "./ExportVideoInstance.js";
 export class ExportVideoPlugin {
-    constructor(engine) {
+    constructor() {
         this.id = "export-video";
-        this._engine = engine;
     }
     getPlugin(container) {
-        return Promise.resolve(new ExportVideoInstance(container, this._engine));
+        return Promise.resolve(new ExportVideoInstance(container));
     }
     loadOptions() {
     }

package/browser/index.js

@@ -1,5 +1,7 @@
-import { ExportVideoPlugin } from "./ExportVideoPlugin.js";
-export async function loadExportVideoPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addPlugin(new ExportVideoPlugin(engine), refresh);
+export function loadExportVideoPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { ExportVideoPlugin } = await import("./ExportVideoPlugin.js");
+        e.addPlugin(new ExportVideoPlugin());
+    });
 }

package/cjs/ExportVideoInstance.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportVideoInstance = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { millisecondsToSeconds } from "@tsparticles/engine";
 const videoTypes = ["webm", "ogg", "mp4", "x-matroska"], codecs = [
     "vp9",
     "vp9.0",
@@ -23,22 +20,24 @@ function getVideoSupportedMimeTypes() {
     const isSupported = (type) => MediaRecorder.isTypeSupported(type), supported = [];
     videoTypes.forEach(type => {
         const mimeType = `video/${type}`;
-        codecs.forEach(codec => [
-            `${mimeType};codecs=${codec}`,
-            `${mimeType};codecs=${codec.toUpperCase()}`,
-        ].forEach(variation => {
-            if (isSupported(variation)) {
-                supported.push(variation);
-            }
-        }));
+        codecs.forEach(codec => {
+            [
+                `${mimeType};codecs=${codec}`,
+                `${mimeType};codecs=${codec.toUpperCase()}`,
+            ].forEach(variation => {
+                if (isSupported(variation)) {
+                    supported.push(variation);
+                }
+            });
+        });
         if (isSupported(mimeType)) {
             supported.push(mimeType);
         }
     });
     return supported;
 }
-class ExportVideoInstance {
-    constructor(container, engine) {
+export class ExportVideoInstance {
+    constructor(container) {
         this._supportedTypes = [];
         this._exportVideo = async (data) => {
             const element = this._container.canvas.element;
@@ -58,11 +57,10 @@ class ExportVideoInstance {
                 recorder.start();
                 setTimeout(() => {
                     recorder.stop();
-                }, data.duration ?? defaultDuration * engine_1.millisecondsToSeconds);
+                }, data.duration ?? defaultDuration * millisecondsToSeconds);
             });
         };
         this._container = container;
-        this._engine = engine;
         this._supportedTypes = getVideoSupportedMimeTypes();
     }
     async export(type, data) {
@@ -78,4 +76,3 @@ class ExportVideoInstance {
         return res;
     }
 }
-exports.ExportVideoInstance = ExportVideoInstance;

package/cjs/ExportVideoPlugin.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportVideoPlugin = void 0;
-const ExportVideoInstance_js_1 = require("./ExportVideoInstance.js");
-class ExportVideoPlugin {
-    constructor(engine) {
+import { ExportVideoInstance } from "./ExportVideoInstance.js";
+export class ExportVideoPlugin {
+    constructor() {
         this.id = "export-video";
-        this._engine = engine;
     }
     getPlugin(container) {
-        return Promise.resolve(new ExportVideoInstance_js_1.ExportVideoInstance(container, this._engine));
+        return Promise.resolve(new ExportVideoInstance(container));
     }
     loadOptions() {
     }
@@ -16,4 +12,3 @@ class ExportVideoPlugin {
         return true;
     }
 }
-exports.ExportVideoPlugin = ExportVideoPlugin;

package/cjs/IExportVideoData.js

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

package/cjs/index.js

@@ -1,8 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadExportVideoPlugin = loadExportVideoPlugin;
-const ExportVideoPlugin_js_1 = require("./ExportVideoPlugin.js");
-async function loadExportVideoPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addPlugin(new ExportVideoPlugin_js_1.ExportVideoPlugin(engine), refresh);
+export function loadExportVideoPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { ExportVideoPlugin } = await import("./ExportVideoPlugin.js");
+        e.addPlugin(new ExportVideoPlugin());
+    });
 }

package/dist_browser_ExportVideoPlugin_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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.0
+ */
+"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_video"] = this["webpackChunk_tsparticles_plugin_export_video"] || []).push([["dist_browser_ExportVideoPlugin_js"],{
+
+/***/ "./dist/browser/ExportVideoInstance.js"
+/*!*********************************************!*\
+  !*** ./dist/browser/ExportVideoInstance.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 */   ExportVideoInstance: () => (/* binding */ ExportVideoInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst videoTypes = [\"webm\", \"ogg\", \"mp4\", \"x-matroska\"],\n  codecs = [\"vp9\", \"vp9.0\", \"vp8\", \"vp8.0\", \"avc1\", \"av1\", \"h265\", \"h.265\", \"h264\", \"h.264\", \"opus\", \"pcm\", \"aac\", \"mpeg\", \"mp4a\"];\nfunction getVideoSupportedMimeTypes() {\n  const isSupported = type => MediaRecorder.isTypeSupported(type),\n    supported = [];\n  videoTypes.forEach(type => {\n    const mimeType = `video/${type}`;\n    codecs.forEach(codec => {\n      [`${mimeType};codecs=${codec}`, `${mimeType};codecs=${codec.toUpperCase()}`].forEach(variation => {\n        if (isSupported(variation)) {\n          supported.push(variation);\n        }\n      });\n    });\n    if (isSupported(mimeType)) {\n      supported.push(mimeType);\n    }\n  });\n  return supported;\n}\nclass ExportVideoInstance {\n  constructor(container) {\n    this._supportedTypes = [];\n    this._exportVideo = async data => {\n      const element = this._container.canvas.element;\n      if (!element) {\n        return;\n      }\n      return new Promise(resolve => {\n        const stream = element.captureStream(data.fps ?? this._container.actualOptions.fpsLimit),\n          firstIndex = 0,\n          mimeType = data.mimeType ?? this._supportedTypes[firstIndex],\n          recorder = new MediaRecorder(stream, {\n            mimeType\n          }),\n          chunks = [],\n          defaultDuration = 5;\n        recorder.addEventListener(\"dataavailable\", event => {\n          chunks.push(event.data);\n        });\n        recorder.addEventListener(\"stop\", () => {\n          resolve(new Blob(chunks, {\n            type: mimeType\n          }));\n        });\n        recorder.start();\n        setTimeout(() => {\n          recorder.stop();\n        }, data.duration ?? defaultDuration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n      });\n    };\n    this._container = container;\n    this._supportedTypes = getVideoSupportedMimeTypes();\n  }\n  async export(type, data) {\n    const res = {\n      supported: false\n    };\n    switch (type) {\n      case \"video\":\n        res.supported = true;\n        res.blob = await this._exportVideo(data);\n        break;\n    }\n    return res;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-export-video/./dist/browser/ExportVideoInstance.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/ExportVideoPlugin.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/ExportVideoPlugin.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 */   ExportVideoPlugin: () => (/* binding */ ExportVideoPlugin)\n/* harmony export */ });\n/* harmony import */ var _ExportVideoInstance_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ExportVideoInstance.js */ \"./dist/browser/ExportVideoInstance.js\");\n\nclass ExportVideoPlugin {\n  constructor() {\n    this.id = \"export-video\";\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _ExportVideoInstance_js__WEBPACK_IMPORTED_MODULE_0__.ExportVideoInstance(container));\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-export-video/./dist/browser/ExportVideoPlugin.js?\n}");
+
+/***/ }
+
+}]);

package/esm/ExportVideoInstance.js

@@ -1,4 +1,4 @@
-import { millisecondsToSeconds, } from "@tsparticles/engine";
+import { millisecondsToSeconds } from "@tsparticles/engine";
 const videoTypes = ["webm", "ogg", "mp4", "x-matroska"], codecs = [
     "vp9",
     "vp9.0",
@@ -20,14 +20,16 @@ function getVideoSupportedMimeTypes() {
     const isSupported = (type) => MediaRecorder.isTypeSupported(type), supported = [];
     videoTypes.forEach(type => {
         const mimeType = `video/${type}`;
-        codecs.forEach(codec => [
-            `${mimeType};codecs=${codec}`,
-            `${mimeType};codecs=${codec.toUpperCase()}`,
-        ].forEach(variation => {
-            if (isSupported(variation)) {
-                supported.push(variation);
-            }
-        }));
+        codecs.forEach(codec => {
+            [
+                `${mimeType};codecs=${codec}`,
+                `${mimeType};codecs=${codec.toUpperCase()}`,
+            ].forEach(variation => {
+                if (isSupported(variation)) {
+                    supported.push(variation);
+                }
+            });
+        });
         if (isSupported(mimeType)) {
             supported.push(mimeType);
         }
@@ -35,7 +37,7 @@ function getVideoSupportedMimeTypes() {
     return supported;
 }
 export class ExportVideoInstance {
-    constructor(container, engine) {
+    constructor(container) {
         this._supportedTypes = [];
         this._exportVideo = async (data) => {
             const element = this._container.canvas.element;
@@ -59,7 +61,6 @@ export class ExportVideoInstance {
             });
         };
         this._container = container;
-        this._engine = engine;
         this._supportedTypes = getVideoSupportedMimeTypes();
     }
     async export(type, data) {

package/esm/ExportVideoPlugin.js

@@ -1,11 +1,10 @@
 import { ExportVideoInstance } from "./ExportVideoInstance.js";
 export class ExportVideoPlugin {
-    constructor(engine) {
+    constructor() {
         this.id = "export-video";
-        this._engine = engine;
     }
     getPlugin(container) {
-        return Promise.resolve(new ExportVideoInstance(container, this._engine));
+        return Promise.resolve(new ExportVideoInstance(container));
     }
     loadOptions() {
     }

package/esm/index.js

@@ -1,5 +1,7 @@
-import { ExportVideoPlugin } from "./ExportVideoPlugin.js";
-export async function loadExportVideoPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addPlugin(new ExportVideoPlugin(engine), refresh);
+export function loadExportVideoPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { ExportVideoPlugin } = await import("./ExportVideoPlugin.js");
+        e.addPlugin(new ExportVideoPlugin());
+    });
 }

package/package.json

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