"rand" in className property throwing errors

[SudoCat]

I'm attempting to create a mojs.Shape tween for my current project. Here are the options I'm using:

new mojs.Shape({
  className: 'Brands-burst',
  fill: colour,
  strokeWidth: 0,
  scale: { 0 : 1 },
  easing:'quad.in'
});

Unfortunately, this throws the following error in the console:

I did some testing, and it seems it happens if the className property contains the letters "rand" - anything else works fine, but if that string is found anywhere in the property, the error is thrown.

[legomushroom]

Hey Robin,

Thanks for the issue. The problem is that rand is a special word for properties, for instance:

new mojs.Shape({
  className: 'Brands-burst',
  fill: colour,
  strokeWidth: 'rand(0, 5)',
  scale: { 0 : 1 },
  easing:'quad.in'
});

This is totally a bug since we need to do the smarter job with Regexp that parses the properties.

As a solution, for now, you can use el property to set the class name for the module:

const shape = new mojs.Shape({
  fill: colour,
  strokeWidth: 'rand(0, 5)',
  scale: { 0 : 1 },
  easing:'quad.in'
});

shape.el.className += ' Brands-burst';

Cheers~

[SudoCat]

Thanks for the speedy reply! Good shout, somehow didn't think of that one.
I had a feeling that was probably the cause, just wanted to make sure I reported it before I forgot! Maybe the regexp should just include the opening bracket too? I would presume the keyword wouldn't work without it anyway.

[legomushroom]

Thanks for taking time for reporting it, great catch! Yeah, the Regexp makes weak assumptions and needs to be revamped.