update to vexflow beta

[rvilarl]

@jaredjj3 please help me fixing the error.

  [RuntimeError] NoStave: No stave attached to instance.

      77 |   @util.memoize()
      78 |   getWidth(): number {
    > 79 |     return this.getVfKeySignature().getWidth() + KEY_SIGNATURE_PADDING;

We need to set the stave before calling getWidth but I do not know how to get access to the stave in keysignature.ts

/** Returns the width of the key signature. */
  @util.memoize()
  getWidth(): number {
    return this.getVfKeySignature().getWidth() + KEY_SIGNATURE_PADDING;
  }

[jaredjj3]

I'm on mobile, apologies for the lack of formatting. Hopefully this unblocks you.

Right now, vexflow.Stave objects are created downstream in rendering.Part.getStaves. Some possible options:

• Create a temporary vexflow.Stave solely for measuring width.
• Create vexflow.Stave objects in rendering.StaveSignature and pass it accordingly to rendering.KeySignature.

[rvilarl]

Thanks! I am considering if it makes sense to have the stave. This is required to calculate the bounding box position correctly but not the height and width.

[jaredjj3]

In keysignature.ts, this seemed to fix it:

  private getVfKeySignature(): vexflow.KeySignature {
    const vfStave = new vexflow.Stave(0, 0, 0);
    const vfKeySignature = new vexflow.KeySignature(
      this.getKey(),
      this.previousKeySignature?.getKey() ?? undefined,
      this.getAlterations()
    ).setPosition(vexflow.StaveModifierPosition.BEGIN);
    vfKeySignature.addToStave(vfStave);
    return vfKeySignature;
  }

However, I've been having issues running the test via yarn test (Docker) and yarn jest. The test setup probably needs to be updated.

[jaredjj3]

I was able to run the tests. The change I mentioned does produce diffs, but they're negligible.

[rvilarl]

I have set a PR in vexflow to avoid changes here.it should be allowed to get the width without assigning a Stave, I think.

[jaredjj3]

Thanks! I think that's a better solution since it will prevent other vexflow users from breaking.