@tsparticles/shape-emoji 4.0.0-beta.0 → 4.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{477.min.js → 377.min.js} +1 -1
- package/browser/EmojiDrawer.js +2 -2
- package/browser/index.js +4 -3
- package/cjs/EmojiDrawer.js +2 -2
- package/cjs/index.js +4 -3
- package/dist_browser_EmojiDrawer_js.js +2 -2
- package/esm/EmojiDrawer.js +2 -2
- package/esm/index.js +4 -3
- package/package.json +5 -6
- package/report.html +84 -29
- package/tsparticles.shape.emoji.js +2 -2
- package/tsparticles.shape.emoji.min.js +2 -2
- package/umd/EmojiDrawer.js +0 -105
- package/umd/EmojiParticle.js +0 -12
- package/umd/IEmojiShape.js +0 -12
- package/umd/Utils.js +0 -22
- package/umd/index.js +0 -57
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(this.webpackChunk_tsparticles_shape_emoji=this.webpackChunk_tsparticles_shape_emoji||[]).push([[
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_shape_emoji=this.webpackChunk_tsparticles_shape_emoji||[]).push([[377],{377(e,t,a){a.d(t,{EmojiDrawer:()=>l});var i=a(303),n=a(131),o=a(425);let s='"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif';class l{_emojiShapeDict=new Map;destroy(){for(let[e,t]of this._emojiShapeDict)t instanceof ImageBitmap&&t.close(),this._emojiShapeDict.delete(e)}draw(e){let t=e.particle.emojiDataKey;if(!t)return;let a=this._emojiShapeDict.get(t);a&&(0,n.j)(e,a)}async init(e){let t=e.actualOptions.particles.shape;if(!n.u.some(e=>(0,i.isInArray)(e,t.type)))return;let a=[(0,o.loadFont)(s)],l=n.u.map(e=>t.options[e])[0];(0,i.executeOnSingleOrMultiple)(l,e=>{e.font&&a.push((0,o.loadFont)(e.font))}),await Promise.all(a)}particleDestroy(e){e.emojiDataKey=void 0}particleInit(e,t){let a,n,o=t.shapeData;if(!o.value)return;let l=(0,i.itemFromSingleOrMultiple)(o.value,t.randomIndexData);if(!l)return;let r="string"==typeof l?{font:o.font??s,padding:o.padding??0,value:l}:{font:s,padding:0,...o,...l},p=r.font,c=r.value,m=`${c}_${p}`;if(this._emojiShapeDict.has(m)){t.emojiDataKey=m;return}let f=r.padding*i.double,d=(0,i.getRangeMax)(t.size.value),u=d+f,h=u*i.double;if("u"<typeof OffscreenCanvas){let t=(0,i.safeDocument)().createElement("canvas");t.width=h,t.height=h,n=t.getContext("2d",e.canvas.render.settings),a=t}else n=(a=new OffscreenCanvas(h,h)).getContext("2d",e.canvas.render.settings);if(!n)return;n.font=`400 ${(d*i.double).toString()}px ${p}`,n.textBaseline="middle",n.textAlign="center",n.fillText(c,u,u);let g=a instanceof HTMLCanvasElement?a:a.transferToImageBitmap();this._emojiShapeDict.set(m,g),t.emojiDataKey=m}}}}]);
|
package/browser/EmojiDrawer.js
CHANGED
|
@@ -70,12 +70,12 @@ export class EmojiDrawer {
|
|
|
70
70
|
const canvas = safeDocument().createElement("canvas");
|
|
71
71
|
canvas.width = canvasSize;
|
|
72
72
|
canvas.height = canvasSize;
|
|
73
|
-
context = canvas.getContext("2d", container.canvas.settings);
|
|
73
|
+
context = canvas.getContext("2d", container.canvas.render.settings);
|
|
74
74
|
cacheCanvas = canvas;
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
77
|
cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);
|
|
78
|
-
context = cacheCanvas.getContext("2d", container.canvas.settings);
|
|
78
|
+
context = cacheCanvas.getContext("2d", container.canvas.render.settings);
|
|
79
79
|
}
|
|
80
80
|
if (!context) {
|
|
81
81
|
return;
|
package/browser/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import {} from "@tsparticles/engine";
|
|
1
2
|
import { validTypes } from "./Utils.js";
|
|
2
3
|
export async function loadEmojiShape(engine) {
|
|
3
|
-
engine.checkVersion("4.0.0-beta.
|
|
4
|
-
await engine.register(e => {
|
|
5
|
-
e.addShape(validTypes, async () => {
|
|
4
|
+
engine.checkVersion("4.0.0-beta.2");
|
|
5
|
+
await engine.pluginManager.register(e => {
|
|
6
|
+
e.pluginManager.addShape(validTypes, async () => {
|
|
6
7
|
const { EmojiDrawer } = await import("./EmojiDrawer.js");
|
|
7
8
|
return new EmojiDrawer();
|
|
8
9
|
});
|
package/cjs/EmojiDrawer.js
CHANGED
|
@@ -70,12 +70,12 @@ export class EmojiDrawer {
|
|
|
70
70
|
const canvas = safeDocument().createElement("canvas");
|
|
71
71
|
canvas.width = canvasSize;
|
|
72
72
|
canvas.height = canvasSize;
|
|
73
|
-
context = canvas.getContext("2d", container.canvas.settings);
|
|
73
|
+
context = canvas.getContext("2d", container.canvas.render.settings);
|
|
74
74
|
cacheCanvas = canvas;
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
77
|
cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);
|
|
78
|
-
context = cacheCanvas.getContext("2d", container.canvas.settings);
|
|
78
|
+
context = cacheCanvas.getContext("2d", container.canvas.render.settings);
|
|
79
79
|
}
|
|
80
80
|
if (!context) {
|
|
81
81
|
return;
|
package/cjs/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import {} from "@tsparticles/engine";
|
|
1
2
|
import { validTypes } from "./Utils.js";
|
|
2
3
|
export async function loadEmojiShape(engine) {
|
|
3
|
-
engine.checkVersion("4.0.0-beta.
|
|
4
|
-
await engine.register(e => {
|
|
5
|
-
e.addShape(validTypes, async () => {
|
|
4
|
+
engine.checkVersion("4.0.0-beta.2");
|
|
5
|
+
await engine.pluginManager.register(e => {
|
|
6
|
+
e.pluginManager.addShape(validTypes, async () => {
|
|
6
7
|
const { EmojiDrawer } = await import("./EmojiDrawer.js");
|
|
7
8
|
return new EmojiDrawer();
|
|
8
9
|
});
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-beta.
|
|
7
|
+
* v4.0.0-beta.2
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
\*************************************/
|
|
24
24
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
25
25
|
|
|
26
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ EmojiDrawer: () => (/* binding */ EmojiDrawer)\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/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"@tsparticles/canvas-utils\");\n\n\n\nconst defaultFont = '\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", sans-serif', noPadding = 0, firstItem = 0;\nclass EmojiDrawer {\n _emojiShapeDict = new Map();\n destroy() {\n for (const [key, data] of this._emojiShapeDict){\n if (data instanceof ImageBitmap) {\n data.close();\n }\n this._emojiShapeDict.delete(key);\n }\n }\n draw(data) {\n const key = data.particle.emojiDataKey;\n if (!key) {\n return;\n }\n const image = this._emojiShapeDict.get(key);\n if (!image) {\n return;\n }\n (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawEmoji)(data, image);\n }\n async init(container) {\n const options = container.actualOptions, shapeData = options.particles.shape;\n if (!_Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.some((t)=>(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, shapeData.type))) {\n return;\n }\n const promises = [\n (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(defaultFont)\n ], shapeOptions = _Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.map((t)=>shapeData.options[t])[firstItem];\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, (shape)=>{\n if (shape.font) {\n promises.push((0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(shape.font));\n }\n });\n await Promise.all(promises);\n }\n particleDestroy(particle) {\n particle.emojiDataKey = undefined;\n }\n particleInit(container, particle) {\n const shapeData = particle.shapeData;\n if (!shapeData.value) {\n return;\n }\n const emoji = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(shapeData.value, particle.randomIndexData);\n if (!emoji) {\n return;\n }\n const emojiOptions = typeof emoji === \"string\" ? {\n font: shapeData.font ?? defaultFont,\n padding: shapeData.padding ?? noPadding,\n value: emoji\n } : {\n font: defaultFont,\n padding: noPadding,\n ...shapeData,\n ...emoji\n }, font = emojiOptions.font, value = emojiOptions.value, cacheKey = `${value}_${font}`;\n if (this._emojiShapeDict.has(cacheKey)) {\n particle.emojiDataKey = cacheKey;\n return;\n }\n const padding = emojiOptions.padding * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n let cacheCanvas, context;\n if (typeof OffscreenCanvas === \"undefined\") {\n const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n canvas.width = canvasSize;\n canvas.height = canvasSize;\n context = canvas.getContext(\"2d\", container.canvas.settings);\n cacheCanvas = canvas;\n } else {\n cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);\n context = cacheCanvas.getContext(\"2d\", container.canvas.settings);\n }\n if (!context) {\n return;\n }\n context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n context.textBaseline = \"middle\";\n context.textAlign = \"center\";\n context.fillText(value, fullSize, fullSize);\n const image = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();\n this._emojiShapeDict.set(cacheKey, image);\n particle.emojiDataKey = cacheKey;\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-emoji/./dist/browser/EmojiDrawer.js?\n}");
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ EmojiDrawer: () => (/* binding */ EmojiDrawer)\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/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"@tsparticles/canvas-utils\");\n\n\n\nconst defaultFont = '\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", sans-serif', noPadding = 0, firstItem = 0;\nclass EmojiDrawer {\n _emojiShapeDict = new Map();\n destroy() {\n for (const [key, data] of this._emojiShapeDict){\n if (data instanceof ImageBitmap) {\n data.close();\n }\n this._emojiShapeDict.delete(key);\n }\n }\n draw(data) {\n const key = data.particle.emojiDataKey;\n if (!key) {\n return;\n }\n const image = this._emojiShapeDict.get(key);\n if (!image) {\n return;\n }\n (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawEmoji)(data, image);\n }\n async init(container) {\n const options = container.actualOptions, shapeData = options.particles.shape;\n if (!_Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.some((t)=>(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, shapeData.type))) {\n return;\n }\n const promises = [\n (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(defaultFont)\n ], shapeOptions = _Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.map((t)=>shapeData.options[t])[firstItem];\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, (shape)=>{\n if (shape.font) {\n promises.push((0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(shape.font));\n }\n });\n await Promise.all(promises);\n }\n particleDestroy(particle) {\n particle.emojiDataKey = undefined;\n }\n particleInit(container, particle) {\n const shapeData = particle.shapeData;\n if (!shapeData.value) {\n return;\n }\n const emoji = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(shapeData.value, particle.randomIndexData);\n if (!emoji) {\n return;\n }\n const emojiOptions = typeof emoji === \"string\" ? {\n font: shapeData.font ?? defaultFont,\n padding: shapeData.padding ?? noPadding,\n value: emoji\n } : {\n font: defaultFont,\n padding: noPadding,\n ...shapeData,\n ...emoji\n }, font = emojiOptions.font, value = emojiOptions.value, cacheKey = `${value}_${font}`;\n if (this._emojiShapeDict.has(cacheKey)) {\n particle.emojiDataKey = cacheKey;\n return;\n }\n const padding = emojiOptions.padding * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n let cacheCanvas, context;\n if (typeof OffscreenCanvas === \"undefined\") {\n const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n canvas.width = canvasSize;\n canvas.height = canvasSize;\n context = canvas.getContext(\"2d\", container.canvas.render.settings);\n cacheCanvas = canvas;\n } else {\n cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);\n context = cacheCanvas.getContext(\"2d\", container.canvas.render.settings);\n }\n if (!context) {\n return;\n }\n context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n context.textBaseline = \"middle\";\n context.textAlign = \"center\";\n context.fillText(value, fullSize, fullSize);\n const image = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();\n this._emojiShapeDict.set(cacheKey, image);\n particle.emojiDataKey = cacheKey;\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-emoji/./dist/browser/EmojiDrawer.js?\n}");
|
|
27
27
|
|
|
28
28
|
/***/ }
|
|
29
29
|
|
package/esm/EmojiDrawer.js
CHANGED
|
@@ -70,12 +70,12 @@ export class EmojiDrawer {
|
|
|
70
70
|
const canvas = safeDocument().createElement("canvas");
|
|
71
71
|
canvas.width = canvasSize;
|
|
72
72
|
canvas.height = canvasSize;
|
|
73
|
-
context = canvas.getContext("2d", container.canvas.settings);
|
|
73
|
+
context = canvas.getContext("2d", container.canvas.render.settings);
|
|
74
74
|
cacheCanvas = canvas;
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
77
|
cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);
|
|
78
|
-
context = cacheCanvas.getContext("2d", container.canvas.settings);
|
|
78
|
+
context = cacheCanvas.getContext("2d", container.canvas.render.settings);
|
|
79
79
|
}
|
|
80
80
|
if (!context) {
|
|
81
81
|
return;
|
package/esm/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import {} from "@tsparticles/engine";
|
|
1
2
|
import { validTypes } from "./Utils.js";
|
|
2
3
|
export async function loadEmojiShape(engine) {
|
|
3
|
-
engine.checkVersion("4.0.0-beta.
|
|
4
|
-
await engine.register(e => {
|
|
5
|
-
e.addShape(validTypes, async () => {
|
|
4
|
+
engine.checkVersion("4.0.0-beta.2");
|
|
5
|
+
await engine.pluginManager.register(e => {
|
|
6
|
+
e.pluginManager.addShape(validTypes, async () => {
|
|
6
7
|
const { EmojiDrawer } = await import("./EmojiDrawer.js");
|
|
7
8
|
return new EmojiDrawer();
|
|
8
9
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/shape-emoji",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.2",
|
|
4
4
|
"description": "tsParticles emoji shape",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -53,14 +53,13 @@
|
|
|
53
53
|
"browser": "./browser/index.js",
|
|
54
54
|
"import": "./esm/index.js",
|
|
55
55
|
"require": "./cjs/index.js",
|
|
56
|
-
"
|
|
57
|
-
"default": "./cjs/index.js"
|
|
56
|
+
"default": "./esm/index.js"
|
|
58
57
|
},
|
|
59
58
|
"./package.json": "./package.json"
|
|
60
59
|
},
|
|
61
|
-
"
|
|
62
|
-
"@tsparticles/canvas-utils": "4.0.0-beta.
|
|
63
|
-
"@tsparticles/engine": "4.0.0-beta.
|
|
60
|
+
"peerDependencies": {
|
|
61
|
+
"@tsparticles/canvas-utils": "4.0.0-beta.1",
|
|
62
|
+
"@tsparticles/engine": "4.0.0-beta.1"
|
|
64
63
|
},
|
|
65
64
|
"publishConfig": {
|
|
66
65
|
"access": "public"
|