Fix onPaint for widgets

packages/codemirror/widget.mjs

@@ -140,9 +140,3 @@ registerWidget('_spectrum', (id, options = {}, pat) => {
   const ctx = getCanvasWidget(id, options).getContext('2d');
   return pat.spectrum({ ...options, ctx, id });
 });
-
-registerWidget('_print', (id, options = {}, pat) => {
-  options = { width: 500, height: 30, ...options };
-  const ctx = getCanvasWidget(id, options).getContext('2d');
-  return pat.print({ ...options, ctx, id });
-});

packages/draw/draw.mjs

@@ -84,9 +84,18 @@ Pattern.prototype.onPaint = function (painter) {
       state.controls.painters = [];
     }
     state.controls.painters.push(painter);
+    return state;
   });
 };
 
+// TODO - Why isn't this pure deep copy not working?
+// Pattern.prototype.onPaint = function (painter) {
+//   return this.withState((state) => {
+//     const painters = state.controls.painters ? [...state.controls.painters, painter] : [painter];
+//     return new State(state.span, { ...state.controls, painters });
+//   });
+// };
+
 Pattern.prototype.getPainters = function () {
   let painters = [];
   this.queryArc(0, 0, { painters });

packages/draw/index.mjs

@@ -4,4 +4,3 @@ export * from './draw.mjs';
 export * from './pianoroll.mjs';
 export * from './spiral.mjs';
 export * from './pitchwheel.mjs';
-export * from './print.mjs';

packages/draw/print.mjs

@@ -1,50 +0,0 @@
-import { getTheme, getDrawContext } from './draw.mjs';
-import { Pattern } from '@strudel/core';
-
-export function print({ haps, ctx, id, margin = 10, fontsize = 24 } = {}) {
-  const w = ctx.canvas.width;
-  const h = ctx.canvas.height;
-  ctx.clearRect(0, 0, w, h);
-  const color = getTheme().foreground;
-
-  ctx.strokeStyle = color;
-  ctx.fillStyle = color;
-  ctx.globalAlpha = 1;
-  ctx.textAlign = 'left';
-
-  haps.forEach((hap) => {
-    if (hap.hasOnset()) {
-      const hapColor = hap.value.color || color;
-      ctx.strokeStyle = hapColor;
-      ctx.fillStyle = hapColor;
-      const { velocity = 1, gain = 1 } = hap.value || {};
-      const alpha = velocity * gain;
-      ctx.globalAlpha = alpha;
-      ctx.font = `${fontsize}px sans-serif`;
-      ctx.fillText(hap.value, 0, fontsize);
-    }
-  });
-
-  return;
-}
-
-Pattern.prototype.print = function (options = {}) {
-  let { ctx = getDrawContext(), id = 1 } = options;
-  this.draw(
-    (haps, time) => {
-      print({
-        ...options,
-        time,
-        ctx,
-        haps: haps.filter((hap) => hap.isActive(time)),
-      });
-    },
-    {
-      lookbehind: 0,
-      lookahead: 0,
-      id,
-    },
-  );
-
-  return this;
-};