@lightningjs/solid - npm Package Compare versions

Comparing version 0.5.0 to 0.5.1

package.json

		{
		"name": "@lightningjs/solid",
		"version": "0.5.0",
		"version": "0.5.1",
		"description": "Lightning renderer for solid universal",
		@@ -5,0 +5,0 @@ "type": "module",

README.md

		@@ -44,3 +44,3 @@ <p>

		Everything is built with two primitive components: <View> and <Text>. Think of <View> like div tag for HTML, all encompassing. Whenever you want to display text, wrap it in a <Text> tag like so `<Text>Hello World</Text>`
		Everything is built with two primitive components: `<View>` and `<Text>`. Think of `<View>` like div tag for HTML, all encompassing. Whenever you want to display text, wrap it in a `<Text>` tag like so `<Text>Hello World</Text>`

		@@ -111,11 +111,11 @@ ```jsx

		The style attribute takes an object of properties and passes them to the Lightning Renderer on initial creation of the component. The style object will not be reapplied if it is changed after creation. This keeps the style object as Read Only in the templating system allowing you to use it for multiple components. Additionally, when the style object is applied any properties on the JSX will have greater precedent so you can override styles on individual componets. After the component is created, you can further change props via signals or imperatively with the ref to the component.
		The style attribute takes an object of properties and passes them to the Lightning Renderer on initial creation of the component. The style object will not be reapplied if it is changed after creation. This keeps the style object as Read Only in the templating system allowing you to use it for multiple components. Additionally, when the style object is applied any properties on the JSX will have greater precedent so you can override styles on individual components. After the component is created, you can further change props via signals or imperatively with the ref to the component.

		### Required Props
		### Prop Defaults

		<View> components require a width and height value. X and y will default to 0, 0 if not specified but are required by the renderer. <Text> component does not require any properties.
		`<View>` components without a width and height value will inherit their parents width and height minus there x and y values. X and y will default to 0, 0 if not specified. `<Text>` component does not require any properties. If `<Text>` component is loaded in a flex container, it will update it's width and height when it loads.

		### Color

		Can be HEX string ('#rrggbb') or ('#rrggbbaa') or RGBA number 0x00000000 or string 'RRGGBBAA'. I recommend installing [VS Code color picker](https://marketplace.visualstudio.com/items?itemName=AntiAntiSepticeye.vscode-color-picker) and using hex format to see the colors in VS Code.
		Can be HEX string ('#rrggbb') or ('#rrggbbaa') or RGBA number 0x00000000 or string 'RRGGBBAA'. By default, every node without a src attribute will have their color set to `0x00000000` making it transparent. If you have an element which sets it's src attribute after creation, you need to update color to `0xffffffff` so it's not transparent. I recommend installing [VS Code color picker](https://marketplace.visualstudio.com/items?itemName=AntiAntiSepticeye.vscode-color-picker) and using hex format to see the colors in VS Code.

		@@ -122,0 +122,0 @@ ### Border and borderRadius

src/core/node/index.js

		@@ -453,7 +453,10 @@ /*
		} else {
		if (isNaN(props.width) \|\| isNaN(props.height)) {
		// Set width and height to parent less offset
		// Set width and height to parent less offset
		if (isNaN(props.width)) {
		props.width = parent.width - props.x;
		node._width = props.width;
		}

		if (isNaN(props.height)) {
		props.height = parent.height - props.y;
		node._width = props.width;
		node._height = props.height;
		@@ -460,0 +463,0 @@ }

@lightningjs/solid - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics