From 13cbdf027bff4a511248fdd074e4a64056f895a8 Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Sun, 29 Mar 2026 15:08:59 +0200
Subject: [PATCH] fix(manavoxel): rename inventory.ts to .svelte.ts for $state
 runes support

$state() is Svelte 5 runes syntax that only works in .svelte or .svelte.ts
files. The Inventory class used $state for reactive slots/heldSlot which
caused "ReferenceError: $state is not defined" in production builds.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/manavoxel/apps/web/src/lib/components/Inventory.svelte     | 2 +-
 apps/manavoxel/apps/web/src/lib/editor/property-panel.svelte    | 2 +-
 apps/manavoxel/apps/web/src/lib/engine/game.ts                  | 2 +-
 .../web/src/lib/engine/{inventory.ts => inventory.svelte.ts}    | 0
 apps/manavoxel/apps/web/src/routes/+page.svelte                 | 2 +-
 5 files changed, 4 insertions(+), 4 deletions(-)
 rename apps/manavoxel/apps/web/src/lib/engine/{inventory.ts => inventory.svelte.ts} (100%)

diff --git a/apps/manavoxel/apps/web/src/lib/components/Inventory.svelte b/apps/manavoxel/apps/web/src/lib/components/Inventory.svelte
index 2a066d18c..b80ef0100 100644
--- a/apps/manavoxel/apps/web/src/lib/components/Inventory.svelte
+++ b/apps/manavoxel/apps/web/src/lib/components/Inventory.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type Inventory, type GameItem, MAX_INVENTORY_SLOTS } from '$lib/engine/inventory';
+	import { type Inventory, type GameItem, MAX_INVENTORY_SLOTS } from '$lib/engine/inventory.svelte';
 
 	let {
 		inventory,
diff --git a/apps/manavoxel/apps/web/src/lib/editor/property-panel.svelte b/apps/manavoxel/apps/web/src/lib/editor/property-panel.svelte
index bdf0441b0..37666bcf3 100644
--- a/apps/manavoxel/apps/web/src/lib/editor/property-panel.svelte
+++ b/apps/manavoxel/apps/web/src/lib/editor/property-panel.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { GameItem } from '$lib/engine/inventory';
+	import type { GameItem } from '$lib/engine/inventory.svelte';
 	import type { ElementType, Rarity } from '@manavoxel/shared';
 
 	let {
diff --git a/apps/manavoxel/apps/web/src/lib/engine/game.ts b/apps/manavoxel/apps/web/src/lib/engine/game.ts
index b4d5fe870..308b2532b 100644
--- a/apps/manavoxel/apps/web/src/lib/engine/game.ts
+++ b/apps/manavoxel/apps/web/src/lib/engine/game.ts
@@ -7,7 +7,7 @@ import { ParticleSystem } from './particles';
 import { AreaManager, generateDemoStreet, generateDemoInterior } from './area-manager';
 import { UndoStack, brushStroke, floodFill, pipette, type ToolType } from '$lib/editor/tools';
 import { DEFAULT_MATERIALS, MATERIAL_AIR, type Material } from '@manavoxel/shared';
-import type { Inventory } from './inventory';
+import type { Inventory } from './inventory.svelte';
 
 export class GameEngine {
 	app: Application;
diff --git a/apps/manavoxel/apps/web/src/lib/engine/inventory.ts b/apps/manavoxel/apps/web/src/lib/engine/inventory.svelte.ts
similarity index 100%
rename from apps/manavoxel/apps/web/src/lib/engine/inventory.ts
rename to apps/manavoxel/apps/web/src/lib/engine/inventory.svelte.ts
diff --git a/apps/manavoxel/apps/web/src/routes/+page.svelte b/apps/manavoxel/apps/web/src/routes/+page.svelte
index c48f9e013..ce569906c 100644
--- a/apps/manavoxel/apps/web/src/routes/+page.svelte
+++ b/apps/manavoxel/apps/web/src/routes/+page.svelte
@@ -8,7 +8,7 @@
 	import InventoryUI from '$lib/components/Inventory.svelte';
 	import PropertyPanel from '$lib/editor/property-panel.svelte';
 	import TriggerEditor from '$lib/editor/trigger-editor.svelte';
-	import { Inventory, createItem, type GameItem } from '$lib/engine/inventory';
+	import { Inventory, createItem, type GameItem } from '$lib/engine/inventory.svelte';
 	import { gameStore } from '$lib/data/local-store';
 	import { loadWorld, getAllWorlds } from '$lib/data/world-loader';