Merge pull request #23 from TanStack/feat/add-devtools-ui

feat: add devtools/ui

Author: AlemTuzlak

.changeset/green-bags-admire.md

@@ -0,0 +1,6 @@
+---
+'@tanstack/devtools': minor
+'@tanstack/devtools-ui': patch
+---
+
+extracted common UI components into a separate package

packages/devtools-ui/README.md

@@ -0,0 +1,5 @@
+# @tanstack/devtools-ui
+
+Set of Solid.js UI components for TanStack Devtools.
+
+These are used across the TanStack ecosystem to provide a consistent and customizable user interface for your devtools.

packages/devtools-ui/eslint.config.js

@@ -0,0 +1,10 @@
+// @ts-check
+
+import rootConfig from '../../eslint.config.js'
+
+export default [
+  ...rootConfig,
+  {
+    rules: {},
+  },
+]

packages/devtools-ui/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@tanstack/devtools-ui",
+  "version": "0.2.1",
+  "description": "TanStack Devtools UI is a set of UI components for building devtool panels for your application.",
+  "author": "Tanner Linsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TanStack/devtools.git",
+    "directory": "packages/devtools"
+  },
+  "homepage": "https://tanstack.com/devtools",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "keywords": [
+    "devtools"
+  ],
+  "type": "module",
+  "types": "dist/esm/index.d.ts",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.d.cts",
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "dist/",
+    "src"
+  ],
+  "scripts": {
+    "clean": "premove ./build ./dist",
+    "lint:fix": "eslint ./src --fix",
+    "test:eslint": "eslint ./src",
+    "test:lib": "vitest",
+    "test:lib:dev": "pnpm test:lib --watch",
+    "test:types": "tsc",
+    "test:build": "publint --strict",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "goober": "^2.1.16",
+    "solid-js": "^1.9.7"
+  },
+  "peerDependencies": {
+    "solid-js": ">=1.9.7"
+  },
+  "devDependencies": {
+    "vite-plugin-solid": "^2.11.6"
+  }
+}

packages/devtools/src/components/checkbox.tsx renamed to packages/devtools-ui/src/components/checkbox.tsx

@@ -0,0 +1,4 @@
+export { Checkbox } from './components/checkbox'
+export { Input } from './components/input'
+export { Select } from './components/select'
+export { TanStackLogo } from './components/logo'