pixi-watchface-engine 0.1.2 → 0.1.3

package/dist/index.js

@@ -34829,12 +34829,19 @@ class GridPlugin {
   drawGrid() {
     this.gridGraphics.clear();
     const { width, height } = this.engine.options;
+    const { x: ox, y: oy } = this.engine.originOffset;
     const { cellSize, color } = this.options;
-    for (let x2 = 0;x2 <= width; x2 += cellSize) {
-      this.gridGraphics.moveTo(x2, 0).lineTo(x2, height).stroke({ color, width: 0.5 });
-    }
-    for (let y2 = 0;y2 <= height; y2 += cellSize) {
-      this.gridGraphics.moveTo(0, y2).lineTo(width, y2).stroke({ color, width: 0.5 });
+    const left = -ox;
+    const top = -oy;
+    const right = width - ox;
+    const bottom = height - oy;
+    const startX = Math.ceil(left / cellSize) * cellSize;
+    const startY = Math.ceil(top / cellSize) * cellSize;
+    for (let x2 = startX;x2 <= right; x2 += cellSize) {
+      this.gridGraphics.moveTo(x2, top).lineTo(x2, bottom).stroke({ color, width: 0.5 });
+    }
+    for (let y2 = startY;y2 <= bottom; y2 += cellSize) {
+      this.gridGraphics.moveTo(left, y2).lineTo(right, y2).stroke({ color, width: 0.5 });
     }
   }
   destroy() {

package/dist/plugins/GridPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/GridPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAUD,qBAAa,UAAW,YAAW,MAAM;IACvC,QAAQ,CAAC,IAAI,UAAU;IACvB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,YAAY,CAAY;IAChC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,aAAa,CAAsB;gBAE/B,OAAO,CAAC,EAAE,iBAAiB;IAIvC,IAAI,QAAQ,IAAI,MAAM,CAAkC;IACxD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAGzB;IAED,IAAI,WAAW,IAAI,OAAO,CAAqC;IAC/D,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAAuC;IAErE,IAAI,OAAO,IAAI,OAAO,CAAiC;IACvD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,IAAI,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAmBnC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIhC,OAAO,CAAC,QAAQ;IAsBhB,OAAO,IAAI,IAAI;CAIhB"}
+{"version":3,"file":"GridPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/GridPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAUD,qBAAa,UAAW,YAAW,MAAM;IACvC,QAAQ,CAAC,IAAI,UAAU;IACvB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,YAAY,CAAY;IAChC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,aAAa,CAAsB;gBAE/B,OAAO,CAAC,EAAE,iBAAiB;IAIvC,IAAI,QAAQ,IAAI,MAAM,CAAkC;IACxD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAGzB;IAED,IAAI,WAAW,IAAI,OAAO,CAAqC;IAC/D,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAAuC;IAErE,IAAI,OAAO,IAAI,OAAO,CAAiC;IACvD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,IAAI,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAmBnC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIhC,OAAO,CAAC,QAAQ;IAgChB,OAAO,IAAI,IAAI;CAIhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixi-watchface-engine",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A PixiJS v8 watchface editor engine with visual editor, plugin system, and intuitive API",
   "author": "Eric Schmar (ericschmar@gmail.com)",
   "type": "module",