rename packages

Author: chiefcll

README.md

@@ -1,5 +1,5 @@
 <p>
-  <img src="https://assets.solidjs.com/banner?project=Library&type=@lightningtv/solid" alt="SolidJS Lightning" />
+  <img src="https://assets.solidjs.com/banner?project=Library&type=@solidtv/solid" alt="SolidJS Lightning" />
 </p>
 
 # SolidJS for LightningJS
@@ -55,7 +55,7 @@ https://medium.com/@chiefcll/lightning-3-the-basics-of-solidjs-e6e21d73205e
 ### Hello World
 
 ```jsx
-import { render, Text } from '@lightningtv/solid';
+import { render, Text } from '@solidtv/solid';
 
 render(() => <Text>Hello World</Text>);
 ```
@@ -67,18 +67,18 @@ For a more detailed Hello World guide check out the [Hello World](HelloWorld.md)
 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"
+"@solidtv/solid-primitives" with "@solidtv/solid/primitives"
+"@solidtv/solid" with "@solidtv/solid"
 
 Update vite.config to dedupe solid:
 
 ```js
 resolve: {
     dedupe: [
       "solid-js",
-      "@lightningtv/solid",
-      "@lightningtv/solid/primitives",
-      "@lightningjs/solid-ui",
+      "@solidtv/solid",
+      "@solidtv/solid/primitives",
+      "@solidtv/solid-ui",
     ],
   },
 ```
@@ -89,8 +89,8 @@ If you don't want to find and replace you can use alias
 resolve: {
     alias: {
       theme: "@lightningjs/l3-ui-theme-base",
-      "@lightningjs/solid": "@lightningtv/solid",
-      "@lightningjs/solid-primitives": "@lightningtv/solid/primitives",
+      "@solidtv/solid": "@solidtv/solid",
+      "@solidtv/solid-primitives": "@solidtv/solid/primitives",
     },
   },
 ```

docs/README.md

@@ -2,7 +2,7 @@
   <img src="https://assets.solidjs.com/banner?project=Library&type=solid-lightning" alt="SolidJS LightningJS" />
 </p>
 
-`@lightningtv/solid` is an integration for the [LightningJS 3 Renderer](https://github.com/lightning-js/renderer) built with [SolidJS](https://www.solidjs.com/) [Universal Renderer](https://github.com/solidjs/solid/releases/tag/v1.2.0). It allows you to declaratively construct lightning nodes with SolidJS reactive primitives. It includes everything you need to rapidly build the performant TV Apps.
+`@solidtv/solid` is an integration for the [LightningJS 3 Renderer](https://github.com/lightning-js/renderer) built with [SolidJS](https://www.solidjs.com/) [Universal Renderer](https://github.com/solidjs/solid/releases/tag/v1.2.0). It allows you to declaratively construct lightning nodes with SolidJS reactive primitives. It includes everything you need to rapidly build the performant TV Apps.
 
 ## Starter Template
 

docs/articles/basics.md

@@ -200,7 +200,7 @@ Now we have a simple button component that accepts props, making it easy to cust
 We can improve our button’s flexibility by introducing a style object. This also has the benefit of keeping our styles separate from the UI, similar to how CSS works with HTML. We could import our styles from another file or leave them inline - choice is yours.
 
 ```jsx
-import { View, Text } from '@lightningtv/solid';
+import { View, Text } from '@solidtv/solid';
 const buttonStyle = {
   width: 300,
   height: 150,
@@ -247,7 +247,7 @@ One problem we have no is all the buttons are a set size... let's fix that.
 Flex is a fundamental tool for building layouts. By using [flex implementation](https://lightning-tv.github.io/solid/#/flow/layout?id=flex) for Solid, we can create layouts that are responsive and easy to manage. Let’s make a button that resizes based on the size of it's text:
 
 ```jsx
-import { View, Text } from '@lightningtv/solid';
+import { View, Text } from '@solidtv/solid';
 const buttonStyle = {
   display: 'flex',
   height: 150,
@@ -364,7 +364,7 @@ Let’s say you want to dynamically generate buttons based on a list of items. S
 
 ```jsx
 import { createSignal, For } from 'solid-js';
-import { Row } from '@lightningtv/solid-ui';
+import { Row } from '@solidtv/solid-ui';
 import { Button } from '../components/button';
 
 const HelloWorld = () => {

docs/articles/domrenderer.md

@@ -28,7 +28,7 @@ export default defineConfig({
 Once the bundle is configured, you must turn on the DOM Renderer in your application's `Config` settings. This allows you to toggle it on and off dynamically within the application code.
 
 ```ts
-import { Config } from '@lightningjs/solid';
+import { Config } from '@solidtv/solid';
 
 Config.domRendererEnabled = true;
 

docs/articles/migration-2x-to-3.0.md

@@ -8,7 +8,7 @@ To get the full list of changes from the renderer you can check the [changelog](
 
 1. Update to the latest version of the renderer beta (v3.0.0-beta20)
 2. Update to the latest version of the solid 3.0.0
-3. Remove references for @lightningtv/core -> use @lightningtv/solid instead
+3. Remove references for @solidtv/core -> use @solidtv/solid instead
 4. Update fonts.ts to new format (remove fontWeight information, add to fontFamily)
 5. Double check your fontWeightAlias if needed
 6. Import shaders in index.ts
@@ -132,7 +132,7 @@ import {
   RadialGradient,
   LinearGradient,
   HolePunch,
-} from '@lightningjs/renderer/webgl/shaders';
+} from '@solidtv/renderer/webgl/shaders';
 const shManager = renderer.stage.shManager;
 shManager.registerShaderType('rounded', Rounded);
 shManager.registerShaderType('roundedWithBorder', RoundedWithBorder);

docs/articles/solidtv_renderer.md

@@ -4,16 +4,16 @@ The SolidTV Renderer is a fork of the official Lightning Renderer optimized to b
 
 ## Installation
 
-The renderer is available on NPM under the `@lightningtv/renderer` package. You can install it via your package manager:
+The renderer is available on NPM under the `@solidtv/renderer` package. You can install it via your package manager:
 
 ```bash
-npm install @lightningtv/renderer
+npm install @solidtv/renderer
 ```
 
 Or edit your package.json with:
 
 ```json
-"@lightningjs/renderer": "npm:@lightningtv/renderer@3.2.5",
+"@solidtv/renderer": "npm:@solidtv/renderer@3.2.5",
 ```
 
 ## Configuration (Vite Defines)

docs/essentials/components.md

@@ -8,11 +8,11 @@ The following code demonstrates how to create a simple Counter component using S
 
 ### Imports and Typescript
 
-First, necessary functions and types are imported from `solid-js` and `@lightningtv/solid`:
+First, necessary functions and types are imported from `solid-js` and `@solidtv/solid`:
 
 ```jsx
 import { type Component } from 'solid-js';
-import { View, Text, type NodeProps } from '@lightningtv/solid';
+import { View, Text, type NodeProps } from '@solidtv/solid';
 ```
 
 ### Component Interface
@@ -31,7 +31,7 @@ The `Counter` component is defined as a SolidJS component that accepts `CounterP
 
 ```jsx
 import { type Component } from 'solid-js';
-import { View, Text, type NodeProps } from '@lightningtv/solid';
+import { View, Text, type NodeProps } from '@solidtv/solid';
 
 interface CounterProps extends NodeProps {
   count: number;

docs/essentials/effects.md

@@ -42,7 +42,7 @@ const style = {
 `linearGradient` and `radialGradient` are effects that can be used by setting the effects prop.
 
 ```jsx
-import { deg2Rad } from '@lightningjs/solid';
+import { deg2Rad } from '@solidtv/solid';
 
 <View
   effects={{

docs/essentials/focus.md

@@ -45,7 +45,7 @@ Adding `skipFocus` to any element will prevent it from receiving focus. This is
 
 ```jsx
 import { createEffect, on, onMount } from 'solid-js';
-import { activeElement } from '@lightningtv/solid';
+import { activeElement } from '@solidtv/solid';
 
 // Get notified whenever the activeElement changes
 createEffect(
@@ -92,7 +92,7 @@ Keyhandling is added with [useFocusManager](/primitives/useFocusManager.md). It'
 You can set
 
 ```js
-import { Inspector } from '@lightningjs/renderer/inspector';
+import { Inspector } from '@solidtv/renderer/inspector';
 Config.focusDebug = true;
 Config.rendererOptions.inspector = Inspector;
 ```

docs/essentials/render.md

@@ -3,7 +3,7 @@
 In this snippet, we are utilizing SolidJS in conjunction with Lightning TV to render a simple "Hello World" text on the screen. SolidJS is a declarative JavaScript library for creating user interfaces, renowned for its performance and fine-grained reactivity. Lightning TV is a framework for building high-performance, animated TV applications. By combining these technologies, we can create dynamic and visually appealing interfaces optimized for TV environments.
 
 ```jsx
-import { render, Text } from '@lightningtv/solid';
+import { render, Text } from '@solidtv/solid';
 
 render(() => <Text>Hello World</Text>);
 ```
@@ -28,12 +28,9 @@ You can learn more about SolidJS from their [documentation](https://docs.solidjs
 Before calling the Render function, you can set rendererOptions.
 
 ```jsx
-import { render, Config, Text } from '@lightningtv/solid';
-import {
-  WebGlCoreRenderer,
-  SdfTextRenderer,
-} from '@lightningjs/renderer/webgl';
-import { Inspector } from '@lightningjs/renderer/inspector';
+import { render, Config, Text } from '@solidtv/solid';
+import { WebGlCoreRenderer, SdfTextRenderer } from '@solidtv/renderer/webgl';
+import { Inspector } from '@solidtv/renderer/inspector';
 
 Config.rendererOptions = {
   fpsUpdateInterval: logFps ? 1000 : 0,
@@ -113,7 +110,7 @@ For the latest renderer options read the official [renderer documentation](https
 
 ### Additional Solid-Specific Configurations
 
-Besides `rendererOptions`, the `Config` object exposes several properties specific to `@lightningtv/solid` runtime behavior:
+Besides `rendererOptions`, the `Config` object exposes several properties specific to `@solidtv/solid` runtime behavior:
 
 - **debug**: `boolean` (Default: `false`)
   Enables general debug logging.