@tsparticles/plugin-export-video 4.0.0-beta.0 → 4.0.0-beta.10

package/231.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_export_video=this.webpackChunk_tsparticles_plugin_export_video||[]).push([[231],{231(e,t,p){p.d(t,{ExportVideoPluginInstance:()=>a});var s=p(303);let o=["webm","ogg","mp4","x-matroska"],r=["vp9","vp9.0","vp8","vp8.0","avc1","av1","h265","h.265","h264","h.264","opus","pcm","aac","mpeg","mp4a"];class a{_container;_supportedTypes=[];constructor(e){this._container=e,this._supportedTypes=function(){let e=[];return o.forEach(t=>{let p=`video/${t}`;r.forEach(t=>{[`${p};codecs=${t}`,`${p};codecs=${t.toUpperCase()}`].forEach(t=>{MediaRecorder.isTypeSupported(t)&&e.push(t)})}),MediaRecorder.isTypeSupported(p)&&e.push(p)}),e}()}async export(e,t){let p={supported:!1};return"video"===e&&(p.supported=!0,p.blob=await this._exportVideo(t)),p}_exportVideo=async e=>{let t=this._container.canvas.element;if(t)return new Promise(p=>{let o=t.captureStream(e.fps??this._container.actualOptions.fpsLimit),r=e.mimeType??this._supportedTypes[0],a=new MediaRecorder(o,{mimeType:r}),i=[];a.addEventListener("dataavailable",e=>{i.push(e.data)}),a.addEventListener("stop",()=>{p(new Blob(i,{type:r}))}),a.start(),setTimeout(()=>{a.stop()},e.duration??5*s.millisecondsToSeconds)})}}}}]);

package/648.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_export_video=this.webpackChunk_tsparticles_plugin_export_video||[]).push([[648],{648(e,t,i){i.d(t,{ExportVideoPlugin:()=>n});class n{id="export-video";async getPlugin(e){let{ExportVideoPluginInstance:t}=await i.e(231).then(i.bind(i,231));return new t(e)}loadOptions(){}needsPlugin(){return!0}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) plugin for adding the export video support.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,19 @@ import { loadExportVideoPlugin } from "@tsparticles/plugin-export-video";
   await loadExportVideoPlugin();
 })();
 ```
+
+## Option mapping
+
+- This package primarily extends runtime behavior or rendering and may not expose a single dedicated root options key.
+- Use the usage example in this README and combine with the nearest options section in the docs.
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadExportVideoPlugin(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

@@ -1,7 +1,7 @@
 export async function loadExportVideoPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ExportVideoPlugin } = await import("./ExportVideoPlugin.js");
-        e.addPlugin(new ExportVideoPlugin());
+        e.pluginManager.addPlugin(new ExportVideoPlugin());
     });
 }

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadExportVideoPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ExportVideoPlugin } = await import("./ExportVideoPlugin.js");
-        e.addPlugin(new ExportVideoPlugin());
+        e.pluginManager.addPlugin(new ExportVideoPlugin());
     });
 }

package/dist_browser_ExportVideoPluginInstance_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-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/dist_browser_ExportVideoPlugin_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-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

@@ -1,7 +1,7 @@
 export async function loadExportVideoPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ExportVideoPlugin } = await import("./ExportVideoPlugin.js");
-        e.addPlugin(new ExportVideoPlugin());
+        e.pluginManager.addPlugin(new ExportVideoPlugin());
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-export-video",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles export video plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -94,13 +94,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"