Update deps (vite 6, crxjs) (#317)

Author: thetarnav

.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)

.github/workflows/format.yml

@@ -6,7 +6,7 @@ The following document is a _(work in progress)_ guide for contributing to Solid
 
 ## Tooling
 
-[`pnpm`](https://pnpm.io/), [`prettier`](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) and [`eslint`](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) — that's it.
+[`pnpm`](https://pnpm.io/ and [`eslint`](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) — that's it.
 
 This project uses [pnpm](https://pnpm.io/) for package management. If you don't have it installed, you can install it with `npm install -g pnpm`.
 
@@ -20,7 +20,7 @@ If you want to run the E2E tests, you need to install the dependencies by runnin
 
 ## Operating System
 
-I _([thetarnav](https://github.com/thetarnav))_ am working from a Windows PC, but it everything should theoretically work on macOS and Linux as well. If you find any issues, please open an issue.
+I'm working on a linux machine right now, but everything should be wokking the same way regardless of OS. Please make an issue if it's not.
 
 Alternatively, if something is off, I recommend using [Gitpod](https://gitpod.io) or [Codeflow](https://stackblitz.com/codeflow) for development. Both of them are free for oss projects like this one and will give you a stable development environment.
 

.prettierrc

@@ -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"]
     }

CONTRIBUTING.md

@@ -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' ||

configs/tsconfig.base.json

@@ -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', {

configs/tsup.config.ts

@@ -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"
     }
 }

eslint.config.mjs

@@ -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/package.json

@@ -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/App.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/Overlay.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/Recursive.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/Theme.tsx

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

examples/sandbox/src/Todos.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/src/index.tsx

@@ -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),