kampos - npm Package Compare versions

Comparing version 0.7.1 to 0.8.0

CHANGELOG.md

@@ -0,1 +1,12 @@
+### 0.8.0 (2023-04-01)
+
+*Breaking:*
+
+ - `index.js` now uses ES modules. For a UMD distribution please use `index.umd.js`
+
+*Fixed:*
+
+- Fixed URLs of docs & demos.
+- Rewrote Floss tests to run with Ava.
+
 ### 0.7.1 (2023-02-13)
@@ -2,0 +13,0 @@

demo/demo.js

@@ -15,3 +15,3 @@ function updatePreview (iframe, example, videos) {
         </style>
-        <script src="../index.js"></script>
+        <script src="../index.umd.js"></script>
         <script src="./utils.js"></script>
@@ -18,0 +18,0 @@ </head>

demo/index.js

@@ -18,3 +18,3 @@ (function () {
         </style>
-        <script src="../index.js"></script>
+        <script src="../index.umd.js"></script>
         <script src="./utils.js"></script>
@@ -148,2 +148,2 @@ </head>
 
-}());
+})();

package.json

 {
   "name": "kampos",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "Tiny and fast effects compositor on WebGL",
   "registry": "https://registry.npmjs.org/",
   "main": "index.js",
+  "module": "index.js",
   "type": "module",
   "scripts": {
-    "build": "rollup -c",
-    "watch": "rollup -c -w",
+    "build": "rollup -c rollup.build.js",
+    "watch": "rollup -c rollup.build.js -w",
     "demo": "cd demo && rollup -c && cd -",
     "watch:demo": "cd demo && rollup -c -w && cd -",
-    "test:unit": "### floss is still based on Mocha 6.x which has no ESM support ### npm run test:unit:build && npm run test:unit:run",
-    "test:unit:run": "floss --path test/unit.js",
-    "test:unit:build": "cd test && rollup -c rollup.unit.js && cd -",
+    "test:unit": "ava test/unit/core.js && ava test/unit/kampos.js",
     "test:e2e": "ava test/e2e/*.js",
@@ -24,3 +23,3 @@ "test": "npm run test:unit && npm run test:e2e",
     "type": "git",
-    "url": "git+https://github.com/wix/kampos.git"
+    "url": "git+https://github.com/wix-incubator/kampos.git"
   },
@@ -38,29 +37,23 @@ "keywords": [
   "bugs": {
-    "url": "https://github.com/wix/kampos/issues"
+    "url": "https://github.com/wix-incubator/kampos/issues"
   },
-  "homepage": "https://wix.github.io/kampos",
+  "homepage": "https://wix-incubator.github.io/kampos/",
   "devDependencies": {
-    "@babel/core": "^7.13.16",
-    "ava": "^3.15.0",
-    "documentation": "^13.2.5",
-    "electron": "^12.0.5",
-    "finalhandler": "^1.1.2",
-    "floss": "^5.0.0",
-    "get-port": "^5.1.1",
-    "npm-check": "^5.9.2",
-    "pify": "^5.0.0",
-    "pixelmatch": "^5.2.1",
-    "pngjs": "^6.0.0",
-    "puppeteer": "^9.0.0",
-    "rollup": "^2.46.0",
+    "@babel/core": "^7.21.3",
+    "ava": "^5.2.0",
+    "documentation": "^14.0.1",
+    "finalhandler": "^1.2.0",
+    "get-port": "^6.1.2",
+    "node-canvas-webgl": "^0.2.7",
+    "npm-check": "^6.0.1",
+    "pify": "^6.1.0",
+    "pixelmatch": "^5.3.0",
+    "pngjs": "^7.0.0",
+    "puppeteer": "^19.8.0",
+    "rollup": "^3.20.2",
     "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-filesize": "^9.1.1",
+    "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-progress": "^1.1.2",
-    "serve-static": "^1.14.1"
-  },
-  "ava": {
-    "nodeArguments": [
-      "--experimental-modules"
-    ]
+    "serve-static": "^1.15.0"
   }
 }

README.md

@@ -15,7 +15,10 @@ <p align="center">
 
+## Posts
+CSS-Tricks: [Nailing That Cool Dissolve Transition](https://css-tricks.com/nailing-that-cool-dissolve-transition/)
+
 ## Demo
-Check out the [live demo](https://wix.github.io/kampos/demo/).
+Check out the [live demo](https://wix-incubator.github.io/kampos/demo/).
 
 ## Documentation
-For API reference and examples, read [the docs](https://wix.github.io/kampos/docs/).
+For API reference and examples, read [the docs](https://wix-incubator.github.io/kampos/docs/).
 
@@ -22,0 +25,0 @@ ## Features

src/core.js

@@ -1,10 +0,1 @@
-export default {
-    init,
-    draw,
-    destroy,
-    resize,
-    getWebGLContext,
-    createTexture
-}
-
 const vertexSimpleTemplate = ({
@@ -122,3 +113,3 @@ uniform = '',
  */
-function init ({gl, plane, effects, dimensions, noSource}) {
+export function init ({gl, plane, effects, dimensions, noSource}) {
 
@@ -141,3 +132,3 @@ const programData = _initProgram(gl, plane, effects, noSource);
  */
-function getWebGLContext (canvas) {
+export function getWebGLContext (canvas) {
     let context;
@@ -175,3 +166,3 @@
  */
-function resize (gl, dimensions) {
+export function resize (gl, dimensions) {
     const canvas = gl.canvas;
@@ -214,3 +205,3 @@ const realToCSSPixels = 1; //window.devicePixelRatio;
  */
-function draw (gl, plane = {}, media, data, dimensions) {
+export function draw (gl, plane = {}, media, data, dimensions) {
     const {program, source, attributes, uniforms, textures, extensions, vao} = data;
@@ -273,3 +264,3 @@ const {xSegments = 1, ySegments = 1} = plane;
  */
-function destroy (gl, data) {
+export function destroy (gl, data) {
     const {program, vertexShader, fragmentShader, source, attributes, extensions, vao} = data;
@@ -599,3 +590,3 @@
  */
-function createTexture (gl, {width=1, height=1, data=null, format='RGBA', wrap='stretch'}={}) {
+export function createTexture (gl, {width=1, height=1, data=null, format='RGBA', wrap='stretch'}={}) {
     const texture = gl.createTexture();
@@ -602,0 +593,0 @@

src/index.js

@@ -1,39 +0,39 @@
-import alphaMask from './effects/alpha-mask';
-import blend from './effects/blend';
-import brightnessContrast from './effects/brightness-contrast';
-import hueSaturation from './effects/hue-saturation';
-import duotone from './effects/duotone';
-import displacement from './effects/displacement';
-import perlinNoise from './noise/perlin-noise-3d';
-import cellular from './noise/cellular-noise-3d';
-import simplex from './noise/simplex-3d';
-import turbulence from './effects/turbulence';
-import fade from './transitions/fade';
-import displacementTransition from './transitions/displacement';
-import dissolve from './transitions/dissolve';
-import Kampos from './kampos';
-import Ticker from './ticker';
+import alphaMask from './effects/alpha-mask.js';
+import blend from './effects/blend.js';
+import brightnessContrast from './effects/brightness-contrast.js';
+import hueSaturation from './effects/hue-saturation.js';
+import duotone from './effects/duotone.js';
+import displacement from './effects/displacement.js';
+import perlinNoise from './noise/perlin-noise-3d.js';
+import cellular from './noise/cellular-noise-3d.js';
+import simplex from './noise/simplex-3d.js';
+import turbulence from './effects/turbulence.js';
+import fade from './transitions/fade.js';
+import displacementTransition from './transitions/displacement.js';
+import dissolve from './transitions/dissolve.js';
 
-export default {
-    effects: {
-        alphaMask,
-        blend,
-        brightnessContrast,
-        hueSaturation,
-        duotone,
-        displacement,
-        turbulence
-    },
-    transitions: {
-        fade,
-        displacement: displacementTransition,
-        dissolve
-    },
-    noise: {
-        perlinNoise,
-        simplex,
-        cellular
-    },
-    Kampos,
-    Ticker
+export { Kampos } from './kampos.js';
+
+export { Ticker } from './ticker.js';
+
+export const effects = {
+    alphaMask,
+    blend,
+    brightnessContrast,
+    hueSaturation,
+    duotone,
+    displacement,
+    turbulence
 };
+
+export const transitions = {
+    fade,
+    displacement: displacementTransition,
+    dissolve
+};
+
+export const noise = {
+    perlinNoise,
+    simplex,
+    cellular
+};

src/kampos.js

@@ -1,2 +0,2 @@
-import core from './core';
+import * as core from './core.js';
 
@@ -15,3 +15,3 @@ /**
  */
-export default class Kampos {
+export class Kampos {
     /**
@@ -18,0 +18,0 @@ * @constructor

src/ticker.js

@@ -6,3 +6,3 @@ /**
  */
-export default class Ticker {
+export class Ticker {
     constructor () {
@@ -9,0 +9,0 @@ this.pool = [];

Fixed alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10783000

increased by0.96%

Dev dependency count

16

decreased by-5.88%

Number of package files

101

increased by2.02%

Lines of code

21052

increased by14.72%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

84

increased by3.7%

No dependency changes