move widget registry to codemirror package

+ add transpiler as dependency to codemirror

packages/widgets/Claviature.jsx

@@ -2,7 +2,7 @@ import { For } from 'solid-js';
 import { customElement } from 'solid-element';
 import { getClaviature } from 'claviature';
 import { Dynamic } from 'solid-js/web';
-import { registerWidget } from './registry.mjs';
+import { registerWidget } from '@strudel/codemirror';
 
 let defaultOptions = {
   range: ['A1', 'C6'],

packages/widgets/canvas.mjs

@@ -1,7 +1,6 @@
-import { registerWidget } from './registry.mjs';
-import { setWidget } from '@strudel/codemirror';
+import { registerWidget, setWidget } from '@strudel/codemirror';
 
-function createCanvasWidget(id, options) {
+function getCanvasWidget(id, options) {
   const { width = 300, height = 100, pixelRatio = window.devicePixelRatio } = options || {};
   let canvas = document.getElementById(id) || document.createElement('canvas');
   canvas.width = width * pixelRatio;
@@ -13,11 +12,11 @@ function createCanvasWidget(id, options) {
 }
 
 registerWidget('roll', (id, options = { fold: 1 }, pat) => {
-  const ctx = createCanvasWidget(id, options).getContext('2d');
+  const ctx = getCanvasWidget(id, options).getContext('2d');
   return pat.pianoroll({ ...options, ctx, id });
 });
 
 registerWidget('twist', (id, options = {}, pat) => {
-  const ctx = createCanvasWidget(id, options).getContext('2d');
+  const ctx = getCanvasWidget(id, options).getContext('2d');
   return pat.spiral({ ...options, ctx, size: 50, id });
 });

packages/widgets/index.mjs

@@ -1,3 +1,2 @@
 export * from './Claviature.jsx';
 export * from './canvas.mjs';
-export * from './registry.mjs';

packages/widgets/registry.mjs

@@ -1,11 +0,0 @@
-import { registerWidgetType } from '@strudel/transpiler';
-import { Pattern } from '@strudel/core';
-
-export function registerWidget(type, fn) {
-  registerWidgetType(type);
-  if (fn) {
-    Pattern.prototype[type] = function (id, options = { fold: 1 }) {
-      return fn(id, options, this);
-    };
-  }
-}