build(ui): migrate from CRA/Jest to Vite/Vitest (#3311)

* feat: create vite project * feat: it's alive! * feat: `make dev` working! * feat: replace custom serviceWorker with vite plugin * test: replace Jest with Vitest * fix: run prettier * fix: skip eslint for now. * chore: remove ui.old folder * refactor: replace lodash.pick with simple destructuring * fix: eslint errors (wip) * fix: eslint errors (wip) * fix: display-name eslint errors (wip) * fix: no-console eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: build * fix: pwa manifest * refactor: pwa manifest * refactor: simplify PORT configuration * refactor: rename simple JS files * test: cover playlistUtils * fix: react-image-lightbox * feat(ui): add sourcemaps to help debug issues
2024-09-28 11:54:36 -04:00
parent dd48a23f92
commit fcdd30ba8f
212 changed files with 6231 additions and 31060 deletions
@@ -0,0 +1,44 @@
+import {
+  TextInput,
+  BooleanInput,
+  TextField,
+  Edit,
+  required,
+  SimpleForm,
+  SelectInput,
+  ReferenceInput,
+  useTranslate,
+} from 'react-admin'
+import { Title } from '../common'
+import config from '../config'
+import { BITRATE_CHOICES } from '../consts'
+
+const PlayerTitle = ({ record }) => {
+  const translate = useTranslate()
+  const resourceName = translate('resources.player.name', { smart_count: 1 })
+  return <Title subTitle={`${resourceName} ${record ? record.name : ''}`} />
+}
+
+const PlayerEdit = (props) => (
+  <Edit title={<PlayerTitle />} {...props}>
+    <SimpleForm variant={'outlined'}>
+      <TextInput source="name" validate={[required()]} />
+      <ReferenceInput
+        source="transcodingId"
+        reference="transcoding"
+        sort={{ field: 'name', order: 'ASC' }}
+      >
+        <SelectInput source="name" resettable />
+      </ReferenceInput>
+      <SelectInput source="maxBitRate" resettable choices={BITRATE_CHOICES} />
+      <BooleanInput source="reportRealPath" fullWidth />
+      {(config.lastFMEnabled || config.listenBrainzEnabled) && (
+        <BooleanInput source="scrobbleEnabled" fullWidth />
+      )}
+      <TextField source="client" />
+      <TextField source="userName" />
+    </SimpleForm>
+  </Edit>
+)
+
+export default PlayerEdit