Release (#433)

Author: zardoy

src/mineflayer/mc-protocol.ts

@@ -31,7 +31,7 @@ customEvents.on('mineflayerBotCreated', () => {
   }
 
   const onClientError = (err, data) => {
-    const error = new MinecraftProtocolError(`Minecraft protocol client error: ${err.message}`, err, data)
+    const error = new MinecraftProtocolError(`Minecraft protocol client error: ${String(err)}`, err, data)
     reportError(error)
   }
   if (typeof bot._client['_events'].error === 'function') {

src/react/DiscordButton.tsx

@@ -7,12 +7,12 @@ import PixelartIcon, { pixelartIcons } from './PixelartIcon'
 export const DiscordButton = ({ text, style }: { text?: string, style?: Record<string, any> }) => {
   const links: DropdownButtonItem[] = [
     {
-      text: 'Support Official Server (mcraft.fun)',
-      clickHandler: () => openURL('https://discord.gg/xzGRhxtRUt')
+      text: 'Pro Enthusiasts Server (ask for invite)',
+      clickHandler: () => openURL('https://mcraft.fun/discord')
     },
     {
       text: 'Community Server (PrismarineJS)',
-      clickHandler: () => openURL('https://discord.gg/4Ucm684Fq3')
+      clickHandler: () => openURL('https://discord.gg/prismarinejs-413438066984747026')
     }
   ]
 

src/react/simpleHooks.ts

@@ -1,22 +1,43 @@
 import { useUtilsEffect } from '@zardoy/react-util'
 import { useEffect, useState } from 'react'
-import { useMedia } from 'react-use'
 
-const SMALL_SCREEN_MEDIA = '@media (max-width: 440px)'
+const SMALL_SCREEN_WIDTH = 440
 export const useIsSmallWidth = () => {
-  return useMedia(SMALL_SCREEN_MEDIA.replace('@media ', ''))
+  const [isSmall, setIsSmall] = useState(() => document.documentElement.clientWidth <= SMALL_SCREEN_WIDTH)
+
+  useEffect(() => {
+    const checkWidth = () => {
+      setIsSmall(document.documentElement.clientWidth <= SMALL_SCREEN_WIDTH)
+    }
+    addEventListener('resize', checkWidth)
+    return () => {
+      removeEventListener('resize', checkWidth)
+    }
+  }, [])
+
+  return isSmall
 }
 
 export const usePassesWindowDimensions = (minWidth: number | null = null, minHeight: number | null = null) => {
-  let media = '('
-  if (minWidth !== null) {
-    media += `min-width: ${minWidth}px, `
-  }
-  if (minHeight !== null) {
-    media += `min-height: ${minHeight}px, `
-  }
-  media += ')'
-  return useMedia(media)
+  const [passes, setPasses] = useState(() => {
+    const width = document.documentElement.clientWidth
+    const height = document.documentElement.clientHeight
+    return (minWidth === null || width >= minWidth) && (minHeight === null || height >= minHeight)
+  })
+
+  useEffect(() => {
+    const checkDimensions = () => {
+      const width = document.documentElement.clientWidth
+      const height = document.documentElement.clientHeight
+      setPasses((minWidth === null || width >= minWidth) && (minHeight === null || height >= minHeight))
+    }
+    addEventListener('resize', checkDimensions)
+    return () => {
+      removeEventListener('resize', checkDimensions)
+    }
+  }, [minWidth, minHeight])
+
+  return passes
 }
 
 export const useCopyKeybinding = (getCopyText: () => string | undefined) => {

src/styles.css

@@ -2,11 +2,15 @@
 @import url('pixelarticons/fonts/pixelart-icons-font.css');
 
 body {
+  width: 100vw !important;
+  height: 100vh !important;
   width: 100dvw !important;
   height: 100dvh !important;
 }
 
 body.rotated {
+  width: 100vh !important;
+  height: 100vw !important;
   width: 100dvh !important;
   height: 100dvw !important;
   transform: rotate(90deg) translateY(-100%);