Upgrade dependencies, remove no longer needed react-textarea-autosize and other small improvements

Author: kuchta

.gitignore

@@ -1,4 +1,4 @@
-**/.DS_Store
+.DS_Store
 .history
 node_modules
 dist

.oxlintrc.json

@@ -1,5 +1,5 @@
 {
-	"$schema": "https://raw.githubusercontent.com/oxc-project/oxc/refs/heads/main/npm/oxlint/configuration_schema.json",
+	"$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
 	"ignorePatterns": [ "eslint.config.ts", "deno-deploy-serve.ts" ],
 	"env": { "builtin": true },
 	"options": {
@@ -13,22 +13,21 @@
 		"perf": "warn",
 		"style": "warn",
 		"restriction": "warn",
-		"nursery": "warn",
+		"nursery": "warn"
 	},
 	"plugins": [
 		"oxc",
 		"eslint",
 		"typescript",
 		"unicorn",
 		"import",
+		"promise",
 		"react",
 		"react-perf",
-		"promise",
-		// "node",
-	],
-	"jsPlugins": [
-		{ "name": "react-hooks-js", "specifier": "eslint-plugin-react-hooks" }
 	],
+	// "jsPlugins": [
+	// 	{ "name": "react-hooks-js", "specifier": "eslint-plugin-react-hooks" }
+	// ],
 	"overrides": [{
 		"files": [ "**/*.{js,jsx,ts,tsx}" ],
 		"env": { "browser": true },
@@ -37,6 +36,8 @@
 			"process": "readonly"
 		},
 		"rules": {
+			"oxc/no-async-await": "off",
+			"oxc/no-optional-chaining": "off",
 			"eslint/capitalized-comments": "off",
 			"eslint/complexity": [ "warn", 30 ],
 			"eslint/curly": "off",
@@ -52,7 +53,7 @@
 			"eslint/max-statements": [ "warn", 50 ],
 			"eslint/no-bitwise": "off",
 			"eslint/no-console": "off",
-			"no-empty-function": "off",
+			"eslint/no-empty-function": "off",
 			"eslint/no-inline-comments": "off",
 			"eslint/no-magic-numbers": "off",
 			"eslint/no-negated-condition": "off",
@@ -67,8 +68,6 @@
 			"eslint/sort-imports": "off",
 			"eslint/sort-keys": "off",
 			"eslint/sort-vars": "off",
-			"oxc/no-async-await": "off",
-			"oxc/no-optional-chaining": "off",
 			"typescript/consistent-return": "off",
 			"typescript/consistent-type-definitions": [ "error", "type" ],
 			"typescript/explicit-function-return-type": "off",
@@ -101,18 +100,21 @@
 			"import/no-nodejs-modules": "off",
 			"import/no-unassigned-import": [ "warn", { "allow": [ "**/*.css" ] } ],
 			"promise/always-return": [ "warn", { "ignoreLastCallback": true } ],
+			"promise/prefer-await-to-callbacks": "off",
+			"promise/prefer-await-to-then": "off",
 			"react/button-has-type": "off",
 			"react/exhaustive-deps": "off",
 			"react/forbid-component-props": "off",
 			"react/jsx-filename-extension": [ "warn", { "extensions": [ ".jsx", ".tsx" ] } ],
 			"react/jsx-max-depth": [ "warn", { "max": 10 } ],
+			"react/jsx-no-literals": "off",
 			"react/jsx-props-no-spreading": "off",
 			"react/no-multi-comp": [ "off", { "ignoreStateless": true } ],
 			"react/only-export-components": "off",
 			"react/react-in-jsx-scope": "off",
 			"react-perf/jsx-no-jsx-as-prop": "off",
 			"react-perf/jsx-no-new-function-as-prop": "off",
-			"react-perf/jsx-no-new-object-as-prop": "off",
+			"react-perf/jsx-no-new-object-as-prop": "off"
 		}
 	}]
 }

eslint.config.ts

@@ -37,7 +37,7 @@ export default defineConfig(
 			// importPlugin.flatConfigs.recommended,
 			// reactPlugin.configs.flat.recommended,
 			// reactHooksPlugin.configs.flat.recommended,
-			reactPlugin.configs['disable-conflict-eslint-plugin-react-hooks'],
+			// reactPlugin.configs['disable-conflict-eslint-plugin-react-hooks'],
 			reactPlugin.configs['strict-type-checked'],
 		],
 		rules: {

package.json

@@ -28,33 +28,34 @@
     "pre-commit": "pnpm check && pnpm lint && pnpm test && pnpm build"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^5.12.1",
+    "@eslint-react/eslint-plugin": "^5.17.3",
     "@eslint/css": "^1.4.0",
     "@eslint/js": "^10.0.1",
     "@rolldown/plugin-babel": "^0.2.3",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "@tailwindcss/vite": "^4.3.2",
+    "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.3",
     "babel-plugin-react-compiler": "^1.0.0",
-    "daisyui": "^5.6.16",
-    "eslint": "^10.6.0",
+    "daisyui": "^5.7.0",
+    "eslint": "^10.7.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "globals": "^17.7.0",
-    "oxfmt": "^0.58.0",
+    "oxfmt": "^0.59.0",
+    "oxlint": "^1.74.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-error-boundary": "^6.1.2",
     "react-icons": "^5.7.0",
     "react-router-dom": "^7.18.1",
     "react-textarea-autosize": "^8.5.9",
     "tailwind-csstree": "^0.3.3",
-    "tailwindcss": "^4.3.2",
+    "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.63.0",
-    "vite": "^8.1.3",
+    "typescript-eslint": "^8.65.0",
+    "vite": "^8.1.5",
     "vite-plugin-pwa": "^1.3.0",
     "zod": "^4.4.3"
   }

src/app.css

@@ -4,10 +4,6 @@
 	themes: all;
 }
 
-/* @plugin "flyonui" {
-	themes: all;
-} */
-
 @theme {
 	--font-mono: "Noto Sans Symbol";
 }

src/common.ts

@@ -25,8 +25,8 @@ export function getCharsLS(): string | undefined {
 export function sanitizeInput(input: string, radix: Radix): string[] {
 	input = input.toUpperCase()
 	const chars = radix.system === 'balanced' ? radix.chars : `-${radix.chars}`
-	const sanitizedInput = input.replaceAll(new RegExp(`[^${chars}]`, 'g'), '')
-	const rest = input.replaceAll(new RegExp(`[${chars}]`, 'g'), '')
+	const sanitizedInput = input.replaceAll(new RegExp(`[^${chars}]`, 'gu'), '')
+	const rest = input.replaceAll(new RegExp(`[${chars}]`, 'gu'), '')
 	return [ sanitizedInput, rest ]
 }
 

src/components/header.tsx

@@ -199,8 +199,8 @@ export default function Header({ radixes, updateRadixes }: {
 									</optgroup>)}
 								</select>
 								<div className={inputCharsError ? 'tooltip tooltip-error tooltip-open' : undefined} data-tip={inputCharsError}>
-									<TextareaAutosize
-										className="supports-[field-sizing:content]:field-sizing-content mi	n-w-24 max-w-[calc(100vw-5.5ch)] xl:max-w-[calc(100vw-ch)] block resize-none bg-base-100 rounded-lg font-mono leading-8 p-0 px-2"
+									<textarea
+										className="supports-[field-sizing:content]:field-sizing-content min-w-24 max-w-[calc(100vw-5.5ch)] xl:max-w-[calc(100vw-ch)] block resize-none bg-base-100 rounded-lg font-mono leading-8 p-0 px-2"
 										name="chars"
 										rows={1}
 										cols={70}
@@ -268,7 +268,7 @@ const RadixSelect = ({ who, radixes, toggleRadixes }: { who: Radix['system'], ra
 			</div>
 			<div className="card-actions justify-center">{ radixes.filter(r => r.system === who).map(radix =>
 				<button
-					className={`btn btn-xs btn-outline btn-neutral ${radix.enabled ? 'btn-active' : ''} w-12 m-1 p-0`}
+					className={`btn btn-xs ${radix.enabled ? 'btn-neutral' : ''} w-12 m-1 p-0`}
 					type="button"
 					key={radix.name}
 					onClick={() => { toggleRadixes(radix, !radix.enabled) }}

src/components/table.tsx

@@ -44,8 +44,8 @@ export default function Table({ radix, numbers, low, high, mainRow, columns, row
 			<div className="card-body overflow-scroll p-2">
 				<table className="table table-xs table-fixed text-sm w-auto">
 					<tbody>{ numbers.map((row, rowIndex) =>
-						<tr className={`hover row${rowIndex === mainRow ? ' bg-base-200' : ''}`} key={row[0]}>{ row.map(number =>
-							<td className="text-right px-0.5 py-0.5 w-8" key={number}>
+					<tr className={`hover row${rowIndex === mainRow ? ' bg-base-200' : ''}`} key={rowIndex}>{ row.map((number, columnIndex) =>
+							<td className="text-right px-0.5 py-0.5 w-8" key={columnIndex}>
 								<Value value={number} radix={radix} low={low} space={space}/>
 							</td>)}
 						</tr>)}