Watch

History

Repository files (latest commit first)
Filename	Latest commit message	Latest commit date
cliffhall a669272fda Track subscribed resources and show the appropriate subscribe or unsubscribe button on selected resource panel. If the server does not support resource subscriptions, do not show any subscription buttons. * In App.tsx - useState for resourceSubscriptions, setResourceSubscriptions a Set of type string. - in subscribeToResource() - only make the request to subscribe if the uri is not in the resourceSubscriptions set - in unsubscribeFromResource() - only make the request to unsubscribe if the uri is in the resourceSubscriptions set - in ResourceTab element, - pass a boolean resourceSubscriptionsSupported as serverCapabilities.resources.subscribe - pass resourceSubscriptions as a prop * In ResourcesTab.tsx - deconstruct resourceSubscriptions and resourceSubscriptionsSupported from props and add prop type - in selected resource panel - don't show subscribe or unsubscribe buttons unless resourceSubscriptionsSupported is true - only show subscribe button if selected resource uri is not in resourceSubscriptions set - only show unsubscribe button if selected resource uri is in resourceSubscriptions set - wrap buttons in a flex div that is - justified right - has a minimal gap between - 2/5 wide (just big enough to contain two buttons and leave the h3 text 3/5 of the row to render and not overflow.		2025-03-08 13:40:37 -05:00
..
bin	Fix OAuth callback route in production builds	2025-02-21 14:47:31 +00:00
public	switch favicon	2024-11-19 14:13:19 -08:00
src	Track subscribed resources and show the appropriate subscribe or unsubscribe button on selected resource panel.	2025-03-08 13:40:37 -05:00
.gitignore	init client	2024-10-07 16:28:05 -07:00
components.json	run prettier	2024-11-04 21:29:59 +00:00
eslint.config.js	init client	2024-10-07 16:28:05 -07:00
index.html	switch favicon	2024-11-19 14:13:19 -08:00
package.json	Bumped versions of sub packages	2025-03-05 12:55:55 +00:00
postcss.config.js	run prettier	2024-11-04 21:29:59 +00:00
README.md	init client	2024-10-07 16:28:05 -07:00
tailwind.config.js	Make tailwind config work on Windows	2024-11-26 16:51:50 +01:00
tsconfig.app.json	display inspector version in UI	2024-11-27 10:52:38 -05:00
tsconfig.json	init client	2024-10-07 16:28:05 -07:00
tsconfig.node.json	init client	2024-10-07 16:28:05 -07:00
vite.config.ts	Formatting	2025-01-24 15:23:24 +00:00

README.md

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

@vitejs/plugin-react uses Babel for Fast Refresh
@vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

Configure the top-level parserOptions property like this:

export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
      tsconfigRootDir: import.meta.dirname,
    },
  },
});

Replace tseslint.configs.recommended to tseslint.configs.recommendedTypeChecked or tseslint.configs.strictTypeChecked
Optionally add ...tseslint.configs.stylisticTypeChecked
Install eslint-plugin-react and update the config:

// eslint.config.js
import react from "eslint-plugin-react";

export default tseslint.config({
  // Set the react version
  settings: { react: { version: "18.3" } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs["jsx-runtime"].rules,
  },
});