7.0-alpha.4

[DeVoresyah]

7.0-alpha.4

The new alpha version of OsmiCSX just drop, there are new things that can be explored.

Type support for exported connect (#41)

Add type support for connect({}). It will show suggestions when called inside the component/screen.

Text Responsive (#42)

Fix predefined text responsive that is based on screen dimensions. Previously it depends on screen dimensions height, now it changes to screen dimensions width. I also update the calculation of the pre-defined text.

Percentage Size (#43)

Adding percentage size processor to auto-generate size based on % string. Size support for this processor:

• minWidth
• width
• maxWidth
• minHeight
• height
• maxHeight
• fontSize

Example Input

apply("min-w%50")

apply("w%50")

apply("max-w%50")

apply("min-h%50")

apply("h%50")

apply("max-h%50")

Example Output

{ minWidth: "50%" }

{ width: "50%" }

{ maxWidth: "50%" }

{ minHeight: "50%" }

{ height: "50%" }

{ maxHeight: "50%" }

Notch Processor (#44)

Special thanks to @ptelad who made an awesome and helpful iPhone Notch Helper.

We just added notch syntax support in OsmiCSX.

Example Input

apply('flex m-5 notch:mt-10')

Example Output

Output style on Android:

{
  flex: 1,
  margin: 20
}

Output style on iOS & if has a notch:

{
  flex: 1,
  margin: 20,
  marginTop: 40,
}