@tsparticles/shape-text 3.9.0 → 4.0.0-alpha.0

package/90.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 90.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_text=this.webpackChunk_tsparticles_shape_text||[]).push([[90],{90(t,e,a){a.d(e,{TextDrawer:()=>n});var i=a(303);function s(t,e,a,i,s,n,l){const r={x:-(e.length*a*.5),y:.5*a},o=2*a;n&&t.fillText(e,r.x,r.y+o*s),l&&t.strokeText(e,r.x,r.y+o*s)}class n{constructor(){this.validTypes=["text","character","char","multiline-text"]}draw(t){!function(t){const{context:e,particle:a,fill:n,stroke:l,radius:r,opacity:o}=t,p=a.shapeData;if(!p)return;const c=p.value;a.text??=(0,i.itemFromSingleOrMultiple)(c,a.randomIndexData);const h=a.text,u=p.style,x=p.weight,d=2*Math.round(r),f=p.font,y=h?.split("\n")??[];e.font=`${u} ${x} ${d.toString()}px "${f}"`,e.globalAlpha=o;for(let t=0;t<y.length;t++){const a=y[t];a&&s(e,a,r,0,t,n,l)}e.globalAlpha=1}(t)}async init(t){const e=t.actualOptions,{validTypes:a}=this;if(a.find((t=>(0,i.isInArray)(t,e.particles.shape.type)))){const t=a.map((t=>e.particles.shape.options[t]))[0],s=[];(0,i.executeOnSingleOrMultiple)(t,(t=>{s.push((0,i.loadFont)(t.font,t.weight))})),await Promise.all(s)}}particleInit(t,e){if(!e.shape||!this.validTypes.includes(e.shape))return;const a=e.shapeData;if(void 0===a)return;const s=a.value;e.text=(0,i.itemFromSingleOrMultiple)(s,e.randomIndexData)}}}}]);

package/90.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Text Shape v4.0.0-alpha.0 by Matteo Bruni */

package/browser/TextDrawer.js

@@ -1,5 +1,6 @@
 import { executeOnSingleOrMultiple, isInArray, itemFromSingleOrMultiple, loadFont, } from "@tsparticles/engine";
 import { drawText } from "./Utils.js";
+const firstItem = 0;
 export class TextDrawer {
     constructor() {
         this.validTypes = ["text", "character", "char", "multiline-text"];
@@ -10,16 +11,14 @@ export class TextDrawer {
     async init(container) {
         const options = container.actualOptions, { validTypes } = this;
         if (validTypes.find(t => isInArray(t, options.particles.shape.type))) {
-            const shapeOptions = validTypes
-                .map(t => options.particles.shape.options[t])
-                .find(t => !!t), promises = [];
+            const shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem], promises = [];
             executeOnSingleOrMultiple(shapeOptions, shape => {
                 promises.push(loadFont(shape.font, shape.weight));
             });
             await Promise.all(promises);
         }
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         if (!particle.shape || !this.validTypes.includes(particle.shape)) {
             return;
         }
@@ -28,9 +27,6 @@ export class TextDrawer {
             return;
         }
         const textData = character.value;
-        if (textData === undefined) {
-            return;
-        }
         particle.text = itemFromSingleOrMultiple(textData, particle.randomIndexData);
     }
 }

package/browser/Utils.js

@@ -1,30 +1,26 @@
 import { itemFromSingleOrMultiple } from "@tsparticles/engine";
 const double = 2, half = 0.5;
 export function drawText(data) {
-    const { context, particle, radius, opacity } = data, character = particle.shapeData;
+    const { context, particle, fill, stroke, radius, opacity } = data, character = particle.shapeData;
     if (!character) {
         return;
     }
     const textData = character.value;
-    if (textData === undefined) {
-        return;
-    }
-    if (particle.text === undefined) {
-        particle.text = itemFromSingleOrMultiple(textData, particle.randomIndexData);
-    }
-    const text = particle.text, style = character.style ?? "", weight = character.weight ?? "400", size = Math.round(radius) * double, font = character.font ?? "Verdana", fill = particle.shapeFill;
-    const lines = text?.split("\n");
-    if (!lines) {
-        return;
-    }
-    context.font = `${style} ${weight} ${size}px "${font}"`;
+    particle.text ??= itemFromSingleOrMultiple(textData, particle.randomIndexData);
+    const text = particle.text, style = character.style, weight = character.weight, size = Math.round(radius) * double, font = character.font;
+    const lines = text?.split("\n") ?? [];
+    context.font = `${style} ${weight} ${size.toString()}px "${font}"`;
     context.globalAlpha = opacity;
     for (let i = 0; i < lines.length; i++) {
-        drawLine(context, lines[i], radius, opacity, i, fill);
+        const currentLine = lines[i];
+        if (!currentLine) {
+            continue;
+        }
+        drawLine(context, currentLine, radius, opacity, i, fill, stroke);
     }
     context.globalAlpha = 1;
 }
-function drawLine(context, line, radius, opacity, index, fill) {
+function drawLine(context, line, radius, _opacity, index, fill, stroke) {
     const offsetX = line.length * radius * half, pos = {
         x: -offsetX,
         y: radius * half,
@@ -32,7 +28,7 @@ function drawLine(context, line, radius, opacity, index, fill) {
     if (fill) {
         context.fillText(line, pos.x, pos.y + diameter * index);
     }
-    else {
+    if (stroke) {
         context.strokeText(line, pos.x, pos.y + diameter * index);
     }
 }

package/browser/index.js

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

package/cjs/ITextShape.js

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

package/cjs/TextDrawer.js

@@ -1,28 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextDrawer = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
-class TextDrawer {
+import { executeOnSingleOrMultiple, isInArray, itemFromSingleOrMultiple, loadFont, } from "@tsparticles/engine";
+import { drawText } from "./Utils.js";
+const firstItem = 0;
+export class TextDrawer {
     constructor() {
         this.validTypes = ["text", "character", "char", "multiline-text"];
     }
     draw(data) {
-        (0, Utils_js_1.drawText)(data);
+        drawText(data);
     }
     async init(container) {
         const options = container.actualOptions, { validTypes } = this;
-        if (validTypes.find(t => (0, engine_1.isInArray)(t, options.particles.shape.type))) {
-            const shapeOptions = validTypes
-                .map(t => options.particles.shape.options[t])
-                .find(t => !!t), promises = [];
-            (0, engine_1.executeOnSingleOrMultiple)(shapeOptions, shape => {
-                promises.push((0, engine_1.loadFont)(shape.font, shape.weight));
+        if (validTypes.find(t => isInArray(t, options.particles.shape.type))) {
+            const shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem], promises = [];
+            executeOnSingleOrMultiple(shapeOptions, shape => {
+                promises.push(loadFont(shape.font, shape.weight));
             });
             await Promise.all(promises);
         }
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         if (!particle.shape || !this.validTypes.includes(particle.shape)) {
             return;
         }
@@ -31,10 +27,6 @@ class TextDrawer {
             return;
         }
         const textData = character.value;
-        if (textData === undefined) {
-            return;
-        }
-        particle.text = (0, engine_1.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
+        particle.text = itemFromSingleOrMultiple(textData, particle.randomIndexData);
     }
 }
-exports.TextDrawer = TextDrawer;

package/cjs/TextParticle.js

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

package/cjs/Utils.js

@@ -1,33 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawText = drawText;
-const engine_1 = require("@tsparticles/engine");
+import { itemFromSingleOrMultiple } from "@tsparticles/engine";
 const double = 2, half = 0.5;
-function drawText(data) {
-    const { context, particle, radius, opacity } = data, character = particle.shapeData;
+export function drawText(data) {
+    const { context, particle, fill, stroke, radius, opacity } = data, character = particle.shapeData;
     if (!character) {
         return;
     }
     const textData = character.value;
-    if (textData === undefined) {
-        return;
-    }
-    if (particle.text === undefined) {
-        particle.text = (0, engine_1.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
-    }
-    const text = particle.text, style = character.style ?? "", weight = character.weight ?? "400", size = Math.round(radius) * double, font = character.font ?? "Verdana", fill = particle.shapeFill;
-    const lines = text?.split("\n");
-    if (!lines) {
-        return;
-    }
-    context.font = `${style} ${weight} ${size}px "${font}"`;
+    particle.text ??= itemFromSingleOrMultiple(textData, particle.randomIndexData);
+    const text = particle.text, style = character.style, weight = character.weight, size = Math.round(radius) * double, font = character.font;
+    const lines = text?.split("\n") ?? [];
+    context.font = `${style} ${weight} ${size.toString()}px "${font}"`;
     context.globalAlpha = opacity;
     for (let i = 0; i < lines.length; i++) {
-        drawLine(context, lines[i], radius, opacity, i, fill);
+        const currentLine = lines[i];
+        if (!currentLine) {
+            continue;
+        }
+        drawLine(context, currentLine, radius, opacity, i, fill, stroke);
     }
     context.globalAlpha = 1;
 }
-function drawLine(context, line, radius, opacity, index, fill) {
+function drawLine(context, line, radius, _opacity, index, fill, stroke) {
     const offsetX = line.length * radius * half, pos = {
         x: -offsetX,
         y: radius * half,
@@ -35,7 +28,7 @@ function drawLine(context, line, radius, opacity, index, fill) {
     if (fill) {
         context.fillText(line, pos.x, pos.y + diameter * index);
     }
-    else {
+    if (stroke) {
         context.strokeText(line, pos.x, pos.y + diameter * index);
     }
 }

package/cjs/index.js

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

package/dist_browser_TextDrawer_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_shape_text"] = this["webpackChunk_tsparticles_shape_text"] || []).push([["dist_browser_TextDrawer_js"],{
+
+/***/ "./dist/browser/TextDrawer.js"
+/*!************************************!*\
+  !*** ./dist/browser/TextDrawer.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 */   TextDrawer: () => (/* binding */ TextDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst firstItem = 0;\nclass TextDrawer {\n  constructor() {\n    this.validTypes = [\"text\", \"character\", \"char\", \"multiline-text\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawText)(data);\n  }\n  async init(container) {\n    const options = container.actualOptions,\n      {\n        validTypes\n      } = this;\n    if (validTypes.find(t => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n      const shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem],\n        promises = [];\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, shape => {\n        promises.push((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(shape.font, shape.weight));\n      });\n      await Promise.all(promises);\n    }\n  }\n  particleInit(_container, particle) {\n    if (!particle.shape || !this.validTypes.includes(particle.shape)) {\n      return;\n    }\n    const character = particle.shapeData;\n    if (character === undefined) {\n      return;\n    }\n    const textData = character.value;\n    particle.text = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-text/./dist/browser/TextDrawer.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.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 */   drawText: () => (/* binding */ drawText)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst double = 2,\n  half = 0.5;\nfunction drawText(data) {\n  const {\n      context,\n      particle,\n      fill,\n      stroke,\n      radius,\n      opacity\n    } = data,\n    character = particle.shapeData;\n  if (!character) {\n    return;\n  }\n  const textData = character.value;\n  particle.text ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData);\n  const text = particle.text,\n    style = character.style,\n    weight = character.weight,\n    size = Math.round(radius) * double,\n    font = character.font;\n  const lines = text?.split(\"\\n\") ?? [];\n  context.font = `${style} ${weight} ${size.toString()}px \"${font}\"`;\n  context.globalAlpha = opacity;\n  for (let i = 0; i < lines.length; i++) {\n    const currentLine = lines[i];\n    if (!currentLine) {\n      continue;\n    }\n    drawLine(context, currentLine, radius, opacity, i, fill, stroke);\n  }\n  context.globalAlpha = 1;\n}\nfunction drawLine(context, line, radius, _opacity, index, fill, stroke) {\n  const offsetX = line.length * radius * half,\n    pos = {\n      x: -offsetX,\n      y: radius * half\n    },\n    diameter = radius * double;\n  if (fill) {\n    context.fillText(line, pos.x, pos.y + diameter * index);\n  }\n  if (stroke) {\n    context.strokeText(line, pos.x, pos.y + diameter * index);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-text/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/TextDrawer.js

@@ -1,5 +1,6 @@
 import { executeOnSingleOrMultiple, isInArray, itemFromSingleOrMultiple, loadFont, } from "@tsparticles/engine";
 import { drawText } from "./Utils.js";
+const firstItem = 0;
 export class TextDrawer {
     constructor() {
         this.validTypes = ["text", "character", "char", "multiline-text"];
@@ -10,16 +11,14 @@ export class TextDrawer {
     async init(container) {
         const options = container.actualOptions, { validTypes } = this;
         if (validTypes.find(t => isInArray(t, options.particles.shape.type))) {
-            const shapeOptions = validTypes
-                .map(t => options.particles.shape.options[t])
-                .find(t => !!t), promises = [];
+            const shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem], promises = [];
             executeOnSingleOrMultiple(shapeOptions, shape => {
                 promises.push(loadFont(shape.font, shape.weight));
             });
             await Promise.all(promises);
         }
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         if (!particle.shape || !this.validTypes.includes(particle.shape)) {
             return;
         }
@@ -28,9 +27,6 @@ export class TextDrawer {
             return;
         }
         const textData = character.value;
-        if (textData === undefined) {
-            return;
-        }
         particle.text = itemFromSingleOrMultiple(textData, particle.randomIndexData);
     }
 }

package/esm/Utils.js

@@ -1,30 +1,26 @@
 import { itemFromSingleOrMultiple } from "@tsparticles/engine";
 const double = 2, half = 0.5;
 export function drawText(data) {
-    const { context, particle, radius, opacity } = data, character = particle.shapeData;
+    const { context, particle, fill, stroke, radius, opacity } = data, character = particle.shapeData;
     if (!character) {
         return;
     }
     const textData = character.value;
-    if (textData === undefined) {
-        return;
-    }
-    if (particle.text === undefined) {
-        particle.text = itemFromSingleOrMultiple(textData, particle.randomIndexData);
-    }
-    const text = particle.text, style = character.style ?? "", weight = character.weight ?? "400", size = Math.round(radius) * double, font = character.font ?? "Verdana", fill = particle.shapeFill;
-    const lines = text?.split("\n");
-    if (!lines) {
-        return;
-    }
-    context.font = `${style} ${weight} ${size}px "${font}"`;
+    particle.text ??= itemFromSingleOrMultiple(textData, particle.randomIndexData);
+    const text = particle.text, style = character.style, weight = character.weight, size = Math.round(radius) * double, font = character.font;
+    const lines = text?.split("\n") ?? [];
+    context.font = `${style} ${weight} ${size.toString()}px "${font}"`;
     context.globalAlpha = opacity;
     for (let i = 0; i < lines.length; i++) {
-        drawLine(context, lines[i], radius, opacity, i, fill);
+        const currentLine = lines[i];
+        if (!currentLine) {
+            continue;
+        }
+        drawLine(context, currentLine, radius, opacity, i, fill, stroke);
     }
     context.globalAlpha = 1;
 }
-function drawLine(context, line, radius, opacity, index, fill) {
+function drawLine(context, line, radius, _opacity, index, fill, stroke) {
     const offsetX = line.length * radius * half, pos = {
         x: -offsetX,
         y: radius * half,
@@ -32,7 +28,7 @@ function drawLine(context, line, radius, opacity, index, fill) {
     if (fill) {
         context.fillText(line, pos.x, pos.y + diameter * index);
     }
-    else {
+    if (stroke) {
         context.strokeText(line, pos.x, pos.y + diameter * index);
     }
 }

package/esm/index.js

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

package/package.json

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