[WIP] Font

[mischnic]

That FancyText (not sure about the name) isn't implemented yet
-> How can a React.Component determine the type of it's parents?

@kusti8 What should the default font family and size be (currently Arial 14pt)?

Closes #138

Some libui bugs:

• align: DrawTextLayout alignment andlabs/libui#368
• background on Windows: Text: BackgroundAttribute Windows andlabs/libui#347
• underline on macOS: uiUnderlineSuggestion with uiUnderlineColorCustom andlabs/libui#322

[kusti8]

Ok, its hard to get a component to know its parents. I sort of did something like that here https://github.com/kusti8/proton-native/blob/yoga/src/components/View.js, where I used the parent component and then basically chained function calls all the way up to the root. Default font should be Arial either 12pt or 14pt. Currently 12pt is pretty standard so that should be good.

I'll work on FancyText, (I'm thinking StyledText). Anything else that needs to be done?

[mischnic]

I'll work on FancyText, (I'm thinking StyledText).

👍

Anything else that needs to be done?

Everything from the libui api should be implemented (except for OpenTypeFeatures which can for example be used to turn on/off ligatures).

[kusti8]

I added StyledText and I got the parent by using React Context. To do this, I had to upgrade react-reconciler so I had to make some changes so I need to test it more before merging.

[mischnic]

This needs to be adjusted to accept StyledText: (bottom of components/Area.js)

Area.Text.propTypes = {
  children: PropTypes.oneOfType([areaProp, PropTypes.arrayOf(areaProp)]),
};

[kusti8]

Looks like this is done. I'll merge if that's good with you @mischnic

[mischnic]

Looks like this is done. I'll merge if that's good with you @mischnic

👍

You might want to change this to 12 for the default font (that's also the default font size of the font button on macOS).