Update deps, node-next module resolution

Update to vite 6 (closes #312)
Removes solid-start dep (it wasn't used anyway)
Updates module resolution to node next
Updates vitest, jsdom
Simplifies the file structure of the frontend package to minimize number of files, dirs, imports etc

.changeset/good-teachers-refuse.md

@@ -0,0 +1,12 @@
+---
+'@solid-devtools/debugger': minor
+'@solid-devtools/extension': minor
+'@solid-devtools/frontend': minor
+'@solid-devtools/logger': minor
+'solid-devtools': minor
+'@solid-devtools/overlay': minor
+'@solid-devtools/shared': minor
+'@solid-devtools/theme': minor
+---
+
+Update to vite 6, remove solid-start dep (was unused anyway)

.prettierrc

@@ -8,7 +8,7 @@
     "arrowParens": "avoid",
     "bracketSpacing": false,
     "endOfLine": "lf",
-    "plugins": ["prettier-plugin-organize-imports"],
+    "plugins": [],
     "overrides": [
         {
             "files": "*.yml",

configs/tsconfig.base.json

@@ -2,17 +2,20 @@
     "compilerOptions": {
         "strict": true,
         "target": "ESNext",
-        "module": "ESNext",
-        "moduleResolution": "node",
+        "module": "NodeNext",
+        "moduleResolution": "nodenext",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true,
         "esModuleInterop": true,
+        "verbatimModuleSyntax": true,
+        "allowImportingTsExtensions": true,
         "skipLibCheck": true,
         "forceConsistentCasingInFileNames": true,
         "noPropertyAccessFromIndexSignature": true,
         "noUncheckedIndexedAccess": true,
         "allowJs": true,
         "checkJs": true,
+        "emitDeclarationOnly": true,
         "outDir": "types",
         "types": ["@total-typescript/ts-reset"]
     }

configs/tsup.config.ts

@@ -1,6 +1,6 @@
-import { Plugin } from 'esbuild'
+import { type Plugin } from 'esbuild'
 import { solidPlugin } from 'esbuild-plugin-solid'
-import { defineConfig, Options } from 'tsup'
+import { defineConfig, type Options } from 'tsup'
 
 export const CI =
     process.env['CI'] === 'true' ||

eslint.config.mjs

@@ -60,7 +60,7 @@ export default [{
 	files: ['**/*.{js,mjs,jsx,ts,tsx}'],
 
 	plugins: {
-		'@typescript-eslint': ts_eslint,
+		'@typescript-eslint': /** @type {*} */(ts_eslint),
 		'@no-only-tests':     no_only_tests,
 		'@eslint-comments':   eslint_comments,
 		'@nothing-but':       /** @type {*} */(nb_eslint),
@@ -83,7 +83,7 @@ export default [{
 		*/
 		'no-console'                       : 'warn',
 		'no-debugger'                      : 'warn',
-		'prefer-const'                     : 'warn',
+		// 'prefer-const'                     : 'warn',
 		'require-await'                    : 'warn',
 		'no-empty'                         : 'warn',
 		'@typescript-eslint/no-unused-vars': ['warn', {

examples/sandbox/package.json

@@ -12,14 +12,13 @@
     },
     "devDependencies": {
         "@babel/plugin-syntax-typescript": "^7.23.3",
-        "@unocss/preset-typography": "0.65.0-beta.3",
-        "solid-devtools": "workspace:^",
-        "vite-plugin-inspect": "^0.7.42"
+        "@unocss/preset-typography": "0.65.1",
+        "solid-devtools": "workspace:^"
     },
     "dependencies": {
         "@solid-devtools/debugger": "workspace:^",
         "@solid-devtools/logger": "workspace:^",
         "@solid-devtools/overlay": "workspace:^",
-        "@solid-primitives/timer": "^1.3.7"
+        "@solid-primitives/timer": "^1.3.10"
     }
 }

examples/sandbox/src/App.tsx

@@ -1,5 +1,5 @@
 import {
-    Component,
+    type Component,
     createComponent,
     createComputed,
     createEffect,
@@ -9,15 +9,15 @@ import {
     createRoot,
     createSignal,
     ErrorBoundary,
-    ParentComponent,
-    Setter,
+    type ParentComponent,
+    type Setter,
     Show,
     Suspense,
 } from 'solid-js'
 import {createMutable} from 'solid-js/store'
-import Recursive from './Recursive'
-import {ThemeExample} from './Theme'
-import Todos from './Todos'
+import Recursive from './Recursive.tsx'
+import {ThemeExample} from './Theme.tsx'
+import Todos from './Todos.tsx'
 
 const doMediumCalc = () => {
     Array.from({length: 1000000}, (_, i) => i).sort(() => Math.random() - 5)

examples/sandbox/src/Overlay.tsx

@@ -1,5 +1,5 @@
 import {Show, lazy} from 'solid-js'
-const DevtoolsOverlay = lazy(() => import('./DevtoolsOverlay'))
+const DevtoolsOverlay = lazy(() => import('./DevtoolsOverlay.tsx'))
 
 export function Overlay() {
     return (

examples/sandbox/src/Recursive.tsx

@@ -1,4 +1,4 @@
-import {Component, createContext, For, mergeProps, splitProps, useContext} from 'solid-js'
+import {type Component, createContext, For, mergeProps, splitProps, useContext} from 'solid-js'
 import {createStore} from 'solid-js/store'
 
 type NodeType = {

examples/sandbox/src/Theme.tsx

@@ -1,4 +1,4 @@
-import {Component, createContext, ParentComponent, useContext} from 'solid-js'
+import {type Component, createContext, type ParentComponent, useContext} from 'solid-js'
 import {createStore} from 'solid-js/store'
 
 export type ThemeContextState = {

examples/sandbox/src/Todos.tsx

@@ -1,14 +1,14 @@
 import {
     batch,
-    Component,
+    type Component,
     createEffect,
     createMemo,
     createRoot,
     createSignal,
     For,
     Show,
 } from 'solid-js'
-import {createStore, produce, SetStoreFunction, Store, unwrap} from 'solid-js/store'
+import {createStore, produce, type SetStoreFunction, type Store, unwrap} from 'solid-js/store'
 
 export function createLocalStore<T extends object>(
     name: string,

examples/sandbox/src/index.tsx

@@ -5,6 +5,6 @@ async function main() {
         await import('@solid-devtools/debugger/bundled')
     }
 
-    import('./main')
+    import('./main.tsx')
 }
 main()

examples/sandbox/src/main.tsx

@@ -1,7 +1,7 @@
 import {render} from 'solid-js/web'
-import App from './App'
-import {Overlay} from './Overlay'
-import {ThemeProvider} from './Theme'
+import App from './App.tsx'
+import {Overlay} from './Overlay.tsx'
+import {ThemeProvider} from './Theme.tsx'
 
 import 'uno.css'
 

examples/sandbox/vite.config.ts

@@ -2,7 +2,6 @@ import devtools from 'solid-devtools/vite'
 import {presetTypography} from 'unocss'
 import Unocss from 'unocss/vite'
 import {defineConfig} from 'vite'
-import Inspect from 'vite-plugin-inspect'
 import solid from 'vite-plugin-solid'
 
 const is_ext = process.env['EXT'] === 'true' || process.env['EXT'] === '1'
@@ -24,7 +23,6 @@ export default defineConfig(mode => {
             Unocss({
                 presets: [presetTypography()],
             }),
-            Inspect(),
         ],
         define: {
             'process.env.EXT': JSON.stringify(is_ext),