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

ui/src/common/playlistUtils.test.js

@@ -0,0 +1,78 @@
+import {
+  isWritable,
+  isReadOnly,
+  isSmartPlaylist,
+  canChangeTracks,
+} from './playlistUtils'
+
+describe('playlistUtils', () => {
+  beforeEach(() => {
+    localStorage.clear()
+  })
+
+  describe('isWritable', () => {
+    it('returns true if user is the owner', () => {
+      localStorage.setItem('userId', 'user1')
+      expect(isWritable('user1')).toBe(true)
+    })
+
+    it('returns true if user is an admin', () => {
+      localStorage.setItem('role', 'admin')
+      expect(isWritable('user1')).toBe(true)
+    })
+
+    it('returns false if user is not the owner and not an admin', () => {
+      localStorage.setItem('userId', 'user2')
+      expect(isWritable('user1')).toBe(false)
+    })
+  })
+
+  describe('isReadOnly', () => {
+    it('returns true if user is not the owner and not an admin', () => {
+      localStorage.setItem('userId', 'user2')
+      expect(isReadOnly('user1')).toBe(true)
+    })
+
+    it('returns false if user is the owner', () => {
+      localStorage.setItem('userId', 'user1')
+      expect(isReadOnly('user1')).toBe(false)
+    })
+
+    it('returns false if user is an admin', () => {
+      localStorage.setItem('role', 'admin')
+      expect(isReadOnly('user1')).toBe(false)
+    })
+  })
+
+  describe('isSmartPlaylist', () => {
+    it('returns true if playlist has rules', () => {
+      const playlist = { rules: [] }
+      expect(isSmartPlaylist(playlist)).toBe(true)
+    })
+
+    it('returns false if playlist does not have rules', () => {
+      const playlist = {}
+      expect(isSmartPlaylist(playlist)).toBe(false)
+    })
+  })
+
+  describe('canChangeTracks', () => {
+    it('returns true if user is the owner and playlist is not smart', () => {
+      localStorage.setItem('userId', 'user1')
+      const playlist = { ownerId: 'user1' }
+      expect(canChangeTracks(playlist)).toBe(true)
+    })
+
+    it('returns false if user is not the owner', () => {
+      localStorage.setItem('userId', 'user2')
+      const playlist = { ownerId: 'user1' }
+      expect(canChangeTracks(playlist)).toBe(false)
+    })
+
+    it('returns false if playlist is smart', () => {
+      localStorage.setItem('userId', 'user1')
+      const playlist = { ownerId: 'user1', rules: [] }
+      expect(canChangeTracks(playlist)).toBe(false)
+    })
+  })
+})