open-index/open-npm huggingface dataset:
npm package: @lightningtv/core
Description: Lightning TV Core for Universal Renderers
Author: Chris Lorenzo
Latest version: 2.14.2

# DEPRECATED: This repo has been merged into the lightning-tv/solid repo

Future changes will be made there and released with the solid package.

# Lightning TV Core for Universal Renderers

Provides an abstraction layer for Lightning Renderer which Universal renders like Solid & Vue can use.

## Upgrade guide 2.5

All states in style object must start with a $. So focus: will be $focus. Additionally, any state keys you use must also be prefixed with a $ - `states={{ $active: true }}` - this will provide better Typescript support.

onBeforeLayout is removed, use onLayout instead
onAnimation added `onAnimation?: Record<AnimationEvents, AnimationEventHandler>;`

- onAnimationStarted and onAnimationFinished removed, use onAnimation.
  onEvents is now onEvent with signature `onEvent?: Record<NodeEvents, EventHandler>;`
- onLoad and onFailed removed, use onEvent instead

```jsx
onEvent={{
  loaded: callbackFunc;
}}
```

Use effects in style is preferred for performance:

border, borderLeft/Right/Top/Bottom, linearGradient, radialGradient, borderRadius are all effects.
So rather than using borderRadius, use `effects: { border: { width: 10, color: 0x000000ff }, radius: { radius: 8 }}` (radius is the only weird one like this)
npm package: @lightningtv/solid
Description: Lightning Renderer for Solid Universal
Author: Chris Lorenzo
Latest version: 3.2.5

<p>
  <img src="https://assets.solidjs.com/banner?project=Library&type=@lightningtv/solid" alt="SolidJS Lightning" />
</p>

# SolidJS for LightningJS

Is a UI framework for [LightningJS 3 Renderer](https://lightningjs.io/) built with [SolidJS](https://www.solidjs.com/) Universal Renderer. It allows you to declaratively construct lightning nodes with reactive primitives, with incredible performance.

## Used by companies worldwide

<div style="display: flex; align-items: center; gap: 20px;">
  <img src="docs/companylogos/Angel.png" alt="Angel Studios" width="200" /> &nbsp; <img src="docs/companylogos/bell-fibe-tv.png" alt="Bell Fibe TV" width="80" />
</div>

## Need Support?

[ConnectedTV Dev](https://lightningtv.dev/)

Join the [SolidJS Discord](https://discord.com/invite/solidjs) - #Lightning TV channel and message chiefcll

## Documentation

[SolidJS Lightning Docs](https://lightning-tv.github.io/solid/)

[AI Coding Guidelines](docs/AI_CODING_GUIDELINES.md)

## Demo App

[Solid TMDB Demo App](https://github.com/lightning-tv/solid-demo-app)

Tested and working on Chrome < 38 and could go earlier

## Playground

[playground.solidjs.com](https://playground.solidjs.com/anonymous/b36869ea-e7df-4f7a-af34-67222bc04271)

## Quick Start

Clone starter template:

```sh
> npx degit lightning-tv/solid-starter-template my-app
> cd my-app
> npm i # or yarn or pnpm
> npm start # or yarn or pnpm
```

## Video Quick (actually it's long) Start

[![Watch the video](https://img.youtube.com/vi/9UU7Ntf7Tww/0.jpg)](https://www.youtube.com/watch?v=9UU7Ntf7Tww)

Read the article:
https://medium.com/@chiefcll/lightning-3-the-basics-of-solidjs-e6e21d73205e

### Hello World

```jsx
import { render, Text } from '@lightningtv/solid';

render(() => <Text>Hello World</Text>);
```

For a more detailed Hello World guide check out the [Hello World](HelloWorld.md) guide.

## Migration Guide from previous repo:

If you're migrating from https://github.com/lightning-js/solid

Find and replace:
"@lightningjs/solid-primitives" with "@lightningtv/solid/primitives"
"@lightningjs/solid" with "@lightningtv/solid"

Update vite.config to dedupe solid:

```js
resolve: {
    dedupe: [
      "solid-js",
      "@lightningtv/solid",
      "@lightningtv/solid/primitives",
      "@lightningjs/solid-ui",
    ],
  },
```

If you don't want to find and replace you can use alias

```js
resolve: {
    alias: {
      theme: "@lightningjs/l3-ui-theme-base",
      "@lightningjs/solid": "@lightningtv/solid",
      "@lightningjs/solid-primitives": "@lightningtv/solid/primitives",
    },
  },
```
npm package: @lightningtv/solid-ui
Description: A shared library of components for the LightningJS Solid Framework.
Latest version: 1.0.0

# Solid UI

This library contains a suite of [themeable](THEMING.md) UI components written for the [SolidJS Lightning](https://github.com/lightning-tv/solid) Framework. check them out in our [storybook docs](https://rdkcentral.github.io/solid-ui/).

[![npm version](https://img.shields.io/npm/v/@lightningtv%2Fsolid-ui.svg?style=flat)](https://www.npmjs.com/package/@lightningtv/solid-ui)

## Getting Started

If you haven't already, follow the steps found [here](https://github.com/lightning-tv/solid) to bootstrap your SolidJS Lightning app. Then:

1. install this package and the base theme with your package manager of choice

```sh
pnpm add @lightningtv/solid-ui @lightningtv/l3-ui-theme-base # or npm/yarn
```

2. add the theme package as an alias in your vite config(see the [theming docs](THEMING.md) for more information on this)

```js
// vite.config.js
  resolve: {
    alias: {
      theme: '@lightningtv/l3-ui-theme-base',
    }
  },
```

3. and finally, use a component

```jsx
// App.jsx
import { Button } from '@lightningtv/solid-ui';
<App>
  <Button>a button!</Button>
</App>;
```

## Reporting a Bug

If you come across a bug in this library, please open an [issue](https://github.com/rdkcentral/solid-ui/issues) with a detailed description of what you've encountered

## Development

If you don't have pnpm

```sh
npm install -g pnpm
```

Run the solid storybook dev environment:

```sh
pnpm i
pnpm dev
```

## Theming

Theming in the context of solid-ui is a system for providing a set of values to control the look and feel of the components. Head over to our [theming documentation](THEMING.md) for more information
npm package: @lightningtv/vue
Description: Lightning Renderer for VueJS
Author: Chris Lorenzo
Latest version: 1.0.0

# Vue Lightning

Is a framework integration for [Lightning 3 Renderer](https://lightningjs.io/) with [VueJS](https://vuejs.org/) [Custom Renderer](https://vuejs.org/api/custom-renderer.html). It allows you to declaratively construct lightning nodes with reactive primitives, just as you would construct a DOM tree.

## Documentation

Docs coming soon - This is the SolidJS docs but a lot of the features / attributes function the same as with vuejs
[VueJS Lightning Docs](https://lightning-tv.github.io/vue/)

## Demo App

[Vue TMDB Demo App](https://lightning-tv.github.io/vue-demo-app/#/)
Source: https://github.com/lightning-tv/vue-demo-app