fix(deps): update react monorepo to v19

ups: update to dded1e5
fix(media): fix videos not playing
2025-06-11 17:01:47 +00:00 · 2025-06-10 09:48:19 +03:00 · 2025-06-10 09:48:05 +03:00 · 2025-06-10 09:48:00 +03:00 · 2025-06-10 09:47:54 +03:00 · 2025-06-10 09:47:49 +03:00
24 changed files with 1357 additions and 1102 deletions
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -9,6 +9,11 @@ const nextConfig = {
        destination: '/find',
        permanent: true,
      },
+      {
+        source: '/:langcode(\\w{2})/:slug*',
+        destination: '/:slug*',
+        permanent: true,
+      },
    ];
  },
  images: {
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "libremdb",
-  "version": "4.1.0",
+  "version": "4.2.0",
  "description": "a free & open source IMDb front-end",
  "private": true,
  "type": "module",
@@ -21,14 +21,14 @@
    "cheerio": "1.0.0-rc.12",
    "ioredis": "^5.3.2",
    "next": "12.2.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
    "sharp": "^0.33.1"
  },
  "devDependencies": {
    "@types/node": "18.7.3",
-    "@types/react": "18.0.17",
-    "@types/react-dom": "18.0.6",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
    "eslint": "8.22.0",
    "eslint-config-next": "12.2.5",
    "sass": "^1.62.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,7 +19,7 @@ importers:
        version: 5.3.2
      next:
        specifier: 12.2.5
-        version: 12.2.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(sass@1.89.2)
+        version: 12.2.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(sass@1.62.1)
      react:
        specifier: 18.2.0
        version: 18.2.0
@@ -47,7 +47,7 @@ importers:
        version: 12.2.5(eslint@8.22.0)(typescript@4.7.4)
      sass:
        specifier: ^1.62.1
-        version: 1.89.2
+        version: 1.62.1
      typescript:
        specifier: 4.7.4
        version: 4.7.4
@@ -68,14 +68,12 @@ packages:
  '@humanwhocodes/config-array@0.10.7':
    resolution: {integrity: sha512-MDl6D6sBsaV452/QSdX+4CXIjZhIcI0PELsxUjk4U828yd58vk3bTIvk/6w5FY+4hIy9sLW0sfrV7K7Kc++j/w==}
    engines: {node: '>=10.10.0'}
-    deprecated: Use @eslint/config-array instead

  '@humanwhocodes/gitignore-to-minimatch@1.0.2':
    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}

  '@humanwhocodes/object-schema@1.2.1':
    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
-    deprecated: Use @eslint/object-schema instead

  '@img/sharp-darwin-arm64@0.33.1':
    resolution: {integrity: sha512-esr2BZ1x0bo+wl7Gx2hjssYhjrhUsD88VQulI0FrG8/otRQUOxLWHMBd1Y1qo2Gfg2KUvXNpT0ASnV9BzJCexw==}
@@ -289,88 +287,6 @@ packages:
    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
    engines: {node: '>= 8'}

-  '@parcel/watcher-android-arm64@2.5.1':
-    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm64]
-    os: [android]
-
-  '@parcel/watcher-darwin-arm64@2.5.1':
-    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@parcel/watcher-darwin-x64@2.5.1':
-    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@parcel/watcher-freebsd-x64@2.5.1':
-    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@parcel/watcher-linux-arm-glibc@2.5.1':
-    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm]
-    os: [linux]
-
-  '@parcel/watcher-linux-arm-musl@2.5.1':
-    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm]
-    os: [linux]
-
-  '@parcel/watcher-linux-arm64-glibc@2.5.1':
-    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@parcel/watcher-linux-arm64-musl@2.5.1':
-    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@parcel/watcher-linux-x64-glibc@2.5.1':
-    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  '@parcel/watcher-linux-x64-musl@2.5.1':
-    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  '@parcel/watcher-win32-arm64@2.5.1':
-    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@parcel/watcher-win32-ia32@2.5.1':
-    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@parcel/watcher-win32-x64@2.5.1':
-    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
-    engines: {node: '>= 10.0.0'}
-    cpu: [x64]
-    os: [win32]
-
-  '@parcel/watcher@2.5.1':
-    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
-    engines: {node: '>= 10.0.0'}
-
  '@rushstack/eslint-patch@1.2.0':
    resolution: {integrity: sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==}

@@ -447,6 +363,10 @@ packages:
    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
    engines: {node: '>=8'}

+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
  argparse@2.0.1:
    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}

@@ -498,14 +418,18 @@ packages:
  balanced-match@1.0.2:
    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}

+  binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+
  boolbase@1.0.0:
    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}

  brace-expansion@1.1.11:
    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}

-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+  braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
    engines: {node: '>=8'}

  call-bind@1.0.2:
@@ -529,9 +453,9 @@ packages:
    resolution: {integrity: sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==}
    engines: {node: '>= 6'}

-  chokidar@4.0.3:
-    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
-    engines: {node: '>= 14.16.0'}
+  chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}

  cluster-key-slot@1.1.2:
    resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
@@ -556,7 +480,7 @@ packages:
    engines: {node: '>= 0.8'}

  concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}

  cross-spawn@7.0.3:
    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -610,11 +534,6 @@ packages:
    resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
    engines: {node: '>=0.10'}

-  detect-libc@1.0.3:
-    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-
  detect-libc@2.0.2:
    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
    engines: {node: '>=8'}
@@ -762,7 +681,6 @@ packages:
  eslint@8.22.0:
    resolution: {integrity: sha512-ci4t0sz6vSRKdmkOGmprBo6fmI4PrphDFMy5JEq/fNS0gQkJM3rLmrqcp8ipMcdobH3KtUP40KniAE9W19S4wA==}
    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
    hasBin: true

  espree@9.5.1:
@@ -805,8 +723,8 @@ packages:
    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
    engines: {node: ^10.12.0 || >=12.0.0}

-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+  fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
    engines: {node: '>=8'}

  find-up@5.0.0:
@@ -839,6 +757,11 @@ packages:
  fs.realpath@1.0.0:
    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}

+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
  function-bind@1.1.1:
    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}

@@ -869,11 +792,9 @@ packages:

  glob@7.1.7:
    resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==}
-    deprecated: Glob versions prior to v9 are no longer supported

  glob@7.2.3:
    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported

  globals@13.20.0:
    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
@@ -926,8 +847,8 @@ packages:
    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
    engines: {node: '>= 4'}

-  immutable@5.1.2:
-    resolution: {integrity: sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==}
+  immutable@4.3.0:
+    resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}

  import-fresh@3.3.0:
    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
@@ -939,7 +860,6 @@ packages:

  inflight@1.0.6:
    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.

  inherits@2.0.4:
    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
@@ -965,6 +885,10 @@ packages:
  is-bigint@1.0.4:
    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}

+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
  is-boolean-object@1.1.2:
    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
    engines: {node: '>= 0.4'}
@@ -1096,8 +1020,8 @@ packages:
    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
    engines: {node: '>= 8'}

-  micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+  micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
    engines: {node: '>=8.6'}

  mime-db@1.52.0:
@@ -1146,8 +1070,9 @@ packages:
      sass:
        optional: true

-  node-addon-api@7.1.1:
-    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}

  nth-check@2.1.1:
    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
@@ -1267,9 +1192,9 @@ packages:
    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
    engines: {node: '>=0.10.0'}

-  readdirp@4.1.2:
-    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
-    engines: {node: '>= 14.18.0'}
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}

  redis-errors@1.2.0:
    resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==}
@@ -1308,7 +1233,6 @@ packages:

  rimraf@3.0.2:
    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    deprecated: Rimraf versions prior to v4 are no longer supported
    hasBin: true

  run-parallel@1.2.0:
@@ -1317,8 +1241,8 @@ packages:
  safe-regex-test@1.0.0:
    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}

-  sass@1.89.2:
-    resolution: {integrity: sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==}
+  sass@1.62.1:
+    resolution: {integrity: sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==}
    engines: {node: '>=14.0.0'}
    hasBin: true

@@ -1361,8 +1285,8 @@ packages:
    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
    engines: {node: '>=8'}

-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+  source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
    engines: {node: '>=0.10.0'}

  standard-as-callback@2.1.0:
@@ -1434,9 +1358,6 @@ packages:
  tslib@2.5.0:
    resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}

-  tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
-
  tsutils@3.21.0:
    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
    engines: {node: '>= 6'}
@@ -1510,7 +1431,7 @@ snapshots:

  '@emnapi/runtime@0.44.0':
    dependencies:
-      tslib: 2.6.2
+      tslib: 2.5.0
    optional: true

  '@eslint/eslintrc@1.4.1':
@@ -1673,67 +1594,6 @@ snapshots:
      '@nodelib/fs.scandir': 2.1.5
      fastq: 1.15.0

-  '@parcel/watcher-android-arm64@2.5.1':
-    optional: true
-
-  '@parcel/watcher-darwin-arm64@2.5.1':
-    optional: true
-
-  '@parcel/watcher-darwin-x64@2.5.1':
-    optional: true
-
-  '@parcel/watcher-freebsd-x64@2.5.1':
-    optional: true
-
-  '@parcel/watcher-linux-arm-glibc@2.5.1':
-    optional: true
-
-  '@parcel/watcher-linux-arm-musl@2.5.1':
-    optional: true
-
-  '@parcel/watcher-linux-arm64-glibc@2.5.1':
-    optional: true
-
-  '@parcel/watcher-linux-arm64-musl@2.5.1':
-    optional: true
-
-  '@parcel/watcher-linux-x64-glibc@2.5.1':
-    optional: true
-
-  '@parcel/watcher-linux-x64-musl@2.5.1':
-    optional: true
-
-  '@parcel/watcher-win32-arm64@2.5.1':
-    optional: true
-
-  '@parcel/watcher-win32-ia32@2.5.1':
-    optional: true
-
-  '@parcel/watcher-win32-x64@2.5.1':
-    optional: true
-
-  '@parcel/watcher@2.5.1':
-    dependencies:
-      detect-libc: 1.0.3
-      is-glob: 4.0.3
-      micromatch: 4.0.8
-      node-addon-api: 7.1.1
-    optionalDependencies:
-      '@parcel/watcher-android-arm64': 2.5.1
-      '@parcel/watcher-darwin-arm64': 2.5.1
-      '@parcel/watcher-darwin-x64': 2.5.1
-      '@parcel/watcher-freebsd-x64': 2.5.1
-      '@parcel/watcher-linux-arm-glibc': 2.5.1
-      '@parcel/watcher-linux-arm-musl': 2.5.1
-      '@parcel/watcher-linux-arm64-glibc': 2.5.1
-      '@parcel/watcher-linux-arm64-musl': 2.5.1
-      '@parcel/watcher-linux-x64-glibc': 2.5.1
-      '@parcel/watcher-linux-x64-musl': 2.5.1
-      '@parcel/watcher-win32-arm64': 2.5.1
-      '@parcel/watcher-win32-ia32': 2.5.1
-      '@parcel/watcher-win32-x64': 2.5.1
-    optional: true
-
  '@rushstack/eslint-patch@1.2.0': {}

  '@swc/helpers@0.4.3':
@@ -1815,6 +1675,11 @@ snapshots:
    dependencies:
      color-convert: 2.0.1

+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
  argparse@2.0.1: {}

  aria-query@5.1.3:
@@ -1879,6 +1744,8 @@ snapshots:

  balanced-match@1.0.2: {}

+  binary-extensions@2.2.0: {}
+
  boolbase@1.0.0: {}

  brace-expansion@1.1.11:
@@ -1886,9 +1753,9 @@ snapshots:
      balanced-match: 1.0.2
      concat-map: 0.0.1

-  braces@3.0.3:
+  braces@3.0.2:
    dependencies:
-      fill-range: 7.1.1
+      fill-range: 7.0.1

  call-bind@1.0.2:
    dependencies:
@@ -1923,9 +1790,17 @@ snapshots:
      parse5: 7.1.2
      parse5-htmlparser2-tree-adapter: 7.0.0

-  chokidar@4.0.3:
+  chokidar@3.5.3:
    dependencies:
-      readdirp: 4.1.2
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3

  cluster-key-slot@1.1.2: {}

@@ -2010,9 +1885,6 @@ snapshots:

  denque@2.1.0: {}

-  detect-libc@1.0.3:
-    optional: true
-
  detect-libc@2.0.2: {}

  dir-glob@3.0.1:
@@ -2124,7 +1996,7 @@ snapshots:
      eslint: 8.22.0
      eslint-import-resolver-node: 0.3.7
      eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.27.5(eslint@8.22.0))(eslint@8.22.0)
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.59.1(eslint@8.22.0)(typescript@4.7.4))(eslint-import-resolver-typescript@2.7.1)(eslint@8.22.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.59.1(eslint@8.22.0)(typescript@4.7.4))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.27.5(eslint@8.22.0))(eslint@8.22.0))(eslint@8.22.0)
      eslint-plugin-jsx-a11y: 6.7.1(eslint@8.22.0)
      eslint-plugin-react: 7.32.2(eslint@8.22.0)
      eslint-plugin-react-hooks: 4.6.0(eslint@8.22.0)
@@ -2146,7 +2018,7 @@ snapshots:
    dependencies:
      debug: 4.3.4
      eslint: 8.22.0
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.59.1(eslint@8.22.0)(typescript@4.7.4))(eslint-import-resolver-typescript@2.7.1)(eslint@8.22.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.59.1(eslint@8.22.0)(typescript@4.7.4))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.27.5(eslint@8.22.0))(eslint@8.22.0))(eslint@8.22.0)
      glob: 7.2.3
      is-glob: 4.0.3
      resolve: 1.22.2
@@ -2165,7 +2037,7 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.59.1(eslint@8.22.0)(typescript@4.7.4))(eslint-import-resolver-typescript@2.7.1)(eslint@8.22.0):
+  eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.59.1(eslint@8.22.0)(typescript@4.7.4))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.27.5(eslint@8.22.0))(eslint@8.22.0))(eslint@8.22.0):
    dependencies:
      array-includes: 3.1.6
      array.prototype.flat: 1.3.1
@@ -2317,7 +2189,7 @@ snapshots:
      '@nodelib/fs.walk': 1.2.8
      glob-parent: 5.1.2
      merge2: 1.4.1
-      micromatch: 4.0.8
+      micromatch: 4.0.5

  fast-json-stable-stringify@2.1.0: {}

@@ -2331,7 +2203,7 @@ snapshots:
    dependencies:
      flat-cache: 3.0.4

-  fill-range@7.1.1:
+  fill-range@7.0.1:
    dependencies:
      to-regex-range: 5.0.1

@@ -2361,6 +2233,9 @@ snapshots:

  fs.realpath@1.0.0: {}

+  fsevents@2.3.3:
+    optional: true
+
  function-bind@1.1.1: {}

  function.prototype.name@1.1.5:
@@ -2463,7 +2338,7 @@ snapshots:

  ignore@5.2.4: {}

-  immutable@5.1.2: {}
+  immutable@4.3.0: {}

  import-fresh@3.3.0:
    dependencies:
@@ -2516,6 +2391,10 @@ snapshots:
    dependencies:
      has-bigints: 1.0.2

+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.2.0
+
  is-boolean-object@1.1.2:
    dependencies:
      call-bind: 1.0.2
@@ -2639,9 +2518,9 @@ snapshots:

  merge2@1.4.1: {}

-  micromatch@4.0.8:
+  micromatch@4.0.5:
    dependencies:
-      braces: 3.0.3
+      braces: 3.0.2
      picomatch: 2.3.1

  mime-db@1.52.0: {}
@@ -2664,7 +2543,7 @@ snapshots:

  natural-compare@1.4.0: {}

-  next@12.2.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(sass@1.89.2):
+  next@12.2.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(sass@1.62.1):
    dependencies:
      '@next/env': 12.2.5
      '@swc/helpers': 0.4.3
@@ -2688,13 +2567,12 @@ snapshots:
      '@next/swc-win32-arm64-msvc': 12.2.5
      '@next/swc-win32-ia32-msvc': 12.2.5
      '@next/swc-win32-x64-msvc': 12.2.5
-      sass: 1.89.2
+      sass: 1.62.1
    transitivePeerDependencies:
      - '@babel/core'
      - babel-plugin-macros

-  node-addon-api@7.1.1:
-    optional: true
+  normalize-path@3.0.0: {}

  nth-check@2.1.1:
    dependencies:
@@ -2793,7 +2671,7 @@ snapshots:
    dependencies:
      nanoid: 3.3.6
      picocolors: 1.0.0
-      source-map-js: 1.2.1
+      source-map-js: 1.0.2

  prelude-ls@1.2.1: {}

@@ -2819,7 +2697,9 @@ snapshots:
    dependencies:
      loose-envify: 1.4.0

-  readdirp@4.1.2: {}
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.1

  redis-errors@1.2.0: {}

@@ -2867,13 +2747,11 @@ snapshots:
      get-intrinsic: 1.2.0
      is-regex: 1.1.4

-  sass@1.89.2:
+  sass@1.62.1:
    dependencies:
-      chokidar: 4.0.3
-      immutable: 5.1.2
-      source-map-js: 1.2.1
-    optionalDependencies:
-      '@parcel/watcher': 2.5.1
+      chokidar: 3.5.3
+      immutable: 4.3.0
+      source-map-js: 1.0.2

  scheduler@0.23.0:
    dependencies:
@@ -2933,7 +2811,7 @@ snapshots:

  slash@3.0.0: {}

-  source-map-js@1.2.1: {}
+  source-map-js@1.0.2: {}

  standard-as-callback@2.1.0: {}

@@ -3005,9 +2883,6 @@ snapshots:

  tslib@2.5.0: {}

-  tslib@2.6.2:
-    optional: true
-
  tsutils@3.21.0(typescript@4.7.4):
    dependencies:
      tslib: 1.14.1
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - sharp
--- a/public/opensearch.xml
+++ b/public/opensearch.xml
@@ -0,0 +1,7 @@
+<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
+  <ShortName>libremdb</ShortName>
+  <Description>Search libremdb</Description>
+  <InputEncoding>UTF-8</InputEncoding>
+  <Image width="16" height="16" type="image/x-icon">https://libremdb.iket.me/favicon.ico</Image>
+  <Url type="text/html" method="get" template="https://libremdb.iket.me/find?q={searchTerms}"/>
+</OpenSearchDescription>
--- a/src/components/error/ErrorInfo.tsx
+++ b/src/components/error/ErrorInfo.tsx
@@ -11,6 +11,7 @@ type Props = {
  message: string;
  statusCode?: number;
  originalPath?: string;
+  stack?: string;
  /** props specific to error boundary. */
  misc?: {
    subtext: string;
@@ -19,7 +20,9 @@ type Props = {
  };
 };

-const ErrorInfo = ({ message, statusCode, misc, originalPath }: Props) => {
+const isDev = process.env.NODE_ENV === 'development';
+
+const ErrorInfo = ({ message, statusCode, misc, originalPath, stack }: Props) => {
  const title = statusCode ? `${message} (${statusCode})` : message;
  return (
    <>
@@ -39,6 +42,11 @@ const ErrorInfo = ({ message, statusCode, misc, originalPath }: Props) => {
          <use href='/svg/sadgnu.svg#sad-gnu'></use>
        </svg>
        <h1 className={`heading heading__primary ${styles.heading}`}>{title}</h1>
+        {Boolean(stack && isDev) && (
+          <pre className={styles.stack}>
+            <code>{stack}</code>
+          </pre>
+        )}
        {misc ? (
          <>
            <p>{misc.subtext}</p>
@@ -64,6 +72,13 @@ const ErrorInfo = ({ message, statusCode, misc, originalPath }: Props) => {
            .
          </p>
        )}
+        <p>
+          If you think this shouldn't happen,{' '}
+          <Link href='/contact'>
+            <a className='link'>let it be known</a>
+          </Link>
+          .
+        </p>
      </Layout>
    </>
  );
--- a/src/components/media/Media.tsx
+++ b/src/components/media/Media.tsx
@@ -14,32 +14,41 @@ type Props = {
 const Media = ({ className, media }: Props) => {
  return (
    <div className={`${className} ${styles.media}`}>
-      {(media.trailer || !!media.videos.total) && (
+      {(media.trailers?.length || !!media.videos.total) && (
        <section className={styles.videos}>
          <h2 className='heading heading__secondary'>Videos</h2>

          <div className={styles.videos__container}>
-            {media.trailer && (
-              <div className={styles.trailer}>
+            {media.trailers?.map(trailer => (
+              <div className={styles.trailer} key={trailer.id}>
                <video
-                  aria-label='trailer video'
+                  aria-label={trailer.caption ?? 'trailer video'}
                  controls
                  playsInline
-                  poster={getProxiedIMDbImgUrl(modifyIMDbImg(media.trailer.thumbnail))}
+                  poster={getProxiedIMDbImgUrl(modifyIMDbImg(trailer.thumbnail))}
                  className={styles.trailer__video}
                  preload='none'
+                  muted
                >
-                  {media.trailer.urls.map(source => (
+                  {trailer.urls.map(source => (
                    <source
                      key={source.url}
-                      type={source.mimeType ?? undefined}
+                      type='video/mp4'
                      src={getProxiedIMDbImgUrl(source.url)}
+                      media={source.resolution !== 'SD' ? '(min-width: 450px)' : undefined}
                      data-res={source.resolution}
                    />
                  ))}
+
+                  <p>
+                    {trailer.caption}:{' '}
+                    <Link href={getProxiedIMDbImgUrl(trailer.urls[0]?.url)}>
+                      <a className='link'>link</a>
+                    </Link>
+                  </p>
                </video>
              </div>
-            )}
+            ))}

            {!!media.videos.total &&
              media.videos.videos.map(video => (
--- a/src/components/meta/Meta.tsx
+++ b/src/components/meta/Meta.tsx
@@ -36,6 +36,13 @@ const Meta = ({
      <meta property='og:locale' content='en_US' />
      <meta property='og:type' content='video.movie' />
      <meta property='og:image' content={url.toString()} />
+
+      <link
+        rel='search'
+        type='application/opensearchdescription+xml'
+        href='/opensearch.xml'
+        title='libremdb'
+      ></link>
    </Head>
  );
 };
--- a/src/components/name/DidYouKnow.tsx
+++ b/src/components/name/DidYouKnow.tsx
@@ -9,43 +9,54 @@ type Props = {
 const DidYouKnow = ({ data }: Props) => (
  <section className={styles.container}>
    <h2 className='heading heading__secondary'>Did you know</h2>
-    {!!data.trivia?.total && (
-      <section>
-        <h3 className='heading heading__tertiary'>Trivia</h3>
-        <div dangerouslySetInnerHTML={{ __html: data.trivia.html }}></div>
-      </section>
-    )}
-    {!!data.quotes?.total && (
-      <section>
-        <h3 className='heading heading__tertiary'>Quotes</h3>
-        <div dangerouslySetInnerHTML={{ __html: data.quotes.html }}></div>
-      </section>
-    )}
-    {!!data.trademark?.total && (
-      <section>
-        <h3 className='heading heading__tertiary'>Trademark</h3>
-        <div dangerouslySetInnerHTML={{ __html: data.trademark.html }}></div>
-      </section>
-    )}
-    {!!data.nicknames.length && (
-      <section>
-        <h3 className='heading heading__tertiary'>Nicknames</h3>
-        <p>{data.nicknames.join(', ')}</p>
-      </section>
-    )}
-    {!!data.salary?.total && (
-      <section>
-        <h3 className='heading heading__tertiary'>Salary</h3>
-        <p>
-          <span>{data.salary.value} in </span>
-          <Link href={`/title/${data.salary.title.id}`}>
-            <a className={'link'}>{data.salary.title.text}</a>
-          </Link>
-          <span> ({data.salary.title.year})</span>
-        </p>
-      </section>
+    {isEmpty(data) ? (
+      <p>Nothing interesting to show.</p>
+    ) : (
+      <>
+        {!!data.trivia?.total && (
+          <section>
+            <h3 className='heading heading__tertiary'>Trivia</h3>
+            <div dangerouslySetInnerHTML={{ __html: data.trivia.html }}></div>
+          </section>
+        )}
+        {!!data.quotes?.total && (
+          <section>
+            <h3 className='heading heading__tertiary'>Quotes</h3>
+            <div dangerouslySetInnerHTML={{ __html: data.quotes.html }}></div>
+          </section>
+        )}
+        {!!data.trademark?.total && (
+          <section>
+            <h3 className='heading heading__tertiary'>Trademark</h3>
+            <div dangerouslySetInnerHTML={{ __html: data.trademark.html }}></div>
+          </section>
+        )}
+        {!!data.nicknames.length && (
+          <section>
+            <h3 className='heading heading__tertiary'>Nicknames</h3>
+            <p>{data.nicknames.join(', ')}</p>
+          </section>
+        )}
+        {!!data.salary?.total && (
+          <section>
+            <h3 className='heading heading__tertiary'>Salary</h3>
+            <p>
+              <span>{data.salary.value} in </span>
+              <Link href={`/title/${data.salary.title.id}`}>
+                <a className={'link'}>{data.salary.title.text}</a>
+              </Link>
+              <span> ({data.salary.title.year})</span>
+            </p>
+          </section>
+        )}
+      </>
    )}
  </section>
 );

 export default DidYouKnow;
+
+const isEmpty = (data: Props['data']) =>
+  Boolean(
+    !data.nicknames.length && !data.quotes && !data.salary && !data.trademark && !data.trivia
+  );
--- a/src/components/title/Basic.tsx
+++ b/src/components/title/Basic.tsx
@@ -86,6 +86,21 @@ const Basic = ({ data, className }: Props) => {
          ))}
        </p>
      )}
+
+      {!!data.interests.length && (
+        <p className={styles.genres}>
+          <span className={styles.genres__heading}>Interests: </span>
+          {data.interests.map((interest, i) => (
+            <Fragment key={interest.id}>
+              {i > 0 && ', '}
+              <Link href={`/interest/${interest.id}`}>
+                <a className={styles.link}>{interest.text}</a>
+              </Link>
+            </Fragment>
+          ))}
+        </p>
+      )}
+
      <p className={styles.overview}>
        <span className={styles.overview__heading}>Plot: </span>
        <span className={styles.overview__text}>{data.plot || '-'}</span>
--- a/src/components/title/DidYouKnow.tsx
+++ b/src/components/title/DidYouKnow.tsx
@@ -7,7 +7,13 @@ type Props = {
 };

 const DidYouKnow = ({ data }: Props) => {
-  if (!Object.keys(data).length) return <></>;
+  if (!Object.keys(data).length)
+    return (
+      <section className={styles.didYouKnow}>
+        <h2 className='heading heading__secondary'>Did you know</h2>
+        <p>Nothing interesting to show.</p>
+      </section>
+    );
  return (
    <section className={styles.didYouKnow}>
      <h2 className='heading heading__secondary'>Did you know</h2>
--- a/src/components/title/Reviews.tsx
+++ b/src/components/title/Reviews.tsx
@@ -1,82 +1,127 @@
 import { useRouter } from 'next/router';
 import Link from 'next/link';
-import { Reviews } from 'src/interfaces/shared/title';
+import type { Reviews as TReviews } from 'src/interfaces/shared/title';
 import { formatNumber } from 'src/utils/helpers';
 import styles from 'src/styles/modules/components/title/reviews.module.scss';

 type Props = {
-  reviews: Reviews;
+  reviews: TReviews;
 };

 const Reviews = ({ reviews }: Props) => {
+  return (
+    <section className={styles.reviews}>
+      <h2 className='heading heading__secondary'>Reviews</h2>
+
+      <RatingsDistribution ratings={reviews.ratingsDistribution} />
+
+      <section className={styles.userReviews}>
+        <h3 className='heading heading__tertiary'>User Reviews</h3>
+        {reviews.featuredReviews ? (
+          <ul className={styles.userReviews__list} role='list'>
+            {reviews.featuredReviews.map(featuredReview => (
+              <li key={featuredReview.id}>
+                <details className={styles.review}>
+                  <summary className={styles.review__summary}>
+                    <strong>{featuredReview.review.summary}</strong>
+                  </summary>
+                  <div
+                    className={styles.review__text}
+                    dangerouslySetInnerHTML={{
+                      __html: featuredReview.review.html,
+                    }}
+                  ></div>
+                  <footer className={styles.review__metadata}>
+                    <p>
+                      {featuredReview.rating && <span>Rated {featuredReview.rating}/10</span>}
+                      <span>
+                        {' '}
+                        by{' '}
+                        <Link href={`/user/${featuredReview.reviewer.id}`}>
+                          <a className='link'>{featuredReview.reviewer.name}</a>
+                        </Link>
+                      </span>
+                    </p>
+                  </footer>
+                </details>
+              </li>
+            ))}
+          </ul>
+        ) : (
+          <p>No reviews yet.</p>
+        )}
+      </section>
+
+      {reviews.ai?.summary && (
+        <details className={styles.reviewAi}>
+          <summary className='heading heading__tertiary'>AI Summary</summary>
+          <p dangerouslySetInnerHTML={{ __html: reviews.ai.summary }} />
+          <ul>
+            {reviews.ai.themes.map(theme => (
+              <li key={theme.id}>{theme.text}</li>
+            ))}
+          </ul>
+        </details>
+      )}
+
+      <ReviewStats reviews={reviews} />
+    </section>
+  );
+};
+
+export default Reviews;
+
+const RatingsDistribution = ({ ratings }: { ratings: Props['reviews']['ratingsDistribution'] }) => {
+  const maxRating = Math.max(...ratings.map(r => r.votes));
+
+  return (
+    <div className={styles.ratingsDistribution}>
+      <h3 className='heading heading__tertiary'>Ratings Distribution</h3>
+      {ratings.length ? (
+        <ul>
+          {ratings.map(rating => (
+            <li
+              key={rating.rating}
+              style={
+                {
+                  '--bar-height': `${((rating.votes / maxRating) * 100).toFixed(2)}%`,
+                } as React.CSSProperties
+              }
+            >
+              <span>
+                {rating.rating} <span>({formatNumber(rating.votes)})</span>
+              </span>
+            </li>
+          ))}
+        </ul>
+      ) : (
+        <p>No ratings yet.</p>
+      )}
+    </div>
+  );
+};
+
+const ReviewStats = ({ reviews }: { reviews: Props['reviews'] }) => {
  const router = useRouter();
  const { titleId } = router.query;

  return (
-    <section className={styles.reviews}>
-      <h2 className="heading heading__secondary">Reviews</h2>
-
-      {reviews.featuredReview && (
-        <article className={styles.reviews__reviewContainer}>
-          <details className={styles.review}>
-            <summary className={styles.review__summary}>
-              <strong>{reviews.featuredReview.review.summary}</strong>
-            </summary>
-            <div
-              className={styles.review__text}
-              dangerouslySetInnerHTML={{
-                __html: reviews.featuredReview.review.html,
-              }}
-            ></div>
-          </details>
-          <footer className={styles.review__metadata}>
-            <p>
-              {reviews.featuredReview.rating && (
-                <span>Rated {reviews.featuredReview.rating}/10</span>
-              )}
-              <span>
-                {' '}
-                by{' '}
-                <Link href={`/user/${reviews.featuredReview.reviewer.id}`}>
-                  <a className="link">{reviews.featuredReview.reviewer.name}</a>
-                </Link>
-              </span>
-              <span> on {reviews.featuredReview.date}.</span>
-            </p>
-            <p>
-              <span>
-                {formatNumber(reviews.featuredReview.votes.up)} upvotes
-              </span>
-              <span>
-                , {formatNumber(reviews.featuredReview.votes.down)} downvotes
-              </span>
-            </p>
-          </footer>
-        </article>
-      )}
-
-      <div className={styles.reviews__stats}>
-        <p>
-          <Link href={`/title/${titleId}/reviews`}>
-            <a className="link">
-              {formatNumber(reviews.numUserReviews)} User reviews
-            </a>
-          </Link>
-        </p>
-        <p>
-          <Link href={`/title/${titleId}/externalreviews`}>
-            <a className="link">
-              {formatNumber(reviews.numCriticReviews)} Critic reviews
-            </a>
-          </Link>
-        </p>
-        <p>
-          <Link href={`/title/${titleId}/criticreviews`}>
-            <a className="link"> {reviews.metacriticScore} Metascore</a>
-          </Link>
-        </p>
-      </div>
-    </section>
+    <div className={styles.reviewStats}>
+      <p>
+        <Link href={`/title/${titleId}/reviews`}>
+          <a className='link'>{formatNumber(reviews.numUserReviews)} User reviews</a>
+        </Link>
+      </p>
+      <p>
+        <Link href={`/title/${titleId}/externalreviews`}>
+          <a className='link'>{formatNumber(reviews.numCriticReviews)} Critic reviews</a>
+        </Link>
+      </p>
+      <p>
+        <Link href={`/title/${titleId}/criticreviews`}>
+          <a className='link'> {reviews.metacriticScore} Metascore</a>
+        </Link>
+      </p>
+    </div>
  );
 };
-export default Reviews;
--- a/src/interfaces/misc/rawName.ts
+++ b/src/interfaces/misc/rawName.ts
@@ -143,7 +143,7 @@ export default interface Name {
                  value: string;
                  language: string;
                };
-                mimeType?: string;
+                videoMimeType?: string;
                url: string;
              }>;
              recommendedTimedTextTrack?: {
--- a/src/interfaces/misc/rawTitle.ts
+++ b/src/interfaces/misc/rawTitle.ts
--- a/src/interfaces/shared/error.ts
+++ b/src/interfaces/shared/error.ts
@@ -1,3 +1,3 @@
 import { AppError as AppErrorClass } from 'src/utils/helpers';

-export type AppError = Omit<InstanceType<typeof AppErrorClass>, 'name'>;
+export type AppError = Pick<InstanceType<typeof AppErrorClass>, 'message' | 'statusCode' | 'stack'>;
--- a/src/pages/find/index.tsx
+++ b/src/pages/find/index.tsx
@@ -67,13 +67,13 @@ export const getServerSideProps: GetServerSideProps<Data, FindQueryParams> = asy
      props: { data: { title: query, results: res }, error: null, originalPath },
    };
  } catch (error) {
-    const { message, statusCode } = getErrorProperties(error);
-    ctx.res.statusCode = statusCode;
-    ctx.res.statusMessage = message;
+    const err = getErrorProperties(error);
+    ctx.res.statusCode = err.statusCode;
+    ctx.res.statusMessage = err.message;

    return {
      props: {
-        error: { message, statusCode },
+        error: { message: err.message, statusCode: err.statusCode, stack: err.format() },
        data: { title: query, results: null },
        originalPath,
      },
--- a/src/pages/name/[nameId]/index.tsx
+++ b/src/pages/name/[nameId]/index.tsx
@@ -55,11 +55,17 @@ export const getServerSideProps: GetServerSideProps<Data, Params> = async ctx =>

    return { props: { data, error: null, originalPath } };
  } catch (error) {
-    const { message, statusCode } = getErrorProperties(error);
-    ctx.res.statusCode = statusCode;
-    ctx.res.statusMessage = message;
+    const err = getErrorProperties(error);
+    ctx.res.statusCode = err.statusCode;
+    ctx.res.statusMessage = err.message;

-    return { props: { error: { message, statusCode }, data: null, originalPath } };
+    return {
+      props: {
+        error: { message: err.message, statusCode: err.statusCode, stack: err.format() },
+        data: null,
+        originalPath,
+      },
+    };
  }
 };

--- a/src/pages/title/[titleId]/index.tsx
+++ b/src/pages/title/[titleId]/index.tsx
@@ -5,7 +5,7 @@ import ErrorInfo from 'src/components/error/ErrorInfo';
 import Media from 'src/components/media/Media';
 import { Basic, Cast, DidYouKnow, Info, MoreLikeThis, Reviews } from 'src/components/title';
 import Title from 'src/interfaces/shared/title';
-import { AppError } from 'src/interfaces/shared/error';
+import type { AppError } from 'src/interfaces/shared/error';
 import getOrSetApiCache from 'src/utils/getOrSetApiCache';
 import title from 'src/utils/fetchers/title';
 import { getErrorProperties, getProxiedIMDbImgUrl } from 'src/utils/helpers';
@@ -63,12 +63,18 @@ export const getServerSideProps: GetServerSideProps<Data, Params> = async ctx =>
    const data = await getOrSetApiCache(titleKey(titleId), title, titleId);

    return { props: { data, error: null, originalPath } };
-  } catch (error) {
-    const { message, statusCode } = getErrorProperties(error);
-    ctx.res.statusCode = statusCode;
-    ctx.res.statusMessage = message;
+  } catch (e) {
+    const err = getErrorProperties(e);
+    ctx.res.statusCode = err.statusCode;
+    ctx.res.statusMessage = err.message;

-    return { props: { error: { message, statusCode }, data: null, originalPath } };
+    const error = {
+      message: err.message,
+      statusCode: err.statusCode,
+      stack: err.format(),
+    };
+    console.error(err);
+    return { props: { error, data: null, originalPath } };
  }
 };

--- a/src/styles/modules/components/error/error-info.module.scss
+++ b/src/styles/modules/components/error/error-info.module.scss
@@ -8,7 +8,7 @@
  display: grid;
  justify-content: center;
  justify-items: center;
-  gap: var(--spacer-1);
+  gap: var(--comp-whitespace);

  @include helper.bp('bp-700') {
    --doc-whitespace: var(--spacer-5);
@@ -31,6 +31,19 @@
  text-align: center;
 }

+.stack {
+  max-width: 90%;
+  max-height: 20rem;
+  padding: var(--spacer-3);
+  white-space: pre-wrap;
+  overflow: scroll;
+
+  user-select: all;
+
+  border-radius: var(--spacer-1);
+  background-color: var(--clr-bg-muted);
+}
+
 .button {
  align-self: end;
  
--- a/src/styles/modules/components/title/reviews.module.scss
+++ b/src/styles/modules/components/title/reviews.module.scss
@@ -1,26 +1,94 @@
 .reviews {
  display: grid;
  gap: var(--comp-whitespace);
+}

-  &__reviewContainer {
-    // background-color: antiquewhite;
+.ratingsDistribution {
+  overflow: hidden;
+
+  ul {
+    list-style: none;
+    display: flex;
+    gap: var(--spacer-2);
+    overflow-x: auto;
+    padding-block: var(--spacer-1);
  }

-  &__stats {
+  li {
+    text-align: center;
    display: flex;
+    flex-direction: column;
+    height: 5em;
+    align-items: center;
+    flex-shrink: 0;
+
+    &::before {
+      display: block;
+      content: '';
+
+      height: var(--bar-height);
+      margin-top: auto;
+      background-color: var(--clr-fill);
+      width: var(--spacer-6);
+      border-radius: var(--spacer-0);
+    }
+
+    span {
+      font-weight: var(--fw-bold);
+
+      > span {
+        font-weight: initial;
+        font-size: 0.9em;
+        color: var(--clr-text-muted);
+      }
+    }
+  }
+}
+
+.reviewAi {
+  summary {
+    cursor: pointer;
+  }
+  p {
+    padding-block: var(--spacer-2);
+  }
+  ul {
+    list-style: none;
+    display: flex;
+    gap: var(--spacer-1);
    flex-wrap: wrap;
-    gap: var(--spacer-2);
+
+    li {
+      padding: var(--spacer-1);
+      background-color: var(--clr-bg-muted);
+      border-radius: var(--spacer-0);
+    }
+  }
+}
+
+.reviewStats {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacer-2);
+}
+
+.userReviews {
+
+  &__list {
+    padding-block-start: var(--spacer-1);
+    display: grid;
+    gap: var(--spacer-1);
+    list-style: none;
  }
 }

 .review {
  &__summary {
-    font-size: calc(var(--fs-5) * 1.1);
    cursor: pointer;
  }

  &__text,
  &__metadata {
-    padding-top: var(--spacer-2);
+    padding-top: var(--spacer-1);
  }
 }
--- a/src/utils/cleaners/name.ts
+++ b/src/utils/cleaners/name.ts
@@ -42,18 +42,18 @@ const cleanName = (rawData: RawName) => {
    },
    media: {
      ...(main.primaryVideos.edges.length && {
-        trailer: {
-          id: main.primaryVideos.edges[0].node.id,
-          isMature: main.primaryVideos.edges[0].node.isMature,
-          thumbnail: main.primaryVideos.edges[0].node.thumbnail.url,
-          runtime: main.primaryVideos.edges[0].node.runtime.value,
-          caption: main.primaryVideos.edges[0].node.description?.value ?? null,
-          urls: main.primaryVideos.edges[0].node.playbackURLs.map(url => ({
-            resolution: url.displayName.value,
-            mimeType: url.mimeType ?? null,
+        trailers: main.primaryVideos.edges.map(trailer => ({
+          id: trailer.node.id,
+          isMature: trailer.node.isMature,
+          thumbnail: trailer.node.thumbnail.url,
+          runtime: trailer.node.runtime.value,
+          caption: trailer.node.description?.value ?? null,
+          urls: trailer.node.playbackURLs.map(url => ({
+            resolution: url.displayName.value as 'SD' | '480p',
+            mimeType: url.videoMimeType ?? null,
            url: url.url,
          })),
-        },
+        })),
      }),
      images: {
        total: misc.images.total,
--- a/src/utils/cleaners/title.ts
+++ b/src/utils/cleaners/title.ts
@@ -12,6 +12,7 @@ const cleanTitle = (rawData: RawTitle) => {
    titleId: main.id,
    basic: {
      id: main.id,
+      isAdult: main.isAdult,
      title: main.titleText.text,
      // ...(main.originalTitleText.text.toLowerCase() !==
      //   main.titleText.text.toLowerCase() && {
@@ -50,6 +51,10 @@ const cleanTitle = (rawData: RawTitle) => {
        id: genre.id,
        text: genre.text,
      })),
+      interests: main.interests.edges.map(interest => ({
+        id: interest.node.id,
+        text: interest.node.primaryText.text,
+      })),
      plot: main.plot?.plotText?.plainText || null,
      primaryCrew: main.principalCredits.map(type => ({
        type: { category: type.category.text, id: type.category.id },
@@ -76,18 +81,18 @@ const cleanTitle = (rawData: RawTitle) => {
    })),
    media: {
      ...(main.primaryVideos.edges.length && {
-        trailer: {
-          id: main.primaryVideos.edges[0].node.id,
-          isMature: main.primaryVideos.edges[0].node.isMature,
-          thumbnail: main.primaryVideos.edges[0].node.thumbnail.url,
-          runtime: main.primaryVideos.edges[0].node.runtime.value,
-          caption: main.primaryVideos.edges[0].node.description?.value ?? null,
-          urls: main.primaryVideos.edges[0].node.playbackURLs.map(url => ({
-            resolution: url.displayName.value,
-            mimeType: url.mimeType ?? null,
+        trailers: main.primaryVideos.edges.map(trailer => ({
+          id: trailer.node.id,
+          isMature: trailer.node.isMature,
+          thumbnail: trailer.node.thumbnail.url,
+          runtime: trailer.node.runtime.value,
+          caption: trailer.node.description?.value ?? null,
+          urls: trailer.node.playbackURLs.map(url => ({
+            resolution: url.displayName.value as 'SD' | '480p',
+            mimeType: url.videoMimeType ?? null,
            url: url.url,
          })),
-        },
+        })),
      }),
      images: {
        total: misc.titleMainImages.total,
@@ -122,6 +127,9 @@ const cleanTitle = (rawData: RawTitle) => {
      }),
      topRating: misc.ratingsSummary.topRanking?.rank || null,
    },
+    watchlist: {
+      text: main.engagementStatistics?.watchlistStatistics.displayableCount.text || null,
+    },
    meta: {
      // for tv episode
      ...(main.series && {
@@ -208,25 +216,35 @@ const cleanTitle = (rawData: RawTitle) => {
      metacriticScore: main.metacritic?.metascore.score || null,
      numCriticReviews: main.criticReviewsTotal.total,
      numUserReviews: misc.reviews.total,
-      ...(misc.featuredReviews.edges.length && {
-        featuredReview: {
-          id: misc.featuredReviews.edges[0].node.id,
-          reviewer: {
-            id: misc.featuredReviews.edges[0].node.author.userId,
-            name: misc.featuredReviews.edges[0].node.author.nickName,
-          },
-          rating: misc.featuredReviews.edges[0].node.authorRating,
-          date: formatDate(misc.featuredReviews.edges[0].node.submissionDate),
-          votes: {
-            up: misc.featuredReviews.edges[0].node.helpfulness.upVotes,
-            down: misc.featuredReviews.edges[0].node.helpfulness.downVotes,
-          },
-          review: {
-            summary: misc.featuredReviews.edges[0].node.summary.originalText,
-            html: misc.featuredReviews.edges[0].node.text.originalText.plaidHtml,
-          },
+      ratingsDistribution:
+        misc.aggregateRatingsBreakdown.histogram?.histogramValues.map(v => ({
+          rating: v.rating,
+          votes: v.voteCount,
+        })) || [],
+      ...(misc.reviewSummary && {
+        ai: {
+          summary: misc.reviewSummary.overall.medium.value.plaidHtml,
+          themes: misc.reviewSummary.themes.map(t => ({
+            text: t.label.value,
+            id: t.themeId,
+            sentiment: t.sentiment as 'POSITIVE' | 'NEGATIVE',
+          })),
        },
      }),
+      ...(misc.featuredReviews.edges.length && {
+        featuredReviews: misc.featuredReviews.edges.map(featuredReview => ({
+          id: featuredReview.node.id,
+          reviewer: {
+            id: featuredReview.node.author.userId,
+            name: featuredReview.node.author.username.text,
+          },
+          rating: featuredReview.node.authorRating,
+          review: {
+            summary: featuredReview.node.summary.originalText,
+            html: featuredReview.node.text.originalText.plaidHtml,
+          },
+        })),
+      }),
    },
    details: {
      ...(misc.releaseDate && {
@@ -242,8 +260,8 @@ const cleanTitle = (rawData: RawTitle) => {
          },
        },
      }),
-      ...(misc.countriesOfOrigin && {
-        countriesOfOrigin: misc.countriesOfOrigin.countries.map(country => ({
+      ...(misc.countriesDetails && {
+        countriesOfOrigin: misc.countriesDetails.countries.map(country => ({
          id: country.id,
          text: country.text,
        })),
@@ -353,6 +371,10 @@ const cleanTitle = (rawData: RawTitle) => {
      },
      genres: title.node.titleGenres?.genres.map(genre => genre.genre.text) ?? null,
    })),
+    faqs: {
+      questions: misc.faqs.edges.map(q => ({ question: q.node.question, id: q.node.id })),
+      total: misc.faqs.total,
+    },
  };

  return cleanData;
--- a/src/utils/helpers.ts
+++ b/src/utils/helpers.ts
@@ -74,12 +74,33 @@ export const getProxiedIMDbImgUrl = (url: string) => {
 };

 export const AppError = class extends Error {
-  constructor(message: string, public statusCode: number, errorOptions?: unknown) {
-    const saneErrorOptions = getErrorOptions(errorOptions);
-    super(message, saneErrorOptions);
+  constructor(message: string, public statusCode: number, cause?: unknown) {
+    const _cause = cause ? AppError.toError(cause) : undefined;
+    super(message, { cause: _cause });

    Error.captureStackTrace(this, AppError);
-    if (process.env.NODE_ENV === 'development') console.error(this);
+  }
+
+  static toError(err: unknown) {
+    if (err instanceof Error) return err;
+    return new Error(`Unexpected: ${JSON.stringify(err)}`);
+  }
+
+  format() {
+    let str = '';
+    let cur: Error | null = this;
+    let depth = 0;
+
+    while (cur && depth <= 4) {
+      if (cur.stack) str += `${cur.stack}\n`;
+      else str += `${cur.name}: ${cur.message}\n`;
+
+      cur = cur.cause instanceof Error ? cur.cause : null;
+      if (cur) str += 'Caused by:\n';
+      depth++;
+    }
+
+    return str.trimEnd();
  }
 };

@@ -110,19 +131,6 @@ export const isLocalStorageAvailable = () => {
  }
 };

-const getErrorOptions = (error: unknown): ErrorOptions | undefined => {
-  if (!error || typeof error !== 'object') return undefined;
-
-  let cause: unknown;
-  // @ts-expect-error it's not an error! just that project's ts version is old, which can't be upgraded
-  if ('cause' in error) cause = error.cause;
-  // @ts-expect-error it's not an error! just that project's ts version is old, which can't be upgraded
-  else if ('stack' in error) cause = error.stack;
-
-  // @ts-expect-error it's not an error! just that project's ts version is old, which can't be upgraded
-  return { cause };
-};
-
 export const getErrorProperties = (
  error: unknown,
  message = 'Something went very wrong',
@@ -130,4 +138,4 @@ export const getErrorProperties = (
 ) => {
  if (error instanceof AppError) return error;
  return new AppError(message, statusCode, error);
-};
+};
--- a/ups.json
+++ b/ups.json
@@ -1,5 +1,5 @@
 {
  "upstream": "https://github.com/zyachel/libremdb",
  "provider": "github",
-  "commit": "70efba181f4e1a5c2cdb64bb9adb93418763db14"
-}
+  "commit": "dded1e59ca6df40ccb1b3f2c70de14144afbe922"
+}
Author	SHA1	Message	Date
renovate	72bdbaf947	fix(deps): update react monorepo to v19 Some checks failed renovate/artifacts Artifact file update failure	2025-06-11 17:01:47 +00:00
ngn	f717a6b610	ups: update to dded1e5 Some checks failed docker / docker (push) Successful in 1m33s Details ups / ups (push) Failing after 39s Details	2025-06-10 09:48:19 +03:00
zyachel	648d5cde32	fix(media): fix videos not playing fixes mimetype also adds other playable trailers, if they exist	2025-06-10 09:48:05 +03:00
Bnyro	288ec34fb4	feat: redirect paths from specific languages	2025-06-10 09:48:00 +03:00
zyachel	4e03757d69	chore(build): add sharp to trusted dep	2025-06-10 09:47:54 +03:00
zyachel	f92035ed8e	feat(opensearch): add abilility to add libremdb as search engine thanks to @user451421541757324 re https://github.com/zyachel/libremdb/issues/95	2025-06-10 09:47:49 +03:00
zyachel	0e2117e4c7	fix(lockfile): update lockfile	2025-06-10 09:47:42 +03:00
zyachel	ec6c0a9a13	chore(release): 4.2.0	2025-06-10 09:47:33 +03:00
zyachel	34bcdc3b05	fix(name,title): handle empty states in "did you know" section	2025-06-10 09:47:11 +03:00
zyachel	e98ab85034	feat(title): add "interests" in basic info	2025-06-10 09:47:05 +03:00
zyachel	255fbb521f	fix(title): fix title route crash was due to an upstream change. also show ai summary, ratings distrubution, and multiple user reviews re https://github.com/zyachel/libremdb/issues/98	2025-06-10 09:46:57 +03:00
zyachel	ac60bda3bd	fix(error): add trace to browser in dev mode also make AppError a bit easier to use	2025-06-10 09:46:37 +03:00