fix: show import errors in the client, and handle the import of shared types across applications better

.gitignore

@@ -4,6 +4,7 @@
 /video/
 
 build/
+temp/
 node_modules/
 
 .env

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+	"editor.defaultFormatter": "esbenp.prettier-vscode",
+	"editor.detectIndentation": false,
+	"editor.insertSpaces": false,
+	"editor.formatOnSave": true,
+	"editor.rulers": [100],
+	"editor.tabSize": 4,
+	"typescript.locale": "en",
+	"typescript.preferences.useAliasesForRenames": false,
+	"typescript.validate.enable": true
+}

client/package.json

@@ -14,30 +14,29 @@
 		"url": "https://git.goodforyou.games/ncunningham/handbrake-web.git"
 	},
 	"dependencies": {
-		"@fontsource/inter": "^5.0.18",
+		"@fontsource/inter": "^5.0.19",
 		"@fontsource/noto-sans": "^5.0.22",
 		"bootstrap-icons": "^1.11.3",
-		"dotenv": "^16.4.5",
-		"mime": "^4.0.3",
+		"mime": "^4.0.4",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
-		"react-router-dom": "^6.23.1",
+		"react-router-dom": "^6.25.1",
 		"socket.io-client": "^4.7.5"
 	},
 	"devDependencies": {
-		"@types/better-sqlite3": "^7.6.10",
+		"@types/node": "^20.14.11",
 		"@types/react": "^18.3.3",
-		"@types/react-dom": "^18.2.22",
+		"@types/react-dom": "^18.3.0",
 		"@typescript-eslint/eslint-plugin": "^7.15.0",
 		"@typescript-eslint/parser": "^7.15.0",
 		"@vitejs/plugin-react": "^4.3.1",
 		"eslint": "^8.57.0",
 		"eslint-plugin-react-hooks": "^4.6.2",
 		"eslint-plugin-react-refresh": "^0.4.7",
-		"sass": "^1.77.2",
+		"sass": "^1.77.8",
 		"tsconfig-paths": "^4.2.0",
 		"typescript": "^5.2.2",
-		"vite": "^5.3.2",
+		"vite": "^5.3.4",
 		"vite-tsconfig-paths": "^4.3.2"
 	}
 }

client/src/components/base/inputs/path/path-input.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
-import { FileBrowserMode } from 'types/file-browser.types';
-import { DirectoryItemType } from 'types/directory.types';
+import { FileBrowserMode } from 'types/file-browser';
+import { DirectoryItemType } from 'types/directory';
 import FileBrowser from 'components/modules/file-browser/file-browser';
 import './path-input.scss';
 

client/src/components/cards/preset-card/preset-card.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { HandbrakePresetDataType } from 'types/preset.types';
+import { HandbrakePresetDataType } from 'types/preset';
 import ButtonInput from 'components/base/inputs/button/button-input';
 import PresetCardSummary from './tabs/summary/preset-card-summary';
 import PresetCardDimensions from './tabs/dimensions/preset-card-dimensions';

client/src/components/cards/preset-card/preset-lookups.ts

@@ -0,0 +1,51 @@
+export const AudioEncoderLookup: { [index: string]: string } = {
+	copy: 'Auto Passthru',
+	'copy:aac': 'AAC Passthru',
+	'copy:ac3': 'AC3 Passthru',
+	'copy:eac3': 'E-AC3 Passthru',
+	'copy:truehd': 'TrueHD Passthru',
+	'copy:dts': 'DTS Passthru',
+	'copy:dtshd': 'DTS-HD Passthru',
+	'copy:mp2': 'MP2 Passthru',
+	'copy:mp3': 'MP3 Passthru',
+	'copy:flac': 'FLAC Passthru',
+	'copy:opus': 'Opus Passthru',
+	ac3: 'AC3',
+	av_aac: 'AAC (avcodec)',
+	eac3: 'E-AC3',
+};
+
+export const FilterLookup: { [index: string]: string } = {
+	off: 'Off',
+	none: 'None',
+	default: 'Default',
+	custom: 'Custom',
+	ultralight: 'Ultralight',
+	light: 'Light',
+	medium: 'Medium',
+	strong: 'Strong',
+	stronger: 'Stronger',
+	verystrong: 'Very Strong',
+	ultrafine: 'Ultrafine',
+	fine: 'Fine',
+	coarse: 'Coarse',
+	verycoarse: 'Very Coarse',
+	tiny: 'Tiny',
+	small: 'Small',
+	large: 'Large',
+	wide: 'Wide',
+	verywide: 'Very Wide',
+	yadif: 'Yadif',
+	decomb: 'Decomb',
+	'skip-spatial': 'Skip Spatial Check',
+	bob: 'Bob',
+	nlmeans: 'NLMeans',
+	eedi2: 'EEDI2',
+	eedi2bob: 'EEDI2 Bob',
+	unsharp: 'UnSharp',
+	lapsharp: 'LapSharp',
+	bt2020: 'BT.2020',
+	bt709: 'BT.709',
+	'bt601-6-525': 'BT.601 SMPTE-C',
+	'bt601-6-625': 'BT.601 EBU',
+};

client/src/components/cards/preset-card/tabs/audio/preset-card-audio.tsx

@@ -1,5 +1,6 @@
+import { AudioEncoderLookup } from '../../preset-lookups';
+import { HandbrakePresetDataType } from 'types/preset';
 import TextInfo from 'components/base/info/text-info/text-info';
-import { AudioEncoderLookup, HandbrakePresetDataType } from 'types/preset.types';
 import './preset-card-audio.scss';
 
 type Params = {

client/src/components/cards/preset-card/tabs/chapters/preset-card-chapters.tsx

@@ -1,5 +1,5 @@
 import TextInfo from 'components/base/info/text-info/text-info';
-import { HandbrakePresetDataType } from 'types/preset.types';
+import { HandbrakePresetDataType } from 'types/preset';
 
 type Params = {
 	preset: HandbrakePresetDataType;

client/src/components/cards/preset-card/tabs/dimensions/preset-card-dimensions.tsx

@@ -1,5 +1,5 @@
 import TextInfo from 'components/base/info/text-info/text-info';
-import { HandbrakePresetDataType, PictureCropMode } from 'types/preset.types';
+import { HandbrakePresetDataType, PictureCropMode } from 'types/preset';
 import './preset-card-dimensions.scss';
 
 type Params = {

client/src/components/cards/preset-card/tabs/filters/preset-card-filters.tsx

@@ -1,6 +1,7 @@
-import { FilterLookup, HandbrakePresetDataType } from 'types/preset.types';
-import './preset-card-filters.scss';
+import { FilterLookup } from '../../preset-lookups';
+import { HandbrakePresetDataType } from 'types/preset';
 import TextInfo from 'components/base/info/text-info/text-info';
+import './preset-card-filters.scss';
 
 type Params = {
 	preset: HandbrakePresetDataType;

client/src/components/cards/preset-card/tabs/subtitles/preset-card-subtitles.tsx

@@ -1,5 +1,5 @@
 import TextInfo from 'components/base/info/text-info/text-info';
-import { HandbrakePresetDataType } from 'types/preset.types';
+import { HandbrakePresetDataType } from 'types/preset';
 import './preset-card-subtitles.scss';
 
 type Params = {

client/src/components/cards/preset-card/tabs/summary/preset-card-summary.tsx

@@ -1,5 +1,6 @@
 import TextInfo from 'components/base/info/text-info/text-info';
-import { AudioEncoderLookup, HandbrakePresetDataType } from 'types/preset.types';
+import { AudioEncoderLookup } from '../../preset-lookups';
+import { HandbrakePresetDataType } from 'types/preset';
 import './preset-card-summary.scss';
 
 type Params = {

client/src/components/cards/preset-card/tabs/video/preset-card-video.tsx

@@ -1,5 +1,5 @@
 import TextInfo from 'components/base/info/text-info/text-info';
-import { HandbrakePresetDataType, VideoQualityType } from 'types/preset.types';
+import { HandbrakePresetDataType, VideoQualityType } from 'types/preset';
 import './preset-card-video.scss';
 
 type Params = {

client/src/components/cards/watcher-card/watcher-card.tsx

@@ -1,4 +1,4 @@
-import { WatcherDefinitionWithIDType } from 'types/watcher.types';
+import { WatcherDefinitionWithIDType } from 'types/watcher';
 import ButtonInput from 'components/base/inputs/button/button-input';
 import './watcher-card.scss';
 import TextInfo from 'components/base/info/text-info/text-info';