@tsparticles/shape-text 4.0.0-beta.0 → 4.0.0-beta.10

package/{942.min.js → 825.min.js}

@@ -1,2 +1,2 @@
-"use strict";(this.webpackChunk_tsparticles_shape_text=this.webpackChunk_tsparticles_shape_text||[]).push([[942],{942(t,e,a){a.d(e,{TextDrawer:()=>l});var i=a(303),s=a(183),n=a(425);class l{draw(t){(0,s.m)(t)}async init(t){let e=t.actualOptions;if(s.u.find(t=>(0,i.isInArray)(t,e.particles.shape.type))){let t=s.u.map(t=>e.particles.shape.options[t]).find(t=>!!t),a=[];(0,i.executeOnSingleOrMultiple)(t,t=>{a.push((0,n.loadFont)(t.font,t.weight))}),await Promise.all(a)}}particleInit(t,e){if(!e.shape||!s.u.includes(e.shape))return;let a=e.shapeData;if(void 0===a)return;let n=a.value;n&&(e.textLines=(0,i.itemFromSingleOrMultiple)(n,e.randomIndexData)?.split(`
+"use strict";(this.webpackChunk_tsparticles_shape_text=this.webpackChunk_tsparticles_shape_text||[]).push([[825],{825(t,e,a){a.d(e,{TextDrawer:()=>l});var i=a(303),s=a(206),n=a(425);class l{draw(t){(0,s.m)(t)}async init(t){let e=t.actualOptions;if(s.u.find(t=>(0,i.isInArray)(t,e.particles.shape.type))){let t=s.u.map(t=>e.particles.shape.options[t]).find(t=>!!t),a=[];(0,i.executeOnSingleOrMultiple)(t,t=>{a.push((0,n.loadFont)(t.font,t.weight))}),await Promise.all(a)}}particleInit(t,e){if(!e.shape||!s.u.includes(e.shape))return;let a=e.shapeData;if(void 0===a)return;let n=a.value;n&&(e.textLines=(0,i.itemFromSingleOrMultiple)(n,e.randomIndexData)?.split(`
 `)??[],e.maxTextLength=e.textLines.length?Math.max(...e.textLines.map(t=>t.length)):e.textLines[0]?.length??0)}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) additional text shape.
 
+## 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
@@ -73,3 +79,32 @@ import { loadTextShape } from "@tsparticles/shape-text";
   await loadTextShape(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.shape.type: "text"`
+- Shape-specific options key: `particles.shape.options.text`
+
+```json
+{
+  "particles": {
+    "shape": {
+      "type": "text",
+      "options": {
+        "text": {}
+      }
+    }
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadTextShape(...)`
+- 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/Utils.js

@@ -1,4 +1,4 @@
-import { double, half, itemFromSingleOrMultiple } from "@tsparticles/engine";
+import { double, half, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 export const validTypes = ["text", "character", "char", "multiline-text"];
 const firstIndex = 0, minLength = 0;
 export function drawText(data) {

package/browser/index.js

@@ -1,8 +1,8 @@
 import { validTypes } from "./Utils.js";
 export async function loadTextShape(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addShape(validTypes, async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addShape(validTypes, async () => {
             const { TextDrawer } = await import("./TextDrawer.js");
             return new TextDrawer();
         });

package/cjs/Utils.js

@@ -1,4 +1,4 @@
-import { double, half, itemFromSingleOrMultiple } from "@tsparticles/engine";
+import { double, half, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 export const validTypes = ["text", "character", "char", "multiline-text"];
 const firstIndex = 0, minLength = 0;
 export function drawText(data) {

package/cjs/index.js

@@ -1,8 +1,8 @@
 import { validTypes } from "./Utils.js";
 export async function loadTextShape(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addShape(validTypes, async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addShape(validTypes, async () => {
             const { TextDrawer } = await import("./TextDrawer.js");
             return new TextDrawer();
         });

package/dist_browser_TextDrawer_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/Utils.js

@@ -1,4 +1,4 @@
-import { double, half, itemFromSingleOrMultiple } from "@tsparticles/engine";
+import { double, half, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 export const validTypes = ["text", "character", "char", "multiline-text"];
 const firstIndex = 0, minLength = 0;
 export function drawText(data) {

package/esm/index.js

@@ -1,8 +1,8 @@
 import { validTypes } from "./Utils.js";
 export async function loadTextShape(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addShape(validTypes, async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addShape(validTypes, async () => {
             const { TextDrawer } = await import("./TextDrawer.js");
             return new TextDrawer();
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-text",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles text shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -53,14 +53,13 @@
       "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/canvas-utils": "4.0.0-beta.0",
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/canvas-utils": "4.0.0-beta.10",
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"