Add tables to documents, update linter #741

Author: Polleps

.vscode/settings.json

@@ -1,7 +1,6 @@
 {
   // The linter in the CI is quite strict, so running `cargo fmt` on save is probably a good idea!
   "editor.formatOnSave": true,
-  "files.autoSave": "onFocusChange",
   "rust-analyzer.checkOnSave.command": "clippy",
   "search.exclude": {
     "**/.git": true,
@@ -20,17 +19,10 @@
   "eslint.alwaysShowStatus": true,
   "eslint.format.enable": true,
   "eslint.lintTask.enable": true,
-  "eslint.quiet": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
-  "eslint.workingDirectories": [
-    "./data-browser",
-    "./react",
-    "./lib",
-    "./cli",
-    "./svelte"
-  ],
+  "eslint.workingDirectories": [{ "directory": "browser" }],
   "typescript.preferences.preferTypeOnlyAutoImports": true,
   "rustTestExplorer.rootCargoManifestFilePath": "./Cargo.toml",
   // This won't work in multi-root workspaces, could be fixed by using a rust-analyzer.toml once there is some more documentation on that.

browser/.eslintrc.cjs

@@ -1,8 +1,9 @@
 build
-**/node_modules
-**/dist
+**/node_modules/**
+**/dist/**
 **/package.json
 **/yarn.lock
 **/package-lock.json
 **/.eslintrc.js
 **/tsconfig.json
+**/.svelte-kit/**

browser/.prettierignore

@@ -1,4 +1,7 @@
 {
+  "plugins": [
+    "prettier-plugin-svelte"
+  ],
   "semi": true,
   "printWidth": 80,
   "tabWidth": 2,
@@ -7,6 +10,5 @@
   "useTabs": false,
   "arrowParens": "avoid",
   "jsxSingleQuote": true,
-  "trailingComma": "all",
-  "jsdocParser": true
+  "trailingComma": "all"
 }

browser/.prettierrc.json

@@ -23,10 +23,11 @@
   },
   "scripts": {
     "build": "tsc",
-    "lint": "eslint ./src --ext .js,.ts",
+    "lint": "eslint ./src --ext .js,.ts && pnpm prettier-check",
     "lint-fix": "eslint ./src --ext .js,.ts --fix",
     "prepublishOnly": "pnpm run build && pnpm run lint && pnpm run lint-package",
     "lint-package": "pnpm dlx publint",
+    "prettier-check": "prettier --check ./src",
     "watch": "tsc --build --watch",
     "start": "pnpm watch",
     "tsc": "pnpm exec tsc --build",

browser/cli/package.json

@@ -26,14 +26,15 @@
   },
   "scripts": {
     "build": "tsc",
-    "lint": "eslint ./src --ext .js,.ts",
+    "lint": "eslint ./src --ext .js,.ts && pnpm prettier-check",
     "lint-fix": "eslint ./src --ext .js,.ts --fix",
     "prepublishOnly": "pnpm run build && pnpm run lint && pnpm run lint-package",
     "lint-package": "pnpm dlx publint",
     "watch": "tsc --build --watch",
     "start": "pnpm exec tsc --build --watch",
     "tsc": "pnpm exec tsc --build",
-    "typecheck": "pnpm exec tsc --noEmit"
+    "typecheck": "pnpm exec tsc --noEmit",
+    "prettier-check": "prettier --check ./src"
   },
   "bin": {
     "create-template": "./bin/src/index.js"

browser/create-template/package.json

@@ -0,0 +1 @@
+public-hoist-pattern[]=pdfjs-dist

browser/data-browser/.npmrc

@@ -16,12 +16,12 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/react": "^1.1.1",
-    "@emotion/is-prop-valid": "^1.3.1",
+    "@emotion/is-prop-valid": "^1.4.0",
     "@floating-ui/dom": "^1.7.4",
     "@modelcontextprotocol/sdk": "^1.13.3",
     "@oddbird/css-anchor-positioning": "^0.6.1",
     "@openrouter/ai-sdk-provider": "^1.2.0",
-    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-tabs": "^1.1.1",
     "@tanstack/react-router": "^1.95.1",
@@ -65,9 +65,9 @@
     "react-hotkeys-hook": "^3.4.7",
     "react-icons": "^4.12.0",
     "react-intersection-observer": "^9.13.1",
-    "react-is": "^19.0.0",
+    "react-is": "^19.2.0",
     "react-markdown": "^9.0.3",
-    "react-pdf": "^9.1.1",
+    "react-pdf": "^10.2.0",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "reactflow": "^11.11.4",
@@ -83,21 +83,21 @@
   "devDependencies": {
     "@tanstack/router-devtools": "^1.95.1",
     "@types/prismjs": "^1.26.5",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-react": "^4.3.4",
-    "babel-plugin-react-compiler": "19.1.0-rc.2",
+    "@vitejs/plugin-react": "^5.0.4",
+    "babel-plugin-react-compiler": "1.0.0",
     "babel-plugin-styled-components": "^2.1.4",
     "csstype": "^3.1.3",
     "gh-pages": "^5.0.0",
     "lint-staged": "^10.5.4",
     "types-wm": "^1.1.0",
     "typescript": "^5.9.3",
-    "vite": "^5.4.10",
+    "vite": "^7.1.12",
     "vite-plugin-prismjs": "^0.0.11",
-    "vite-plugin-pwa": "^0.20.5",
-    "vite-plugin-webfont-dl": "^3.9.5"
+    "vite-plugin-pwa": "^1.1.0",
+    "vite-plugin-webfont-dl": "^3.11.1"
   },
   "type": "module",
   "homepage": "https://atomicdata.dev/",
@@ -110,12 +110,13 @@
   "name": "@tomic/data-browser",
   "private": true,
   "repository": {
-    "url": "https://github.com/atomicdata-dev/atomic-data-browser/"
+    "url": "https://github.com/atomicdata-dev/atomic-server"
   },
   "scripts": {
     "build": "vite build",
-    "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
+    "lint": "eslint --quiet ./src --ext .js,.jsx,.ts,.tsx && pnpm prettier-check ./src",
     "lint-fix": "eslint ./src --ext .js,.jsx,.ts,.tsx --fix",
+    "prettier-check": "prettier --check ./src",
     "preview": "vite preview",
     "start": "vite",
     "test": "vitest run",

browser/data-browser/package.json

@@ -21,6 +21,7 @@ import { Toaster } from './components/Toaster';
 import { McpServersProvider } from './components/AI/MCP/useMcpServers';
 import { AISettingsContextProvider } from '@components/AI/AISettingsContext';
 import { LocaleProvider } from '@components/LocaleContext';
+import { CustomContextItemsProvider } from './components/ResourceContextMenu';
 
 // Setup bugsnag for error handling, but only if there's an API key
 const ErrBoundary = window.bugsnagApiKey
@@ -66,10 +67,12 @@ export const Providers: React.FC<React.PropsWithChildren> = ({ children }) => {
                             <DialogGlobalContextProvider>
                               <PopoverContainer>
                                 <DropdownContainer>
-                                  <NewResourceUIProvider>
-                                    <SkipNav />
-                                    <NavWrapper>{children}</NavWrapper>
-                                  </NewResourceUIProvider>
+                                  <CustomContextItemsProvider>
+                                    <NewResourceUIProvider>
+                                      <SkipNav />
+                                      <NavWrapper>{children}</NavWrapper>
+                                    </NewResourceUIProvider>
+                                  </CustomContextItemsProvider>
                                 </DropdownContainer>
                               </PopoverContainer>
                               <NetworkIndicator />

browser/data-browser/src/Providers.tsx

@@ -1,10 +1,14 @@
 import { useCallback, useMemo, useState, type JSX } from 'react';
 import { pdfjs, Document, Page } from 'react-pdf';
-import 'react-pdf/dist/esm/Page/TextLayer.css';
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
 import { styled } from 'styled-components';
 
-pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`;
+pdfjs.GlobalWorkerOptions.workerSrc = new URL(
+  'pdfjs-dist/build/pdf.worker.min.mjs',
+  import.meta.url,
+).toString();
+
 interface PDFViewerProps {
   url: string;
   className?: string;