paper 0.16.0 → 0.17.0

package/examples/Scripts/Patterns.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Patterns</title>
+    <link rel="stylesheet" href="../css/style.css">
+    <script type="text/javascript" src="../../dist/paper-full.js"></script>
+    <script type="text/paperscript" canvas="canvas">
+        // Two discs share one pattern of fine lines. Where they overlap, the
+        // lines interfere in moiré fringes: move the mouse to move one disc,
+        // and sideways to turn it, as its pattern moves and turns with it.
+
+        // A line, repeated with a gap below it:
+        var line = new Path.Rectangle({
+            point: [0, 0],
+            size: [10, 1.5],
+            fillColor: '#1d2b3a'
+        });
+        var lines = new PatternDefinition(line, { spacing: [0, 2.5] });
+
+        var radius = Math.min(view.size.width, view.size.height) * 0.32;
+        var still = new Path.Circle({
+            center: view.center - [radius * 0.4, 0],
+            radius: radius,
+            fillColor: { pattern: lines }
+        });
+        var moving = new Path.Circle({
+            center: view.center + [radius * 0.4, 0],
+            radius: radius,
+            fillColor: { pattern: lines },
+            applyMatrix: false
+        });
+        moving.rotate(3);
+
+        var target = moving.position;
+
+        function onMouseMove(event) {
+            target = event.point;
+            moving.rotate(event.delta.x / 40);
+        }
+
+        function onFrame(event) {
+            moving.position += (target - moving.position) / 12;
+            // Both discs share the pattern, so as its lines breathe, they do
+            // so in both:
+            lines.spacing = [0, 2.5 + Math.sin(event.time / 2) / 2];
+        }
+
+        function onResize() {
+            still.position = view.center - [radius * 0.4, 0];
+        }
+    </script>
+</head>
+<body style="background: #f3efe6">
+    <canvas id="canvas" resize></canvas>
+</body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paper",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "The Swiss Army Knife of Vector Graphics Scripting",
   "license": "MIT",
   "homepage": "http://paperjs.org",
@@ -27,6 +27,7 @@
     "eslint": "eslint test '*.mjs'",
     "test": "vitest run --project node --project browser",
     "test:browser": "vitest run --project browser",
+    "test:coverage": "PAPER_BUILD=load vitest run --project node --coverage --testTimeout=60000",
     "test:node": "vitest run --project node",
     "test:screenshots": "sh test/screenshots/docker.sh",
     "prepare": "husky"
@@ -46,8 +47,8 @@
     "node": ">=8.0.0"
   },
   "browser": {
-    "./dist/node/extend.js": false,
-    "./dist/node/self.js": false,
+    "./dist/node/extend.js": "./dist/node/browser.js",
+    "./dist/node/self.js": "./dist/node/browser.js",
     "canvas": false,
     "jsdom": false,
     "jsdom/lib/generated/idl/utils": false,
@@ -57,6 +58,7 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@vitest/browser-playwright": "^5.0.5",
+    "@vitest/coverage-v8": "^5.0.5",
     "acorn": "~0.5.0",
     "acorn-latest": "npm:acorn@8.15.0",
     "ansi-colors": "^4.1.3",