@tsparticles/shape-polygon - npm Package Compare versions

Comparing version 3.0.0-alpha.1 to 3.0.0-beta.0

browser/index.js

 import { PolygonDrawer } from "./PolygonDrawer";
 import { TriangleDrawer } from "./TriangleDrawer";
-export async function loadGenericPolygonShape(engine) {
-    await engine.addShape("polygon", new PolygonDrawer());
+export async function loadGenericPolygonShape(engine, refresh = true) {
+    await engine.addShape("polygon", new PolygonDrawer(), refresh);
 }
-export async function loadTriangleShape(engine) {
-    await engine.addShape("triangle", new TriangleDrawer());
+export async function loadTriangleShape(engine, refresh = true) {
+    await engine.addShape("triangle", new TriangleDrawer(), refresh);
 }
-export async function loadPolygonShape(engine) {
-    await loadGenericPolygonShape(engine);
-    await loadTriangleShape(engine);
+export async function loadPolygonShape(engine, refresh = true) {
+    await loadGenericPolygonShape(engine, refresh);
+    await loadTriangleShape(engine, refresh);
 }

browser/PolygonDrawerBase.js

@@ -18,6 +18,5 @@ import { getRangeValue } from "@tsparticles/engine";
     getSidesCount(particle) {
-        var _a, _b;
-        const polygon = particle.shapeData, sides = Math.round(getRangeValue((_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5));
-        return sides;
+        const polygon = particle.shapeData;
+        return Math.round(getRangeValue(polygon?.sides ?? 5));
     }
 }

cjs/index.js

 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -15,20 +6,14 @@ exports.loadPolygonShape = exports.loadTriangleShape = exports.loadGenericPolygonShape = void 0;
 const TriangleDrawer_1 = require("./TriangleDrawer");
-function loadGenericPolygonShape(engine) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield engine.addShape("polygon", new PolygonDrawer_1.PolygonDrawer());
-    });
+async function loadGenericPolygonShape(engine, refresh = true) {
+    await engine.addShape("polygon", new PolygonDrawer_1.PolygonDrawer(), refresh);
 }
 exports.loadGenericPolygonShape = loadGenericPolygonShape;
-function loadTriangleShape(engine) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield engine.addShape("triangle", new TriangleDrawer_1.TriangleDrawer());
-    });
+async function loadTriangleShape(engine, refresh = true) {
+    await engine.addShape("triangle", new TriangleDrawer_1.TriangleDrawer(), refresh);
 }
 exports.loadTriangleShape = loadTriangleShape;
-function loadPolygonShape(engine) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield loadGenericPolygonShape(engine);
-        yield loadTriangleShape(engine);
-    });
+async function loadPolygonShape(engine, refresh = true) {
+    await loadGenericPolygonShape(engine, refresh);
+    await loadTriangleShape(engine, refresh);
 }
 exports.loadPolygonShape = loadPolygonShape;

cjs/PolygonDrawerBase.js

@@ -21,7 +21,6 @@ "use strict";
     getSidesCount(particle) {
-        var _a, _b;
-        const polygon = particle.shapeData, sides = Math.round((0, engine_1.getRangeValue)((_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5));
-        return sides;
+        const polygon = particle.shapeData;
+        return Math.round((0, engine_1.getRangeValue)(polygon?.sides ?? 5));
     }
 }
 exports.PolygonDrawerBase = PolygonDrawerBase;

esm/index.js

 import { PolygonDrawer } from "./PolygonDrawer";
 import { TriangleDrawer } from "./TriangleDrawer";
-export async function loadGenericPolygonShape(engine) {
-    await engine.addShape("polygon", new PolygonDrawer());
+export async function loadGenericPolygonShape(engine, refresh = true) {
+    await engine.addShape("polygon", new PolygonDrawer(), refresh);
 }
-export async function loadTriangleShape(engine) {
-    await engine.addShape("triangle", new TriangleDrawer());
+export async function loadTriangleShape(engine, refresh = true) {
+    await engine.addShape("triangle", new TriangleDrawer(), refresh);
 }
-export async function loadPolygonShape(engine) {
-    await loadGenericPolygonShape(engine);
-    await loadTriangleShape(engine);
+export async function loadPolygonShape(engine, refresh = true) {
+    await loadGenericPolygonShape(engine, refresh);
+    await loadTriangleShape(engine, refresh);
 }

esm/PolygonDrawerBase.js

@@ -18,6 +18,5 @@ import { getRangeValue } from "@tsparticles/engine";
     getSidesCount(particle) {
-        var _a, _b;
-        const polygon = particle.shapeData, sides = Math.round(getRangeValue((_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5));
-        return sides;
+        const polygon = particle.shapeData;
+        return Math.round(getRangeValue(polygon?.sides ?? 5));
     }
 }

package.json

 {
   "name": "@tsparticles/shape-polygon",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.0",
   "description": "tsParticles polygon shape",
@@ -48,8 +48,9 @@ "homepage": "https://particles.js.org",
   "types": "types/index.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "@tsparticles/engine": "^3.0.0-beta.0"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.1"
   }
-}
+}

README.md

@@ -5,5 +5,5 @@ [![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-shape-polygon/badge)](https://www.jsdelivr.com/package/npm/tsparticles-shape-polygon)
-[![npmjs](https://badge.fury.io/js/tsparticles-shape-polygon.svg)](https://www.npmjs.com/package/tsparticles-shape-polygon)
-[![npmjs](https://img.shields.io/npm/dt/tsparticles-shape-polygon)](https://www.npmjs.com/package/tsparticles-shape-polygon) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/shape-polygon/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/shape-polygon)
+[![npmjs](https://badge.fury.io/js/@tsparticles/shape-polygon.svg)](https://www.npmjs.com/package/@tsparticles/shape-polygon)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/shape-polygon)](https://www.npmjs.com/package/@tsparticles/shape-polygon) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
@@ -30,3 +30,3 @@ [tsParticles](https://github.com/matteobruni/tsparticles) additional polygon shape.
 (async () => {
-  await loadPolygonShape();
+  await loadPolygonShape(tsParticles);
 
@@ -38,2 +38,3 @@ await tsParticles.load({
       /* here you can use particles.shape.type: "polygon" */
+      /*   or you can use particles.shape.type: "triangle" */
     },
@@ -49,3 +50,3 @@ });
 ```shell
-$ npm install tsparticles-shape-polygon
+$ npm install @tsparticles/shape-polygon
 ```
@@ -56,3 +57,3 @@
 ```shell
-$ yarn add tsparticles-shape-polygon
+$ yarn add @tsparticles/shape-polygon
 ```
@@ -63,6 +64,8 @@
 ```javascript
-const { tsParticles } = require("tsparticles-engine");
-const { loadPolygonShape } = require("tsparticles-shape-polygon");
+const { tsParticles } = require("@tsparticles/engine");
+const { loadPolygonShape } = require("@tsparticles/shape-polygon");
 
-loadPolygonShape(tsParticles);
+(async () => {
+  await loadPolygonShape(tsParticles);
+})();
 ```
@@ -73,6 +76,8 @@
 ```javascript
-import { tsParticles } from "tsparticles-engine";
-import { loadPolygonShape } from "tsparticles-shape-polygon";
+import { tsParticles } from "@tsparticles/engine";
+import { loadPolygonShape } from "@tsparticles/shape-polygon";
 
-loadPolygonShape(tsParticles);
+(async () => {
+  await loadPolygonShape(tsParticles);
+})();
 ```

tsparticles.shape.polygon.js

@@ -7,3 +7,3 @@ /*!
  * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
+ * v3.0.0-beta.0
  */
@@ -95,5 +95,5 @@ (function webpackUniversalModuleDefinition(root, factory) {
 __webpack_require__.d(__webpack_exports__, {
-  "loadGenericPolygonShape": () => (/* binding */ loadGenericPolygonShape),
-  "loadPolygonShape": () => (/* binding */ loadPolygonShape),
-  "loadTriangleShape": () => (/* binding */ loadTriangleShape)
+  loadGenericPolygonShape: () => (/* binding */ loadGenericPolygonShape),
+  loadPolygonShape: () => (/* binding */ loadPolygonShape),
+  loadTriangleShape: () => (/* binding */ loadTriangleShape)
 });
@@ -126,6 +126,4 @@
   getSidesCount(particle) {
-    var _a, _b;
-    const polygon = particle.shapeData,
-      sides = Math.round((0,engine_root_window_.getRangeValue)((_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5));
-    return sides;
+    const polygon = particle.shapeData;
+    return Math.round((0,engine_root_window_.getRangeValue)(polygon?.sides ?? 5));
   }
@@ -178,11 +176,11 @@ }
 
-async function loadGenericPolygonShape(engine) {
-  await engine.addShape("polygon", new PolygonDrawer());
+async function loadGenericPolygonShape(engine, refresh = true) {
+  await engine.addShape("polygon", new PolygonDrawer(), refresh);
 }
-async function loadTriangleShape(engine) {
-  await engine.addShape("triangle", new TriangleDrawer());
+async function loadTriangleShape(engine, refresh = true) {
+  await engine.addShape("triangle", new TriangleDrawer(), refresh);
 }
-async function loadPolygonShape(engine) {
-  await loadGenericPolygonShape(engine);
-  await loadTriangleShape(engine);
+async function loadPolygonShape(engine, refresh = true) {
+  await loadGenericPolygonShape(engine, refresh);
+  await loadTriangleShape(engine, refresh);
 }
@@ -189,0 +187,0 @@ })();

tsparticles.shape.polygon.min.js

 /*! For license information please see tsparticles.shape.polygon.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var n="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{loadGenericPolygonShape:()=>i,loadPolygonShape:()=>d,loadTriangleShape:()=>s});var e=o(533);class t{draw(e,t,n){const o=this.getCenter(t,n),r=this.getSidesData(t,n),a=r.count.numerator*r.count.denominator,i=r.count.numerator/r.count.denominator,s=180*(i-2)/i,d=Math.PI-Math.PI*s/180;if(e){e.beginPath(),e.translate(o.x,o.y),e.moveTo(0,0);for(let t=0;t<a;t++)e.lineTo(r.length,0),e.translate(r.length,0),e.rotate(d)}}getSidesCount(t){var n,o;const r=t.shapeData;return Math.round((0,e.getRangeValue)(null!==(o=null!==(n=null==r?void 0:r.sides)&&void 0!==n?n:null==r?void 0:r.nb_sides)&&void 0!==o?o:5))}}class n extends t{getCenter(e,t){return{x:-t/(e.sides/3.5),y:-t/.76}}getSidesData(e,t){const n=e.sides;return{count:{denominator:1,numerator:n},length:2.66*t/(n/3)}}}class a extends t{getCenter(e,t){return{x:-t,y:t/1.66}}getSidesCount(){return 3}getSidesData(e,t){return{count:{denominator:2,numerator:3},length:2*t}}}async function i(e){await e.addShape("polygon",new n)}async function s(e){await e.addShape("triangle",new a)}async function d(e){await i(e),await s(e)}})(),r})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var n="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{loadGenericPolygonShape:()=>i,loadPolygonShape:()=>d,loadTriangleShape:()=>s});var e=o(533);class t{draw(e,t,n){const o=this.getCenter(t,n),r=this.getSidesData(t,n),a=r.count.numerator*r.count.denominator,i=r.count.numerator/r.count.denominator,s=180*(i-2)/i,d=Math.PI-Math.PI*s/180;if(e){e.beginPath(),e.translate(o.x,o.y),e.moveTo(0,0);for(let t=0;t<a;t++)e.lineTo(r.length,0),e.translate(r.length,0),e.rotate(d)}}getSidesCount(t){const n=t.shapeData;return Math.round((0,e.getRangeValue)(n?.sides??5))}}class n extends t{getCenter(e,t){return{x:-t/(e.sides/3.5),y:-t/.76}}getSidesData(e,t){const n=e.sides;return{count:{denominator:1,numerator:n},length:2.66*t/(n/3)}}}class a extends t{getCenter(e,t){return{x:-t,y:t/1.66}}getSidesCount(){return 3}getSidesData(e,t){return{count:{denominator:2,numerator:3},length:2*t}}}async function i(e,t=!0){await e.addShape("polygon",new n,t)}async function s(e,t=!0){await e.addShape("triangle",new a,t)}async function d(e,t=!0){await i(e,t),await s(e,t)}})(),r})()));

tsparticles.shape.polygon.min.js.LICENSE.txt

@@ -1,8 +0,1 @@
-/*!
- * 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
- * v3.0.0-alpha.1
- */
+/*! tsParticles Polygon Shape v3.0.0-beta.0 by Matteo Bruni */

types/index.d.ts

 import type { Engine } from "@tsparticles/engine";
-export declare function loadGenericPolygonShape(engine: Engine): Promise<void>;
-export declare function loadTriangleShape(engine: Engine): Promise<void>;
-export declare function loadPolygonShape(engine: Engine): Promise<void>;
+export declare function loadGenericPolygonShape(engine: Engine, refresh?: boolean): Promise<void>;
+export declare function loadTriangleShape(engine: Engine, refresh?: boolean): Promise<void>;
+export declare function loadPolygonShape(engine: Engine, refresh?: boolean): Promise<void>;

types/PolygonDrawerBase.d.ts

@@ -1,2 +0,2 @@
-import type { ICoordinates, IShapeDrawer, Particle } from "@tsparticles/engine";
+import { type ICoordinates, type IShapeDrawer, type Particle } from "@tsparticles/engine";
 import type { ISide } from "./ISide";
@@ -3,0 +3,0 @@ export declare abstract class PolygonDrawerBase implements IShapeDrawer {

umd/index.js

@@ -15,15 +15,15 @@ (function (factory) {
     const TriangleDrawer_1 = require("./TriangleDrawer");
-    async function loadGenericPolygonShape(engine) {
-        await engine.addShape("polygon", new PolygonDrawer_1.PolygonDrawer());
+    async function loadGenericPolygonShape(engine, refresh = true) {
+        await engine.addShape("polygon", new PolygonDrawer_1.PolygonDrawer(), refresh);
     }
     exports.loadGenericPolygonShape = loadGenericPolygonShape;
-    async function loadTriangleShape(engine) {
-        await engine.addShape("triangle", new TriangleDrawer_1.TriangleDrawer());
+    async function loadTriangleShape(engine, refresh = true) {
+        await engine.addShape("triangle", new TriangleDrawer_1.TriangleDrawer(), refresh);
     }
     exports.loadTriangleShape = loadTriangleShape;
-    async function loadPolygonShape(engine) {
-        await loadGenericPolygonShape(engine);
-        await loadTriangleShape(engine);
+    async function loadPolygonShape(engine, refresh = true) {
+        await loadGenericPolygonShape(engine, refresh);
+        await loadTriangleShape(engine, refresh);
     }
     exports.loadPolygonShape = loadPolygonShape;
 });

umd/PolygonDrawerBase.js

@@ -30,5 +30,4 @@ (function (factory) {
         getSidesCount(particle) {
-            var _a, _b;
-            const polygon = particle.shapeData, sides = Math.round((0, engine_1.getRangeValue)((_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5));
-            return sides;
+            const polygon = particle.shapeData;
+            return Math.round((0, engine_1.getRangeValue)(polygon?.sides ?? 5));
         }
@@ -35,0 +34,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

77

increased by6.94%

Worsened metrics

Total package byte prevSize

309576

decreased by-0.54%

Lines of code

636

decreased by-3.2%

Dependency changes

• Updated@tsparticles/engine@^3.0.0-beta.0