// Use React from global scope (loaded via CDN in index.html) const { useState, useRef, useEffect, useLayoutEffect, useCallback, useMemo } = React; // ============================================================================ // GAME ASSETS (all from stardewplanner.com pre-rendered PNGs) // ============================================================================ const GAME_ASSETS = { // ===== BUILDINGS ===== 'building_barn': { src: 'assets/stardewplanner/building/barn.png', footprint: [7, 4] }, 'building_big_barn': { src: 'assets/stardewplanner/building/big_barn.png', footprint: [7, 4] }, 'building_deluxe_barn': { src: 'assets/stardewplanner/building/deluxe_barn.png', footprint: [7, 4] }, 'building_coop': { src: 'assets/stardewplanner/building/coop.png', footprint: [6, 3] }, 'building_big_coop': { src: 'assets/stardewplanner/building/big_coop.png', footprint: [6, 3] }, 'building_deluxe_coop': { src: 'assets/stardewplanner/building/deluxe_coop.png', footprint: [6, 3] }, 'building_shed': { src: 'assets/stardewplanner/building/shed.png', footprint: [7, 3] }, 'building_big_shed': { src: 'assets/stardewplanner/building/big_shed.png', footprint: [7, 3] }, 'building_silo': { src: 'assets/stardewplanner/building/silo.png', footprint: [3, 3] }, 'building_well': { src: 'assets/stardewplanner/building/well.png', footprint: [3, 3] }, 'building_stable': { src: 'assets/stardewplanner/building/stable.png', footprint: [4, 2] }, 'building_slime_hutch': { src: 'assets/stardewplanner/building/slime_hutch.png', footprint: [7, 4] }, 'building_fish_pond': { src: 'assets/stardewplanner/building/fish_pond.png', footprint: [5, 5] }, 'building_mill': { src: 'assets/stardewplanner/building/mill.png', footprint: [4, 2] }, 'building_greenhouse': { src: 'assets/stardewplanner/building/greenhouse.png', footprint: [7, 6], sourceRect: [0, 192, 112, 192] }, 'building_farmhouse': { src: 'assets/stardewplanner/building/farmhouse.png', footprint: [5, 3], sourceRect: [0, 0, 144, 144] }, 'building_farmhouse_upgrade1': { src: 'assets/stardewplanner/building/farmhouse.png', footprint: [5, 3], sourceRect: [0, 144, 144, 144] }, 'building_farmhouse_upgrade2': { src: 'assets/stardewplanner/building/farmhouse.png', footprint: [5, 3], sourceRect: [0, 288, 144, 144] }, 'building_shipping_bin': { src: 'assets/stardewplanner/building/shipping_bin.png', footprint: [2, 1] }, 'building_mailbox': { src: 'assets/stardewplanner/building/mailbox.png', footprint: [1, 1] }, 'building_log_cabin': { src: 'assets/stardewplanner/building/log_cabin.png', footprint: [5, 3] }, 'building_stone_cabin': { src: 'assets/stardewplanner/building/stone_cabin.png', footprint: [5, 3] }, 'building_plank_cabin': { src: 'assets/stardewplanner/building/plank_cabin.png', footprint: [5, 3] }, 'building_beach_cabin': { src: 'assets/stardewplanner/building/beach_cabin.png', footprint: [5, 3] }, 'building_neighbor_cabin': { src: 'assets/stardewplanner/building/neighbor_cabin.png', footprint: [5, 3] }, 'building_rustic_cabin': { src: 'assets/stardewplanner/building/rustic_cabin.png', footprint: [5, 3] }, 'building_trailer_cabin': { src: 'assets/stardewplanner/building/trailer_cabin.png', footprint: [5, 3] }, 'building_pet_bowl_spring': { src: 'assets/stardewplanner/building/pet_bowl-spring.png', footprint: [1, 1] }, 'building_pet_bowl_summer': { src: 'assets/stardewplanner/building/pet_bowl-summer.png', footprint: [1, 1] }, 'building_pet_bowl_fall': { src: 'assets/stardewplanner/building/pet_bowl-fall.png', footprint: [1, 1] }, 'building_pet_bowl_winter': { src: 'assets/stardewplanner/building/pet_bowl-winter.png', footprint: [1, 1] }, 'building_hay_pet_bowl_spring': { src: 'assets/stardewplanner/building/hay_pet_bowl-spring.png', footprint: [1, 1] }, 'building_hay_pet_bowl_summer': { src: 'assets/stardewplanner/building/hay_pet_bowl-summer.png', footprint: [1, 1] }, 'building_hay_pet_bowl_fall': { src: 'assets/stardewplanner/building/hay_pet_bowl-fall.png', footprint: [1, 1] }, 'building_hay_pet_bowl_winter': { src: 'assets/stardewplanner/building/hay_pet_bowl-winter.png', footprint: [1, 1] }, 'building_stone_pet_bowl_spring': { src: 'assets/stardewplanner/building/stone_pet_bowl-spring.png', footprint: [1, 1] }, 'building_stone_pet_bowl_summer': { src: 'assets/stardewplanner/building/stone_pet_bowl-summer.png', footprint: [1, 1] }, 'building_stone_pet_bowl_fall': { src: 'assets/stardewplanner/building/stone_pet_bowl-fall.png', footprint: [1, 1] }, 'building_stone_pet_bowl_winter': { src: 'assets/stardewplanner/building/stone_pet_bowl-winter.png', footprint: [1, 1] }, // ===== END-GAME BUILDINGS ===== 'building_gold_clock': { src: 'assets/stardewplanner/building/gold_clock.png', footprint: [3, 2] }, 'building_desert_obelisk': { src: 'assets/stardewplanner/building/desert_obelisk.png', footprint: [3, 2] }, 'building_earth_obelisk': { src: 'assets/stardewplanner/building/earth_obelisk.png', footprint: [3, 2] }, 'building_water_obelisk': { src: 'assets/stardewplanner/building/water_obelisk.png', footprint: [3, 2] }, 'building_island_obelisk': { src: 'assets/stardewplanner/building/island_obelisk.png', footprint: [3, 2] }, 'building_junimo_hut': { src: 'assets/stardewplanner/building/junimo_hut.png', footprint: [3, 2] }, 'building_junimo_hut_spring': { src: 'assets/stardewplanner/building/junimo_hut-spring.png', footprint: [3, 2] }, 'building_junimo_hut_summer': { src: 'assets/stardewplanner/building/junimo_hut-summer.png', footprint: [3, 2] }, 'building_junimo_hut_fall': { src: 'assets/stardewplanner/building/junimo_hut-fall.png', footprint: [3, 2] }, 'building_junimo_hut_winter': { src: 'assets/stardewplanner/building/junimo_hut-winter.png', footprint: [3, 2] }, // ===== TREES (seasonal) ===== 'tree_oak_spring': { src: 'assets/stardewplanner/tree/oak-spring.png', icon: 'assets/stardewplanner/tree/oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_oak_summer': { src: 'assets/stardewplanner/tree/oak-summer.png', icon: 'assets/stardewplanner/tree/oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_oak_fall': { src: 'assets/stardewplanner/tree/oak-fall.png', icon: 'assets/stardewplanner/tree/oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_oak_winter': { src: 'assets/stardewplanner/tree/oak-winter.png', icon: 'assets/stardewplanner/tree/oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_maple_spring': { src: 'assets/stardewplanner/tree/maple-spring.png', icon: 'assets/stardewplanner/tree/maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_maple_summer': { src: 'assets/stardewplanner/tree/maple-summer.png', icon: 'assets/stardewplanner/tree/maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_maple_fall': { src: 'assets/stardewplanner/tree/maple-fall.png', icon: 'assets/stardewplanner/tree/maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_maple_winter': { src: 'assets/stardewplanner/tree/maple-winter.png', icon: 'assets/stardewplanner/tree/maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mahogany_spring': { src: 'assets/stardewplanner/tree/mahogany-spring.png', icon: 'assets/stardewplanner/tree/mahogany-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mahogany_summer': { src: 'assets/stardewplanner/tree/mahogany-summer.png', icon: 'assets/stardewplanner/tree/mahogany-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mahogany_fall': { src: 'assets/stardewplanner/tree/mahogany-fall.png', icon: 'assets/stardewplanner/tree/mahogany-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mahogany_winter': { src: 'assets/stardewplanner/tree/mahogany-winter.png', icon: 'assets/stardewplanner/tree/mahogany-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_spruce_spring': { src: 'assets/stardewplanner/tree/spruce-spring.png', icon: 'assets/stardewplanner/tree/spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_spruce_summer': { src: 'assets/stardewplanner/tree/spruce-summer.png', icon: 'assets/stardewplanner/tree/spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_spruce_fall': { src: 'assets/stardewplanner/tree/spruce-fall.png', icon: 'assets/stardewplanner/tree/spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_spruce_winter': { src: 'assets/stardewplanner/tree/spruce-winter.png', icon: 'assets/stardewplanner/tree/spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mushroom_spring': { src: 'assets/stardewplanner/tree/mushroom-spring.png', icon: 'assets/stardewplanner/tree/mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mushroom_summer': { src: 'assets/stardewplanner/tree/mushroom-summer.png', icon: 'assets/stardewplanner/tree/mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mushroom_fall': { src: 'assets/stardewplanner/tree/mushroom-fall.png', icon: 'assets/stardewplanner/tree/mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mushroom_winter': { src: 'assets/stardewplanner/tree/mushroom-winter.png', icon: 'assets/stardewplanner/tree/mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mystic_spring': { src: 'assets/stardewplanner/tree/mystic-spring.png', icon: 'assets/stardewplanner/tree/mystic-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mystic_summer': { src: 'assets/stardewplanner/tree/mystic-summer.png', icon: 'assets/stardewplanner/tree/mystic-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mystic_fall': { src: 'assets/stardewplanner/tree/mystic-fall.png', icon: 'assets/stardewplanner/tree/mystic-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mystic_winter': { src: 'assets/stardewplanner/tree/mystic-winter.png', icon: 'assets/stardewplanner/tree/mystic-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_oak_spring': { src: 'assets/stardewplanner/tree/mossy_oak-spring.png', icon: 'assets/stardewplanner/tree/mossy_oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_oak_summer': { src: 'assets/stardewplanner/tree/mossy_oak-summer.png', icon: 'assets/stardewplanner/tree/mossy_oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_oak_fall': { src: 'assets/stardewplanner/tree/mossy_oak-fall.png', icon: 'assets/stardewplanner/tree/mossy_oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_oak_winter': { src: 'assets/stardewplanner/tree/mossy_oak-winter.png', icon: 'assets/stardewplanner/tree/mossy_oak-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_maple_spring': { src: 'assets/stardewplanner/tree/mossy_maple-spring.png', icon: 'assets/stardewplanner/tree/mossy_maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_maple_summer': { src: 'assets/stardewplanner/tree/mossy_maple-summer.png', icon: 'assets/stardewplanner/tree/mossy_maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_maple_fall': { src: 'assets/stardewplanner/tree/mossy_maple-fall.png', icon: 'assets/stardewplanner/tree/mossy_maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_maple_winter': { src: 'assets/stardewplanner/tree/mossy_maple-winter.png', icon: 'assets/stardewplanner/tree/mossy_maple-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_spruce_spring': { src: 'assets/stardewplanner/tree/mossy_spruce-spring.png', icon: 'assets/stardewplanner/tree/mossy_spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_spruce_summer': { src: 'assets/stardewplanner/tree/mossy_spruce-summer.png', icon: 'assets/stardewplanner/tree/mossy_spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_spruce_fall': { src: 'assets/stardewplanner/tree/mossy_spruce-fall.png', icon: 'assets/stardewplanner/tree/mossy_spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_spruce_winter': { src: 'assets/stardewplanner/tree/mossy_spruce-winter.png', icon: 'assets/stardewplanner/tree/mossy_spruce-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_mushroom_spring': { src: 'assets/stardewplanner/tree/mossy_mushroom-spring.png', icon: 'assets/stardewplanner/tree/mossy_mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_mushroom_summer': { src: 'assets/stardewplanner/tree/mossy_mushroom-summer.png', icon: 'assets/stardewplanner/tree/mossy_mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_mushroom_fall': { src: 'assets/stardewplanner/tree/mossy_mushroom-fall.png', icon: 'assets/stardewplanner/tree/mossy_mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, 'tree_mossy_mushroom_winter': { src: 'assets/stardewplanner/tree/mossy_mushroom-winter.png', icon: 'assets/stardewplanner/tree/mossy_mushroom-icon.png', footprint: [1, 1], sourceRect: [0, 112, 48, 112], displayTiles: [3, 7] }, // ===== FRUIT TREES (seasonal) ===== 'fruit_apple_spring': { src: 'assets/stardewplanner/fruit/apple-spring.png', icon: 'assets/stardewplanner/fruit/apple-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apple_summer': { src: 'assets/stardewplanner/fruit/apple-summer.png', icon: 'assets/stardewplanner/fruit/apple-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apple_fall': { src: 'assets/stardewplanner/fruit/apple-fall.png', icon: 'assets/stardewplanner/fruit/apple-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apple_winter': { src: 'assets/stardewplanner/fruit/apple-winter.png', icon: 'assets/stardewplanner/fruit/apple-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apricot_spring': { src: 'assets/stardewplanner/fruit/apricot-spring.png', icon: 'assets/stardewplanner/fruit/apricot-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apricot_summer': { src: 'assets/stardewplanner/fruit/apricot-summer.png', icon: 'assets/stardewplanner/fruit/apricot-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apricot_fall': { src: 'assets/stardewplanner/fruit/apricot-fall.png', icon: 'assets/stardewplanner/fruit/apricot-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_apricot_winter': { src: 'assets/stardewplanner/fruit/apricot-winter.png', icon: 'assets/stardewplanner/fruit/apricot-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_banana_spring': { src: 'assets/stardewplanner/fruit/banana-spring.png', icon: 'assets/stardewplanner/fruit/banana-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_banana_summer': { src: 'assets/stardewplanner/fruit/banana-summer.png', icon: 'assets/stardewplanner/fruit/banana-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_banana_fall': { src: 'assets/stardewplanner/fruit/banana-fall.png', icon: 'assets/stardewplanner/fruit/banana-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_banana_winter': { src: 'assets/stardewplanner/fruit/banana-winter.png', icon: 'assets/stardewplanner/fruit/banana-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_cherry_spring': { src: 'assets/stardewplanner/fruit/cherry-spring.png', icon: 'assets/stardewplanner/fruit/cherry-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_cherry_summer': { src: 'assets/stardewplanner/fruit/cherry-summer.png', icon: 'assets/stardewplanner/fruit/cherry-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_cherry_fall': { src: 'assets/stardewplanner/fruit/cherry-fall.png', icon: 'assets/stardewplanner/fruit/cherry-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_cherry_winter': { src: 'assets/stardewplanner/fruit/cherry-winter.png', icon: 'assets/stardewplanner/fruit/cherry-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_mango_spring': { src: 'assets/stardewplanner/fruit/mango-spring.png', icon: 'assets/stardewplanner/fruit/mango-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_mango_summer': { src: 'assets/stardewplanner/fruit/mango-summer.png', icon: 'assets/stardewplanner/fruit/mango-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_mango_fall': { src: 'assets/stardewplanner/fruit/mango-fall.png', icon: 'assets/stardewplanner/fruit/mango-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_mango_winter': { src: 'assets/stardewplanner/fruit/mango-winter.png', icon: 'assets/stardewplanner/fruit/mango-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_orange_spring': { src: 'assets/stardewplanner/fruit/orange-spring.png', icon: 'assets/stardewplanner/fruit/orange-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_orange_summer': { src: 'assets/stardewplanner/fruit/orange-summer.png', icon: 'assets/stardewplanner/fruit/orange-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_orange_fall': { src: 'assets/stardewplanner/fruit/orange-fall.png', icon: 'assets/stardewplanner/fruit/orange-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_orange_winter': { src: 'assets/stardewplanner/fruit/orange-winter.png', icon: 'assets/stardewplanner/fruit/orange-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_peach_spring': { src: 'assets/stardewplanner/fruit/peach-spring.png', icon: 'assets/stardewplanner/fruit/peach-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_peach_summer': { src: 'assets/stardewplanner/fruit/peach-summer.png', icon: 'assets/stardewplanner/fruit/peach-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_peach_fall': { src: 'assets/stardewplanner/fruit/peach-fall.png', icon: 'assets/stardewplanner/fruit/peach-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_peach_winter': { src: 'assets/stardewplanner/fruit/peach-winter.png', icon: 'assets/stardewplanner/fruit/peach-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_pomegranate_spring': { src: 'assets/stardewplanner/fruit/pomegranate-spring.png', icon: 'assets/stardewplanner/fruit/pomegranate-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_pomegranate_summer': { src: 'assets/stardewplanner/fruit/pomegranate-summer.png', icon: 'assets/stardewplanner/fruit/pomegranate-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_pomegranate_fall': { src: 'assets/stardewplanner/fruit/pomegranate-fall.png', icon: 'assets/stardewplanner/fruit/pomegranate-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, 'fruit_pomegranate_winter': { src: 'assets/stardewplanner/fruit/pomegranate-winter.png', icon: 'assets/stardewplanner/fruit/pomegranate-icon.png', footprint: [1, 1], sourceRect: [0, 96, 48, 96], displayTiles: [3, 6] }, // ===== CROPS ===== 'crop_parsnip': { src: 'assets/stardewplanner/crop/parsnip.png', icon: 'assets/stardewplanner/crop/parsnip-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_cauliflower': { src: 'assets/stardewplanner/crop/cauliflower.png', icon: 'assets/stardewplanner/crop/cauliflower-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_potato': { src: 'assets/stardewplanner/crop/potato.png', icon: 'assets/stardewplanner/crop/potato-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_garlic': { src: 'assets/stardewplanner/crop/garlic.png', icon: 'assets/stardewplanner/crop/garlic-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_kale': { src: 'assets/stardewplanner/crop/kale.png', icon: 'assets/stardewplanner/crop/kale-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_rhubarb': { src: 'assets/stardewplanner/crop/rhubarb.png', icon: 'assets/stardewplanner/crop/rhubarb-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_strawberry': { src: 'assets/stardewplanner/crop/strawberry.png', icon: 'assets/stardewplanner/crop/strawberry-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_rice': { src: 'assets/stardewplanner/crop/rice.png', icon: 'assets/stardewplanner/crop/rice-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_carrot': { src: 'assets/stardewplanner/crop/carrot.png', icon: 'assets/stardewplanner/crop/carrot-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_melon': { src: 'assets/stardewplanner/crop/melon.png', icon: 'assets/stardewplanner/crop/melon-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_blueberry': { src: 'assets/stardewplanner/crop/blueberry.png', icon: 'assets/stardewplanner/crop/blueberry-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_tomato': { src: 'assets/stardewplanner/crop/tomato.png', icon: 'assets/stardewplanner/crop/tomato-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_hops': { src: 'assets/stardewplanner/crop/hops.png', icon: 'assets/stardewplanner/crop/hops-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_radish': { src: 'assets/stardewplanner/crop/radish.png', icon: 'assets/stardewplanner/crop/radish-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_wheat': { src: 'assets/stardewplanner/crop/wheat.png', icon: 'assets/stardewplanner/crop/wheat-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_corn': { src: 'assets/stardewplanner/crop/corn.png', icon: 'assets/stardewplanner/crop/corn-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_sunflower': { src: 'assets/stardewplanner/crop/sunflower.png', icon: 'assets/stardewplanner/crop/sunflower-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_red_cabbage': { src: 'assets/stardewplanner/crop/red_cabbage.png', icon: 'assets/stardewplanner/crop/red_cabbage-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_summer_squash': { src: 'assets/stardewplanner/crop/summer_squash.png', icon: 'assets/stardewplanner/crop/summer_squash-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_pineapple': { src: 'assets/stardewplanner/crop/pineapple.png', icon: 'assets/stardewplanner/crop/pineapple-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_pumpkin': { src: 'assets/stardewplanner/crop/pumpkin.png', icon: 'assets/stardewplanner/crop/pumpkin-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_cranberry': { src: 'assets/stardewplanner/crop/cranberry.png', icon: 'assets/stardewplanner/crop/cranberry-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_grape': { src: 'assets/stardewplanner/crop/grape.png', icon: 'assets/stardewplanner/crop/grape-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_eggplant': { src: 'assets/stardewplanner/crop/eggplant.png', icon: 'assets/stardewplanner/crop/eggplant-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_yam': { src: 'assets/stardewplanner/crop/yam.png', icon: 'assets/stardewplanner/crop/yam-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_bok_choy': { src: 'assets/stardewplanner/crop/bok_choy.png', icon: 'assets/stardewplanner/crop/bok_choy-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_amaranth': { src: 'assets/stardewplanner/crop/amaranth.png', icon: 'assets/stardewplanner/crop/amaranth-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_artichoke': { src: 'assets/stardewplanner/crop/artichoke.png', icon: 'assets/stardewplanner/crop/artichoke-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_beet': { src: 'assets/stardewplanner/crop/beet.png', icon: 'assets/stardewplanner/crop/beet-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_broccoli': { src: 'assets/stardewplanner/crop/broccoli.png', icon: 'assets/stardewplanner/crop/broccoli-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_powdermelon': { src: 'assets/stardewplanner/crop/powdermelon.png', icon: 'assets/stardewplanner/crop/powdermelon-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_starfruit': { src: 'assets/stardewplanner/crop/starfruit.png', icon: 'assets/stardewplanner/crop/starfruit-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_ancient_fruit': { src: 'assets/stardewplanner/crop/ancient_fruit.png', icon: 'assets/stardewplanner/crop/ancient_fruit-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_cactus': { src: 'assets/stardewplanner/crop/cactus.png', icon: 'assets/stardewplanner/crop/cactus-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_coffee': { src: 'assets/stardewplanner/crop/coffee.png', icon: 'assets/stardewplanner/crop/coffee-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_pepper': { src: 'assets/stardewplanner/crop/pepper.png', icon: 'assets/stardewplanner/crop/pepper-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_sweetgem_berry': { src: 'assets/stardewplanner/crop/sweetgem_berry.png', icon: 'assets/stardewplanner/crop/sweetgem_berry-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_blue_jazz': { src: 'assets/stardewplanner/crop/blue_jazz.png', icon: 'assets/stardewplanner/crop/blue_jazz-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_fairy_rose': { src: 'assets/stardewplanner/crop/fairy_rose.png', icon: 'assets/stardewplanner/crop/fairy_rose-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_poppy': { src: 'assets/stardewplanner/crop/poppy.png', icon: 'assets/stardewplanner/crop/poppy-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_summer_spangle': { src: 'assets/stardewplanner/crop/summer_spangle.png', icon: 'assets/stardewplanner/crop/summer_spangle-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_tulip': { src: 'assets/stardewplanner/crop/tulip.png', icon: 'assets/stardewplanner/crop/tulip-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_bean': { src: 'assets/stardewplanner/crop/bean.png', icon: 'assets/stardewplanner/crop/bean-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_taro': { src: 'assets/stardewplanner/crop/taro.png', icon: 'assets/stardewplanner/crop/taro-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_qi_fruit': { src: 'assets/stardewplanner/crop/qi_fruit.png', icon: 'assets/stardewplanner/crop/qi_fruit-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_tea_sapling': { src: 'assets/stardewplanner/crop/tea_sapling-icon.png', icon: 'assets/stardewplanner/crop/tea_sapling-icon.png', footprint: [1, 1] }, 'crop_fiber_spring': { src: 'assets/stardewplanner/crop/fiber-spring.png', icon: 'assets/stardewplanner/crop/fiber-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_fiber_summer': { src: 'assets/stardewplanner/crop/fiber-summer.png', icon: 'assets/stardewplanner/crop/fiber-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_fiber_fall': { src: 'assets/stardewplanner/crop/fiber-fall.png', icon: 'assets/stardewplanner/crop/fiber-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, 'crop_fiber_winter': { src: 'assets/stardewplanner/crop/fiber-winter.png', icon: 'assets/stardewplanner/crop/fiber-icon.png', footprint: [1, 1], sourceRect: [0, 48, 16, 16] }, // ===== MACHINES & EQUIPMENT ===== 'machine_scarecrow': { src: 'assets/stardewplanner/machine/scarecrow.png', footprint: [1, 1] }, 'machine_deluxe_scarecrow': { src: 'assets/stardewplanner/machine/deluxe_scarecrow.png', footprint: [1, 1] }, 'machine_bee_house': { src: 'assets/stardewplanner/machine/bee_house.png', footprint: [1, 1] }, 'machine_keg': { src: 'assets/stardewplanner/machine/keg.png', footprint: [1, 1] }, 'machine_preserves_jar': { src: 'assets/stardewplanner/machine/preserves_jar.png', footprint: [1, 1] }, 'machine_loom': { src: 'assets/stardewplanner/machine/loom.png', footprint: [1, 1] }, 'machine_mayonnaise_machine': { src: 'assets/stardewplanner/machine/mayonnaise_machine.png', footprint: [1, 1] }, 'machine_seed_maker': { src: 'assets/stardewplanner/machine/seed_maker.png', footprint: [1, 1] }, 'machine_furnace': { src: 'assets/stardewplanner/machine/furnace.png', footprint: [1, 1] }, 'machine_lightning_rod': { src: 'assets/stardewplanner/machine/lightning_rod.png', footprint: [1, 1] }, 'machine_recycling_machine': { src: 'assets/stardewplanner/machine/recycling_machine.png', footprint: [1, 1] }, 'machine_crystalarium': { src: 'assets/stardewplanner/machine/crystalarium.png', footprint: [1, 1] }, 'machine_worm_bin': { src: 'assets/stardewplanner/machine/worm_bin.png', footprint: [1, 1] }, 'machine_tapper': { src: 'assets/stardewplanner/machine/tapper.png', icon: 'assets/stardewplanner/machine/tapper-icon.png', footprint: [1, 1] }, 'machine_heavy_tapper': { src: 'assets/stardewplanner/machine/heavy_tapper.png', icon: 'assets/stardewplanner/machine/heavy_tapper-icon.png', footprint: [1, 1] }, 'machine_garden_pot': { src: 'assets/stardewplanner/machine/garden_pot.png', footprint: [1, 1] }, 'machine_campfire': { src: 'assets/stardewplanner/machine/campfire.png', footprint: [1, 1] }, 'machine_cask': { src: 'assets/stardewplanner/machine/cask.png', footprint: [1, 1] }, 'machine_charcoal_kiln': { src: 'assets/stardewplanner/machine/charcoal_kiln.png', footprint: [1, 1] }, 'machine_ostrich_incubator': { src: 'assets/stardewplanner/machine/ostrich_incubator.png', footprint: [1, 1] }, 'machine_stone_chest': { src: 'assets/stardewplanner/machine/stone_chest.png', footprint: [1, 1] }, // -- Processing -- 'machine_cheese_maker': { src: 'assets/stardewplanner/machine/cheese_maker.png', footprint: [1, 1] }, 'machine_oil_refiner': { src: 'assets/stardewplanner/machine/oil_refiner.png', footprint: [1, 1] }, 'machine_bone_mill': { src: 'assets/stardewplanner/machine/bone_mill.png', footprint: [1, 1] }, 'machine_geode_crusher': { src: 'assets/stardewplanner/machine/geode_crusher.png', footprint: [1, 1] }, 'machine_dehydrator': { src: 'assets/stardewplanner/machine/dehydrator.png', footprint: [1, 1] }, 'machine_fish_smoker': { src: 'assets/stardewplanner/machine/fish_smoker.png', footprint: [1, 1] }, 'machine_heavy_furnace': { src: 'assets/stardewplanner/machine/heavy_furnace.png', footprint: [1, 1] }, 'machine_bait_maker': { src: 'assets/stardewplanner/machine/bait_maker.png', footprint: [1, 1] }, 'machine_deconstructor': { src: 'assets/stardewplanner/machine/deconstructor.png', footprint: [1, 1] }, 'machine_sewing_machine': { src: 'assets/stardewplanner/machine/sewing_machine.png', footprint: [1, 1] }, 'machine_anvil': { src: 'assets/stardewplanner/machine/anvil.png', footprint: [1, 1] }, 'machine_mini_forge': { src: 'assets/stardewplanner/machine/mini_forge.png', footprint: [1, 1] }, // -- Storage -- 'machine_wood_chest': { src: 'assets/stardewplanner/machine/wood_chest.png', footprint: [1, 1] }, 'machine_junimo_chest': { src: 'assets/stardewplanner/machine/junimo_chest.png', footprint: [1, 1] }, 'machine_stone_big_chest': { src: 'assets/stardewplanner/machine/stone_big_chest.png', footprint: [1, 1] }, 'machine_wooden_big_chest': { src: 'assets/stardewplanner/machine/wooden_big_chest.png', footprint: [1, 1] }, 'machine_mini_fridge': { src: 'assets/stardewplanner/machine/mini_fridge.png', footprint: [1, 1] }, 'machine_mini_shipping_bin': { src: 'assets/stardewplanner/machine/mini_shipping_bin.png', footprint: [1, 1] }, 'machine_hopper': { src: 'assets/stardewplanner/machine/hopper.png', footprint: [1, 1] }, // -- Farm Automation -- 'machine_auto_grabber': { src: 'assets/stardewplanner/machine/auto_grabber.png', footprint: [1, 1] }, 'machine_auto_petter': { src: 'assets/stardewplanner/machine/auto_petter.png', footprint: [1, 1] }, 'machine_slime_egg_press': { src: 'assets/stardewplanner/machine/slime_egg_press.png', footprint: [1, 1] }, 'machine_slime_incubator': { src: 'assets/stardewplanner/machine/slime_incubator.png', footprint: [1, 1] }, 'machine_deluxe_worm_bin': { src: 'assets/stardewplanner/machine/deluxe_worm_bin.png', footprint: [1, 1] }, 'machine_mushroom_log': { src: 'assets/stardewplanner/machine/mushroom_log.png', footprint: [1, 1] }, 'machine_heater': { src: 'assets/stardewplanner/machine/heater.png', footprint: [1, 1] }, // -- Utility -- 'machine_solar_panel': { src: 'assets/stardewplanner/machine/solar_panel.png', footprint: [1, 1] }, 'machine_wood_chipper': { src: 'assets/stardewplanner/machine/wood_chipper.png', footprint: [1, 1] }, 'machine_farm_computer': { src: 'assets/stardewplanner/machine/farm_computer.png', footprint: [1, 1] }, 'machine_telephone': { src: 'assets/stardewplanner/machine/telephone.png', footprint: [1, 1] }, 'machine_workbench': { src: 'assets/stardewplanner/machine/workbench.png', footprint: [1, 1] }, 'machine_coffee_maker': { src: 'assets/stardewplanner/machine/coffee_maker.png', footprint: [1, 1] }, 'machine_jukebox': { src: 'assets/stardewplanner/machine/jukebox.png', footprint: [1, 1] }, 'machine_mini_obelisk': { src: 'assets/stardewplanner/machine/mini_obelisk.png', footprint: [1, 1] }, // -- Signs -- 'machine_wood_sign': { src: 'assets/stardewplanner/machine/wood_sign.png', footprint: [1, 1] }, 'machine_stone_sign': { src: 'assets/stardewplanner/machine/stone_sign.png', footprint: [1, 1] }, 'machine_dark_sign': { src: 'assets/stardewplanner/machine/dark_sign.png', footprint: [1, 1] }, 'machine_text_sign': { src: 'assets/stardewplanner/machine/text_sign.png', footprint: [1, 1] }, // -- Lighting -- 'machine_barrel_brazier': { src: 'assets/stardewplanner/machine/barrel_brazier.png', footprint: [1, 1] }, 'machine_carved_brazier': { src: 'assets/stardewplanner/machine/carved_brazier.png', footprint: [1, 1] }, 'machine_gold_brazier': { src: 'assets/stardewplanner/machine/gold_brazier.png', footprint: [1, 1] }, 'machine_marble_brazier': { src: 'assets/stardewplanner/machine/marble_brazier.png', footprint: [1, 1] }, 'machine_skull_brazier': { src: 'assets/stardewplanner/machine/skull_brazier.png', footprint: [1, 1] }, 'machine_stone_brazier': { src: 'assets/stardewplanner/machine/stone_brazier.png', footprint: [1, 1] }, 'machine_stump_brazier': { src: 'assets/stardewplanner/machine/stump_brazier.png', footprint: [1, 1] }, 'machine_wooden_brazier': { src: 'assets/stardewplanner/machine/wooden_brazier.png', footprint: [1, 1] }, 'machine_iron_lamp_post': { src: 'assets/stardewplanner/machine/iron_lamp_post.png', footprint: [1, 1] }, 'machine_wood_lamp_post': { src: 'assets/stardewplanner/machine/wood_lamp_post.png', footprint: [1, 1] }, // -- Rarecrows -- 'machine_rarecrow_1': { src: 'assets/stardewplanner/machine/rarecrow_1.png', footprint: [1, 1] }, 'machine_rarecrow_2': { src: 'assets/stardewplanner/machine/rarecrow_2.png', footprint: [1, 1] }, 'machine_rarecrow_3': { src: 'assets/stardewplanner/machine/rarecrow_3.png', footprint: [1, 1] }, 'machine_rarecrow_4': { src: 'assets/stardewplanner/machine/rarecrow_4.png', footprint: [1, 1] }, 'machine_rarecrow_5': { src: 'assets/stardewplanner/machine/rarecrow_5.png', footprint: [1, 1] }, 'machine_rarecrow_6': { src: 'assets/stardewplanner/machine/rarecrow_6.png', footprint: [1, 1] }, 'machine_rarecrow_7': { src: 'assets/stardewplanner/machine/rarecrow_7.png', footprint: [1, 1] }, 'machine_rarecrow_8': { src: 'assets/stardewplanner/machine/rarecrow_8.png', footprint: [1, 1] }, // -- Statues -- 'machine_statue_of_endless_fortune': { src: 'assets/stardewplanner/machine/statue_of_endless_fortune.png', footprint: [1, 1] }, 'machine_statue_of_perfection': { src: 'assets/stardewplanner/machine/statue_of_perfection.png', footprint: [1, 1] }, 'machine_statue_of_true_perfection': { src: 'assets/stardewplanner/machine/statue_of_true_perfection.png', footprint: [1, 1] }, 'machine_statue_of_blessings': { src: 'assets/stardewplanner/machine/statue_of_blessings.png', footprint: [1, 1] }, 'machine_statue_of_the_dwarf_king': { src: 'assets/stardewplanner/machine/statue_of_the_dwarf_king.png', footprint: [1, 1] }, // ===== SPRINKLERS ===== 'sprinkler_basic': { src: 'assets/stardewplanner/sprinkler/basic_sprinkler.png', footprint: [1, 1] }, 'sprinkler_quality': { src: 'assets/stardewplanner/sprinkler/quality_sprinkler.png', footprint: [1, 1] }, 'sprinkler_iridium': { src: 'assets/stardewplanner/sprinkler/iridium_sprinkler.png', footprint: [1, 1] }, 'sprinkler_basic_upgrade': { src: 'assets/stardewplanner/sprinkler/basic_sprinkler_upgrade.png', footprint: [1, 1] }, 'sprinkler_quality_upgrade': { src: 'assets/stardewplanner/sprinkler/quality_sprinkler_upgrade.png', footprint: [1, 1] }, 'sprinkler_iridium_upgrade': { src: 'assets/stardewplanner/sprinkler/iridium_sprinkler_upgrade.png', footprint: [1, 1] }, // ===== FENCES (sprite sheets: 48x128, 3 cols x 4 rows, each cell 16x32) ===== 'fence_wood': { src: 'assets/stardewplanner/fence/wood_fence.png', icon: 'assets/stardewplanner/fence/wood_fence-icon.png', footprint: [1, 1] }, 'fence_stone': { src: 'assets/stardewplanner/fence/stone_fence.png', icon: 'assets/stardewplanner/fence/stone_fence-icon.png', footprint: [1, 1] }, 'fence_iron': { src: 'assets/stardewplanner/fence/iron_fence.png', icon: 'assets/stardewplanner/fence/iron_fence-icon.png', footprint: [1, 1] }, 'fence_hardwood': { src: 'assets/stardewplanner/fence/hardwood_fence.png', icon: 'assets/stardewplanner/fence/hardwood_fence-icon.png', footprint: [1, 1] }, // ===== PATHS (sprite sheets: 64x64, 4 cols x 4 rows, each cell 16x16; seasonal: spring+winter exist, summer/fall use spring) ===== 'path_wood': { src: null, icon: 'assets/stardewplanner/path/wood_path-icon.png', footprint: [1, 1], pathName: 'wood_path' }, 'path_wood_floor': { src: null, icon: 'assets/stardewplanner/path/wood_floor-icon.png', footprint: [1, 1], pathName: 'wood_floor' }, 'path_stone_floor': { src: null, icon: 'assets/stardewplanner/path/stone_floor-icon.png', footprint: [1, 1], pathName: 'stone_floor' }, 'path_brick_floor': { src: null, icon: 'assets/stardewplanner/path/brick_floor-icon.png', footprint: [1, 1], pathName: 'brick_floor' }, 'path_weathered_floor': { src: null, icon: 'assets/stardewplanner/path/weathered_floor-icon.png', footprint: [1, 1], pathName: 'weathered_floor' }, 'path_straw_floor': { src: null, icon: 'assets/stardewplanner/path/straw_floor-icon.png', footprint: [1, 1], pathName: 'straw_floor' }, 'path_gravel': { src: null, icon: 'assets/stardewplanner/path/gravel_path-icon.png', footprint: [1, 1], pathName: 'gravel_path' }, 'path_cobblestone': { src: null, icon: 'assets/stardewplanner/path/cobblestone_path-icon.png', footprint: [1, 1], pathName: 'cobblestone_path' }, 'path_stepping_stone': { src: null, icon: 'assets/stardewplanner/path/stepping_stone_path-icon.png', footprint: [1, 1], pathName: 'stepping_stone_path' }, 'path_crystal': { src: null, icon: 'assets/stardewplanner/path/crystal_path-icon.png', footprint: [1, 1], pathName: 'crystal_path' }, 'path_crystal_floor': { src: null, icon: 'assets/stardewplanner/path/crystal_floor-icon.png', footprint: [1, 1], pathName: 'crystal_floor' }, 'path_rustic_plank': { src: null, icon: 'assets/stardewplanner/path/rustic_plank_floor-icon.png', footprint: [1, 1], pathName: 'rustic_plank_floor' }, 'path_stone_walkway': { src: null, icon: 'assets/stardewplanner/path/stone_walkway_floor-icon.png', footprint: [1, 1], pathName: 'stone_walkway_floor' }, // ===== DIRT ===== 'dirt_spring': { src: 'assets/stardewplanner/dirt/hoe_dirt-spring.png', icon: 'assets/stardewplanner/dirt/hoe_dirt-icon.png', footprint: [1, 1] }, 'dirt_winter': { src: 'assets/stardewplanner/dirt/hoe_dirt-winter.png', icon: 'assets/stardewplanner/dirt/hoe_dirt-icon.png', footprint: [1, 1] }, // ===== FURNITURE ===== 'furniture_blue_armchair_down': { src: 'assets/stardewplanner/furniture/blue_armchair_down.png', footprint: [1, 1] }, 'furniture_blue_armchair_left': { src: 'assets/stardewplanner/furniture/blue_armchair_left.png', footprint: [1, 1] }, 'furniture_blue_armchair_right': { src: 'assets/stardewplanner/furniture/blue_armchair_right.png', footprint: [1, 1] }, 'furniture_brown_armchair_down': { src: 'assets/stardewplanner/furniture/brown_armchair_down.png', footprint: [1, 1] }, 'furniture_brown_armchair_left': { src: 'assets/stardewplanner/furniture/brown_armchair_left.png', footprint: [1, 1] }, 'furniture_brown_armchair_right': { src: 'assets/stardewplanner/furniture/brown_armchair_right.png', footprint: [1, 1] }, 'furniture_green_armchair_down': { src: 'assets/stardewplanner/furniture/green_armchair_down.png', footprint: [1, 1] }, 'furniture_green_armchair_left': { src: 'assets/stardewplanner/furniture/green_armchair_left.png', footprint: [1, 1] }, 'furniture_green_armchair_right': { src: 'assets/stardewplanner/furniture/green_armchair_right.png', footprint: [1, 1] }, 'furniture_red_armchair_down': { src: 'assets/stardewplanner/furniture/red_armchair_down.png', footprint: [1, 1] }, 'furniture_red_armchair_left': { src: 'assets/stardewplanner/furniture/red_armchair_left.png', footprint: [1, 1] }, 'furniture_red_armchair_right': { src: 'assets/stardewplanner/furniture/red_armchair_right.png', footprint: [1, 1] }, 'furniture_yellow_armchair_down': { src: 'assets/stardewplanner/furniture/yellow_armchair_down.png', footprint: [1, 1] }, 'furniture_yellow_armchair_left': { src: 'assets/stardewplanner/furniture/yellow_armchair_left.png', footprint: [1, 1] }, 'furniture_yellow_armchair_right': { src: 'assets/stardewplanner/furniture/yellow_armchair_right.png', footprint: [1, 1] }, 'furniture_oak_table': { src: 'assets/stardewplanner/furniture/oak_table.png', footprint: [2, 2] }, 'furniture_birch_table': { src: 'assets/stardewplanner/furniture/birch_table.png', footprint: [2, 2] }, 'furniture_mahogany_table': { src: 'assets/stardewplanner/furniture/mahogany_table.png', footprint: [2, 2] }, 'furniture_walnut_table': { src: 'assets/stardewplanner/furniture/walnut_table.png', footprint: [2, 2] }, 'furniture_dark_bookcase': { src: 'assets/stardewplanner/furniture/dark_bookcase.png', footprint: [2, 2] }, 'furniture_modern_bookcase': { src: 'assets/stardewplanner/furniture/modern_bookcase.png', footprint: [2, 2] }, 'furniture_china_cabinet': { src: 'assets/stardewplanner/furniture/china_cabinet.png', footprint: [2, 2] }, 'furniture_small_fish_tank': { src: 'assets/stardewplanner/furniture/small_fish_tank.png', footprint: [2, 1] }, 'furniture_modern_fish_tank': { src: 'assets/stardewplanner/furniture/modern_fish_tank.png', footprint: [2, 1] }, 'furniture_large_fish_tank': { src: 'assets/stardewplanner/furniture/large_fish_tank.png', footprint: [3, 1] }, 'furniture_deluxe_fish_tank': { src: 'assets/stardewplanner/furniture/deluxe_fish_tank.png', footprint: [4, 1] }, 'furniture_cc_fish_tank': { src: 'assets/stardewplanner/furniture/CC_fish_tank.png', footprint: [4, 1] }, 'furniture_aquatic_sanctuary': { src: 'assets/stardewplanner/furniture/aquatic_sanctuary.png', footprint: [4, 1] }, 'furniture_plasma_tv': { src: 'assets/stardewplanner/furniture/plasma_tv.png', footprint: [2, 2] }, 'furniture_tropical_tv': { src: 'assets/stardewplanner/furniture/tropical_tv.png', footprint: [2, 2] }, 'furniture_blossom_rug': { src: 'assets/stardewplanner/furniture/blossom_rug.png', footprint: [3, 2] }, 'furniture_dark_rug_long': { src: 'assets/stardewplanner/furniture/dark_rug_long.png', footprint: [3, 2] }, 'furniture_dark_rug_tall': { src: 'assets/stardewplanner/furniture/dark_rug_tall.png', footprint: [2, 3] }, 'furniture_desert_rug_tall': { src: 'assets/stardewplanner/furniture/desert_rug_tall.png', footprint: [2, 3] }, 'furniture_fruit_salad_rug_long': { src: 'assets/stardewplanner/furniture/fruit_salad_rug_long.png', footprint: [3, 2] }, 'furniture_stone_flooring': { src: 'assets/stardewplanner/furniture/stone_flooring.png', footprint: [1, 1] }, 'furniture_bear_statue': { src: 'assets/stardewplanner/furniture/bear_statue.png', footprint: [1, 1] }, 'furniture_desert_flags': { src: 'assets/stardewplanner/furniture/desert_flags.png', footprint: [2, 1] }, 'furniture_monster_danglers': { src: 'assets/stardewplanner/furniture/monster_danglers.png', footprint: [2, 1] }, 'furniture_curly_tree': { src: 'assets/stardewplanner/furniture/curly_tree.png', footprint: [1, 1] }, 'furniture_deluxe_tree': { src: 'assets/stardewplanner/furniture/deluxe_tree.png', footprint: [1, 1] }, 'furniture_exotic_tree': { src: 'assets/stardewplanner/furniture/exotic_tree.png', footprint: [1, 1] }, 'furniture_long_palm': { src: 'assets/stardewplanner/furniture/long_palm.png', footprint: [1, 1] }, 'furniture_tree_of_winter_star': { src: 'assets/stardewplanner/furniture/tree_of_the_winter_star.png', footprint: [1, 1] }, 'furniture_seasonal_plant_1_spring': { src: 'assets/stardewplanner/furniture/seasonal_plant_1-spring.png', footprint: [1, 1] }, 'furniture_seasonal_plant_1_summer': { src: 'assets/stardewplanner/furniture/seasonal_plant_1-summer.png', footprint: [1, 1] }, 'furniture_seasonal_plant_1_fall': { src: 'assets/stardewplanner/furniture/seasonal_plant_1-fall.png', footprint: [1, 1] }, 'furniture_seasonal_plant_1_winter': { src: 'assets/stardewplanner/furniture/seasonal_plant_1-winter.png', footprint: [1, 1] }, 'furniture_seasonal_plant_2_spring': { src: 'assets/stardewplanner/furniture/seasonal_plant_2-spring.png', footprint: [1, 1] }, 'furniture_seasonal_plant_2_summer': { src: 'assets/stardewplanner/furniture/seasonal_plant_2-summer.png', footprint: [1, 1] }, 'furniture_seasonal_plant_2_fall': { src: 'assets/stardewplanner/furniture/seasonal_plant_2-fall.png', footprint: [1, 1] }, 'furniture_seasonal_plant_2_winter': { src: 'assets/stardewplanner/furniture/seasonal_plant_2-winter.png', footprint: [1, 1] }, 'furniture_seasonal_plant_3_spring': { src: 'assets/stardewplanner/furniture/seasonal_plant_3-spring.png', footprint: [1, 1] }, 'furniture_seasonal_plant_3_summer': { src: 'assets/stardewplanner/furniture/seasonal_plant_3-summer.png', footprint: [1, 1] }, 'furniture_seasonal_plant_3_fall': { src: 'assets/stardewplanner/furniture/seasonal_plant_3-fall.png', footprint: [1, 1] }, 'furniture_seasonal_plant_3_winter': { src: 'assets/stardewplanner/furniture/seasonal_plant_3-winter.png', footprint: [1, 1] }, 'furniture_seasonal_plant_4_spring': { src: 'assets/stardewplanner/furniture/seasonal_plant_4-spring.png', footprint: [1, 1] }, 'furniture_seasonal_plant_4_summer': { src: 'assets/stardewplanner/furniture/seasonal_plant_4-summer.png', footprint: [1, 1] }, 'furniture_seasonal_plant_4_fall': { src: 'assets/stardewplanner/furniture/seasonal_plant_4-fall.png', footprint: [1, 1] }, 'furniture_seasonal_plant_4_winter': { src: 'assets/stardewplanner/furniture/seasonal_plant_4-winter.png', footprint: [1, 1] }, 'furniture_seasonal_plant_5_spring': { src: 'assets/stardewplanner/furniture/seasonal_plant_5-spring.png', footprint: [1, 1] }, 'furniture_seasonal_plant_5_summer': { src: 'assets/stardewplanner/furniture/seasonal_plant_5-summer.png', footprint: [1, 1] }, 'furniture_seasonal_plant_5_fall': { src: 'assets/stardewplanner/furniture/seasonal_plant_5-fall.png', footprint: [1, 1] }, 'furniture_seasonal_plant_5_winter': { src: 'assets/stardewplanner/furniture/seasonal_plant_5-winter.png', footprint: [1, 1] }, 'furniture_seasonal_plant_6_spring': { src: 'assets/stardewplanner/furniture/seasonal_plant_6-spring.png', footprint: [1, 1] }, 'furniture_seasonal_plant_6_summer': { src: 'assets/stardewplanner/furniture/seasonal_plant_6-summer.png', footprint: [1, 1] }, 'furniture_seasonal_plant_6_fall': { src: 'assets/stardewplanner/furniture/seasonal_plant_6-fall.png', footprint: [1, 1] }, 'furniture_seasonal_plant_6_winter': { src: 'assets/stardewplanner/furniture/seasonal_plant_6-winter.png', footprint: [1, 1] }, 'furniture_seasonal_decor_spring': { src: 'assets/stardewplanner/furniture/seasonal_decor-spring.png', footprint: [2, 2] }, 'furniture_seasonal_decor_summer': { src: 'assets/stardewplanner/furniture/seasonal_decor-summer.png', footprint: [2, 2] }, 'furniture_seasonal_decor_fall': { src: 'assets/stardewplanner/furniture/seasonal_decor-fall.png', footprint: [2, 2] }, 'furniture_seasonal_decor_winter': { src: 'assets/stardewplanner/furniture/seasonal_decor-winter.png', footprint: [2, 2] }, }; // ============================================================================ // FARM TYPES (matching stardewplanner.com farm types) // ============================================================================ const FARM_TYPES = { standard: { name: 'Standard Farm', width: 80, height: 65 }, combat: { name: 'Wilderness Farm', width: 80, height: 65 }, fishing: { name: 'Riverland Farm', width: 80, height: 65 }, foraging: { name: 'Forest Farm', width: 80, height: 65 }, mining: { name: 'Hill-top Farm', width: 80, height: 65 }, island: { name: 'Beach Farm', width: 110, height: 110 }, multiplayer: { name: 'Four Corners Farm', width: 80, height: 80 }, ranching: { name: 'Meadowlands Farm', width: 100, height: 75 }, }; const SEASONS = ['spring', 'summer', 'fall', 'winter']; // ============================================================================ // COLLISION MAPS (base64-encoded bitmaps: 1=blocked, 0=placeable) // Extracted from stardewplanner.com — blocked if terrain contains X (cliff) or W (water) // ============================================================================ const COLLISION_MAPS_B64 = { standard: '/z////8x//////9//+//P/////+eIH///z////////////8/////////////P//n/////////z////////////8+v//////////fPAH////wAAAAAAAB////4AAAAAAAAf///+AAAAAAAAAAAAPgAAAAAAAAAAAD4AAAAAAAAAAAA+AAAAAAAAAAAAPgAAAAAAAAAAAD4AAAAAAAAAAAAOAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAOAAAAAAAAAAAAfgAAAAAAAAAAAH4AAAAAAAAAAAB+AAAAAAAAAAAAf+AAAAAAAAAAAH/gAAAAAAAAAAB/4AAAAAAAAAAAf+AAAAAAAAAAAH9gAAAAAAAAAAB+YAAAAAAAAAA+f+AAAAAAAAAAP3/gAAAAAAAAAD9/4AAAAAAAAAA/f+AAAAAAAAAAP3/gAAAAAAAAAB5/gAAAAAAAAAAAfwAAAAAAAAAAAH4AAAAAAAAAAAB+AAAAAAAAAAAAfgAAAAAAAAAAAH4AAAAAAAAAAAB+AAAAAAAAAAAAfgAAAAAAAAAAAH4AAAAAAAAAAAB+AAAAAAAAAAAAfgAAAAAAAAAAAH4AAAAAAAAAAAB+AAAAAAAAAAAAfgAAAAAAAAAAAH4AAAAAAAAAAAB+AAAAAP4AAAAAfgAAAAH/AAAAAH4AAAAD/8AAAAB+AAAAB//gAAAAfgAAAAf/4AAAAH4AAAAH/+AAAAB+AAAAA//gAAAAfgAAAAP/wAAAB/4AAAAA/4AAAAf+AAAAAHwAAAAH/gAAAAAAAAAAf/4AAAAAAAAAAH/+AAAAAAAAAAB//f/////z////////////8/////////////P/////8=', fishing: '//////8/////////////P/////////////////////////////////////n////////7///x///g//D/++//4fwD4H/gf/vv/AHcAAE/59/4D/gAAAABAAf/+A/4AAAAAQAH//gP+AAAAADAAAP8D/AAAAAAAAAD///wAAAAAAAAA///8AAAAAAAAAP///gAAAAAAAAD//54AAAAAAAAAP/AeAAAAAAAAAD/wHgAAAAAAAAA/+D4AAAAAAAAAP//+AAAAAAAAAf///gAAAAAAAAH///4AAAAAAAAB////AAAABwAAAf////4AAB/AAAH/////wAA/4AAB//////AAP+AAAf/////wAD/wAAH/////8AA/+AAB///4Af/Af/+H////8AD/////h////+AAf////4f////gAH//////////4AB/////////4+AAf////////4HgAH////////4B8AD////////4AfgB/gAB/4f/+AH///gAAH8B//wA///wAAA+Af//AH//4AAAPgH//4Af/8AAAB4AP/+AD/AAAAAeAB//gAfgAAAAHgAP/4AH4AAAAB4AD/+AB+AAAAAfAA//gAfwAAAAH4AP/4AH/AAAAA/gD/4AD/4AAAAP4B/4AP/+AAAAD/g/8f///wP4A//8f/////8H/AP//H////////8P//x////////////8f///wH///////H//+AA/////////+AAAP/////////gAAAf//wAB///4AAAD//4AAP//+AAAA//wAAB///4AAAP/4AAAf///AAAD/8AAAD///4AAA//AAAA///////v/w///v//////9/////9///////////////8=', foraging: '+/////8///8/////////P///P////////z////////////8//////////wP/P/////////wD/z/////////wA/8+v///////8APfPIH////wAAAAAAABf/e/8AAAAAAAAZ/nv/AAAAAAAAAAAAP/gAAAAAAAAAAD/4AAAAAAAAAAA/+AAAAAAAAAAAP/gAAAAAAAAAAD/4AAAAAAAAAAAP+AAAAAAAAAAAD//AAAAAAAAAAA//4AAAAAAAAAAP/+AAAAAAAAAAf/+AAAAAAAAAAH/gAAAAAAAAAAB/gAAAAAAAAAAAfwAAAAAAAAAAAH8AAAAAAAAAAAB/AAAAAAAAAAAAfwAAAAAAAAAAAH8AAAAAAAAAAAB/AAAAAAAAAAA+fwAAAAAAAAAAP3+AAAAAAAAAAD9/gAAAAAP4AAA/f4AAAAAP/AAAP3+AAAAAD/8AAB5/gAAAAB//gAAA/4APwAAf/+AAAX+AH+AAH//gAAZ/wD/gAB//4AAIf8B/4AA//+AACH/v/+AAP//gAAd/7//gAD//4AAA/+//4AA//8AAAf/v/+AAH//AH8B/7//AAA//gD/gf+//wAAB/AB/8H/v/gAAAAAAf/B+AHgAAAAAAH/wfgAAAAAAAAD/8H4AAAAAAAAA/+B+AAAAAAAAAP/AfgAAAAAAAAB/AH4AAAAAAAAAPgB+AAAAAAAOAAAAcQAAAAAB/wAAAH8AAAAAA/8AAAf/gAAAAAP/AAAP/4AAAAAD/gAAH//AAAAAAfwAAD//wAAAAAAAAAP////wAAAAAAAH/////4PAAAAAD////////OH////////////z////////////8/////////////P/////8=', mining: '//////8/////////////P////////////z/////////3//8/////////9///P/////////f//z/+///////3//8/v///////8D/fPAH////4D/AAADwB//+/4A/gAAA8AP/Hj+AP4AAAPAAAAAPhL+AAADwAAAAD4S/wAAAAAAAAA+E/8AAAAAAAAAPhP/AAAAAAAAAD/z/wAAAAAAAAA/8/0AAAAAAAAAD/O9wAAAAAAAAA/wPcAAAAAAAAAPgD3AAAAAAAAAf4A9wCYAAABmAH+APEAkD/AAJAB/gDx+Jf///iX//+A+f+f////n///gPn/n////5///4B5/5/gf/+f//+AfA+cAAAPnAH/gH4AAAAAAAAB/4A/AAAAAAAAAf+AP8AAAAAAAAH/gD///gAAAAAB/8AP///gAAAAAe/gB////AAAAAH/8AH///4AAAAB/////gP/AAAAAf2DAMYAf4AAAA/5///+AB+APx//+AAAAcAPwD8f//gAAABAB8A/H//4AAAAQAfAIAAB+AAAAcAHwCAAAfgAAAPAA8AgAAH4AAADwAPAIAAB+AAAA8ADwCMQAfgAiAMAA8AhEAH4AIgCAAPAPxAB+ACIDgADwD8fAf//j/4AA8A/H8H//4/+AAPAPx////+P/gAD4A8f////j/gAA+AAAf/4AAAAAAPwAAB/+AAAAAAB+AAAAfgAAAAAAP/4AAH58AAAAAB//4AB+fgAAAAAf//wAfn4AAAAAD///B/5+AAAAAAH//4f+fgAAAAAAAf/H/jwAAAAAAAAf//4AAAAAAAAAB//+AAAAAAAAAAP////////z////////////8/////////////P/////8=', combat: '//////8/////////////P////////////z////////////8/////////////P////////////z////////////8+v//////////fPAH////wD/wAAAAB////4APwAAAAAf///+AAAAAAAAAAAAPgAAAAAAAAAAAD4AAAAAAAAAAAA+AAAAAAAAAAAAPgAAAAAAAAAAAD4AAAAAAAAAAAAOAAAAAAAAAAAADwAAAAAAAAAAAA+AAAAAAAAAAAAPwAAAAAAAAAAA/+AAAAAAAAAAA//8AAAAAAAAAAP///AAAAAAAAAD///+AAAAAAAAA////8AAAP4AAAP////wAAH/AAAD////8AAD/8AAA/////AAB//gAAP////wAAf/4AAD////8AAf//AAA/////AAH//8AAP////wAB///AAD////8AAf//wAA/////AAH//8AAP/gP/AAB///AAD/wA/AAAP/+AAA/4AAAAAB//gAAP+AAAAAAP/wAAD/gAAAAAA/4AAA/4AAAAAAHwAAAP+AAAAAAAAAAAD/gAAAAAAAAAAD//4AAAAAAAAAD////AAAAAAAAA/////AAAAAAAAP////+AAAAAAAD/////4AAAAAAA//////AAAAAAAP/////4AAAAAAD/////+AAAAAAA//////wAAAAAAP/////8AAAAAAD//////AAAAAAA//////wAAAAAAP/////8AAAAAAD//////gAAAAA///////4AAAAA///////+AAAHz////////gAAB/////////4AAAf////////+AAAH/////////gAAB///////////z////////////8/////////////P/////8=', island: '//////8//////////////////P/////53//////////z/9///3///////////8f/f//7//////////+AAf///+Pn///////+/gAH////h4////////v/gB////4AH///9///7/4Af///8AB////8H/+H+AH///+AAf////h//x/gBz//+AAH////4f/+f7Mc///AAD////+D//n/z/P4AAAAv////wf/9/8/x+AAAH7////8AB/j/P8AAAAB//////gAP4/z/AAAAA//////8AD+P8/wAAAAP//////AAfj/PwAAAAAP/////wAH42AAAAAAAD/////8AA+AAAAAAAAA//////gAPgAAAAAAAP//////4AD4AAAAAAAA////7/+AA+AAAAAAAAP///+P/wAfAAAAAAAAD/f////+AfgAAAAAAAA////+//4PwAAAAAAAAP////////4AAAAAAAAD///7////8AAAAAAAAA////+///+AAAAAAAAAP////v///AAAAAAAAAAv///7///gAAAAAAAAAIP//+///AAAAAAAAAAAAf/////gAAAAAAAAAAAH/////wAAAAAAAAAAAA//+//4AAAAAAAAAAAAP//v/+AAAAAAAAAAAAB//7//gAAAAAAAAAAAAf/+//4AAAAAAAAAAAAH//v/+AAAAAAAAAAAAB//7//gAAAAAAAAAAAAf/+//4AAAAAAAAAAAAH//v//AAAAAAAAAAAAB/////wAAAAAAAAAAAAf////8AAAAAAAAAAAAP//v//AAAAAAAAAAAAH//7//wAAAAAAAAAAf///+//+AAAAAAAAAAf////v//gAAAAAAAAAP////7//4AAAAAHAAAD////+//+AAAABz4AAB/////v//gAAAA++AAAf///////4AAAAPvgAAH///////+AAAAD74AAB/////v//gAAAA+AAAAf///////4AAAAPgAAAH///////+AAAAD4AAAA////////gAAAA+AAAAH///////8AAAAPgAAAA////////AAAAD4AAAAP///////wAAAA+AAAAD///////+AAAAPgAAAAf///////gAAAAAAAAAD///////8AAAAAAAAAAf///////gD/kAAAAAAAB//////4A//AAAAAAAAP///////P/wAAAAAAAB///////z/8AAAAAAAAf//////8//AAAAAAAAP///////P/wAAAAAAAD///////z/8AAAAAAAB///////87/AAAAAAAAf///////AAAAAAAAAAH/////3gAAAAAAAAAAB//////4AAAAAAAAAAAP/////+AAAAAAAAAAAB//////gAAAAOAAAAAAP/////4AAAAHwAAAAAD/////+AAAAB8AAAAAAf/////gD4AAfAHwAAAP/////8B/AAHwD8AAAD//////gfwAB8AeAAAB//////4H8AAfA/4AAAf/////+//AAHw//4ABX//////v/+AB8f//gB9//////7//gAfH//8Aff/////+//4AHx///gPv//////v/+AB8f//8AH//////7//YAAH///gX//////+///AAD///8D///////v//3AB////P///////b///wAf///z///////+///6AH///8////////v///wD////P///////7///9A////h///////+////wf///4f///////v///+P///8D///////7////j////B///////+////4////4////////v///+P///+f///////7////j////n////////////4////5////////////+P///+f////////////j////D/////////////////w/////////////////+P/////////////////j/////////////////4/////////////////+P////////////////7j////////////////94////////////////+iQB//8A==', multiplayer: '/3////c///////9////3P/////+f/////z////////////8/////////////P////////////z////////////8/////////////AAAf///wAAAADwAAH///4AAAAA8AAB///+AAAAAPAAAAAAPgAAAADwAAAAAD4AAAAA8AAAAAA+AAAAAPAAAAAAPgAAAAAAAAAAAD4AAAAAAAAAAAAOAAAAAPgAAAAADgAAAAD4AAAAAA4AAAAA+AAAAAAOAAAAAPwAAAAAfgAAAAD+AAAAAH4AAAAA/gAAAAB+AAAAAPIAAAAAfgAAAADyAAAAAH4AAAAAvgAAAAB+AAAAAP4AAAAAfgAAAAD+AAAAAH4AAAAA/gAAAAB+AAAHgP4AAAAAfgAAB4AAAAAAAH4AAAeAAAAAAAB+AAA/+AAeAAAPfgAAf/gAH4AAD34AAP/4AB/AAA9/AAH/+AAfsAAAf/5+//gAH///z//+f//4AB///8///n//2AAf///P//5//4AAD///z//+f/+AAAH//8///n//gAAB///P//5//4AAAf//z//+f/+AAAH//8/+AAAAAAAAAAAAfgAAAAOB4AAAAHIAAAAD8/AAAAByAAAAA/PwAAAAcgAAAAPz8AAAAHIAAAAD8/AAAAB+AAAAA/PwAAAAfgAAAAPh8AAAAH4AAAAAgHAAAAB+AAAAAIBAAAAAfgAAAACAwAAAAH4AAAAAgMAAAAB+AAAAAIDAAAAAfgAAAADjwAAAAH4AAAAAAAAAAAB+AAAAAICAAAAAfgAAAACAgAAAAH4AAAABAMAAAAD+AAAAAgHgAAAA/gAAAAfz8AAA8P4AAAAP8/AAAPf+AAAAD/PwAAD3/gAAAAvz8AAAB/4AP4Af8/wAAP//wH/Af//8AB////7/9////AAf//////////wAH///////8//8AB///////8P/////////////////////////////////////7////////////////////////////////////////////////////////////////gAH////////8=', ranching: '//////////5////////////////n///////////////+f///////////////5////////////////n///////////////+f///////////////5///////////////8H7///////+AP////wPv/////+/4AH///AA+//wP//4AAAf//wADh//g///gAAAH/4AAOH/wH//8AAAAf/gAAM/AAf//4AAA//+AAA4AAB///gAAP//wAAAAAAB///AAB///AAAAAAAH//8AAHx/4AAAAAAAf//5/AeB+AAAAAAAB/////HwAAAAAAAAAB//////AAAAAAAAAAf///j/8AAAAAAAAAD///wD/AAAAAAAAAAAD/8AAAAAAAAAAAAAAP/AAAAAAAAAAAAAAA/8AAAAAAAAAAAAAP//gAAAAAAAAAAAAA//+AAAAAAAAAAAAAD//4AAAAAAAAAAAAAP//wAAAAAAAAAAAAA///AAAAAAAAAAAAAD//8AAAAAAAAAAAAAP//wAAAAAAAAAAAAA///AAAAAAAAAAAAAD//8AAAAAAAAAAAAAP//4AAAAAAAAAAAAA///gAAAAAAAAAAAAD//+AAAAAAAAAAAAAP//4AAAAAAAAAAAAA///wAAAAAAAAAAAAD///AAAAAAAAAAAAAP//8AAAAAAAAAAAAA///wAAA+AAAAAAAAD///AAAP+AAAAAAAAP//8AAB/8AAAAAAAB///wAAH/8AAAAAAAH///AAA//4AAAAAAAf//4AAD//wAAAAAAD///gAAP//AAAAAAA///+AAA//8AAAAAAD///wAAB//wAAAAAA////AAAB/8AAAAAAD///8AAAAfAAAAAAAP///wAAAAAAAAAAAA////AAAAAAAAAAAAD///8AAAAAAAAAAAAP///wAAAAAAAAAfgA3///AAAAAAAAAH/AAB//8AAAAAAAAA/8AAH//wAAAAAAAAD/wAAf//A8AAAAAAAP/AAD//8H8AAAAAAAP4AB///wfwAAAAAAAPgAP///B+AAAAAAAAAAA///8B4AAAAAAAAAAD///wAAAAAAAAAAAAf///AAAAAAAAAAAAB///8AAAAAAAAAAAAH///wAAAAAAAAAAAA///////////P///////////////8////////////////z////////////////P///////////////8////////////////z////////////////P///////A=', }; function decodeCollisionMap(farmType) { const b64 = COLLISION_MAPS_B64[farmType]; if (!b64) return null; const farm = FARM_TYPES[farmType]; const totalTiles = farm.width * farm.height; const raw = atob(b64); const blocked = new Uint8Array(totalTiles); for (let i = 0; i < totalTiles; i++) { const byteIdx = Math.floor(i / 8); const bitIdx = 7 - (i % 8); blocked[i] = (raw.charCodeAt(byteIdx) >> bitIdx) & 1; } return blocked; } // Pre-decode all collision maps at startup const COLLISION_MAPS = {}; Object.keys(FARM_TYPES).forEach(farmType => { COLLISION_MAPS[farmType] = decodeCollisionMap(farmType); }); // ============================================================================ // FARM BACKGROUND LOADING (3-layer compositing from PNGs) // ============================================================================ async function loadFarmBackground(farmType, season) { const base = 'assets/stardewplanner/farm/'; const layers = ['back', 'middle', 'front']; const images = []; for (const layer of layers) { const img = new Image(); img.src = `${base}${farmType}_${layer}-${season}.png`; await new Promise((resolve, reject) => { img.onload = resolve; img.onerror = reject; }); images.push(img); } // Composite layers onto an offscreen canvas const canvas = document.createElement('canvas'); canvas.width = images[0].naturalWidth; canvas.height = images[0].naturalHeight; const ctx = canvas.getContext('2d'); for (const img of images) { ctx.drawImage(img, 0, 0); } // Convert to an Image for rendering const composited = new Image(); composited.src = canvas.toDataURL(); await new Promise(resolve => { composited.onload = resolve; }); return composited; } // ============================================================================ // SAVE/LOAD API HELPERS (private-by-default: unguessable UUIDs + localStorage) // ============================================================================ const SAVE_IDS_KEY = 'stardew_planner_save_ids'; function getSavedIds() { try { return JSON.parse(localStorage.getItem(SAVE_IDS_KEY)) || []; } catch { return []; } } function addSavedId(id) { const ids = getSavedIds(); if (!ids.includes(id)) { ids.push(id); localStorage.setItem(SAVE_IDS_KEY, JSON.stringify(ids)); } } function removeSavedId(id) { const ids = getSavedIds().filter(i => i !== id); localStorage.setItem(SAVE_IDS_KEY, JSON.stringify(ids)); } async function fetchSaves() { try { const ids = getSavedIds(); if (ids.length === 0) return []; const res = await fetch(`/api/saves?ids=${ids.join(',')}`); if (!res.ok) throw new Error('Failed to fetch saves'); return await res.json(); } catch (e) { console.error('Failed to fetch saves:', e); return []; } } async function saveToServer(saveData) { try { const res = await fetch('/api/saves', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(saveData), }); if (!res.ok) throw new Error('Failed to save'); const result = await res.json(); if (result.id) addSavedId(result.id); return result; } catch (e) { console.error('Failed to save to server:', e); return null; } } async function deleteFromServer(id) { try { const res = await fetch(`/api/saves/${id}`, { method: 'DELETE' }); if (!res.ok) throw new Error('Failed to delete'); removeSavedId(id); return true; } catch (e) { console.error('Failed to delete save:', e); return false; } } // ============================================================================ // ASSET CATALOG // ============================================================================ const createAssetCatalog = (season) => { const getAsset = (key) => GAME_ASSETS[key] || null; const getSeasonalAsset = (baseKey) => GAME_ASSETS[`${baseKey}_${season}`] || GAME_ASSETS[`${baseKey}_spring`] || null; // Path sprite sheets only exist for spring and winter; summer/fall use spring const pathSeason = (season === 'summer' || season === 'fall') ? 'spring' : season; const getPathAsset = (key) => { const asset = getAsset(key); if (asset?.pathName) return { ...asset, src: `assets/stardewplanner/path/${asset.pathName}-${pathSeason}.png` }; return asset; }; return { buildings: [ { id: 'barn', name: 'Barn', ...getAsset('building_barn'), category: 'buildings' }, { id: 'big_barn', name: 'Big Barn', ...getAsset('building_big_barn'), category: 'buildings' }, { id: 'deluxe_barn', name: 'Deluxe Barn', ...getAsset('building_deluxe_barn'), category: 'buildings' }, { id: 'coop', name: 'Coop', ...getAsset('building_coop'), category: 'buildings' }, { id: 'big_coop', name: 'Big Coop', ...getAsset('building_big_coop'), category: 'buildings' }, { id: 'deluxe_coop', name: 'Deluxe Coop', ...getAsset('building_deluxe_coop'), category: 'buildings' }, { id: 'shed', name: 'Shed', ...getAsset('building_shed'), category: 'buildings' }, { id: 'big_shed', name: 'Big Shed', ...getAsset('building_big_shed'), category: 'buildings' }, { id: 'silo', name: 'Silo', ...getAsset('building_silo'), category: 'buildings' }, { id: 'well', name: 'Well', ...getAsset('building_well'), category: 'buildings' }, { id: 'stable', name: 'Stable', ...getAsset('building_stable'), category: 'buildings' }, { id: 'slime_hutch', name: 'Slime Hutch', ...getAsset('building_slime_hutch'), category: 'buildings' }, { id: 'fish_pond', name: 'Fish Pond', ...getAsset('building_fish_pond'), category: 'buildings' }, { id: 'mill', name: 'Mill', ...getAsset('building_mill'), category: 'buildings' }, { id: 'greenhouse', name: 'Greenhouse', ...getAsset('building_greenhouse'), category: 'buildings' }, { id: 'farmhouse', name: 'Farmhouse', ...getAsset('building_farmhouse'), category: 'buildings' }, { id: 'farmhouse_upgrade1', name: 'Farmhouse 1st Upgrade', ...getAsset('building_farmhouse_upgrade1'), category: 'buildings' }, { id: 'farmhouse_upgrade2', name: 'Farmhouse 2nd Upgrade', ...getAsset('building_farmhouse_upgrade2'), category: 'buildings' }, { id: 'shipping_bin', name: 'Shipping Bin', ...getAsset('building_shipping_bin'), category: 'buildings' }, { id: 'mailbox', name: 'Mailbox', ...getAsset('building_mailbox'), category: 'buildings' }, { id: 'pet_bowl', name: 'Pet Bowl', ...getSeasonalAsset('building_pet_bowl'), category: 'buildings' }, { id: 'hay_pet_bowl', name: 'Hay Pet Bowl', ...getSeasonalAsset('building_hay_pet_bowl'), category: 'buildings' }, { id: 'stone_pet_bowl', name: 'Stone Pet Bowl', ...getSeasonalAsset('building_stone_pet_bowl'), category: 'buildings' }, { id: 'log_cabin', name: 'Log Cabin', ...getAsset('building_log_cabin'), category: 'buildings' }, { id: 'stone_cabin', name: 'Stone Cabin', ...getAsset('building_stone_cabin'), category: 'buildings' }, { id: 'plank_cabin', name: 'Plank Cabin', ...getAsset('building_plank_cabin'), category: 'buildings' }, { id: 'beach_cabin', name: 'Beach Cabin', ...getAsset('building_beach_cabin'), category: 'buildings' }, { id: 'neighbor_cabin', name: 'Neighbor Cabin', ...getAsset('building_neighbor_cabin'), category: 'buildings' }, { id: 'rustic_cabin', name: 'Rustic Cabin', ...getAsset('building_rustic_cabin'), category: 'buildings' }, { id: 'trailer_cabin', name: 'Trailer Cabin', ...getAsset('building_trailer_cabin'), category: 'buildings' }, ].filter(a => a.src), endgame: [ { id: 'gold_clock', name: 'Gold Clock', ...getAsset('building_gold_clock'), category: 'endgame' }, { id: 'junimo_hut', name: 'Junimo Hut', ...getSeasonalAsset('building_junimo_hut'), category: 'endgame' }, { id: 'desert_obelisk', name: 'Desert Obelisk', ...getAsset('building_desert_obelisk'), category: 'endgame' }, { id: 'earth_obelisk', name: 'Earth Obelisk', ...getAsset('building_earth_obelisk'), category: 'endgame' }, { id: 'water_obelisk', name: 'Water Obelisk', ...getAsset('building_water_obelisk'), category: 'endgame' }, { id: 'island_obelisk', name: 'Island Obelisk', ...getAsset('building_island_obelisk'), category: 'endgame' }, ].filter(a => a.src), crops: [ { id: 'parsnip', name: 'Parsnip', ...getAsset('crop_parsnip'), category: 'crops' }, { id: 'cauliflower', name: 'Cauliflower', ...getAsset('crop_cauliflower'), category: 'crops' }, { id: 'potato', name: 'Potato', ...getAsset('crop_potato'), category: 'crops' }, { id: 'garlic', name: 'Garlic', ...getAsset('crop_garlic'), category: 'crops' }, { id: 'kale', name: 'Kale', ...getAsset('crop_kale'), category: 'crops' }, { id: 'rhubarb', name: 'Rhubarb', ...getAsset('crop_rhubarb'), category: 'crops' }, { id: 'strawberry', name: 'Strawberry', ...getAsset('crop_strawberry'), category: 'crops' }, { id: 'rice', name: 'Rice', ...getAsset('crop_rice'), category: 'crops' }, { id: 'carrot', name: 'Carrot', ...getAsset('crop_carrot'), category: 'crops' }, { id: 'melon', name: 'Melon', ...getAsset('crop_melon'), category: 'crops' }, { id: 'blueberry', name: 'Blueberry', ...getAsset('crop_blueberry'), category: 'crops' }, { id: 'tomato', name: 'Tomato', ...getAsset('crop_tomato'), category: 'crops' }, { id: 'hops', name: 'Hops', ...getAsset('crop_hops'), category: 'crops' }, { id: 'radish', name: 'Radish', ...getAsset('crop_radish'), category: 'crops' }, { id: 'wheat', name: 'Wheat', ...getAsset('crop_wheat'), category: 'crops' }, { id: 'corn', name: 'Corn', ...getAsset('crop_corn'), category: 'crops' }, { id: 'sunflower', name: 'Sunflower', ...getAsset('crop_sunflower'), category: 'crops' }, { id: 'red_cabbage', name: 'Red Cabbage', ...getAsset('crop_red_cabbage'), category: 'crops' }, { id: 'summer_squash', name: 'Summer Squash', ...getAsset('crop_summer_squash'), category: 'crops' }, { id: 'pineapple', name: 'Pineapple', ...getAsset('crop_pineapple'), category: 'crops' }, { id: 'pumpkin', name: 'Pumpkin', ...getAsset('crop_pumpkin'), category: 'crops' }, { id: 'cranberry', name: 'Cranberry', ...getAsset('crop_cranberry'), category: 'crops' }, { id: 'grape', name: 'Grape', ...getAsset('crop_grape'), category: 'crops' }, { id: 'eggplant', name: 'Eggplant', ...getAsset('crop_eggplant'), category: 'crops' }, { id: 'yam', name: 'Yam', ...getAsset('crop_yam'), category: 'crops' }, { id: 'bok_choy', name: 'Bok Choy', ...getAsset('crop_bok_choy'), category: 'crops' }, { id: 'amaranth', name: 'Amaranth', ...getAsset('crop_amaranth'), category: 'crops' }, { id: 'artichoke', name: 'Artichoke', ...getAsset('crop_artichoke'), category: 'crops' }, { id: 'beet', name: 'Beet', ...getAsset('crop_beet'), category: 'crops' }, { id: 'broccoli', name: 'Broccoli', ...getAsset('crop_broccoli'), category: 'crops' }, { id: 'powdermelon', name: 'Powdermelon', ...getAsset('crop_powdermelon'), category: 'crops' }, { id: 'starfruit', name: 'Starfruit', ...getAsset('crop_starfruit'), category: 'crops' }, { id: 'ancient_fruit', name: 'Ancient Fruit', ...getAsset('crop_ancient_fruit'), category: 'crops' }, { id: 'tea_sapling', name: 'Tea Sapling', ...getAsset('crop_tea_sapling'), category: 'crops' }, { id: 'fiber', name: 'Fiber', ...getSeasonalAsset('crop_fiber'), category: 'crops' }, { id: 'cactus', name: 'Cactus Fruit', ...getAsset('crop_cactus'), category: 'crops' }, { id: 'coffee', name: 'Coffee Bean', ...getAsset('crop_coffee'), category: 'crops' }, { id: 'pepper', name: 'Hot Pepper', ...getAsset('crop_pepper'), category: 'crops' }, { id: 'sweetgem_berry', name: 'Sweet Gem Berry', ...getAsset('crop_sweetgem_berry'), category: 'crops' }, { id: 'blue_jazz', name: 'Blue Jazz', ...getAsset('crop_blue_jazz'), category: 'crops' }, { id: 'fairy_rose', name: 'Fairy Rose', ...getAsset('crop_fairy_rose'), category: 'crops' }, { id: 'poppy', name: 'Poppy', ...getAsset('crop_poppy'), category: 'crops' }, { id: 'summer_spangle', name: 'Summer Spangle', ...getAsset('crop_summer_spangle'), category: 'crops' }, { id: 'tulip', name: 'Tulip', ...getAsset('crop_tulip'), category: 'crops' }, { id: 'bean', name: 'Green Bean', ...getAsset('crop_bean'), category: 'crops' }, { id: 'taro', name: 'Taro Root', ...getAsset('crop_taro'), category: 'crops' }, { id: 'qi_fruit', name: 'Qi Fruit', ...getAsset('crop_qi_fruit'), category: 'crops' }, ].filter(a => a.src), trees: [ { id: 'oak_tree', name: 'Oak Tree', ...getSeasonalAsset('tree_oak'), category: 'trees' }, { id: 'maple_tree', name: 'Maple Tree', ...getSeasonalAsset('tree_maple'), category: 'trees' }, { id: 'mahogany_tree', name: 'Mahogany Tree', ...getSeasonalAsset('tree_mahogany'), category: 'trees' }, { id: 'apple_tree', name: 'Apple Tree', ...getSeasonalAsset('fruit_apple'), category: 'trees' }, { id: 'apricot_tree', name: 'Apricot Tree', ...getSeasonalAsset('fruit_apricot'), category: 'trees' }, { id: 'banana_tree', name: 'Banana Tree', ...getSeasonalAsset('fruit_banana'), category: 'trees' }, { id: 'cherry_tree', name: 'Cherry Tree', ...getSeasonalAsset('fruit_cherry'), category: 'trees' }, { id: 'mango_tree', name: 'Mango Tree', ...getSeasonalAsset('fruit_mango'), category: 'trees' }, { id: 'orange_tree', name: 'Orange Tree', ...getSeasonalAsset('fruit_orange'), category: 'trees' }, { id: 'peach_tree', name: 'Peach Tree', ...getSeasonalAsset('fruit_peach'), category: 'trees' }, { id: 'pomegranate_tree', name: 'Pomegranate Tree', ...getSeasonalAsset('fruit_pomegranate'), category: 'trees' }, { id: 'spruce_tree', name: 'Spruce Tree', ...getSeasonalAsset('tree_spruce'), category: 'trees' }, { id: 'mushroom_tree', name: 'Mushroom Tree', ...getSeasonalAsset('tree_mushroom'), category: 'trees' }, { id: 'mystic_tree', name: 'Mystic Tree', ...getSeasonalAsset('tree_mystic'), category: 'trees' }, { id: 'mossy_oak_tree', name: 'Mossy Oak Tree', ...getSeasonalAsset('tree_mossy_oak'), category: 'trees' }, { id: 'mossy_maple_tree', name: 'Mossy Maple Tree', ...getSeasonalAsset('tree_mossy_maple'), category: 'trees' }, { id: 'mossy_spruce_tree', name: 'Mossy Spruce Tree', ...getSeasonalAsset('tree_mossy_spruce'), category: 'trees' }, { id: 'mossy_mushroom_tree', name: 'Mossy Mushroom Tree', ...getSeasonalAsset('tree_mossy_mushroom'), category: 'trees' }, ].filter(a => a.src), equipment: [ // Sprinklers { id: 'basic_sprinkler', name: 'Basic Sprinkler', ...getAsset('sprinkler_basic'), category: 'equipment', subcategory: 'Sprinklers' }, { id: 'quality_sprinkler', name: 'Quality Sprinkler', ...getAsset('sprinkler_quality'), category: 'equipment', subcategory: 'Sprinklers' }, { id: 'iridium_sprinkler', name: 'Iridium Sprinkler', ...getAsset('sprinkler_iridium'), category: 'equipment', subcategory: 'Sprinklers' }, { id: 'basic_sprinkler_upgrade', name: 'Basic Sprinkler+', ...getAsset('sprinkler_basic_upgrade'), category: 'equipment', subcategory: 'Sprinklers' }, { id: 'quality_sprinkler_upgrade', name: 'Quality Sprinkler+', ...getAsset('sprinkler_quality_upgrade'), category: 'equipment', subcategory: 'Sprinklers' }, { id: 'iridium_sprinkler_upgrade', name: 'Iridium Sprinkler+', ...getAsset('sprinkler_iridium_upgrade'), category: 'equipment', subcategory: 'Sprinklers' }, // Scarecrows { id: 'scarecrow', name: 'Scarecrow', ...getAsset('machine_scarecrow'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'deluxe_scarecrow', name: 'Deluxe Scarecrow', ...getAsset('machine_deluxe_scarecrow'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_1', name: 'Rarecrow 1', ...getAsset('machine_rarecrow_1'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_2', name: 'Rarecrow 2', ...getAsset('machine_rarecrow_2'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_3', name: 'Rarecrow 3', ...getAsset('machine_rarecrow_3'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_4', name: 'Rarecrow 4', ...getAsset('machine_rarecrow_4'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_5', name: 'Rarecrow 5', ...getAsset('machine_rarecrow_5'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_6', name: 'Rarecrow 6', ...getAsset('machine_rarecrow_6'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_7', name: 'Rarecrow 7', ...getAsset('machine_rarecrow_7'), category: 'equipment', subcategory: 'Scarecrows' }, { id: 'rarecrow_8', name: 'Rarecrow 8', ...getAsset('machine_rarecrow_8'), category: 'equipment', subcategory: 'Scarecrows' }, // Processing { id: 'keg', name: 'Keg', ...getAsset('machine_keg'), category: 'equipment', subcategory: 'Processing' }, { id: 'preserves_jar', name: 'Preserves Jar', ...getAsset('machine_preserves_jar'), category: 'equipment', subcategory: 'Processing' }, { id: 'cheese_maker', name: 'Cheese Maker', ...getAsset('machine_cheese_maker'), category: 'equipment', subcategory: 'Processing' }, { id: 'oil_refiner', name: 'Oil Refiner', ...getAsset('machine_oil_refiner'), category: 'equipment', subcategory: 'Processing' }, { id: 'mayonnaise_machine', name: 'Mayonnaise Machine', ...getAsset('machine_mayonnaise_machine'), category: 'equipment', subcategory: 'Processing' }, { id: 'loom', name: 'Loom', ...getAsset('machine_loom'), category: 'equipment', subcategory: 'Processing' }, { id: 'furnace', name: 'Furnace', ...getAsset('machine_furnace'), category: 'equipment', subcategory: 'Processing' }, { id: 'heavy_furnace', name: 'Heavy Furnace', ...getAsset('machine_heavy_furnace'), category: 'equipment', subcategory: 'Processing' }, { id: 'charcoal_kiln', name: 'Charcoal Kiln', ...getAsset('machine_charcoal_kiln'), category: 'equipment', subcategory: 'Processing' }, { id: 'crystalarium', name: 'Crystalarium', ...getAsset('machine_crystalarium'), category: 'equipment', subcategory: 'Processing' }, { id: 'recycling_machine', name: 'Recycling Machine', ...getAsset('machine_recycling_machine'), category: 'equipment', subcategory: 'Processing' }, { id: 'seed_maker', name: 'Seed Maker', ...getAsset('machine_seed_maker'), category: 'equipment', subcategory: 'Processing' }, { id: 'bone_mill', name: 'Bone Mill', ...getAsset('machine_bone_mill'), category: 'equipment', subcategory: 'Processing' }, { id: 'geode_crusher', name: 'Geode Crusher', ...getAsset('machine_geode_crusher'), category: 'equipment', subcategory: 'Processing' }, { id: 'cask', name: 'Cask', ...getAsset('machine_cask'), category: 'equipment', subcategory: 'Processing' }, { id: 'dehydrator', name: 'Dehydrator', ...getAsset('machine_dehydrator'), category: 'equipment', subcategory: 'Processing' }, { id: 'fish_smoker', name: 'Fish Smoker', ...getAsset('machine_fish_smoker'), category: 'equipment', subcategory: 'Processing' }, { id: 'bait_maker', name: 'Bait Maker', ...getAsset('machine_bait_maker'), category: 'equipment', subcategory: 'Processing' }, { id: 'deconstructor', name: 'Deconstructor', ...getAsset('machine_deconstructor'), category: 'equipment', subcategory: 'Processing' }, { id: 'anvil', name: 'Anvil', ...getAsset('machine_anvil'), category: 'equipment', subcategory: 'Processing' }, { id: 'mini_forge', name: 'Mini Forge', ...getAsset('machine_mini_forge'), category: 'equipment', subcategory: 'Processing' }, // Storage { id: 'wood_chest', name: 'Chest', ...getAsset('machine_wood_chest'), category: 'equipment', subcategory: 'Storage' }, { id: 'stone_chest', name: 'Stone Chest', ...getAsset('machine_stone_chest'), category: 'equipment', subcategory: 'Storage' }, { id: 'wooden_big_chest', name: 'Big Chest', ...getAsset('machine_wooden_big_chest'), category: 'equipment', subcategory: 'Storage' }, { id: 'stone_big_chest', name: 'Big Stone Chest', ...getAsset('machine_stone_big_chest'), category: 'equipment', subcategory: 'Storage' }, { id: 'junimo_chest', name: 'Junimo Chest', ...getAsset('machine_junimo_chest'), category: 'equipment', subcategory: 'Storage' }, { id: 'mini_fridge', name: 'Mini Fridge', ...getAsset('machine_mini_fridge'), category: 'equipment', subcategory: 'Storage' }, { id: 'mini_shipping_bin', name: 'Mini Shipping Bin', ...getAsset('machine_mini_shipping_bin'), category: 'equipment', subcategory: 'Storage' }, { id: 'hopper', name: 'Hopper', ...getAsset('machine_hopper'), category: 'equipment', subcategory: 'Storage' }, // Automation { id: 'auto_grabber', name: 'Auto-Grabber', ...getAsset('machine_auto_grabber'), category: 'equipment', subcategory: 'Automation' }, { id: 'auto_petter', name: 'Auto-Petter', ...getAsset('machine_auto_petter'), category: 'equipment', subcategory: 'Automation' }, { id: 'slime_incubator', name: 'Slime Incubator', ...getAsset('machine_slime_incubator'), category: 'equipment', subcategory: 'Automation' }, { id: 'slime_egg_press', name: 'Slime Egg-Press', ...getAsset('machine_slime_egg_press'), category: 'equipment', subcategory: 'Automation' }, { id: 'ostrich_incubator', name: 'Ostrich Incubator', ...getAsset('machine_ostrich_incubator'), category: 'equipment', subcategory: 'Automation' }, { id: 'deluxe_worm_bin', name: 'Deluxe Worm Bin', ...getAsset('machine_deluxe_worm_bin'), category: 'equipment', subcategory: 'Automation' }, { id: 'mushroom_log', name: 'Mushroom Log', ...getAsset('machine_mushroom_log'), category: 'equipment', subcategory: 'Automation' }, { id: 'heater', name: 'Heater', ...getAsset('machine_heater'), category: 'equipment', subcategory: 'Automation' }, // Utility { id: 'bee_house', name: 'Bee House', ...getAsset('machine_bee_house'), category: 'equipment', subcategory: 'Utility' }, { id: 'tapper', name: 'Tapper', ...getAsset('machine_tapper'), category: 'equipment', subcategory: 'Utility' }, { id: 'heavy_tapper', name: 'Heavy Tapper', ...getAsset('machine_heavy_tapper'), category: 'equipment', subcategory: 'Utility' }, { id: 'lightning_rod', name: 'Lightning Rod', ...getAsset('machine_lightning_rod'), category: 'equipment', subcategory: 'Utility' }, { id: 'solar_panel', name: 'Solar Panel', ...getAsset('machine_solar_panel'), category: 'equipment', subcategory: 'Utility' }, { id: 'worm_bin', name: 'Worm Bin', ...getAsset('machine_worm_bin'), category: 'equipment', subcategory: 'Utility' }, { id: 'garden_pot', name: 'Garden Pot', ...getAsset('machine_garden_pot'), category: 'equipment', subcategory: 'Utility' }, { id: 'campfire', name: 'Campfire', ...getAsset('machine_campfire'), category: 'equipment', subcategory: 'Utility' }, { id: 'wood_chipper', name: 'Wood Chipper', ...getAsset('machine_wood_chipper'), category: 'equipment', subcategory: 'Utility' }, { id: 'workbench', name: 'Workbench', ...getAsset('machine_workbench'), category: 'equipment', subcategory: 'Utility' }, { id: 'sewing_machine', name: 'Sewing Machine', ...getAsset('machine_sewing_machine'), category: 'equipment', subcategory: 'Utility' }, { id: 'farm_computer', name: 'Farm Computer', ...getAsset('machine_farm_computer'), category: 'equipment', subcategory: 'Utility' }, { id: 'telephone', name: 'Telephone', ...getAsset('machine_telephone'), category: 'equipment', subcategory: 'Utility' }, { id: 'coffee_maker', name: 'Coffee Maker', ...getAsset('machine_coffee_maker'), category: 'equipment', subcategory: 'Utility' }, { id: 'jukebox', name: 'Jukebox', ...getAsset('machine_jukebox'), category: 'equipment', subcategory: 'Utility' }, { id: 'mini_obelisk', name: 'Mini-Obelisk', ...getAsset('machine_mini_obelisk'), category: 'equipment', subcategory: 'Utility' }, // Signs { id: 'wood_sign', name: 'Wood Sign', ...getAsset('machine_wood_sign'), category: 'equipment', subcategory: 'Signs' }, { id: 'stone_sign', name: 'Stone Sign', ...getAsset('machine_stone_sign'), category: 'equipment', subcategory: 'Signs' }, { id: 'dark_sign', name: 'Dark Sign', ...getAsset('machine_dark_sign'), category: 'equipment', subcategory: 'Signs' }, { id: 'text_sign', name: 'Text Sign', ...getAsset('machine_text_sign'), category: 'equipment', subcategory: 'Signs' }, // Lighting { id: 'barrel_brazier', name: 'Barrel Brazier', ...getAsset('machine_barrel_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'carved_brazier', name: 'Carved Brazier', ...getAsset('machine_carved_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'gold_brazier', name: 'Gold Brazier', ...getAsset('machine_gold_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'marble_brazier', name: 'Marble Brazier', ...getAsset('machine_marble_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'skull_brazier', name: 'Skull Brazier', ...getAsset('machine_skull_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'stone_brazier', name: 'Stone Brazier', ...getAsset('machine_stone_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'stump_brazier', name: 'Stump Brazier', ...getAsset('machine_stump_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'wooden_brazier', name: 'Wooden Brazier', ...getAsset('machine_wooden_brazier'), category: 'equipment', subcategory: 'Lighting' }, { id: 'iron_lamp_post', name: 'Iron Lamp-post', ...getAsset('machine_iron_lamp_post'), category: 'equipment', subcategory: 'Lighting' }, { id: 'wood_lamp_post', name: 'Wood Lamp-post', ...getAsset('machine_wood_lamp_post'), category: 'equipment', subcategory: 'Lighting' }, // Statues { id: 'statue_of_endless_fortune', name: 'Statue of Endless Fortune', ...getAsset('machine_statue_of_endless_fortune'), category: 'equipment', subcategory: 'Statues' }, { id: 'statue_of_perfection', name: 'Statue of Perfection', ...getAsset('machine_statue_of_perfection'), category: 'equipment', subcategory: 'Statues' }, { id: 'statue_of_true_perfection', name: 'Statue of True Perfection', ...getAsset('machine_statue_of_true_perfection'), category: 'equipment', subcategory: 'Statues' }, { id: 'statue_of_blessings', name: 'Statue of Blessings', ...getAsset('machine_statue_of_blessings'), category: 'equipment', subcategory: 'Statues' }, { id: 'statue_of_the_dwarf_king', name: 'Statue of the Dwarf King', ...getAsset('machine_statue_of_the_dwarf_king'), category: 'equipment', subcategory: 'Statues' }, ].filter(a => a.src), fences_paths: [ { id: 'wood_fence', name: 'Wood Fence', ...getAsset('fence_wood'), category: 'fences_paths' }, { id: 'stone_fence', name: 'Stone Fence', ...getAsset('fence_stone'), category: 'fences_paths' }, { id: 'iron_fence', name: 'Iron Fence', ...getAsset('fence_iron'), category: 'fences_paths' }, { id: 'hardwood_fence', name: 'Hardwood Fence', ...getAsset('fence_hardwood'), category: 'fences_paths' }, { id: 'wood_path', name: 'Wood Path', ...getPathAsset('path_wood'), category: 'fences_paths' }, { id: 'wood_floor', name: 'Wood Floor', ...getPathAsset('path_wood_floor'), category: 'fences_paths' }, { id: 'stone_floor', name: 'Stone Floor', ...getPathAsset('path_stone_floor'), category: 'fences_paths' }, { id: 'brick_floor', name: 'Brick Floor', ...getPathAsset('path_brick_floor'), category: 'fences_paths' }, { id: 'weathered_floor', name: 'Weathered Floor', ...getPathAsset('path_weathered_floor'), category: 'fences_paths' }, { id: 'straw_floor', name: 'Straw Floor', ...getPathAsset('path_straw_floor'), category: 'fences_paths' }, { id: 'gravel_path', name: 'Gravel Path', ...getPathAsset('path_gravel'), category: 'fences_paths' }, { id: 'cobblestone_path', name: 'Cobblestone Path', ...getPathAsset('path_cobblestone'), category: 'fences_paths' }, { id: 'stepping_stone', name: 'Stepping Stone', ...getPathAsset('path_stepping_stone'), category: 'fences_paths' }, { id: 'crystal_path', name: 'Crystal Path', ...getPathAsset('path_crystal'), category: 'fences_paths' }, { id: 'crystal_floor', name: 'Crystal Floor', ...getPathAsset('path_crystal_floor'), category: 'fences_paths' }, { id: 'rustic_plank', name: 'Rustic Plank Floor', ...getPathAsset('path_rustic_plank'), category: 'fences_paths' }, { id: 'stone_walkway', name: 'Stone Walkway', ...getPathAsset('path_stone_walkway'), category: 'fences_paths' }, ].filter(a => a.src), furniture: [ { id: 'blue_armchair', name: 'Blue Armchair', ...getAsset('furniture_blue_armchair_down'), category: 'furniture' }, { id: 'brown_armchair', name: 'Brown Armchair', ...getAsset('furniture_brown_armchair_down'), category: 'furniture' }, { id: 'green_armchair', name: 'Green Armchair', ...getAsset('furniture_green_armchair_down'), category: 'furniture' }, { id: 'red_armchair', name: 'Red Armchair', ...getAsset('furniture_red_armchair_down'), category: 'furniture' }, { id: 'yellow_armchair', name: 'Yellow Armchair', ...getAsset('furniture_yellow_armchair_down'), category: 'furniture' }, { id: 'oak_table', name: 'Oak Table', ...getAsset('furniture_oak_table'), category: 'furniture' }, { id: 'birch_table', name: 'Birch Table', ...getAsset('furniture_birch_table'), category: 'furniture' }, { id: 'mahogany_table', name: 'Mahogany Table', ...getAsset('furniture_mahogany_table'), category: 'furniture' }, { id: 'walnut_table', name: 'Walnut Table', ...getAsset('furniture_walnut_table'), category: 'furniture' }, { id: 'dark_bookcase', name: 'Dark Bookcase', ...getAsset('furniture_dark_bookcase'), category: 'furniture' }, { id: 'modern_bookcase', name: 'Modern Bookcase', ...getAsset('furniture_modern_bookcase'), category: 'furniture' }, { id: 'china_cabinet', name: 'China Cabinet', ...getAsset('furniture_china_cabinet'), category: 'furniture' }, { id: 'small_fish_tank', name: 'Small Fish Tank', ...getAsset('furniture_small_fish_tank'), category: 'furniture' }, { id: 'modern_fish_tank', name: 'Modern Fish Tank', ...getAsset('furniture_modern_fish_tank'), category: 'furniture' }, { id: 'large_fish_tank', name: 'Large Fish Tank', ...getAsset('furniture_large_fish_tank'), category: 'furniture' }, { id: 'deluxe_fish_tank', name: 'Deluxe Fish Tank', ...getAsset('furniture_deluxe_fish_tank'), category: 'furniture' }, { id: 'cc_fish_tank', name: 'CC Fish Tank', ...getAsset('furniture_cc_fish_tank'), category: 'furniture' }, { id: 'aquatic_sanctuary', name: 'Aquatic Sanctuary', ...getAsset('furniture_aquatic_sanctuary'), category: 'furniture' }, { id: 'plasma_tv', name: 'Plasma TV', ...getAsset('furniture_plasma_tv'), category: 'furniture' }, { id: 'tropical_tv', name: 'Tropical TV', ...getAsset('furniture_tropical_tv'), category: 'furniture' }, { id: 'blossom_rug', name: 'Blossom Rug', ...getAsset('furniture_blossom_rug'), category: 'furniture' }, { id: 'dark_rug_long', name: 'Dark Rug (Long)', ...getAsset('furniture_dark_rug_long'), category: 'furniture' }, { id: 'dark_rug_tall', name: 'Dark Rug (Tall)', ...getAsset('furniture_dark_rug_tall'), category: 'furniture' }, { id: 'desert_rug_tall', name: 'Desert Rug', ...getAsset('furniture_desert_rug_tall'), category: 'furniture' }, { id: 'fruit_salad_rug', name: 'Fruit Salad Rug', ...getAsset('furniture_fruit_salad_rug_long'), category: 'furniture' }, { id: 'stone_flooring', name: 'Stone Flooring', ...getAsset('furniture_stone_flooring'), category: 'furniture' }, { id: 'bear_statue', name: 'Bear Statue', ...getAsset('furniture_bear_statue'), category: 'furniture' }, { id: 'desert_flags', name: 'Desert Flags', ...getAsset('furniture_desert_flags'), category: 'furniture' }, { id: 'monster_danglers', name: 'Monster Danglers', ...getAsset('furniture_monster_danglers'), category: 'furniture' }, { id: 'curly_tree', name: 'Curly Tree', ...getAsset('furniture_curly_tree'), category: 'furniture' }, { id: 'deluxe_tree', name: 'Deluxe Tree', ...getAsset('furniture_deluxe_tree'), category: 'furniture' }, { id: 'exotic_tree', name: 'Exotic Tree', ...getAsset('furniture_exotic_tree'), category: 'furniture' }, { id: 'long_palm', name: 'Long Palm', ...getAsset('furniture_long_palm'), category: 'furniture' }, { id: 'tree_of_winter_star', name: 'Winter Star Tree', ...getAsset('furniture_tree_of_winter_star'), category: 'furniture' }, { id: 'seasonal_plant_1', name: 'Seasonal Plant 1', ...getSeasonalAsset('furniture_seasonal_plant_1'), category: 'furniture' }, { id: 'seasonal_plant_2', name: 'Seasonal Plant 2', ...getSeasonalAsset('furniture_seasonal_plant_2'), category: 'furniture' }, { id: 'seasonal_plant_3', name: 'Seasonal Plant 3', ...getSeasonalAsset('furniture_seasonal_plant_3'), category: 'furniture' }, { id: 'seasonal_plant_4', name: 'Seasonal Plant 4', ...getSeasonalAsset('furniture_seasonal_plant_4'), category: 'furniture' }, { id: 'seasonal_plant_5', name: 'Seasonal Plant 5', ...getSeasonalAsset('furniture_seasonal_plant_5'), category: 'furniture' }, { id: 'seasonal_plant_6', name: 'Seasonal Plant 6', ...getSeasonalAsset('furniture_seasonal_plant_6'), category: 'furniture' }, { id: 'seasonal_decor', name: 'Seasonal Decor', ...getSeasonalAsset('furniture_seasonal_decor'), category: 'furniture' }, ].filter(a => a.src), }; }; // ============================================================================ // SPRINKLER RANGE PATTERNS // ============================================================================ const SPRINKLER_RANGES = { basic_sprinkler: [ [0, -1], [-1, 0], [1, 0], [0, 1] ], quality_sprinkler: [ [-1, -1], [0, -1], [1, -1], [-1, 0], [1, 0], [-1, 1], [0, 1], [1, 1] ], iridium_sprinkler: [ ...Array.from({ length: 5 }, (_, i) => Array.from({ length: 5 }, (_, j) => [i - 2, j - 2])) .flat() .filter(([x, y]) => !(x === 0 && y === 0)) ], basic_sprinkler_upgrade: [ [0, -2], [-1, -1], [0, -1], [1, -1], [-2, 0], [-1, 0], [1, 0], [2, 0], [-1, 1], [0, 1], [1, 1], [0, 2] ], quality_sprinkler_upgrade: [ ...Array.from({ length: 5 }, (_, i) => Array.from({ length: 5 }, (_, j) => [i - 2, j - 2])) .flat() .filter(([x, y]) => !(x === 0 && y === 0)) ], iridium_sprinkler_upgrade: [ ...Array.from({ length: 7 }, (_, i) => Array.from({ length: 7 }, (_, j) => [i - 3, j - 3])) .flat() .filter(([x, y]) => !(x === 0 && y === 0)) ] }; // ============================================================================ // AUTO-TILE SYSTEM (fences & paths connect to neighbors) // ============================================================================ // Neighbor rules: key = combination of u/d/l/r for connected neighbors → [col, row] in sprite sheet const PATH_NEIGHBOR_RULES = { '': [0,0], 'u': [0,3], 'd': [0,1], 'l': [3,3], 'r': [1,3], 'ud': [0,2], 'ul': [3,2], 'ur': [1,2], 'dl': [3,0], 'dr': [1,0], 'lr': [2,3], 'udl': [3,1], 'udr': [1,1], 'ulr': [2,2], 'dlr': [2,0], 'udlr': [2,1], }; const FENCE_NEIGHBOR_RULES = { '': [2,1], 'u': [0,1], 'd': [2,1], 'l': [0,3], 'r': [1,3], 'ud': [0,1], 'ul': [2,2], 'ur': [0,2], 'dl': [2,0], 'dr': [0,0], 'lr': [1,2], 'udl': [2,2], 'udr': [0,2], 'ulr': [2,3], 'dlr': [1,1], 'udlr': [2,3], }; const TILEABLE_IDS = new Set([ 'wood_fence', 'stone_fence', 'iron_fence', 'hardwood_fence', 'wood_path', 'wood_floor', 'stone_floor', 'brick_floor', 'weathered_floor', 'straw_floor', 'gravel_path', 'cobblestone_path', 'stepping_stone', 'crystal_path', 'crystal_floor', 'rustic_plank', 'stone_walkway', ]); const FENCE_IDS = new Set(['wood_fence', 'stone_fence', 'iron_fence', 'hardwood_fence']); function getAutoTileSourceRect(item, placedItems) { const isFence = FENCE_IDS.has(item.assetId); const rules = isFence ? FENCE_NEIGHBOR_RULES : PATH_NEIGHBOR_RULES; const hasUp = placedItems.some(i => i.x === item.x && i.y === item.y - 1 && i.assetId === item.assetId); const hasDown = placedItems.some(i => i.x === item.x && i.y === item.y + 1 && i.assetId === item.assetId); const hasLeft = placedItems.some(i => i.x === item.x - 1 && i.y === item.y && i.assetId === item.assetId); const hasRight = placedItems.some(i => i.x === item.x + 1 && i.y === item.y && i.assetId === item.assetId); const key = (hasUp ? 'u' : '') + (hasDown ? 'd' : '') + (hasLeft ? 'l' : '') + (hasRight ? 'r' : ''); const [col, row] = rules[key] || rules['']; if (isFence) { return [col * 16, row * 32, 16, 32]; } else { return [col * 16, row * 16, 16, 16]; } } // ============================================================================ // CROPPED THUMBNAIL (for sprite sheets without separate icon files) // ============================================================================ function CroppedThumbnail({ src, sourceRect, style }) { const canvasRef = useRef(null); useEffect(() => { const img = new Image(); img.src = src; img.onload = () => { const canvas = canvasRef.current; if (!canvas) return; const [sx, sy, sw, sh] = sourceRect; canvas.width = sw; canvas.height = sh; const ctx = canvas.getContext('2d'); ctx.imageSmoothingEnabled = false; ctx.drawImage(img, sx, sy, sw, sh, 0, 0, sw, sh); }; }, [src, sourceRect]); return React.createElement('canvas', { ref: canvasRef, style }); } // ============================================================================ // TOOLTIP COMPONENT (fast hover delay) // ============================================================================ function Tooltip({ text, delay = 150, children }) { const [show, setShow] = React.useState(false); const [pos, setPos] = React.useState({ x: 0, y: 0 }); const tooltipRef = React.useRef(null); const timeoutRef = React.useRef(null); const handleMouseEnter = (e) => { const rect = e.currentTarget.getBoundingClientRect(); setPos({ x: rect.left + rect.width / 2, y: rect.bottom + 6 }); timeoutRef.current = setTimeout(() => setShow(true), delay); }; const handleMouseLeave = () => { clearTimeout(timeoutRef.current); setShow(false); }; // Clamp tooltip position after render so it stays within viewport React.useEffect(() => { if (show && tooltipRef.current) { const el = tooltipRef.current; const r = el.getBoundingClientRect(); const pad = 8; if (r.right > window.innerWidth - pad) { el.style.left = (window.innerWidth - pad - r.width) + 'px'; el.style.transform = 'none'; } if (r.left < pad) { el.style.left = pad + 'px'; el.style.transform = 'none'; } } }, [show, pos]); return React.createElement('div', { style: { position: 'relative', display: 'inline-flex' }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, }, children, show && ReactDOM.createPortal( React.createElement('div', { ref: tooltipRef, style: { position: 'fixed', left: pos.x, top: pos.y, transform: 'translateX(-50%)', backgroundColor: '#4a3728', color: '#f7f1e8', padding: '7px 14px', borderRadius: '8px', fontSize: '12px', fontWeight: '600', whiteSpace: 'nowrap', pointerEvents: 'none', zIndex: 10000, border: 'none', boxShadow: '0 4px 16px rgba(74,55,40,0.25)', fontFamily: "'Nunito', system-ui, sans-serif", } }, text), document.body ) ); } // ============================================================================ // MODAL BASE COMPONENT (portal-based overlay) // ============================================================================ function Modal({ isOpen, onClose, title, children, width }) { if (!isOpen) return null; const handleBackdropClick = (e) => { if (e.target === e.currentTarget) onClose(); }; return ReactDOM.createPortal(
{title}
{children}
, document.body ); } // ============================================================================ // SAVE MODAL COMPONENT // ============================================================================ function SaveModal({ isOpen, onClose, farmType, season, placedItems, farmName, captureThumbnail, currentSaveId, currentSaveName, onSaved }) { const [name, setName] = React.useState(''); const [thumbnail, setThumbnail] = React.useState(null); const [saving, setSaving] = React.useState(false); const [savedId, setSavedId] = React.useState(null); const [linkCopied, setLinkCopied] = React.useState(false); React.useEffect(() => { if (isOpen) { setName(currentSaveName || (farmName + ' - ' + new Date().toLocaleDateString())); setThumbnail(captureThumbnail()); setSaving(false); setSavedId(null); setLinkCopied(false); } }, [isOpen]); const buildSaveData = () => ({ ...(currentSaveId ? { id: currentSaveId } : {}), name, farmType, season, items: placedItems, thumbnail, savedAt: new Date().toISOString(), }); const getShareUrl = (id) => `${window.location.origin}${window.location.pathname}?save=${id}`; const handleSaveToServer = async () => { if (!name.trim()) return; setSaving(true); const data = buildSaveData(); const result = await saveToServer(data); setSaving(false); if (result) { onSaved(result.id, name); setSavedId(result.id); } }; const handleCopyLink = () => { if (!savedId) return; navigator.clipboard.writeText(getShareUrl(savedId)).then(() => { setLinkCopied(true); setTimeout(() => setLinkCopied(false), 2000); }); }; const handleDownload = () => { if (!name.trim()) return; const data = buildSaveData(); const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = (name || 'farm').replace(/[^a-zA-Z0-9_-]/g, '_') + '.json'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); onClose(); }; const btnBase = { flex: 1, padding: '12px 16px', borderRadius: '10px', fontSize: '14px', fontWeight: '700', cursor: 'pointer', fontFamily: "'Nunito', system-ui, sans-serif", transition: 'all 0.15s ease', }; return ( {thumbnail && (
)}
setName(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') handleSaveToServer(); }} style={{ width: '100%', padding: '10px 14px', borderRadius: '10px', border: '1.5px solid #ddd2c0', backgroundColor: '#fff', fontSize: '14px', fontFamily: "'Nunito', system-ui, sans-serif", color: '#4a3728', outline: 'none', boxSizing: 'border-box', }} />
{savedId ? (
Farm saved! Bookmark or share this link to access your farm from any browser.
{getShareUrl(savedId)}
) : (
)} ); } // ============================================================================ // LOAD MODAL COMPONENT // ============================================================================ function LoadModal({ isOpen, onClose, onLoad, onNewSave }) { const [saves, setSaves] = React.useState([]); const [loading, setLoading] = React.useState(false); React.useEffect(() => { if (isOpen) { setLoading(true); fetchSaves().then(data => { setSaves(data); setLoading(false); }); } }, [isOpen]); const handleDelete = async (id, e) => { e.stopPropagation(); const success = await deleteFromServer(id); if (success) { setSaves(prev => prev.filter(s => s.id !== id)); } }; const handleLoad = async (save) => { try { const res = await fetch(`/api/saves/${save.id}`); if (!res.ok) throw new Error('Failed to load'); const fullData = await res.json(); onLoad(fullData); onClose(); } catch (e) { console.error('Failed to load save:', e); } }; const handleImport = () => { const input = document.createElement('input'); input.type = 'file'; input.accept = '.json'; input.onchange = (ev) => { const file = ev.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = (re) => { try { const data = JSON.parse(re.target.result); onLoad(data); onClose(); } catch (err) { alert('Invalid save file'); } }; reader.readAsText(file); }; input.click(); }; const [hoveredCard, setHoveredCard] = React.useState(null); const [copiedId, setCopiedId] = React.useState(null); const handleCopyLink = (id, e) => { e.stopPropagation(); const url = `${window.location.origin}${window.location.pathname}?save=${id}`; navigator.clipboard.writeText(url).then(() => { setCopiedId(id); setTimeout(() => setCopiedId(null), 2000); }); }; return (
{loading && (
Loading saves...
)} {!loading && (
{saves.map(save => (
handleLoad(save)} onMouseEnter={() => setHoveredCard(save.id)} onMouseLeave={() => setHoveredCard(null)} style={{ position: 'relative', backgroundColor: '#fff', borderRadius: '12px', border: hoveredCard === save.id ? '1.5px solid #c4b8a4' : '1.5px solid #ddd2c0', padding: '8px', cursor: 'pointer', transition: 'all 0.15s ease', boxShadow: hoveredCard === save.id ? '0 4px 14px rgba(74,55,40,0.13)' : '0 2px 8px rgba(74,55,40,0.06)', transform: hoveredCard === save.id ? 'translateY(-2px)' : 'none', }} >
{ e.target.style.display = 'none'; }} />
{save.name}
{new Date(save.savedAt).toLocaleDateString()} · {save.itemCount} items
))}
{ onClose(); onNewSave(); }} onMouseEnter={() => setHoveredCard('new')} onMouseLeave={() => setHoveredCard(null)} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', backgroundColor: hoveredCard === 'new' ? '#faf6f0' : '#fff', borderRadius: '12px', border: hoveredCard === 'new' ? '2px dashed #c4b8a4' : '2px dashed #ddd2c0', padding: '8px', cursor: 'pointer', minHeight: '140px', transition: 'all 0.15s ease', color: hoveredCard === 'new' ? '#8a7a65' : '#b0a090', transform: hoveredCard === 'new' ? 'translateY(-2px)' : 'none', boxShadow: hoveredCard === 'new' ? '0 4px 14px rgba(74,55,40,0.1)' : 'none', }} >
+
New Save
)} {!loading && saves.length === 0 && (
No saved farms yet. Create your first save!
)} ); } // ============================================================================ // VIEW ALL MODAL COMPONENT // ============================================================================ function ViewAllModal({ isOpen, onClose, assetCatalog, favorites, toggleFavorite, onSelectAsset }) { const [filter, setFilter] = React.useState('all'); const [search, setSearch] = React.useState(''); const [hoveredHeart, setHoveredHeart] = React.useState(null); const allCategories = ['all', 'favorites', ...Object.keys(assetCatalog)]; const filtered = React.useMemo(() => { let items; if (filter === 'favorites') { items = Object.values(assetCatalog).flat().filter(a => favorites.includes(a.id)); } else if (filter === 'all') { items = Object.values(assetCatalog).flat(); } else { items = assetCatalog[filter] || []; } if (search.trim()) { const q = search.trim().toLowerCase(); items = items.filter(a => a.name.toLowerCase().includes(q)); } return items; }, [filter, search, assetCatalog, favorites]); const tabStyle = { padding: '5px 12px', borderRadius: '20px', border: '1.5px solid #ddd2c0', backgroundColor: '#fff', color: '#6a5a45', fontSize: '12px', fontWeight: '600', cursor: 'pointer', fontFamily: "'Nunito', system-ui, sans-serif", transition: 'all 0.15s ease', whiteSpace: 'nowrap', }; const tabActiveStyle = { backgroundColor: '#5a944e', border: '1.5px solid #5a944e', color: '#fff' }; return (
setSearch(e.target.value)} style={{ width: '100%', padding: '8px 14px', borderRadius: '10px', border: '1.5px solid #ddd2c0', backgroundColor: '#fff', fontSize: '13px', fontFamily: "'Nunito', system-ui, sans-serif", color: '#4a3728', outline: 'none', boxSizing: 'border-box', }} />
{allCategories.map(cat => ( ))}
{filtered.map(asset => { const isFav = favorites.includes(asset.id); return (
{ onSelectAsset(asset); onClose(); }} style={{ position: 'relative', display: 'flex', flexDirection: 'column', alignItems: 'center', padding: '8px 6px 6px', backgroundColor: '#fff', borderRadius: '10px', border: '1.5px solid #e8dfd0', cursor: 'pointer', boxShadow: '0 1px 3px rgba(74,55,40,0.05)', transition: 'all 0.15s ease', }} onMouseEnter={(e) => { e.currentTarget.style.borderColor = '#c4b8a4'; e.currentTarget.style.boxShadow = '0 3px 10px rgba(74,55,40,0.1)'; e.currentTarget.style.transform = 'translateY(-1px)'; }} onMouseLeave={(e) => { e.currentTarget.style.borderColor = '#e8dfd0'; e.currentTarget.style.boxShadow = '0 1px 3px rgba(74,55,40,0.05)'; e.currentTarget.style.transform = 'none'; }} title={`${asset.name}\nSize: ${asset.footprint?.[0]}x${asset.footprint?.[1]} tiles`} >
toggleFavorite(asset.id, e)} onMouseEnter={(e) => { setHoveredHeart(asset.id); e.currentTarget.style.transform = 'scale(1.2)'; }} onMouseLeave={(e) => { setHoveredHeart(null); e.currentTarget.style.transform = 'scale(1)'; }} style={{ position: 'absolute', top: '4px', right: '4px', width: '18px', height: '18px', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', transition: 'transform 0.15s ease', zIndex: 1, borderRadius: '50%', opacity: isFav || hoveredHeart === asset.id ? 1 : 0.4, }} >
{asset.sourceRect && !asset.icon ? ( ) : ( {asset.name} { e.target.style.display = 'none'; }} /> )}
{asset.name}
); })} {filtered.length === 0 && (
{filter === 'favorites' ? 'No favorites yet. Click the heart icon on any asset to add it.' : 'No assets found.'}
)}
); } // ============================================================================ // MAIN COMPONENT // ============================================================================ function getSessionState() { try { const raw = localStorage.getItem('stardew_session'); if (!raw) return null; const session = JSON.parse(raw); if (Date.now() - session.timestamp > 24 * 60 * 60 * 1000) { localStorage.removeItem('stardew_session'); return null; } return session; } catch (e) { return null; } } // ============================================================================ // FEEDBACK MODAL COMPONENT // ============================================================================ function FeedbackModal({ isOpen, onClose }) { const [feedbackType, setFeedbackType] = useState('bug'); const [subject, setSubject] = useState(''); const [description, setDescription] = useState(''); const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); const [error, setError] = useState(null); const handleSubmit = async () => { setSubmitting(true); setError(null); try { const res = await fetch('/api/feedback', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ type: feedbackType, subject, description }), }); if (!res.ok) throw new Error('Failed to submit'); setSubmitted(true); } catch (e) { setError('Something went wrong. Please try again.'); } finally { setSubmitting(false); } }; const handleClose = () => { setSubmitted(false); setError(null); setFeedbackType('bug'); setSubject(''); setDescription(''); onClose(); }; const inputStyle = { width: '100%', padding: '10px 14px', borderRadius: '10px', border: '1.5px solid #ddd2c0', backgroundColor: '#fff', fontSize: '14px', fontFamily: "'Nunito', system-ui, sans-serif", color: '#4a3728', outline: 'none', boxSizing: 'border-box', }; return ( {submitting ? (
Sending your feedback...
This will only take a moment.
) : submitted ? (
✓
Thank you for your feedback!
We've received your message and will review it shortly.
) : (
setSubject(e.target.value)} placeholder="Brief summary..." style={inputStyle} />