From 1c2e2490310cff5efa4514d3aa824aba68c0585a Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Mon, 10 Mar 2025 22:48:51 +0300
Subject: [PATCH 01/15] fix panorama direction

---
 src/panorama.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/panorama.ts b/src/panorama.ts
index 3c888246..cf7290ed 100644
--- a/src/panorama.ts
+++ b/src/panorama.ts
@@ -83,8 +83,13 @@ export async function addPanoramaCubeMap () {
   const panorMaterials = [] as THREE.MeshBasicMaterial[]
   await updateResourcePackSupportPanorama()
   for (const file of panoramaFiles) {
+    const texture = loader.load(await possiblyLoadPanoramaFromResourcePack(file))
+    texture.repeat.x = -1
+    texture.offset.x = 1
+    texture.wrapS = THREE.RepeatWrapping
+    texture.wrapT = THREE.RepeatWrapping
     panorMaterials.push(new THREE.MeshBasicMaterial({
-      map: loader.load(await possiblyLoadPanoramaFromResourcePack(file)),
+      map: texture,
       transparent: true,
       side: THREE.DoubleSide
     }))

From 8232737a75de27857fcbb8f0604954def5e11268 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 01:34:37 +0300
Subject: [PATCH 02/15] fix panorama files order

---
 src/panorama.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/panorama.ts b/src/panorama.ts
index cf7290ed..7459187f 100644
--- a/src/panorama.ts
+++ b/src/panorama.ts
@@ -14,12 +14,12 @@ let shouldDisplayPanorama = false
 let panoramaUsesResourcePack = null as boolean | null
 
 const panoramaFiles = [
-  'panorama_1.png', // WS
-  'panorama_3.png', // ES
-  'panorama_4.png', // Up
-  'panorama_5.png', // Down
-  'panorama_0.png', // NS
-  'panorama_2.png' // SS
+  'panorama_3.png', // right (+x)
+  'panorama_1.png', // left (-x)
+  'panorama_4.png', // top (+y)
+  'panorama_5.png', // bottom (-y)
+  'panorama_0.png', // front (+z)
+  'panorama_2.png', // back (-z)
 ]
 
 const panoramaResourcePackPath = 'assets/minecraft/textures/gui/title/background'

From e60d10e1216691c4780ec46579ceae8a13aa48c1 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 01:40:56 +0300
Subject: [PATCH 03/15] fix panorama seams!

---
 src/panorama.ts | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/panorama.ts b/src/panorama.ts
index 7459187f..8def97c4 100644
--- a/src/panorama.ts
+++ b/src/panorama.ts
@@ -84,14 +84,23 @@ export async function addPanoramaCubeMap () {
   await updateResourcePackSupportPanorama()
   for (const file of panoramaFiles) {
     const texture = loader.load(await possiblyLoadPanoramaFromResourcePack(file))
-    texture.repeat.x = -1
-    texture.offset.x = 1
-    texture.wrapS = THREE.RepeatWrapping
-    texture.wrapT = THREE.RepeatWrapping
+
+    // Instead of using repeat/offset to flip, we'll use the texture matrix
+    texture.matrixAutoUpdate = false
+    texture.matrix.set(
+      -1, 0, 1, 0, 1, 0, 0, 0, 1
+    )
+
+    texture.wrapS = THREE.ClampToEdgeWrapping // Changed from RepeatWrapping
+    texture.wrapT = THREE.ClampToEdgeWrapping // Changed from RepeatWrapping
+    texture.minFilter = THREE.LinearFilter
+    texture.magFilter = THREE.LinearFilter
+
     panorMaterials.push(new THREE.MeshBasicMaterial({
       map: texture,
       transparent: true,
-      side: THREE.DoubleSide
+      side: THREE.DoubleSide,
+      depthWrite: false
     }))
   }
 

From 14d3bba5f51b3ba43384f1837fccc793de4c8099 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 02:04:22 +0300
Subject: [PATCH 04/15] rm serverslist storybook

---
 src/react/ServersList.stories.tsx | 57 -------------------------------
 1 file changed, 57 deletions(-)
 delete mode 100644 src/react/ServersList.stories.tsx

diff --git a/src/react/ServersList.stories.tsx b/src/react/ServersList.stories.tsx
deleted file mode 100644
index 0a0ef151..00000000
--- a/src/react/ServersList.stories.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { useState } from 'react'
-import AddServerOrConnect from './AddServerOrConnect'
-import ServersList from './ServersList'
-
-const meta: Meta<typeof ServersList> = {
-  component: ServersList,
-  render (args) {
-    const [addOpen, setAddOpen] = useState(false)
-    const [username, setUsername] = useState('')
-
-    return addOpen ?
-      <AddServerOrConnect
-        onBack={() => {
-          setAddOpen(false)
-        }}
-        accounts={['testting']}
-        onConfirm={(info) => {
-          console.log('add server', info)
-        }}
-      /> :
-      <ServersList
-        worldData={[{
-          name: 'test',
-          title: 'Server',
-          formattedTextOverride: 'play yes',
-        }]}
-        joinServer={(ip) => {
-          console.log('joinServer', ip)
-        }}
-        initialProxies={{
-          proxies: ['localhost', 'mc.hypixel.net'],
-          selected: 'localhost',
-        }}
-        updateProxies={newData => {
-          console.log('setProxies', newData)
-        }}
-        onWorldAction={() => { }}
-        onGeneralAction={(action) => {
-          if (action === 'create') {
-            setAddOpen(true)
-          }
-        }}
-        username={username}
-        setUsername={setUsername}
-      />
-  },
-}
-
-export default meta
-type Story = StoryObj<typeof ServersList>
-
-export const Primary: Story = {
-  args: {
-  },
-}

From 734d195be00db5d39ba76593b038c884b83ee16e Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 02:11:36 +0300
Subject: [PATCH 05/15] fix errors spamming from players list

---
 src/react/PlayerListOverlayProvider.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/react/PlayerListOverlayProvider.tsx b/src/react/PlayerListOverlayProvider.tsx
index 5fb98c60..2f2cac54 100644
--- a/src/react/PlayerListOverlayProvider.tsx
+++ b/src/react/PlayerListOverlayProvider.tsx
@@ -30,15 +30,15 @@ export default () => {
     }
   }
 
-  useMemo(() => {
+  useEffect(() => {
     function requestUpdate () {
-      // Placeholder for requestUpdate logic
-      setPlayers(bot.players)
+      setPlayers(bot?.players ?? {})
     }
 
     bot.on('playerUpdated', () => requestUpdate())
     bot.on('playerJoined', () => requestUpdate())
     bot.on('playerLeft', () => requestUpdate())
+    requestUpdate()
     const interval = setInterval(() => {
       requestUpdate()
     }, 1000)

From d5cc6d325ef8768ddd4003a47be84821d9049678 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 19:21:41 +0300
Subject: [PATCH 06/15] just casually doing a major client rename

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 50d96a6a..783ff50e 100644
--- a/index.html
+++ b/index.html
@@ -128,17 +128,17 @@
         window.loadedPlugins[pluginName] = await import(script)
       }
     </script> -->
-    <title>Prismarine Web Client</title>
+    <title>Minecraft Web Client</title>
     <link rel="favicon" href="favicon.png">
     <link rel="icon" type="image/png" href="favicon.png" />
-    <link rel="canonical" href="https://mcraft.fun">
+    <!-- <link rel="canonical" href="https://mcraft.fun"> -->
     <meta name="description" content="Minecraft web client running in your browser">
     <meta name="keywords" content="Play, Minecraft, Online, Web, Java, Server, Single player, Javascript, PrismarineJS, Voxel, WebGL, Three.js">
     <meta name="date" content="2024-07-11" scheme="YYYY-MM-DD">
     <meta name="language" content="English">
     <meta name="theme-color" content="#349474">
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover'>
-    <meta property="og:title" content="Prismarine Web Client" />
+    <meta property="og:title" content="Minecraft Web Client" />
     <meta property="og:type" content="website" />
     <meta property="og:image" content="favicon.png" />
     <meta name="format-detection" content="telephone=no">

From 6263c9ae66af86708e3b3140903dafb06c5f345a Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 19:22:50 +0300
Subject: [PATCH 07/15] also rename in manifest

---
 assets/manifest.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/manifest.json b/assets/manifest.json
index 9ec96f08..4310ae7f 100644
--- a/assets/manifest.json
+++ b/assets/manifest.json
@@ -1,6 +1,6 @@
 {
-    "name": "Prismarine Web Client",
-    "short_name": "Prismarine Web Client",
+    "name": "Minecraft Web Client",
+    "short_name": "Minecraft Web Client",
     "scope": "./",
     "start_url": "./",
     "icons": [

From ec953fd5d1e2f6c8bc76b57a35c4e281235ca90a Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 19:37:34 +0300
Subject: [PATCH 08/15] feat: never force resort items in the list and allow to
 resort manually with shift+up/down

---
 src/react/ServersListProvider.tsx | 43 ++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/react/ServersListProvider.tsx b/src/react/ServersListProvider.tsx
index 56ec75b6..de01c25c 100644
--- a/src/react/ServersListProvider.tsx
+++ b/src/react/ServersListProvider.tsx
@@ -86,6 +86,35 @@ const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersL
   const [serversList, setServersList] = useState<StoreServerItem[]>(() => (customServersList ? [] : getInitialServersList()))
   const [additionalData, setAdditionalData] = useState<Record<string, AdditionalDisplayData>>({})
 
+  // Add keyboard handler for moving servers
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (['input', 'textarea', 'select'].includes((e.target as HTMLElement)?.tagName?.toLowerCase())) return
+      if (!e.shiftKey || selectedIndex === undefined) return
+      if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return
+      e.preventDefault()
+      e.stopImmediatePropagation()
+
+      const newIndex = e.key === 'ArrowUp'
+        ? Math.max(0, selectedIndex - 1)
+        : Math.min(serversList.length - 1, selectedIndex + 1)
+
+      if (newIndex === selectedIndex) return
+
+      // Move server in the list
+      const newList = [...serversList]
+      const oldItem = newList[selectedIndex]
+      newList[selectedIndex] = newList[newIndex]
+      newList[newIndex] = oldItem
+
+      setServersList(newList)
+      setSelectedIndex(newIndex)
+    }
+
+    document.addEventListener('keydown', handleKeyDown)
+    return () => document.removeEventListener('keydown', handleKeyDown)
+  }, [selectedIndex, serversList])
+
   useEffect(() => {
     if (customServersList) {
       setServersList(customServersList.map(row => {
@@ -105,10 +134,11 @@ const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersL
     setNewServersList(serversList)
   }, [serversList])
 
+  const serversListSorted = useMemo(() => serversList.map((server, index) => ({ ...server, index })), [serversList])
   // by lastJoined
-  const serversListSorted = useMemo(() => {
-    return serversList.map((server, index) => ({ ...server, index })).sort((a, b) => (b.lastJoined ?? 0) - (a.lastJoined ?? 0))
-  }, [serversList])
+  // const serversListSorted = useMemo(() => {
+  //   return serversList.map((server, index) => ({ ...server, index })).sort((a, b) => (b.lastJoined ?? 0) - (a.lastJoined ?? 0))
+  // }, [serversList])
 
   const isEditScreenModal = useIsModalActive('editServer')
 
@@ -313,6 +343,13 @@ const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersL
             // find and update
             const server = serversList.find(s => s.ip === ip)
             if (server) {
+              // move to top
+              const newList = [...serversList]
+              const index = newList.indexOf(server)
+              const thisItem = newList[index]
+              newList.splice(index, 1)
+              newList.unshift(thisItem)
+
               server.lastJoined = Date.now()
               server.numConnects = (server.numConnects || 0) + 1
               setNewServersList(serversList)

From a6018c6891a34e5667a702a8d59228fdf5aa1ff0 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 19:42:13 +0300
Subject: [PATCH 09/15] remove not working google drive button to avoid
 confusion

---
 src/react/SingleplayerProvider.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/react/SingleplayerProvider.tsx b/src/react/SingleplayerProvider.tsx
index 6672de6e..36111fb5 100644
--- a/src/react/SingleplayerProvider.tsx
+++ b/src/react/SingleplayerProvider.tsx
@@ -283,10 +283,10 @@ const Inner = () => {
   return <Singleplayer
     error={error}
     isReadonly={selectedProvider === 'google' && (googleDriveReadonly || !isGoogleProviderReady || !selectedGoogleId)}
-    providers={{
-      local: 'Local',
-      google: 'Google Drive',
-    }}
+    // providers={{
+    //   local: 'Local',
+    //   google: 'Google Drive',
+    // }}
     disabledProviders={[...isGoogleDriveAvailable() ? [] : ['google']]}
     worldData={worlds}
     providerActions={providerActions}

From f9c042b00f28f14f47a1b0ad6c9e06605bf757a5 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 19:55:03 +0300
Subject: [PATCH 10/15] add groups into UI for future work

---
 src/react/ServersListProvider.tsx  |  3 +-
 src/react/Singleplayer.tsx         | 77 +++++++++++++++++++++++-------
 src/react/SingleplayerProvider.tsx |  1 +
 3 files changed, 63 insertions(+), 18 deletions(-)

diff --git a/src/react/ServersListProvider.tsx b/src/react/ServersListProvider.tsx
index de01c25c..f0543e21 100644
--- a/src/react/ServersListProvider.tsx
+++ b/src/react/ServersListProvider.tsx
@@ -406,7 +406,8 @@ const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersL
         worldNameRight: additional?.textNameRight ?? '',
         worldNameRightGrayed: additional?.textNameRightGrayed ?? '',
         iconSrc: additional?.icon,
-        offline: additional?.offline
+        offline: additional?.offline,
+        group: 'Custom Servers'
       }
     })}
     initialProxies={{
diff --git a/src/react/Singleplayer.tsx b/src/react/Singleplayer.tsx
index 6d7d6b0e..d3a32423 100644
--- a/src/react/Singleplayer.tsx
+++ b/src/react/Singleplayer.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import { Fragment, useEffect, useMemo, useRef, useState } from 'react'
+import React, { Fragment, useEffect, useMemo, useRef, useState } from 'react'
 
 // todo optimize size
 import missingWorldPreview from 'mc-assets/dist/other-textures/latest/gui/presets/isles.png'
@@ -29,6 +29,21 @@ export interface WorldProps {
   onInteraction?(interaction: 'enter' | 'space')
   elemRef?: React.Ref<HTMLDivElement>
   offline?: boolean
+  group?: string
+}
+
+const GroupHeader = ({ name, count, expanded, onToggle }: { name: string, count: number, expanded: boolean, onToggle: () => void }) => {
+  return <div
+    className={styles.world_root}
+    style={{ background: 'none', cursor: 'pointer', height: 'auto', fontSize: '8px' }}
+    onClick={onToggle}
+  >
+    <div style={{ display: 'flex', alignItems: 'center', gap: '4px', color: '#bcbcbc' }}>
+      <span>{expanded ? '▼' : '▶'}</span>
+      <span>{name}</span>
+      <span>({count})</span>
+    </div>
+  </div>
 }
 
 const World = ({ name, isFocused, title, lastPlayed, size, detail = '', onFocus, onInteraction, iconSrc, formattedTextOverride, worldNameRight, worldNameRightGrayed, elemRef, offline }: WorldProps & { ref?: React.Ref<HTMLDivElement> }) => {
@@ -159,6 +174,7 @@ export default ({
 
   const [search, setSearch] = useState('')
   const [focusedWorld, setFocusedWorld] = useState(defaultSelectedRow === undefined ? '' : worldData?.[defaultSelectedRow]?.name ?? '')
+  const [expandedGroups, setExpandedGroups] = useState<Record<string, boolean>>({})
 
   useEffect(() => {
     setFocusedWorld('')
@@ -179,6 +195,13 @@ export default ({
   }
   const isSmallWidth = useIsSmallWidth()
 
+  const toggleGroup = (groupName: string) => {
+    setExpandedGroups(prev => ({
+      ...prev,
+      [groupName]: prev[groupName] === undefined ? false : !prev[groupName]
+    }))
+  }
+
   return <div ref={containerRef} hidden={hidden}>
     <div className="dirt-bg" />
     <div className={classNames('fullscreen', styles.root)}>
@@ -214,22 +237,42 @@ export default ({
           }
           {
             worldData
-              ? worldData.filter(data => data.title.toLowerCase().includes(search.toLowerCase())).map(({ name, size, detail, ...rest }, index) => (
-                <World
-                  {...rest}
-                  size={size}
-                  name={name}
-                  elemRef={el => { worldRefs.current[name] = el }}
-                  onFocus={row => onRowSelectHandler(row, index)}
-                  isFocused={focusedWorld === name}
-                  key={name}
-                  onInteraction={(interaction) => {
-                    if (interaction === 'enter') onWorldAction('load', name)
-                    else if (interaction === 'space') firstButton.current?.focus()
-                  }}
-                  detail={detail}
-                />
-              ))
+              ? (() => {
+                const filtered = worldData.filter(data => data.title.toLowerCase().includes(search.toLowerCase()))
+                const groups = filtered.reduce<Record<string, WorldProps[]>>((acc, world) => {
+                  const group = world.group || ''
+                  if (!acc[group]) acc[group] = []
+                  acc[group].push(world)
+                  return acc
+                }, {})
+
+                return Object.entries(groups).map(([groupName, worlds]) => (
+                  <React.Fragment key={groupName}>
+                    <GroupHeader
+                      name={groupName}
+                      count={worlds.length}
+                      expanded={expandedGroups[groupName] ?? true}
+                      onToggle={() => toggleGroup(groupName)}
+                    />
+                    {(expandedGroups[groupName] ?? true) && worlds.map(({ name, size, detail, ...rest }, index) => (
+                      <World
+                        {...rest}
+                        size={size}
+                        name={name}
+                        elemRef={el => { worldRefs.current[name] = el }}
+                        onFocus={row => onRowSelectHandler(row, index)}
+                        isFocused={focusedWorld === name}
+                        key={name}
+                        onInteraction={(interaction) => {
+                          if (interaction === 'enter') onWorldAction('load', name)
+                          else if (interaction === 'space') firstButton.current?.focus()
+                        }}
+                        detail={detail}
+                      />
+                    ))}
+                  </React.Fragment>
+                ))
+              })()
               : <div style={{
                 fontSize: 10,
                 color: error ? 'red' : 'lightgray',
diff --git a/src/react/SingleplayerProvider.tsx b/src/react/SingleplayerProvider.tsx
index 36111fb5..09639b8d 100644
--- a/src/react/SingleplayerProvider.tsx
+++ b/src/react/SingleplayerProvider.tsx
@@ -91,6 +91,7 @@ export const readWorlds = (abortController: AbortController) => {
           iconSrc: iconBase64 ? `data:image/png;base64,${iconBase64}` : undefined,
           size,
           lastModified: levelDatStat.mtimeMs,
+          group: 'IndexedDB Memory Worlds'
         } satisfies WorldProps & { lastModified?: number }
       }))).filter((x, i) => {
         if (x.status === 'rejected') {

From b8b1320258761ef83688b9a1296afafaf26e72a7 Mon Sep 17 00:00:00 2001
From: Vitaly <vital2580@icloud.com>
Date: Tue, 11 Mar 2025 23:58:52 +0300
Subject: [PATCH 11/15] feat: single file build! (#181)

---
 .github/workflows/build-single-file.yml    |  31 +++
 .github/workflows/publish.yml              |   2 +
 config.json                                |   2 +-
 index.html                                 |   4 -
 package.json                               |   7 +-
 pnpm-lock.yaml                             | 237 +++++++++++++++++++++
 renderer/rsbuildSharedConfig.ts            |  14 +-
 renderer/viewer/lib/worldrendererCommon.ts |   9 +-
 rsbuild.config.ts                          | 106 +++++++--
 scripts/genLargeDataAliases.ts             |  59 +++++
 scripts/genShims.ts                        |   1 +
 scripts/makeOptimizedMcData.mjs            | 125 +++++++++--
 scripts/testOptimizedMcdata.ts             |   8 +-
 src/connect.ts                             |  27 ++-
 src/devtools.ts                            |   2 +
 src/index.ts                               |  19 +-
 src/optimizeJson.ts                        | 106 ++++++++-
 src/optionsStorage.ts                      |   6 +-
 src/panorama.ts                            | 114 ++++++++--
 src/react/MainMenuRenderApp.tsx            |   4 +-
 src/react/SignEditor.stories.tsx           |   3 +-
 src/react/SignEditor.tsx                   |   7 +-
 src/react/SignEditorProvider.tsx           |   9 +-
 src/serviceWorker.ts                       |   2 +-
 src/shims/minecraftData.ts                 |   7 +-
 25 files changed, 816 insertions(+), 95 deletions(-)
 create mode 100644 .github/workflows/build-single-file.yml
 create mode 100644 scripts/genLargeDataAliases.ts

diff --git a/.github/workflows/build-single-file.yml b/.github/workflows/build-single-file.yml
new file mode 100644
index 00000000..93b1b77f
--- /dev/null
+++ b/.github/workflows/build-single-file.yml
@@ -0,0 +1,31 @@
+name: build-single-file
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-and-bundle:
+    runs-on: ubuntu-latest
+    permissions: write-all
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@master
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build single-file version - minecraft.html
+        run: pnpm build-single-file && mv dist/single/index.html minecraft.html
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: minecraft.html
+          path: minecraft.html
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 5af8abab..986bf6cc 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -53,6 +53,8 @@ jobs:
           publish_dir: .vercel/output/static
           force_orphan: true
 
+      - name: Build single-file version - minecraft.html
+        run: pnpm build-single-file && mv dist/single/index.html minecraft.html
       - name: Build self-host version
         run: pnpm build
       - name: Bundle server.js
diff --git a/config.json b/config.json
index e48d758b..4b3c1e69 100644
--- a/config.json
+++ b/config.json
@@ -1,7 +1,7 @@
 {
   "version": 1,
   "defaultHost": "<from-proxy>",
-  "defaultProxy": "proxy.mcraft.fun",
+  "defaultProxy": "https://proxy.mcraft.fun",
   "mapsProvider": "https://maps.mcraft.fun/",
   "peerJsServer": "",
   "peerJsServerFallback": "https://p2p.mcraft.fun",
diff --git a/index.html b/index.html
index 783ff50e..891aeff3 100644
--- a/index.html
+++ b/index.html
@@ -129,8 +129,6 @@
       }
     </script> -->
     <title>Minecraft Web Client</title>
-    <link rel="favicon" href="favicon.png">
-    <link rel="icon" type="image/png" href="favicon.png" />
     <!-- <link rel="canonical" href="https://mcraft.fun"> -->
     <meta name="description" content="Minecraft web client running in your browser">
     <meta name="keywords" content="Play, Minecraft, Online, Web, Java, Server, Single player, Javascript, PrismarineJS, Voxel, WebGL, Three.js">
@@ -140,9 +138,7 @@
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover'>
     <meta property="og:title" content="Minecraft Web Client" />
     <meta property="og:type" content="website" />
-    <meta property="og:image" content="favicon.png" />
     <meta name="format-detection" content="telephone=no">
-    <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
   </head>
   <body>
     <div id="react-root"></div>
diff --git a/package.json b/package.json
index 1bc36f9c..e0b90b8a 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,9 @@
     "start2": "run-p dev-rsbuild watch-mesher",
     "build": "pnpm build-other-workers && rsbuild build",
     "build-analyze": "BUNDLE_ANALYZE=true rsbuild build && pnpm build-other-workers",
-    "check-build": "tsx scripts/genShims.ts && tsc && pnpm build",
+    "build-single-file": "SINGLE_FILE_BUILD=true rsbuild build",
+    "prepare-project": "tsx scripts/genShims.ts && tsx scripts/makeOptimizedMcData.mjs && tsx scripts/genLargeDataAliases.ts",
+    "check-build": "pnpm prepare-project && tsc && pnpm build",
     "test:cypress": "cypress run",
     "test:cypress:open": "cypress open",
     "test-unit": "vitest",
@@ -36,7 +38,7 @@
     "client"
   ],
   "release": {
-    "attachReleaseFiles": "self-host.zip"
+    "attachReleaseFiles": "{self-host.zip,minecraft.html}"
   },
   "publish": {
     "preset": {
@@ -171,6 +173,7 @@
   "optionalDependencies": {
     "cypress": "^10.11.0",
     "cypress-plugin-snapshots": "^1.4.4",
+    "sharp": "^0.33.5",
     "systeminformation": "^5.21.22"
   },
   "browserslist": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 491ef376..a3979e38 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -249,6 +249,9 @@ importers:
       cypress-plugin-snapshots:
         specifier: ^1.4.4
         version: 1.4.4(cypress@10.11.0)
+      sharp:
+        specifier: ^0.33.5
+        version: 0.33.5
       systeminformation:
         specifier: ^5.21.22
         version: 5.22.7
@@ -1213,6 +1216,9 @@ packages:
     resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==}
     engines: {node: '>=10.0.0'}
 
+  '@emnapi/runtime@1.3.1':
+    resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
+
   '@emotion/babel-plugin@11.12.0':
     resolution: {integrity: sha512-y2WQb+oP8Jqvvclh8Q55gLUyb7UFvgv7eJfsj7td5TToBrIUtPay2kMrZi4xjq9qw2vD0ZR5fSho0yqoFgX7Rw==}
 
@@ -1750,6 +1756,111 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     deprecated: Use @eslint/object-schema instead
 
+  '@img/sharp-darwin-arm64@0.33.5':
+    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.33.5':
+    resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.33.5':
+    resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.33.5':
+    resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.33.5':
+    resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.33.5':
+    resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.33.5':
+    resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-ia32@0.33.5':
+    resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.33.5':
+    resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -4612,6 +4723,10 @@ packages:
     resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
     engines: {node: '>=8'}
 
+  detect-libc@2.0.3:
+    resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
+    engines: {node: '>=8'}
+
   detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
@@ -8233,6 +8348,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.7.1:
+    resolution: {integrity: sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   send@0.18.0:
     resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==}
     engines: {node: '>= 0.8.0'}
@@ -8302,6 +8422,10 @@ packages:
     resolution: {integrity: sha512-G+MY2YW33jgflKPTXXptVO28HvNOo9G3j0MybYAHeEmby+QuD2U98dT6ueht9cv/XDqZspSpIhoSW+BAKJ7Hig==}
     engines: {node: '>=12.13.0'}
 
+  sharp@0.33.5:
+    resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
   shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
     engines: {node: '>=0.10.0'}
@@ -10629,6 +10753,11 @@ snapshots:
 
   '@discoveryjs/json-ext@0.5.7': {}
 
+  '@emnapi/runtime@1.3.1':
+    dependencies:
+      tslib: 2.6.2
+    optional: true
+
   '@emotion/babel-plugin@11.12.0':
     dependencies:
       '@babel/helper-module-imports': 7.22.15
@@ -10982,6 +11111,81 @@ snapshots:
 
   '@humanwhocodes/object-schema@1.2.1': {}
 
+  '@img/sharp-darwin-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
+
+  '@img/sharp-linux-s390x@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.3.1
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
+
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -14884,6 +15088,9 @@ snapshots:
 
   detect-libc@2.0.2: {}
 
+  detect-libc@2.0.3:
+    optional: true
+
   detect-node-es@1.1.0: {}
 
   detect-package-manager@2.0.1:
@@ -19524,6 +19731,9 @@ snapshots:
     dependencies:
       lru-cache: 6.0.0
 
+  semver@7.7.1:
+    optional: true
+
   send@0.18.0:
     dependencies:
       debug: 2.6.9
@@ -19654,6 +19864,33 @@ snapshots:
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
 
+  sharp@0.33.5:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.3
+      semver: 7.7.1
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.33.5
+      '@img/sharp-darwin-x64': 0.33.5
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+      '@img/sharp-libvips-linux-arm': 1.0.5
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+      '@img/sharp-libvips-linux-x64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+      '@img/sharp-linux-arm': 0.33.5
+      '@img/sharp-linux-arm64': 0.33.5
+      '@img/sharp-linux-s390x': 0.33.5
+      '@img/sharp-linux-x64': 0.33.5
+      '@img/sharp-linuxmusl-arm64': 0.33.5
+      '@img/sharp-linuxmusl-x64': 0.33.5
+      '@img/sharp-wasm32': 0.33.5
+      '@img/sharp-win32-ia32': 0.33.5
+      '@img/sharp-win32-x64': 0.33.5
+    optional: true
+
   shebang-command@1.2.0:
     dependencies:
       shebang-regex: 1.0.0
diff --git a/renderer/rsbuildSharedConfig.ts b/renderer/rsbuildSharedConfig.ts
index 24a29a26..c39c4454 100644
--- a/renderer/rsbuildSharedConfig.ts
+++ b/renderer/rsbuildSharedConfig.ts
@@ -78,6 +78,12 @@ export const rspackViewerConfig = (config, { appendPlugins, addRules, rspack }:
         if (absolute.endsWith('/minecraft-data/data.js')) {
             resource.request = path.join(__dirname, `../src/shims/minecraftData.ts`)
         }
+        if (absolute.endsWith('/minecraft-data/data/bedrock/common/legacy.json')) {
+            resource.request = path.join(__dirname, `../src/shims/empty.ts`)
+        }
+        if (absolute.endsWith('/minecraft-data/data/pc/common/legacy.json')) {
+            resource.request = path.join(__dirname, `../src/preflatMap.json`)
+        }
     }))
     addRules([
         {
@@ -91,11 +97,17 @@ export const rspackViewerConfig = (config, { appendPlugins, addRules, rspack }:
         {
             test: /\.mp3$/,
             type: 'asset/source',
+        },
+        {
+            test: /\.txt$/,
+            type: 'asset/source',
         }
     ])
     config.ignoreWarnings = [
         /the request of a dependency is an expression/,
         /Unsupported pseudo class or element: xr-overlay/
     ]
-
+    if (process.env.SINGLE_FILE_BUILD === 'true') {
+        config.module!.parser!.javascript!.dynamicImportMode = 'eager'
+    }
 }
diff --git a/renderer/viewer/lib/worldrendererCommon.ts b/renderer/viewer/lib/worldrendererCommon.ts
index 261b18e6..3852e535 100644
--- a/renderer/viewer/lib/worldrendererCommon.ts
+++ b/renderer/viewer/lib/worldrendererCommon.ts
@@ -191,7 +191,14 @@ export abstract class WorldRendererCommon<WorkerSend = any, WorkerReceive = any>
       // eslint-disable-next-line node/no-path-concat
       const src = typeof window === 'undefined' ? `${__dirname}/${workerName}` : workerName
 
-      const worker: any = new Worker(src)
+      let worker: any
+      if (process.env.SINGLE_FILE_BUILD) {
+        const workerCode = document.getElementById('mesher-worker-code')!.textContent!
+        const blob = new Blob([workerCode], { type: 'text/javascript' })
+        worker = new Worker(window.URL.createObjectURL(blob))
+      } else {
+        worker = new Worker(src)
+      }
       const handleMessage = (data) => {
         if (!this.active) return
         if (data.type !== 'geometry' || !this.debugStopGeometryUpdate) {
diff --git a/rsbuild.config.ts b/rsbuild.config.ts
index 875d0e0c..fede0309 100644
--- a/rsbuild.config.ts
+++ b/rsbuild.config.ts
@@ -11,6 +11,17 @@ import { promisify } from 'util'
 import { generateSW } from 'workbox-build'
 import { getSwAdditionalEntries } from './scripts/build'
 import { appAndRendererSharedConfig } from './renderer/rsbuildSharedConfig'
+import { genLargeDataAliases } from './scripts/genLargeDataAliases'
+import sharp from 'sharp'
+import supportedVersions from './src/supportedVersions.mjs'
+
+const SINGLE_FILE_BUILD = process.env.SINGLE_FILE_BUILD === 'true'
+
+if (SINGLE_FILE_BUILD) {
+    const patchCssFile = 'node_modules/pixelarticons/fonts/pixelart-icons-font.css'
+    const text = fs.readFileSync(patchCssFile, 'utf8')
+    fs.writeFileSync(patchCssFile, text.replaceAll("url('pixelart-icons-font.ttf?t=1711815892278') format('truetype'),", ""), 'utf8')
+}
 
 //@ts-ignore
 try { require('./localSettings.js') } catch { }
@@ -43,12 +54,54 @@ if (dev) {
     configJson.defaultProxy = ':8080'
 }
 
-const configSource = process.env.CONFIG_JSON_SOURCE || 'REMOTE'
+const configSource = (SINGLE_FILE_BUILD ? 'BUNDLED' : (process.env.CONFIG_JSON_SOURCE || 'REMOTE')) as 'BUNDLED' | 'REMOTE'
+
+const faviconPath = 'favicon.png'
 
 // base options are in ./renderer/rsbuildSharedConfig.ts
 const appConfig = defineConfig({
     html: {
         template: './index.html',
+        inject: 'body',
+        tags: [
+            ...SINGLE_FILE_BUILD ? [] : [
+                {
+                    tag: 'link',
+                    attrs: {
+                        rel: 'manifest',
+                        crossorigin: 'use-credentials',
+                        href: 'manifest.json'
+                    },
+                }
+            ],
+            // <link rel="favicon" href="favicon.png">
+            // <link rel="icon" type="image/png" href="favicon.png" />
+            // <meta property="og:image" content="favicon.png" />
+            {
+                tag: 'link',
+                attrs: {
+                    rel: 'favicon',
+                    href: faviconPath
+                }
+            },
+            ...SINGLE_FILE_BUILD ? [] : [
+                {
+                    tag: 'link',
+                    attrs: {
+                        rel: 'icon',
+                        type: 'image/png',
+                        href: faviconPath
+                    }
+                },
+                {
+                    tag: 'meta',
+                    attrs: {
+                        property: 'og:image',
+                        content: faviconPath
+                    }
+                }
+            ]
+        ]
     },
     output: {
         externals: [
@@ -58,6 +111,13 @@ const appConfig = defineConfig({
             js: 'source-map',
             css: true,
         },
+        distPath: SINGLE_FILE_BUILD ? {
+            html: './single',
+        } : undefined,
+        inlineScripts: SINGLE_FILE_BUILD,
+        inlineStyles: SINGLE_FILE_BUILD,
+        // 50kb limit for data uri
+        dataUriLimit: SINGLE_FILE_BUILD ? 1 * 1024 * 1024 * 1024 : 50 * 1024
     },
     source: {
         entry: {
@@ -69,6 +129,9 @@ const appConfig = defineConfig({
         define: {
             'process.env.BUILD_VERSION': JSON.stringify(!dev ? buildingVersion : 'undefined'),
             'process.env.MAIN_MENU_LINKS': JSON.stringify(process.env.MAIN_MENU_LINKS),
+            'process.env.SINGLE_FILE_BUILD': JSON.stringify(process.env.SINGLE_FILE_BUILD),
+            'process.env.SINGLE_FILE_BUILD_MODE': JSON.stringify(process.env.SINGLE_FILE_BUILD),
+            'process.platform': '"browser"',
             'process.env.GITHUB_URL':
                 JSON.stringify(`https://github.com/${process.env.GITHUB_REPOSITORY || `${process.env.VERCEL_GIT_REPO_OWNER}/${process.env.VERCEL_GIT_REPO_SLUG}` || githubRepositoryFallback}`),
             'process.env.DEPS_VERSIONS': JSON.stringify({}),
@@ -92,17 +155,19 @@ const appConfig = defineConfig({
         pluginTypedCSSModules(),
         {
             name: 'test',
-            setup (build: RsbuildPluginAPI) {
+            setup(build: RsbuildPluginAPI) {
                 const prep = async () => {
                     console.time('total-prep')
                     fs.mkdirSync('./generated', { recursive: true })
-                    if (!fs.existsSync('./generated/minecraft-data-optimized.json') || require('./generated/minecraft-data-optimized.json').versionKey !== require('minecraft-data/package.json').version) {
+                    if (!fs.existsSync('./generated/minecraft-data-optimized.json') || !fs.existsSync('./generated/mc-assets-compressed.js') || require('./generated/minecraft-data-optimized.json').versionKey !== require('minecraft-data/package.json').version) {
                         childProcess.execSync('tsx ./scripts/makeOptimizedMcData.mjs', { stdio: 'inherit' })
                     }
                     childProcess.execSync('tsx ./scripts/genShims.ts', { stdio: 'inherit' })
                     if (!fs.existsSync('./generated/latestBlockCollisionsShapes.json') || require('./generated/latestBlockCollisionsShapes.json').versionKey !== require('minecraft-data/package.json').version) {
                         childProcess.execSync('tsx ./scripts/optimizeBlockCollisions.ts', { stdio: 'inherit' })
                     }
+                    // childProcess.execSync(['tsx', './scripts/genLargeDataAliases.ts', ...(SINGLE_FILE_BUILD ? ['--compressed'] : [])].join(' '), { stdio: 'inherit' })
+                    genLargeDataAliases(SINGLE_FILE_BUILD)
                     fsExtra.copySync('./node_modules/mc-assets/dist/other-textures/latest/entity', './dist/textures/entity')
                     fsExtra.copySync('./assets/background', './dist/background')
                     fs.copyFileSync('./assets/favicon.png', './dist/favicon.png')
@@ -137,16 +202,33 @@ const appConfig = defineConfig({
                         prep()
                     })
                     build.onAfterBuild(async () => {
-                        if (!disableServiceWorker) {
+                        if (SINGLE_FILE_BUILD) {
+                            // process index.html
+                            const singleBuildHtml = './dist/single/index.html'
+                            let html = fs.readFileSync(singleBuildHtml, 'utf8')
+                            const verToMajor = (ver: string) => ver.split('.').slice(0, 2).join('.')
+                            const supportedMajorVersions = [...new Set(supportedVersions.map(a => verToMajor(a)))].join(', ')
+                            html = `<!DOCTYPE html><!-- MINECRAFT WEB CLIENT ${releaseTag} -->\n<!-- A true SINGLE FILE BUILD with built-in server -->\n<!-- All textures, assets and Minecraft data for ${supportedMajorVersions} inlined into one file. -->\n${html}`
+
+                            const resizedImage = (await (sharp('./assets/favicon.png') as any).resize(64).toBuffer()).toString('base64')
+                            html = html.replace('favicon.png', `data:image/png;base64,${resizedImage}`)
+                            html = html.replace('src="./loading-bg.jpg"', `src="data:image/png;base64,${fs.readFileSync('./assets/loading-bg.jpg', 'base64')}"`)
+                            html += '<script id="mesher-worker-code">' + fs.readFileSync('./dist/mesher.js', 'utf8') + '</script>'
+                            fs.writeFileSync(singleBuildHtml, html, 'utf8')
+                            // write output file size
+                            console.log('single file size', (fs.statSync(singleBuildHtml).size / 1024 / 1024).toFixed(2), 'mb')
+                        } else {
+                            if (!disableServiceWorker) {
                             const { count, size, warnings } = await generateSW({
-                                // dontCacheBustURLsMatching: [new RegExp('...')],
-                                globDirectory: 'dist',
-                                skipWaiting: true,
-                                clientsClaim: true,
-                                additionalManifestEntries: getSwAdditionalEntries(),
-                                globPatterns: [],
-                                swDest: './dist/service-worker.js',
-                            })
+                                    // dontCacheBustURLsMatching: [new RegExp('...')],
+                                    globDirectory: 'dist',
+                                    skipWaiting: true,
+                                    clientsClaim: true,
+                                    additionalManifestEntries: getSwAdditionalEntries(),
+                                    globPatterns: [],
+                                    swDest: './dist/service-worker.js',
+                                })
+                            }
                         }
                     })
                 }
diff --git a/scripts/genLargeDataAliases.ts b/scripts/genLargeDataAliases.ts
new file mode 100644
index 00000000..0cf206df
--- /dev/null
+++ b/scripts/genLargeDataAliases.ts
@@ -0,0 +1,59 @@
+import * as fs from 'fs'
+
+export const genLargeDataAliases = async (isCompressed: boolean) => {
+    const modules = {
+        mcData: {
+            raw: '../generated/minecraft-data-optimized.json',
+            compressed: '../generated/mc-data-compressed.js',
+        },
+        blockStatesModels: {
+            raw: 'mc-assets/dist/blockStatesModels.json',
+            compressed: '../generated/mc-assets-compressed.js',
+        }
+    }
+
+    const OUT_FILE = './generated/large-data-aliases.ts'
+
+    let str = `${decoderCode}\nexport const importLargeData = async (mod: ${Object.keys(modules).map(x => `'${x}'`).join(' | ')}) => {\n`
+    for (const [module, { compressed, raw }] of Object.entries(modules)) {
+        let importCode = `(await import('${isCompressed ? compressed : raw}')).default`;
+        if (isCompressed) {
+            importCode = `JSON.parse(decompressFromBase64(${importCode}))`
+        }
+        str += `  if (mod === '${module}') return ${importCode}\n`
+    }
+    str += `}\n`
+
+    fs.writeFileSync(OUT_FILE, str, 'utf8')
+}
+
+const decoderCode = /* ts */ `
+import pako from 'pako';
+
+function decompressFromBase64(input) {
+    console.time('decompressFromBase64')
+    // Decode the Base64 string
+    const binaryString = atob(input);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+
+    // Convert the binary string to a byte array
+    for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+    }
+
+    // Decompress the byte array
+    const decompressedData = pako.inflate(bytes, { to: 'string' });
+
+    console.timeEnd('decompressFromBase64')
+    return decompressedData;
+}
+`
+
+// execute if run directly
+if (require.main === module) {
+    console.log('running...')
+    const isCompressed = process.argv.includes('--compressed')
+    genLargeDataAliases(isCompressed)
+    console.log('done generating large data aliases')
+}
diff --git a/scripts/genShims.ts b/scripts/genShims.ts
index 0ee8d91e..2916044a 100644
--- a/scripts/genShims.ts
+++ b/scripts/genShims.ts
@@ -15,6 +15,7 @@ for (const resource of appReplacableResources) {
   const name = path.split('/').slice(-4).join('_').replace('.png', '').replaceAll('-', '_').replaceAll('.', '_')
   keys.push(name)
   headerImports += `import ${name} from '${path.replace('../node_modules/', '')}'\n`
+
   resourcesContent += `
   '${name}': {
     content: ${name},
diff --git a/scripts/makeOptimizedMcData.mjs b/scripts/makeOptimizedMcData.mjs
index eae0444b..05948cf2 100644
--- a/scripts/makeOptimizedMcData.mjs
+++ b/scripts/makeOptimizedMcData.mjs
@@ -42,14 +42,20 @@ const versionToNumber = (ver) => {
   return +`${x.padStart(2, '0')}${y.padStart(2, '0')}${z.padStart(2, '0')}`
 }
 
-const compressedOutput = false
 // if not included here (even as {}) will not be bundled & accessible!
-// const dataTypeBundling = {
-//   protocol: {
-//     // ignoreRemoved: true,
-//     // ignoreChanges: true
-//   }
-// }
+// const compressedOutput = !!process.env.SINGLE_FILE_BUILD
+const compressedOutput = true
+const dataTypeBundling2 = {
+  blocks: {
+    arrKey: 'name',
+  },
+  items: {
+    arrKey: 'name',
+  },
+  recipes: {
+    processData: processRecipes
+  }
+}
 const dataTypeBundling = {
   language: {
     ignoreRemoved: true,
@@ -132,7 +138,8 @@ const dataTypeBundling = {
   },
   recipes: {
     raw: true
-  }, // todo we can do better
+    // processData: processRecipes
+  },
   blockCollisionShapes: {},
   loginPacket: {},
   protocol: {
@@ -143,6 +150,84 @@ const dataTypeBundling = {
   // }
 }
 
+function processRecipes (current, prev, getData, version) {
+  // can require the same multiple times per different versions
+  if (current._proccessed) return
+  const items = getData('items')
+  const blocks = getData('blocks')
+  const itemsIdsMap = Object.fromEntries(items.map((b) => [b.id, b.name]))
+  const blocksIdsMap = Object.fromEntries(blocks.map((b) => [b.id, b.name]))
+  for (const key of Object.keys(current)) {
+    const mapId = (id) => {
+      if (typeof id !== 'string' && typeof id !== 'number') throw new Error('Incorrect type')
+      const mapped = itemsIdsMap[id] ?? blocksIdsMap[id]
+      if (!mapped) {
+        throw new Error(`No item/block name with id ${id}`)
+      }
+      return mapped
+    }
+    const processRecipe = (obj) => {
+      // if (!obj) return
+      // if (Array.isArray(obj)) {
+      //   obj.forEach((id, i) => {
+      //     obj[i] = mapId(obj[id])
+      //   })
+      // } else if (obj && typeof obj === 'object') {
+      //   if (!'count metadata id'.split(' ').every(x => x in obj)) {
+      //     throw new Error(`process error: Unknown deep object pattern: ${JSON.stringify(obj)}`)
+      //   }
+      //   obj.id = mapId(obj.id)
+      // } else {
+      //   throw new Error('unknown type')
+      // }
+      const parseRecipeItem = (item) => {
+        if (typeof item === 'number') return mapId(item)
+        if (Array.isArray(item)) return [mapId(item), ...item.slice(1)]
+        if (!item) {
+          return item
+        }
+        if ('id' in item) {
+          item.id = mapId(item.id)
+          return item
+        }
+        throw new Error('unhandled')
+      }
+      const maybeProccessShape = (shape) => {
+        if (!shape) return
+        for (const shapeRow of shape) {
+          for (const [i, item] of shapeRow.entries()) {
+            shapeRow[i] = parseRecipeItem(item)
+          }
+        }
+      }
+      if (obj.result) obj.result = parseRecipeItem(obj.result)
+      maybeProccessShape(obj.inShape)
+      maybeProccessShape(obj.outShape)
+      if (obj.ingredients) {
+        for (const [i, ingredient] of obj.ingredients.entries()) {
+          obj.ingredients[i] = parseRecipeItem(ingredient)
+        }
+      }
+    }
+    try {
+      const name = mapId(key)
+      for (const [i, recipe] of current[key].entries()) {
+        try {
+          processRecipe(recipe)
+        } catch (err) {
+          console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+          delete current[i]
+        }
+      }
+      current[name] = current[key]
+    } catch (err) {
+      console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+    }
+    delete current[key]
+  }
+  current._proccessed = true
+}
+
 const notBundling = [...dataTypes.keys()].filter(x => !Object.keys(dataTypeBundling).includes(x))
 console.log("Not bundling minecraft-data data:", notBundling)
 
@@ -161,11 +246,15 @@ for (const [i, [version, dataSet]] of versionsArr.reverse().entries()) {
       // contents += `      get ${dataType} () { return window.globalGetCollisionShapes?.("${version}") },\n`
       continue
     }
-    const loc = `minecraft-data/data/${dataPath}/`
-    const dataPathAbsolute = require.resolve(`minecraft-data/${loc}${dataType}`)
-    // const data = fs.readFileSync(dataPathAbsolute, 'utf8')
-    const dataRaw = require(dataPathAbsolute)
     let injectCode = ''
+    const getData = (type) => {
+      const loc = `minecraft-data/data/${dataSet[type]}/`
+      const dataPathAbsolute = require.resolve(`minecraft-data/${loc}${type}`)
+      // const data = fs.readFileSync(dataPathAbsolute, 'utf8')
+      const dataRaw = require(dataPathAbsolute)
+      return dataRaw
+    }
+    const dataRaw = getData(dataType)
     let rawData = dataRaw
     if (config.raw) {
       rawDataVersions[dataType] ??= {}
@@ -176,7 +265,7 @@ for (const [i, [version, dataSet]] of versionsArr.reverse().entries()) {
         diffSources[dataType] = new JsonOptimizer(config.arrKey, config.ignoreChanges, config.ignoreRemoved)
       }
       try {
-        config.processData?.(dataRaw, previousData[dataType])
+        config.processData?.(dataRaw, previousData[dataType], getData, version)
         diffSources[dataType].recordDiff(version, dataRaw)
         injectCode = `restoreDiff(sources, ${JSON.stringify(dataType)}, ${JSON.stringify(version)})`
       } catch (err) {
@@ -225,8 +314,14 @@ fs.writeFileSync(filePath, JSON.stringify(sources), 'utf8')
 if (compressedOutput) {
   const minizedCompressed = compressToBase64(fs.readFileSync(filePath))
   console.log('size of compressed', Buffer.byteLength(minizedCompressed, 'utf8') / 1000 / 1000)
-  const compressedFilePath = './experiments/compressed.js'
-  fs.writeFileSync(compressedFilePath, minizedCompressed, 'utf8')
+  const compressedFilePath = './generated/mc-data-compressed.js'
+  fs.writeFileSync(compressedFilePath, `export default ${JSON.stringify(minizedCompressed)}`, 'utf8')
+
+  const mcAssets = JSON.stringify(require('mc-assets/dist/blockStatesModels.json'))
+  fs.writeFileSync('./generated/mc-assets-compressed.js', `export default ${JSON.stringify(compressToBase64(mcAssets))}`, 'utf8')
+
+  // const modelsObj = fs.readFileSync('./prismarine-renderer/viewer/lib/entity/exportedModels.js')
+  // const models =
 }
 
 console.log('size', fs.lstatSync(filePath).size / 1000 / 1000, gzipSizeFromFileSync(filePath) / 1000 / 1000)
diff --git a/scripts/testOptimizedMcdata.ts b/scripts/testOptimizedMcdata.ts
index d6c74384..7c94fac2 100644
--- a/scripts/testOptimizedMcdata.ts
+++ b/scripts/testOptimizedMcdata.ts
@@ -1,5 +1,5 @@
 import assert from 'assert'
-import JsonOptimizer from '../src/optimizeJson';
+import JsonOptimizer, { restoreMinecraftData } from '../src/optimizeJson';
 import fs from 'fs'
 import minecraftData from 'minecraft-data'
 
@@ -8,7 +8,7 @@ const json = JSON.parse(fs.readFileSync('./generated/minecraft-data-optimized.js
 const dataPaths = require('minecraft-data/minecraft-data/data/dataPaths.json')
 
 const validateData = (ver, type) => {
-  const target = JsonOptimizer.restoreData(structuredClone(json[type]), ver)
+  const target = restoreMinecraftData(structuredClone(json), type, ver)
   const arrKey = json[type].arrKey
   const originalPath = dataPaths.pc[ver][type]
   const original = require(`minecraft-data/minecraft-data/data/${originalPath}/${type}.json`)
@@ -92,8 +92,8 @@ const checkKeys = (source, diffing, isUniq = true, msg = '', redundantIsOk = fal
 }
 
 // const data = minecraftData('1.20.4')
-const oldId = JsonOptimizer.restoreData(json['blocks'], '1.20').find(x => x.name === 'brown_stained_glass').id;
-const newId = JsonOptimizer.restoreData(json['blocks'], '1.20.4').find(x => x.name === 'brown_stained_glass').id;
+const oldId = JsonOptimizer.restoreData(json['blocks'], '1.20', undefined).find(x => x.name === 'brown_stained_glass').id;
+const newId = JsonOptimizer.restoreData(json['blocks'], '1.20.4', undefined).find(x => x.name === 'brown_stained_glass').id;
 assert(oldId !== newId)
 // test all types + all versions
 
diff --git a/src/connect.ts b/src/connect.ts
index a67e6a62..7557bf5b 100644
--- a/src/connect.ts
+++ b/src/connect.ts
@@ -1,9 +1,15 @@
 // import { versionsByMinecraftVersion } from 'minecraft-data'
 // import minecraftInitialDataJson from '../generated/minecraft-initial-data.json'
-import { AuthenticatedAccount } from './react/serversStorage'
-import { downloadSoundsIfNeeded } from './sounds/botSoundSystem'
-import { options } from './optionsStorage'
+import MinecraftData from 'minecraft-data'
+import PrismarineBlock from 'prismarine-block'
+import PrismarineItem from 'prismarine-item'
+import pathfinder from 'mineflayer-pathfinder'
+import { importLargeData } from '../generated/large-data-aliases'
+import { miscUiState } from './globalState'
 import supportedVersions from './supportedVersions.mjs'
+import { options } from './optionsStorage'
+import { downloadSoundsIfNeeded } from './sounds/botSoundSystem'
+import { AuthenticatedAccount } from './react/serversStorage'
 
 export type ConnectOptions = {
   server?: string
@@ -38,7 +44,8 @@ export const getVersionAutoSelect = (autoVersionSelect = options.serversAutoVers
   return autoVersionSelect
 }
 
-export const downloadMcDataOnConnect = async (version: string) => {
+export const loadMinecraftData = async (version: string, importBlockstatesModels = false) => {
+  await window._LOAD_MC_DATA()
   // setLoadingScreenStatus(`Loading data for ${version}`)
   // // todo expose cache
   // // const initialDataVersion = Object.keys(minecraftInitialDataJson)[0]!
@@ -47,8 +54,16 @@ export const downloadMcDataOnConnect = async (version: string) => {
   // //   versionsByMinecraftVersion.pc[initialDataVersion]!.dataVersion!++
   // // }
 
-  // await window._MC_DATA_RESOLVER.promise // ensure data is loaded
-  // miscUiState.loadedDataVersion = version
+  const mcData = MinecraftData(version)
+  window.PrismarineBlock = PrismarineBlock(mcData.version.minecraftVersion!)
+  window.PrismarineItem = PrismarineItem(mcData.version.minecraftVersion!)
+  window.loadedData = mcData
+  window.pathfinder = pathfinder
+  miscUiState.loadedDataVersion = version
+
+  if (importBlockstatesModels) {
+    viewer.world.blockstatesModels = await importLargeData('blockStatesModels')
+  }
 }
 
 export const downloadAllMinecraftData = async () => {
diff --git a/src/devtools.ts b/src/devtools.ts
index 617a4440..daaf1a35 100644
--- a/src/devtools.ts
+++ b/src/devtools.ts
@@ -3,7 +3,9 @@
 import fs from 'fs'
 import { WorldRendererThree } from 'renderer/viewer/lib/worldrendererThree'
 import { enable, disable, enabled } from 'debug'
+import { Vec3 } from 'vec3'
 
+window.Vec3 = Vec3
 window.cursorBlockRel = (x = 0, y = 0, z = 0) => {
   const newPos = bot.blockAtCursor(5)?.position.offset(x, y, z)
   if (!newPos) return
diff --git a/src/index.ts b/src/index.ts
index c1fa5fd5..812b8c51 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -23,8 +23,6 @@ import { Duplex } from 'stream'
 
 import './scaleInterface'
 import { initWithRenderer } from './topRightStats'
-import PrismarineBlock from 'prismarine-block'
-import PrismarineItem from 'prismarine-item'
 
 import { options, watchValue } from './optionsStorage'
 import './reactUi'
@@ -39,7 +37,6 @@ import net from 'net'
 import mineflayer from 'mineflayer'
 import { WorldDataEmitter, Viewer } from 'renderer/viewer'
 import pathfinder from 'mineflayer-pathfinder'
-import { Vec3 } from 'vec3'
 
 import * as THREE from 'three'
 import MinecraftData from 'minecraft-data'
@@ -90,7 +87,7 @@ import { saveToBrowserMemory } from './react/PauseScreen'
 import { ViewerWrapper } from 'renderer/viewer/lib/viewerWrapper'
 import './devReload'
 import './water'
-import { ConnectOptions, downloadMcDataOnConnect, getVersionAutoSelect, downloadOtherGameData, downloadAllMinecraftData } from './connect'
+import { ConnectOptions, loadMinecraftData, getVersionAutoSelect, downloadOtherGameData, downloadAllMinecraftData } from './connect'
 import { ref, subscribe } from 'valtio'
 import { signInMessageState } from './react/SignInMessageProvider'
 import { updateAuthenticatedAccountData, updateLoadedServerData, updateServerConnectionHistory } from './react/serversStorage'
@@ -114,6 +111,7 @@ import { startLocalReplayServer } from './packetsReplay/replayPackets'
 import { localRelayServerPlugin } from './mineflayer/plugins/packetsRecording'
 import { createFullScreenProgressReporter } from './core/progressReporter'
 import { getItemModelName } from './resourcesManager'
+import { importLargeData } from '../generated/large-data-aliases'
 
 window.debug = debug
 window.THREE = THREE
@@ -416,7 +414,7 @@ export async function connect (connectOptions: ConnectOptions) {
       await progress.executeWithMessage(
         'Applying user-installed resource pack',
         async () => {
-          await downloadMcDataOnConnect(version)
+          await loadMinecraftData(version)
           try {
             await resourcepackReload(version)
           } catch (err) {
@@ -432,7 +430,7 @@ export async function connect (connectOptions: ConnectOptions) {
       await progress.executeWithMessage(
         'Loading minecraft models',
         async () => {
-          viewer.world.blockstatesModels = await import('mc-assets/dist/blockStatesModels.json')
+          viewer.world.blockstatesModels = await importLargeData('blockStatesModels')
           void viewer.setVersion(version, options.useVersionsTextures === 'latest' ? version : options.useVersionsTextures)
           miscUiState.loadedDataVersion = version
         }
@@ -747,13 +745,6 @@ export async function connect (connectOptions: ConnectOptions) {
 
   bot.once('login', () => {
     setLoadingScreenStatus('Loading world')
-
-    const mcData = MinecraftData(bot.version)
-    window.PrismarineBlock = PrismarineBlock(mcData.version.minecraftVersion!)
-    window.PrismarineItem = PrismarineItem(mcData.version.minecraftVersion!)
-    window.loadedData = mcData
-    window.Vec3 = Vec3
-    window.pathfinder = pathfinder
   })
 
   const start = Date.now()
@@ -880,8 +871,8 @@ export async function connect (connectOptions: ConnectOptions) {
     miscUiState.gameLoaded = true
     miscUiState.loadedServerIndex = connectOptions.serverIndex ?? ''
     customEvents.emit('gameLoaded')
-    setLoadingScreenStatus(undefined)
     progress.end()
+    setLoadingScreenStatus(undefined)
   })
 
   if (singleplayer && connectOptions.serverOverrides.worldFolder) {
diff --git a/src/optimizeJson.ts b/src/optimizeJson.ts
index d19d25d5..8c23dac0 100644
--- a/src/optimizeJson.ts
+++ b/src/optimizeJson.ts
@@ -18,6 +18,102 @@ type SourceData = {
   __IS_OPTIMIZED__: true
 }
 
+function getRecipesProcessorProcessRecipes (items, blocks) {
+  return (current) => {
+    // can require the same multiple times per different versions
+    const itemsIdsMap = Object.fromEntries(items.map((b) => [b.name, b.id]))
+    const blocksIdsMap = Object.fromEntries(blocks.map((b) => [b.name, b.id]))
+    const keys = Object.keys(current)
+    for (const key of keys) {
+      if (key === '_proccessed') {
+        delete current[key]
+        continue
+      }
+      const mapId = (id) => {
+        if (typeof id !== 'string' && typeof id !== 'number') throw new Error('Incorrect type')
+        const mapped = itemsIdsMap[id] ?? blocksIdsMap[id]
+        if (!mapped) {
+          throw new Error(`No item/block name with id ${id}`)
+        }
+        return mapped
+      }
+      const processRecipe = (obj) => {
+        // if (!obj) return
+        // if (Array.isArray(obj)) {
+        //   obj.forEach((id, i) => {
+        //     obj[i] = mapId(obj[id])
+        //   })
+        // } else if (obj && typeof obj === 'object') {
+        //   if (!'count metadata id'.split(' ').every(x => x in obj)) {
+        //     throw new Error(`process error: Unknown deep object pattern: ${JSON.stringify(obj)}`)
+        //   }
+        //   obj.id = mapId(obj.id)
+        // } else {
+        //   throw new Error('unknown type')
+        // }
+        const parseRecipeItem = (item) => {
+          if (typeof item === 'number' || typeof item === 'string') return mapId(item)
+          if (Array.isArray(item)) return [mapId(item), ...item.slice(1)]
+          if (!item) {
+            return item
+          }
+          if ('id' in item) {
+            item.id = mapId(item.id)
+            return item
+          }
+          throw new Error('unhandled')
+        }
+        const maybeProccessShape = (shape) => {
+          if (!shape) return
+          for (const shapeRow of shape) {
+            for (const [i, item] of shapeRow.entries()) {
+              shapeRow[i] = parseRecipeItem(item)
+            }
+          }
+        }
+        if (obj.result) obj.result = parseRecipeItem(obj.result)
+        maybeProccessShape(obj.inShape)
+        maybeProccessShape(obj.outShape)
+        if (obj.ingredients) {
+          for (const [i, ingredient] of obj.ingredients.entries()) {
+            obj.ingredients[i] = parseRecipeItem(ingredient)
+          }
+        }
+      }
+      // eslint-disable-next-line no-useless-catch
+      try {
+        const name = mapId(key)
+        for (const [i, recipe] of current[key].entries()) {
+          // eslint-disable-next-line no-useless-catch
+          try {
+            processRecipe(recipe)
+          } catch (err) {
+            // console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+            // delete current[i]
+            throw err
+          }
+        }
+        current[name] = current[key]
+      } catch (err) {
+        // console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+        throw err
+      }
+      delete current[key]
+    }
+  }
+}
+
+export const restoreMinecraftData = (allVersionData: any, type: string, version: string) => {
+  let restorer
+  if (type === 'recipes') {
+    restorer = getRecipesProcessorProcessRecipes(
+      JsonOptimizer.restoreData(allVersionData.items, version, undefined),
+      JsonOptimizer.restoreData(allVersionData.blocks, version, undefined),
+    )
+  }
+  return JsonOptimizer.restoreData(allVersionData[type], version, restorer)
+}
+
 export default class JsonOptimizer {
   keys = {} as IdMap
   idToKey = {} as Record<number, string>
@@ -146,6 +242,7 @@ export default class JsonOptimizer {
 
   recordDiff (key: string, diffObj: string) {
     const diff = this.diffObj(diffObj)
+    // problem is that 274 key 10.20.6 no removed keys in diff created
     this.diffs[key] = diff
   }
 
@@ -158,7 +255,7 @@ export default class JsonOptimizer {
     return true
   }
 
-  static restoreData ({ keys, properties, source, arrKey, diffs }: SourceData, targetKey: string) {
+  static restoreData ({ keys, properties, source, arrKey, diffs }: SourceData, targetKey: string, dataRestorer: ((data) => void) | undefined) {
     // if (!diffs[targetKey]) throw new Error(`The requested data to restore with key ${targetKey} does not exist`)
     source = structuredClone(source)
     const keysById = Object.fromEntries(Object.entries(keys).map(x => [x[1], x[0]]))
@@ -204,11 +301,14 @@ export default class JsonOptimizer {
         break
       }
     }
+    let data
     if (arrKey) {
-      return Object.values(dataByKeys)
+      data = Object.values(dataByKeys)
     } else {
-      return Object.fromEntries(Object.entries(dataByKeys).map(([key, val]) => [keysById[key], val]))
+      data = Object.fromEntries(Object.entries(dataByKeys).map(([key, val]) => [keysById[key], val]))
     }
+    dataRestorer?.(data)
+    return data
   }
 
   static getByArrKey (item: any, arrKey: string) {
diff --git a/src/optionsStorage.ts b/src/optionsStorage.ts
index 79748679..1c5c999e 100644
--- a/src/optionsStorage.ts
+++ b/src/optionsStorage.ts
@@ -163,10 +163,12 @@ const migrateOptions = (options: Partial<AppOptions & Record<string, any>>) => {
 
 export type AppOptions = typeof defaultOptions
 
+// when opening html file locally in browser, localStorage is shared between all ever opened html files, so we try to avoid conflicts
+const localStorageKey = process.env.SINGLE_FILE_BUILD ? 'minecraftWebClientOptions' : 'options'
 export const options: AppOptions = proxy({
   ...defaultOptions,
   ...initialAppConfig.defaultSettings,
-  ...migrateOptions(JSON.parse(localStorage.options || '{}')),
+  ...migrateOptions(JSON.parse(localStorage[localStorageKey] || '{}')),
   ...qsOptions
 })
 
@@ -185,7 +187,7 @@ Object.defineProperty(window, 'debugChangedOptions', {
 subscribe(options, () => {
   // Don't save disabled settings to localStorage
   const saveOptions = omitObj(options, [...disabledSettings.value] as any)
-  localStorage.options = JSON.stringify(saveOptions)
+  localStorage[localStorageKey] = JSON.stringify(saveOptions)
 })
 
 type WatchValue = <T extends Record<string, any>>(proxy: T, callback: (p: T, isChanged: boolean) => void) => () => void
diff --git a/src/panorama.ts b/src/panorama.ts
index 8def97c4..24ad0384 100644
--- a/src/panorama.ts
+++ b/src/panorama.ts
@@ -5,9 +5,14 @@ import fs from 'fs'
 import * as THREE from 'three'
 import { subscribeKey } from 'valtio/utils'
 import { EntityMesh } from 'renderer/viewer/lib/entity/EntityMesh'
+import { WorldDataEmitter } from 'renderer/viewer'
+import { Vec3 } from 'vec3'
+import { getSyncWorld } from 'renderer/playground/shared'
+import * as tweenJs from '@tweenjs/tween.js'
 import { fromTexturePackPath, resourcePackState } from './resourcePack'
 import { options, watchValue } from './optionsStorage'
 import { miscUiState } from './globalState'
+import { loadMinecraftData } from './connect'
 
 let panoramaCubeMap
 let shouldDisplayPanorama = false
@@ -41,38 +46,33 @@ const updateResourcePackSupportPanorama = async () => {
   try {
     // TODO!
     // await fs.promises.readFile(fromTexturePackPath(join(panoramaResourcePackPath, panoramaFiles[0])), 'base64')
-    panoramaUsesResourcePack = true
+    // panoramaUsesResourcePack = true
   } catch (err) {
     panoramaUsesResourcePack = false
   }
 }
 
-watchValue(miscUiState, m => {
-  if (m.fsReady) {
-    // Also adds panorama on app load here
-    watchValue(resourcePackState, async (s) => {
-      const oldState = panoramaUsesResourcePack
-      const newState = s.resourcePackInstalled && (await updateResourcePackSupportPanorama(), panoramaUsesResourcePack)
-      if (newState === oldState) return
-      removePanorama()
-      void addPanoramaCubeMap()
-    })
-  }
-})
+setTimeout(() => {
+  // after viewer is initialized
+  void addPanoramaCubeMap()
+}, 0)
 
-subscribeKey(miscUiState, 'loadedDataVersion', () => {
-  if (miscUiState.loadedDataVersion) removePanorama()
-  else void addPanoramaCubeMap()
-})
+let unloadPanoramaCallbacks = [] as Array<() => void>
 
 // Menu panorama background
 // TODO-low use abort controller
 export async function addPanoramaCubeMap () {
   if (panoramaCubeMap || miscUiState.loadedDataVersion || options.disableAssets) return
+  viewer.camera.fov = 85
+  await updateResourcePackSupportPanorama()
+  if (process.env.SINGLE_FILE_BUILD_MODE && !panoramaUsesResourcePack) {
+    void initDemoWorld()
+    return
+  }
+
   shouldDisplayPanorama = true
 
   let time = 0
-  viewer.camera.fov = 85
   viewer.camera.near = 0.05
   viewer.camera.updateProjectionMatrix()
   viewer.camera.position.set(0, 0, 0)
@@ -81,7 +81,6 @@ export async function addPanoramaCubeMap () {
 
   const loader = new THREE.TextureLoader()
   const panorMaterials = [] as THREE.MeshBasicMaterial[]
-  await updateResourcePackSupportPanorama()
   for (const file of panoramaFiles) {
     const texture = loader.load(await possiblyLoadPanoramaFromResourcePack(file))
 
@@ -135,11 +134,86 @@ export async function addPanoramaCubeMap () {
 }
 
 export function removePanorama () {
+  for (const unloadPanoramaCallback of unloadPanoramaCallbacks) {
+    unloadPanoramaCallback()
+  }
+  unloadPanoramaCallbacks = []
+  viewer.camera.fov = options.fov
   shouldDisplayPanorama = false
   if (!panoramaCubeMap) return
-  viewer.camera.fov = options.fov
   viewer.camera.near = 0.1
   viewer.camera.updateProjectionMatrix()
   viewer.scene.remove(panoramaCubeMap)
   panoramaCubeMap = null
 }
+
+const initDemoWorld = async () => {
+  const abortController = new AbortController()
+  unloadPanoramaCallbacks.push(() => {
+    abortController.abort()
+  })
+  const version = '1.21.4'
+  console.time(`load ${version} mc-data`)
+  await loadMinecraftData(version, true)
+  console.timeEnd(`load ${version} mc-data`)
+  if (abortController.signal.aborted) return
+  console.time('load scene')
+  const world = getSyncWorld(version)
+  const PrismarineBlock = require('prismarine-block')
+  const Block = PrismarineBlock(version)
+  const fullBlocks = loadedData.blocksArray.filter(block => {
+    // if (block.name.includes('leaves')) return false
+    if (/* !block.name.includes('wool') &&  */!block.name.includes('stained_glass')/*  && !block.name.includes('terracotta') */) return false
+    const b = Block.fromStateId(block.defaultState, 0)
+    if (b.shapes?.length !== 1) return false
+    const shape = b.shapes[0]
+    return shape[0] === 0 && shape[1] === 0 && shape[2] === 0 && shape[3] === 1 && shape[4] === 1 && shape[5] === 1
+  })
+  const Z = -15
+  const sizeX = 100
+  const sizeY = 100
+  for (let x = -sizeX; x < sizeX; x++) {
+    for (let y = -sizeY; y < sizeY; y++) {
+      const block = fullBlocks[Math.floor(Math.random() * fullBlocks.length)]
+      world.setBlockStateId(new Vec3(x, y, Z), block.defaultState)
+    }
+  }
+  viewer.camera.updateProjectionMatrix()
+  viewer.camera.position.set(0.5, sizeY / 2 + 0.5, 0.5)
+  viewer.camera.rotation.set(0, 0, 0)
+  const initPos = new Vec3(...viewer.camera.position.toArray())
+  const worldView = new WorldDataEmitter(world, 2, initPos)
+  // worldView.addWaitTime = 0
+  await viewer.world.setVersion(version)
+  if (abortController.signal.aborted) return
+  viewer.connect(worldView)
+  void worldView.init(initPos)
+  await viewer.world.waitForChunksToRender()
+  if (abortController.signal.aborted) return
+  // add small camera rotation to side on mouse move depending on absolute position of the cursor
+  const { camera } = viewer
+  const initX = camera.position.x
+  const initY = camera.position.y
+  let prevTwin: tweenJs.Tween<THREE.Vector3> | undefined
+  document.body.addEventListener('pointermove', (e) => {
+    if (e.pointerType !== 'mouse') return
+    const pos = new THREE.Vector2(e.clientX, e.clientY)
+    const SCALE = 0.2
+    /* -0.5 - 0.5 */
+    const xRel = pos.x / window.innerWidth - 0.5
+    const yRel = -(pos.y / window.innerHeight - 0.5)
+    prevTwin?.stop()
+    const to = {
+      x: initX + (xRel * SCALE),
+      y: initY + (yRel * SCALE)
+    }
+    prevTwin = new tweenJs.Tween(camera.position).to(to, 0) // todo use the number depending on diff // todo use the number depending on diff
+    // prevTwin.easing(tweenJs.Easing.Exponential.InOut)
+    prevTwin.start()
+    camera.updateProjectionMatrix()
+  }, {
+    signal: abortController.signal
+  })
+
+  console.timeEnd('load scene')
+}
diff --git a/src/react/MainMenuRenderApp.tsx b/src/react/MainMenuRenderApp.tsx
index 30fd3047..cdcfc096 100644
--- a/src/react/MainMenuRenderApp.tsx
+++ b/src/react/MainMenuRenderApp.tsx
@@ -87,7 +87,9 @@ export default () => {
   const [versionTitle, setVersionTitle] = useState('')
 
   useEffect(() => {
-    if (process.env.NODE_ENV === 'development') {
+    if (process.env.SINGLE_FILE_BUILD_MODE) {
+      setVersionStatus('(single file build)')
+    } else if (process.env.NODE_ENV === 'development') {
       setVersionStatus('(dev)')
     } else {
       fetch('./version.txt').then(async (f) => {
diff --git a/src/react/SignEditor.stories.tsx b/src/react/SignEditor.stories.tsx
index e7bcdd40..00f9404a 100644
--- a/src/react/SignEditor.stories.tsx
+++ b/src/react/SignEditor.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { ProseMirrorView } from './prosemirror-markdown'
 
 import SignEditor from './SignEditor'
 
@@ -19,7 +20,7 @@ type Story = StoryObj<typeof SignEditor>
 export const Primary: Story = {
   args: {
     handleInput () {},
-    isWysiwyg: false
+    ProseMirrorView
   },
   parameters: {
     noScaling: true
diff --git a/src/react/SignEditor.tsx b/src/react/SignEditor.tsx
index 1d3be96e..1af100c0 100644
--- a/src/react/SignEditor.tsx
+++ b/src/react/SignEditor.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
 import { focusable } from 'tabbable'
 import markdownToFormattedText from '../markdownToFormattedText'
-import { ProseMirrorView } from './prosemirror-markdown'
+import type { ProseMirrorView } from './prosemirror-markdown'
 import Button from './Button'
 import 'prosemirror-view/style/prosemirror.css'
 import 'prosemirror-menu/style/menu.css'
@@ -12,7 +12,7 @@ const imageSource = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAA
 
 type Props = {
   handleInput: (target: HTMLInputElement) => void,
-  isWysiwyg: boolean,
+  ProseMirrorView: typeof ProseMirrorView,
   handleClick?: (view: ResultType) => void
 }
 
@@ -22,7 +22,8 @@ export type ResultType = {
   dataText: string[]
 }
 
-export default ({ handleInput, isWysiwyg, handleClick }: Props) => {
+export default ({ handleInput, ProseMirrorView, handleClick }: Props) => {
+  const isWysiwyg = !!ProseMirrorView
   const prosemirrorContainer = useRef(null)
   const editorView = useRef<ProseMirrorView | null>(null)
 
diff --git a/src/react/SignEditorProvider.tsx b/src/react/SignEditorProvider.tsx
index 676c7ff5..68c5abd0 100644
--- a/src/react/SignEditorProvider.tsx
+++ b/src/react/SignEditorProvider.tsx
@@ -22,6 +22,7 @@ export default () => {
   const text = useRef<string[]>(['', '', '', ''])
   const [enableWysiwyg, setEnableWysiwyg] = useState(false)
   const isModalActive = useIsModalActive('signs-editor-screen')
+  const [proseMirrorView, setProseMirrorView] = useState(null as any)
 
   const handleClick = (result: ResultType) => {
     hideModal({ reactType: 'signs-editor-screen' })
@@ -72,8 +73,14 @@ export default () => {
         setEnableWysiwyg(false)
       }
     })
+
+    if (!process.env.SINGLE_FILE_BUILD) {
+      void import('./prosemirror-markdown').then(({ ProseMirrorView }) => {
+        setProseMirrorView(() => ProseMirrorView)
+      })
+    }
   }, [])
 
   if (!isModalActive) return null
-  return <SignEditor isWysiwyg={enableWysiwyg} handleInput={handleInput} handleClick={handleClick} />
+  return <SignEditor ProseMirrorView={enableWysiwyg ? proseMirrorView : undefined} handleInput={handleInput} handleClick={handleClick} />
 }
diff --git a/src/serviceWorker.ts b/src/serviceWorker.ts
index 1cec6863..321fc607 100644
--- a/src/serviceWorker.ts
+++ b/src/serviceWorker.ts
@@ -2,8 +2,8 @@ import { isCypress } from './standaloneUtils'
 
 // might not resolve at all
 export const registerServiceWorker = async () => {
+  if (!('serviceWorker' in navigator) || process.env.SINGLE_FILE_BUILD) return
   if (process.env.DISABLE_SERVICE_WORKER) return
-  if (!('serviceWorker' in navigator)) return
   if (!isCypress() && process.env.NODE_ENV !== 'development') {
     return new Promise<void>(resolve => {
       window.addEventListener('load', async () => {
diff --git a/src/shims/minecraftData.ts b/src/shims/minecraftData.ts
index c25bcfb0..e5097d0f 100644
--- a/src/shims/minecraftData.ts
+++ b/src/shims/minecraftData.ts
@@ -1,7 +1,8 @@
 import { versionToNumber } from 'renderer/viewer/prepare/utils'
-import JsonOptimizer from '../optimizeJson'
+import { restoreMinecraftData } from '../optimizeJson'
 // import minecraftInitialDataJson from '../../generated/minecraft-initial-data.json'
 import { toMajorVersion } from '../utils'
+import { importLargeData } from '../../generated/large-data-aliases'
 
 const customResolver = () => {
   const resolver = Promise.withResolvers()
@@ -22,7 +23,7 @@ const optimizedDataResolver = customResolver()
 window._MC_DATA_RESOLVER = optimizedDataResolver
 window._LOAD_MC_DATA = async () => {
   if (optimizedDataResolver.resolvedData) return
-  optimizedDataResolver.resolve(await import('../../generated/minecraft-data-optimized.json'))
+  optimizedDataResolver.resolve(await importLargeData('mcData'))
 }
 
 // 30 seconds
@@ -53,7 +54,7 @@ const possiblyGetFromCache = (version: string) => {
 
       const data = optimizedDataResolver.resolvedData[dataType]
       if (data.__IS_OPTIMIZED__) {
-        allRestored[dataType] = JsonOptimizer.restoreData(data, version)
+        allRestored[dataType] = restoreMinecraftData(optimizedDataResolver.resolvedData, dataType, version)
       } else {
         allRestored[dataType] = data[version] ?? data[toMajorVersion(version)]
       }

From 87e5ae253db20685b6e8e68378f06ec317a72c30 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Wed, 12 Mar 2025 00:14:16 +0300
Subject: [PATCH 12/15] simplify panorama, sfp fixes!

---
 renderer/viewer/lib/worldrendererCommon.ts |  8 ++++
 rsbuild.config.ts                          |  2 +-
 src/panorama.ts                            | 52 ++++++----------------
 3 files changed, 23 insertions(+), 39 deletions(-)

diff --git a/renderer/viewer/lib/worldrendererCommon.ts b/renderer/viewer/lib/worldrendererCommon.ts
index 3852e535..6ccbdca5 100644
--- a/renderer/viewer/lib/worldrendererCommon.ts
+++ b/renderer/viewer/lib/worldrendererCommon.ts
@@ -339,6 +339,14 @@ export abstract class WorldRendererCommon<WorkerSend = any, WorkerReceive = any>
     this.version = version
     this.texturesVersion = texturesVersion
     this.resetWorld()
+
+    // for workers in single file build
+    if (document.readyState === 'loading') {
+      await new Promise(resolve => {
+        document.addEventListener('DOMContentLoaded', resolve)
+      })
+    }
+
     this.initWorkers()
     this.active = true
     this.mesherConfig.outputFormat = this.outputFormat
diff --git a/rsbuild.config.ts b/rsbuild.config.ts
index fede0309..1701fc5c 100644
--- a/rsbuild.config.ts
+++ b/rsbuild.config.ts
@@ -208,7 +208,7 @@ const appConfig = defineConfig({
                             let html = fs.readFileSync(singleBuildHtml, 'utf8')
                             const verToMajor = (ver: string) => ver.split('.').slice(0, 2).join('.')
                             const supportedMajorVersions = [...new Set(supportedVersions.map(a => verToMajor(a)))].join(', ')
-                            html = `<!DOCTYPE html><!-- MINECRAFT WEB CLIENT ${releaseTag} -->\n<!-- A true SINGLE FILE BUILD with built-in server -->\n<!-- All textures, assets and Minecraft data for ${supportedMajorVersions} inlined into one file. -->\n${html}`
+                            html = `<!DOCTYPE html><!-- MINECRAFT WEB CLIENT ${releaseTag ?? ''} -->\n<!-- A true SINGLE FILE BUILD with built-in server -->\n<!-- All textures, assets and Minecraft data for ${supportedMajorVersions} inlined into one file. -->\n${html}`
 
                             const resizedImage = (await (sharp('./assets/favicon.png') as any).resize(64).toBuffer()).toString('base64')
                             html = html.replace('favicon.png', `data:image/png;base64,${resizedImage}`)
diff --git a/src/panorama.ts b/src/panorama.ts
index 24ad0384..65678a6a 100644
--- a/src/panorama.ts
+++ b/src/panorama.ts
@@ -1,22 +1,19 @@
 //@ts-check
 
 import { join } from 'path'
-import fs from 'fs'
 import * as THREE from 'three'
-import { subscribeKey } from 'valtio/utils'
 import { EntityMesh } from 'renderer/viewer/lib/entity/EntityMesh'
 import { WorldDataEmitter } from 'renderer/viewer'
 import { Vec3 } from 'vec3'
 import { getSyncWorld } from 'renderer/playground/shared'
 import * as tweenJs from '@tweenjs/tween.js'
-import { fromTexturePackPath, resourcePackState } from './resourcePack'
-import { options, watchValue } from './optionsStorage'
+import { subscribeKey } from 'valtio/utils'
+import { options } from './optionsStorage'
 import { miscUiState } from './globalState'
 import { loadMinecraftData } from './connect'
 
 let panoramaCubeMap
 let shouldDisplayPanorama = false
-let panoramaUsesResourcePack = null as boolean | null
 
 const panoramaFiles = [
   'panorama_3.png', // right (+x)
@@ -27,45 +24,17 @@ const panoramaFiles = [
   'panorama_2.png', // back (-z)
 ]
 
-const panoramaResourcePackPath = 'assets/minecraft/textures/gui/title/background'
-const possiblyLoadPanoramaFromResourcePack = async (file) => {
-  let base64Texture
-  if (panoramaUsesResourcePack) {
-    try {
-      // TODO!
-      // base64Texture = await fs.promises.readFile(fromTexturePackPath(join(panoramaResourcePackPath, file)), 'base64')
-    } catch (err) {
-      panoramaUsesResourcePack = false
-    }
-  }
-  if (base64Texture) return `data:image/png;base64,${base64Texture}`
-  else return join('background', file)
-}
-
-const updateResourcePackSupportPanorama = async () => {
-  try {
-    // TODO!
-    // await fs.promises.readFile(fromTexturePackPath(join(panoramaResourcePackPath, panoramaFiles[0])), 'base64')
-    // panoramaUsesResourcePack = true
-  } catch (err) {
-    panoramaUsesResourcePack = false
-  }
-}
-
-setTimeout(() => {
-  // after viewer is initialized
-  void addPanoramaCubeMap()
-}, 0)
-
 let unloadPanoramaCallbacks = [] as Array<() => void>
 
 // Menu panorama background
 // TODO-low use abort controller
 export async function addPanoramaCubeMap () {
   if (panoramaCubeMap || miscUiState.loadedDataVersion || options.disableAssets) return
+  await new Promise(resolve => {
+    setTimeout(resolve, 0) // wait for viewer to be initialized
+  })
   viewer.camera.fov = 85
-  await updateResourcePackSupportPanorama()
-  if (process.env.SINGLE_FILE_BUILD_MODE && !panoramaUsesResourcePack) {
+  if (process.env.SINGLE_FILE_BUILD_MODE) {
     void initDemoWorld()
     return
   }
@@ -82,7 +51,7 @@ export async function addPanoramaCubeMap () {
   const loader = new THREE.TextureLoader()
   const panorMaterials = [] as THREE.MeshBasicMaterial[]
   for (const file of panoramaFiles) {
-    const texture = loader.load(await possiblyLoadPanoramaFromResourcePack(file))
+    const texture = loader.load(join('background', file))
 
     // Instead of using repeat/offset to flip, we'll use the texture matrix
     texture.matrixAutoUpdate = false
@@ -133,6 +102,13 @@ export async function addPanoramaCubeMap () {
   panoramaCubeMap = group
 }
 
+subscribeKey(miscUiState, 'fsReady', () => {
+  if (miscUiState.fsReady) {
+    // don't do it earlier to load fs and display menu faster
+    void addPanoramaCubeMap()
+  }
+})
+
 export function removePanorama () {
   for (const unloadPanoramaCallback of unloadPanoramaCallbacks) {
     unloadPanoramaCallback()

From 10ed5b6dfb1fc637014335e9985101c9162471a0 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Wed, 12 Mar 2025 00:17:24 +0300
Subject: [PATCH 13/15] update to wss

---
 config.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/config.json b/config.json
index 4b3c1e69..532ed9c7 100644
--- a/config.json
+++ b/config.json
@@ -7,14 +7,14 @@
   "peerJsServerFallback": "https://p2p.mcraft.fun",
   "promoteServers": [
     {
-      "ip": "ws://mcraft.ryzyn.xyz",
+      "ip": "wss://mcraft.ryzyn.xyz",
       "version": "1.19.4"
     },
     {
-      "ip": "ws://play.mcraft.fun"
+      "ip": "wss://play.mcraft.fun"
     },
     {
-      "ip": "ws://play2.mcraft.fun"
+      "ip": "wss://play2.mcraft.fun"
     },
     {
       "ip": "kaboom.pw",

From 78313ee225ad1eed1c300344f0e964f7c8ad8e16 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Wed, 12 Mar 2025 01:55:18 +0300
Subject: [PATCH 14/15] fix more annoying crash edge cases

---
 package.json            |  2 +-
 pnpm-lock.yaml          | 10 +++++-----
 src/react/AppStatus.tsx | 11 ++++++++++-
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index e0b90b8a..36fe2218 100644
--- a/package.json
+++ b/package.json
@@ -151,7 +151,7 @@
     "http-server": "^14.1.1",
     "https-browserify": "^1.0.0",
     "mc-assets": "^0.2.42",
-    "mineflayer-mouse": "^0.0.7",
+    "mineflayer-mouse": "^0.0.8",
     "minecraft-inventory-gui": "github:zardoy/minecraft-inventory-gui#next",
     "mineflayer": "github:zardoy/mineflayer",
     "mineflayer-pathfinder": "^2.4.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a3979e38..c5a4459e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -362,8 +362,8 @@ importers:
         specifier: github:zardoy/mineflayer
         version: https://codeload.github.com/zardoy/mineflayer/tar.gz/748163e536abe94f3dc8ada7a542bcd689bbbf49(encoding@0.1.13)
       mineflayer-mouse:
-        specifier: ^0.0.7
-        version: 0.0.7(@types/debug@4.1.12)(@types/node@22.8.1)(terser@5.31.3)(tsx@4.7.0)(yaml@2.4.1)
+        specifier: ^0.0.8
+        version: 0.0.8(@types/debug@4.1.12)(@types/node@22.8.1)(terser@5.31.3)(tsx@4.7.0)(yaml@2.4.1)
       mineflayer-pathfinder:
         specifier: ^2.4.4
         version: 2.4.4
@@ -6916,8 +6916,8 @@ packages:
     resolution: {tarball: https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/a8d210ecdcf78dd082fa149a96e1612cc9747824}
     version: 1.2.0
 
-  mineflayer-mouse@0.0.7:
-    resolution: {integrity: sha512-/cSDsc2ZPlvakc3BX+/K9VD64HAIa+LGiz34RpQvUy7hwx3nXdZjJHDjzEdn86BBzRF5pZOxIoXm8hlZKCYeeQ==}
+  mineflayer-mouse@0.0.8:
+    resolution: {integrity: sha512-Y6TfclMjx7ndV+ISznJsQ4SMwzjhYvwvkj8kKBsQXx9/bG6fDtkgfnAroO/f2ppV52WNrtERQlVXYs35gHtIFg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   mineflayer-pathfinder@2.4.4:
@@ -17949,7 +17949,7 @@ snapshots:
       - encoding
       - supports-color
 
-  mineflayer-mouse@0.0.7(@types/debug@4.1.12)(@types/node@22.8.1)(terser@5.31.3)(tsx@4.7.0)(yaml@2.4.1):
+  mineflayer-mouse@0.0.8(@types/debug@4.1.12)(@types/node@22.8.1)(terser@5.31.3)(tsx@4.7.0)(yaml@2.4.1):
     dependencies:
       change-case: 5.4.4
       debug: 4.4.0(supports-color@8.1.1)
diff --git a/src/react/AppStatus.tsx b/src/react/AppStatus.tsx
index 4f981ade..d44e973a 100644
--- a/src/react/AppStatus.tsx
+++ b/src/react/AppStatus.tsx
@@ -71,7 +71,16 @@ export default ({
         <>
           {showReconnect && onReconnect && <Button label="Reconnect" onClick={onReconnect} />}
           {actionsSlot}
-          <Button onClick={() => window.location.reload()} label="Reset App (recommended)" />
+          <Button
+            onClick={() => {
+              if (location.search) {
+                location.search = ''
+              } else {
+                window.location.reload()
+              }
+            }}
+            label="Reset App (recommended)"
+          />
           {!lockConnect && backAction && <Button label="Back" onClick={backAction} />}
         </>
       )}

From fbb3d08bfa8317b19270d7edbf83884352bbe894 Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Wed, 12 Mar 2025 15:59:26 +0300
Subject: [PATCH 15/15] use 1.19.4 as version by default because of known
 issues of configuration stage (like auth doesnt work with some bungee setups,
 incorrect re-login handling)

---
 src/connect.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/connect.ts b/src/connect.ts
index 7557bf5b..278c2925 100644
--- a/src/connect.ts
+++ b/src/connect.ts
@@ -36,7 +36,7 @@ export type ConnectOptions = {
 
 export const getVersionAutoSelect = (autoVersionSelect = options.serversAutoVersionSelect) => {
   if (autoVersionSelect === 'auto') {
-    return '1.20.4'
+    return '1.19.4'
   }
   if (autoVersionSelect === 'latest') {
     return supportedVersions.at(-1)!