Update to L3 v3 of renderer

.github/workflows/test.yml

@@ -0,0 +1,35 @@
+name: Build and Test
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build-test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build
+        run: pnpm build
+
+      - name: Test
+        run: pnpm test
+
+      - name: Lint
+        # Will run the step even if build step failed, to give feedback
+        if: success() || failure()
+        run: pnpm lint

.vscode/launch.json

@@ -0,0 +1,18 @@
+
+{
+  "name": "Test",
+  "type": "node",
+  "request": "launch",
+  "cwd": "${workspaceFolder}",
+  "runtimeExecutable": "pnpm",
+  "runtimeArgs": ["run", "test", "--watch"],
+  "console": "integratedTerminal",
+  "internalConsoleOptions": "neverOpen",
+  "sourceMaps": true,
+  "skipFiles":  [
+      "**/node_modules/**/*",
+      "<node_internals>/**",
+      "**/@vite/client",
+      "<eval>/*",
+  ],
+}

docs/_sidebar.md

@@ -40,3 +40,5 @@
   - [Router](/primitives/router.md)
   - [Row and Column](/primitives/row_column.md)
   - [Visible](/primitives/visible.md)
+- Tooling
+  - [Solid Devtools](/tooling/solid_devtools.md)

docs/primitives/lazyUp.md

@@ -1,4 +1,4 @@
-# DEPRECATED
+# DEPRECATED & Removed in v3
 
 Please use [Lazy Row and Column](/primitives/lazy.md) component instead.
 

docs/tools/solid_devtols.md

@@ -0,0 +1,63 @@
+# Integrating with Solid Devtools
+
+[Solid Devtools](https://github.com/thetarnav/solid-devtools) provides debugging capabilities for Solid.js applications. This guide explains how to integrate solid-devtools with Lightning Solid to inspect your Lightning applications.
+
+## Installation
+
+For chrome-development install the [Solid Devtools Chrome Extension](https://chrome.google.com/webstore/detail/solid-devtools/kmcfjchnmmaeeagadbhoofajiopoceel).
+
+Then, install the `solid-devtools` package:
+
+```bash
+pnpm add -D solid-devtools
+```
+
+## Configuration
+
+### 1. Setup Vite Plugin (Optional)
+
+Add the Solid Devtools Vite plugin to your Vite configuration file:
+
+```ts
+import devtools from 'solid-devtools/vite';
+import solidPlugin from 'vite-plugin-solid';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [
+    devtools({
+      /* features options - all disabled by default */
+      autoname: true,
+      locator: {
+        jsxLocation: true,
+        componentLocation: true,
+        targetIDE: 'vscode',
+      },
+    }),
+    solidPlugin({
+      solid: {
+        moduleName: '@lightningtv/solid',
+        generate: 'universal',
+      },
+    }),
+  ],
+});
+```
+
+### 2. Configure Element Interface
+
+Since Lightning.js uses a custom renderer (not DOM-based), you need to provide Solid Devtools with a custom ElementInterface implementation. Fortunately, `@lightningtv/solid` already includes this implementation.
+
+Add the following code to your application entry file (typically `index.tsx`):
+
+```ts
+import 'solid-devtools';
+import { setElementInterface } from 'solid-devtools/setup';
+import { elementInterface } from '@lightningtv/solid/devtools';
+
+setElementInterface(elementInterface);
+```
+
+This allows the Solid Devtools panel to properly display and interact with your Lightning application's component tree.
+
+For more information on supporting custom renderers in Solid Devtools, refer to the [official documentation](https://github.com/thetarnav/solid-devtools/tree/main/packages/debugger#supporting-custom-renderers).

src/jsx-runtime.ts → jsx-runtime.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-namespace */
 import type { NewOmit, NodeProps, TextProps } from '@lightningtv/core';
 
 declare module 'solid-js' {
@@ -8,8 +7,7 @@ declare module 'solid-js' {
       view: NodeProps;
       text: TextProps;
     }
-
-    interface IntrinsicAttributes
-      extends NewOmit<NodeProps, 'children' | 'style'> {}
   }
 }
+
+export type { JSX } from 'solid-js';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningtv/solid",
-  "version": "2.7.16",
+  "version": "3.0.0-7",
   "description": "Lightning Renderer for Solid Universal",
   "type": "module",
   "exports": {
@@ -17,12 +17,20 @@
         "types": "./dist/src/primitives/index.d.ts",
         "default": "./dist/src/primitives/index.js"
       }
-    }
+    },
+    "./devtools": {
+      "import": {
+        "@lightningtv/source": "./src/devtools/index.ts",
+        "types": "./dist/src/devtools/index.d.ts",
+        "default": "./dist/src/devtools/index.js"
+      }
+    },
+    "./jsx-runtime": "./jsx-runtime.d.ts"
   },
   "sideEffects": false,
   "scripts": {
     "start": "npm run watch",
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "vitest",
     "lint": "npm run lint:prettier && npm run lint:eslint",
     "lint:fix": "npm run lint:fix:prettier && npm run lint:fix:eslint",
     "lint:prettier": "prettier --check \"**/*.{ts,js,cjs,md}\"",
@@ -46,26 +54,30 @@
   "author": "Chris Lorenzo",
   "license": "Apache-2.0",
   "dependencies": {
-    "@lightningtv/core": "^2.7.7",
+    "@lightningtv/core": "^3.0.0-3",
     "@solid-primitives/event-listener": "^2.3.3",
     "@solid-primitives/mouse": "^2.0.20",
     "@solid-primitives/scheduled": "^1.4.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.16.0",
+    "@solid-devtools/debugger": "^0.27.0",
     "@typescript-eslint/eslint-plugin": "^8.17.0",
     "@typescript-eslint/parser": "^8.17.0",
     "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "globals": "^15.13.0",
     "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
     "lint-staged": "^15.2.10",
     "prettier": "^3.4.2",
     "release-it": "^17.10.0",
     "solid-js": "^1.9.3",
     "typescript": "^5.7.2",
-    "typescript-eslint": "^8.17.0"
+    "typescript-eslint": "^8.17.0",
+    "vite-plugin-solid": "^2.11.6",
+    "vitest": "^3.1.2"
   },
   "lint-staged": {
     "*.ts": [
@@ -75,10 +87,13 @@
     "*.{js,cjs,md}": "prettier --write"
   },
   "peerDependencies": {
-    "@lightningjs/renderer": "^2.12.0",
+    "@lightningjs/renderer": "^3.0.0-beta3",
     "@solidjs/router": "^0.15.1",
     "solid-js": "*"
   },
+  "optionalDependencies": {
+    "@solid-devtools/debugger": "^0.27.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lightning-tv/solid.git"