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,53 @@
+import React, { Fragment, useEffect } from 'react'
+import { useUnselectAll } from 'react-admin'
+import { addTracks, playNext, playTracks } from '../actions'
+import { RiPlayList2Fill, RiPlayListAddFill } from 'react-icons/ri'
+import PlayArrowIcon from '@material-ui/icons/PlayArrow'
+import { BatchPlayButton } from './index'
+import { AddToPlaylistButton } from './AddToPlaylistButton'
+import { makeStyles } from '@material-ui/core/styles'
+import { BatchShareButton } from './BatchShareButton'
+import config from '../config'
+
+const useStyles = makeStyles((theme) => ({
+  button: {
+    color: theme.palette.type === 'dark' ? 'white' : undefined,
+  },
+}))
+
+export const SongBulkActions = (props) => {
+  const classes = useStyles()
+  const unselectAll = useUnselectAll()
+  useEffect(() => {
+    unselectAll(props.resource)
+  }, [unselectAll, props.resource])
+  return (
+    <Fragment>
+      <BatchPlayButton
+        {...props}
+        action={playTracks}
+        label={'resources.song.actions.playNow'}
+        icon={<PlayArrowIcon />}
+        className={classes.button}
+      />
+      <BatchPlayButton
+        {...props}
+        action={playNext}
+        label={'resources.song.actions.playNext'}
+        icon={<RiPlayList2Fill />}
+        className={classes.button}
+      />
+      <BatchPlayButton
+        {...props}
+        action={addTracks}
+        label={'resources.song.actions.addToQueue'}
+        icon={<RiPlayListAddFill />}
+        className={classes.button}
+      />
+      {config.enableSharing && (
+        <BatchShareButton {...props} className={classes.button} />
+      )}
+      <AddToPlaylistButton {...props} className={classes.button} />
+    </Fragment>
+  )
+}