create-mud 2.2.17-5aa8a3ad00aa591f9c3a60526b045257dc8a0bb5 → 2.2.17-78e9ed1294db2e924bd295734f3738bdd2786242

package/templates/react/packages/contracts/src/MoveSystem.sol

@@ -1,26 +0,0 @@
-// SPDX-License-Identifier: MIT
-pragma solidity >=0.8.24;
-
-import { System } from "@latticexyz/world/src/System.sol";
-
-import { Direction } from "./codegen/common.sol";
-import { Position, PositionData } from "./codegen/tables/Position.sol";
-
-contract MoveSystem is System {
-  function move(Direction direction) public {
-    address player = _msgSender();
-    PositionData memory position = Position.get(player);
-
-    if (direction == Direction.North) {
-      position.y += 1;
-    } else if (direction == Direction.East) {
-      position.x += 1;
-    } else if (direction == Direction.South) {
-      position.y -= 1;
-    } else if (direction == Direction.West) {
-      position.x -= 1;
-    }
-
-    Position.set(player, position);
-  }
-}

package/templates/react/packages/contracts/src/codegen/common.sol

@@ -1,11 +0,0 @@
-// SPDX-License-Identifier: MIT
-pragma solidity >=0.8.24;
-
-/* Autogenerated file. Do not edit manually. */
-
-enum Direction {
-  North,
-  East,
-  South,
-  West
-}

package/templates/react/packages/contracts/src/codegen/tables/Position.sol

@@ -1,318 +0,0 @@
-// SPDX-License-Identifier: MIT
-pragma solidity >=0.8.24;
-
-/* Autogenerated file. Do not edit manually. */
-
-// Import store internals
-import { IStore } from "@latticexyz/store/src/IStore.sol";
-import { StoreSwitch } from "@latticexyz/store/src/StoreSwitch.sol";
-import { StoreCore } from "@latticexyz/store/src/StoreCore.sol";
-import { Bytes } from "@latticexyz/store/src/Bytes.sol";
-import { Memory } from "@latticexyz/store/src/Memory.sol";
-import { SliceLib } from "@latticexyz/store/src/Slice.sol";
-import { EncodeArray } from "@latticexyz/store/src/tightcoder/EncodeArray.sol";
-import { FieldLayout } from "@latticexyz/store/src/FieldLayout.sol";
-import { Schema } from "@latticexyz/store/src/Schema.sol";
-import { EncodedLengths, EncodedLengthsLib } from "@latticexyz/store/src/EncodedLengths.sol";
-import { ResourceId } from "@latticexyz/store/src/ResourceId.sol";
-
-struct PositionData {
-  int32 x;
-  int32 y;
-}
-
-library Position {
-  // Hex below is the result of `WorldResourceIdLib.encode({ namespace: "app", name: "Position", typeId: RESOURCE_TABLE });`
-  ResourceId constant _tableId = ResourceId.wrap(0x74626170700000000000000000000000506f736974696f6e0000000000000000);
-
-  FieldLayout constant _fieldLayout =
-    FieldLayout.wrap(0x0008020004040000000000000000000000000000000000000000000000000000);
-
-  // Hex-encoded key schema of (address)
-  Schema constant _keySchema = Schema.wrap(0x0014010061000000000000000000000000000000000000000000000000000000);
-  // Hex-encoded value schema of (int32, int32)
-  Schema constant _valueSchema = Schema.wrap(0x0008020023230000000000000000000000000000000000000000000000000000);
-
-  /**
-   * @notice Get the table's key field names.
-   * @return keyNames An array of strings with the names of key fields.
-   */
-  function getKeyNames() internal pure returns (string[] memory keyNames) {
-    keyNames = new string[](1);
-    keyNames[0] = "player";
-  }
-
-  /**
-   * @notice Get the table's value field names.
-   * @return fieldNames An array of strings with the names of value fields.
-   */
-  function getFieldNames() internal pure returns (string[] memory fieldNames) {
-    fieldNames = new string[](2);
-    fieldNames[0] = "x";
-    fieldNames[1] = "y";
-  }
-
-  /**
-   * @notice Register the table with its config.
-   */
-  function register() internal {
-    StoreSwitch.registerTable(_tableId, _fieldLayout, _keySchema, _valueSchema, getKeyNames(), getFieldNames());
-  }
-
-  /**
-   * @notice Register the table with its config.
-   */
-  function _register() internal {
-    StoreCore.registerTable(_tableId, _fieldLayout, _keySchema, _valueSchema, getKeyNames(), getFieldNames());
-  }
-
-  /**
-   * @notice Get x.
-   */
-  function getX(address player) internal view returns (int32 x) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    bytes32 _blob = StoreSwitch.getStaticField(_tableId, _keyTuple, 0, _fieldLayout);
-    return (int32(uint32(bytes4(_blob))));
-  }
-
-  /**
-   * @notice Get x.
-   */
-  function _getX(address player) internal view returns (int32 x) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    bytes32 _blob = StoreCore.getStaticField(_tableId, _keyTuple, 0, _fieldLayout);
-    return (int32(uint32(bytes4(_blob))));
-  }
-
-  /**
-   * @notice Set x.
-   */
-  function setX(address player, int32 x) internal {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreSwitch.setStaticField(_tableId, _keyTuple, 0, abi.encodePacked((x)), _fieldLayout);
-  }
-
-  /**
-   * @notice Set x.
-   */
-  function _setX(address player, int32 x) internal {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreCore.setStaticField(_tableId, _keyTuple, 0, abi.encodePacked((x)), _fieldLayout);
-  }
-
-  /**
-   * @notice Get y.
-   */
-  function getY(address player) internal view returns (int32 y) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    bytes32 _blob = StoreSwitch.getStaticField(_tableId, _keyTuple, 1, _fieldLayout);
-    return (int32(uint32(bytes4(_blob))));
-  }
-
-  /**
-   * @notice Get y.
-   */
-  function _getY(address player) internal view returns (int32 y) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    bytes32 _blob = StoreCore.getStaticField(_tableId, _keyTuple, 1, _fieldLayout);
-    return (int32(uint32(bytes4(_blob))));
-  }
-
-  /**
-   * @notice Set y.
-   */
-  function setY(address player, int32 y) internal {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreSwitch.setStaticField(_tableId, _keyTuple, 1, abi.encodePacked((y)), _fieldLayout);
-  }
-
-  /**
-   * @notice Set y.
-   */
-  function _setY(address player, int32 y) internal {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreCore.setStaticField(_tableId, _keyTuple, 1, abi.encodePacked((y)), _fieldLayout);
-  }
-
-  /**
-   * @notice Get the full data.
-   */
-  function get(address player) internal view returns (PositionData memory _table) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    (bytes memory _staticData, EncodedLengths _encodedLengths, bytes memory _dynamicData) = StoreSwitch.getRecord(
-      _tableId,
-      _keyTuple,
-      _fieldLayout
-    );
-    return decode(_staticData, _encodedLengths, _dynamicData);
-  }
-
-  /**
-   * @notice Get the full data.
-   */
-  function _get(address player) internal view returns (PositionData memory _table) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    (bytes memory _staticData, EncodedLengths _encodedLengths, bytes memory _dynamicData) = StoreCore.getRecord(
-      _tableId,
-      _keyTuple,
-      _fieldLayout
-    );
-    return decode(_staticData, _encodedLengths, _dynamicData);
-  }
-
-  /**
-   * @notice Set the full data using individual values.
-   */
-  function set(address player, int32 x, int32 y) internal {
-    bytes memory _staticData = encodeStatic(x, y);
-
-    EncodedLengths _encodedLengths;
-    bytes memory _dynamicData;
-
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreSwitch.setRecord(_tableId, _keyTuple, _staticData, _encodedLengths, _dynamicData);
-  }
-
-  /**
-   * @notice Set the full data using individual values.
-   */
-  function _set(address player, int32 x, int32 y) internal {
-    bytes memory _staticData = encodeStatic(x, y);
-
-    EncodedLengths _encodedLengths;
-    bytes memory _dynamicData;
-
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreCore.setRecord(_tableId, _keyTuple, _staticData, _encodedLengths, _dynamicData, _fieldLayout);
-  }
-
-  /**
-   * @notice Set the full data using the data struct.
-   */
-  function set(address player, PositionData memory _table) internal {
-    bytes memory _staticData = encodeStatic(_table.x, _table.y);
-
-    EncodedLengths _encodedLengths;
-    bytes memory _dynamicData;
-
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreSwitch.setRecord(_tableId, _keyTuple, _staticData, _encodedLengths, _dynamicData);
-  }
-
-  /**
-   * @notice Set the full data using the data struct.
-   */
-  function _set(address player, PositionData memory _table) internal {
-    bytes memory _staticData = encodeStatic(_table.x, _table.y);
-
-    EncodedLengths _encodedLengths;
-    bytes memory _dynamicData;
-
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreCore.setRecord(_tableId, _keyTuple, _staticData, _encodedLengths, _dynamicData, _fieldLayout);
-  }
-
-  /**
-   * @notice Decode the tightly packed blob of static data using this table's field layout.
-   */
-  function decodeStatic(bytes memory _blob) internal pure returns (int32 x, int32 y) {
-    x = (int32(uint32(Bytes.getBytes4(_blob, 0))));
-
-    y = (int32(uint32(Bytes.getBytes4(_blob, 4))));
-  }
-
-  /**
-   * @notice Decode the tightly packed blobs using this table's field layout.
-   * @param _staticData Tightly packed static fields.
-   *
-   *
-   */
-  function decode(
-    bytes memory _staticData,
-    EncodedLengths,
-    bytes memory
-  ) internal pure returns (PositionData memory _table) {
-    (_table.x, _table.y) = decodeStatic(_staticData);
-  }
-
-  /**
-   * @notice Delete all data for given keys.
-   */
-  function deleteRecord(address player) internal {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreSwitch.deleteRecord(_tableId, _keyTuple);
-  }
-
-  /**
-   * @notice Delete all data for given keys.
-   */
-  function _deleteRecord(address player) internal {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    StoreCore.deleteRecord(_tableId, _keyTuple, _fieldLayout);
-  }
-
-  /**
-   * @notice Tightly pack static (fixed length) data using this table's schema.
-   * @return The static data, encoded into a sequence of bytes.
-   */
-  function encodeStatic(int32 x, int32 y) internal pure returns (bytes memory) {
-    return abi.encodePacked(x, y);
-  }
-
-  /**
-   * @notice Encode all of a record's fields.
-   * @return The static (fixed length) data, encoded into a sequence of bytes.
-   * @return The lengths of the dynamic fields (packed into a single bytes32 value).
-   * @return The dynamic (variable length) data, encoded into a sequence of bytes.
-   */
-  function encode(int32 x, int32 y) internal pure returns (bytes memory, EncodedLengths, bytes memory) {
-    bytes memory _staticData = encodeStatic(x, y);
-
-    EncodedLengths _encodedLengths;
-    bytes memory _dynamicData;
-
-    return (_staticData, _encodedLengths, _dynamicData);
-  }
-
-  /**
-   * @notice Encode keys as a bytes32 array using this table's field layout.
-   */
-  function encodeKeyTuple(address player) internal pure returns (bytes32[] memory) {
-    bytes32[] memory _keyTuple = new bytes32[](1);
-    _keyTuple[0] = bytes32(uint256(uint160(player)));
-
-    return _keyTuple;
-  }
-}

package/templates/react/packages/contracts/test/MoveTest.t.sol

@@ -1,25 +0,0 @@
-// SPDX-License-Identifier: MIT
-pragma solidity >=0.8.24;
-
-import "forge-std/Test.sol";
-import { MudTest } from "@latticexyz/world/test/MudTest.t.sol";
-
-import { IWorld } from "../src/codegen/world/IWorld.sol";
-import { Position, PositionData } from "../src/codegen/tables/Position.sol";
-import { Direction } from "../src/codegen/common.sol";
-
-contract MoveTest is MudTest {
-  function testMove() public {
-    address alice = vm.addr(uint256(keccak256("alice")));
-    vm.startPrank(alice);
-
-    PositionData memory position = Position.get(alice);
-    assertEq(position.x, 0);
-    assertEq(position.y, 0);
-
-    IWorld(worldAddress).app__move(Direction.North);
-    position = Position.get(alice);
-    assertEq(position.x, 0);
-    assertEq(position.y, 1);
-  }
-}

package/templates/react/packages/contracts/test/WorldTest.t.sol

@@ -1,16 +0,0 @@
-// SPDX-License-Identifier: MIT
-pragma solidity >=0.8.24;
-
-import "forge-std/Test.sol";
-import { MudTest } from "@latticexyz/world/test/MudTest.t.sol";
-
-contract WorldTest is MudTest {
-  function testWorldDeployed() public {
-    uint256 codeSize;
-    address addr = worldAddress;
-    assembly {
-      codeSize := extcodesize(addr)
-    }
-    assertTrue(codeSize > 0);
-  }
-}

package/templates/react-ecs/.gitignore_

@@ -1,16 +0,0 @@
-.DS_Store
-logs
-*.log
-
-node_modules
-
-.env.*
-
-# foundry
-cache
-broadcast
-out/*
-!out/IWorld.sol
-out/IWorld.sol/*
-!out/IWorld.sol/IWorld.abi.json
-!out/IWorld.sol/IWorld.abi.d.json.ts

package/templates/react-ecs/packages/client/.gitignore_

@@ -1 +0,0 @@
-dist

package/templates/react-ecs/packages/client/postcss.config.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/templates/react-ecs/packages/client/src/Providers.tsx

@@ -1,29 +0,0 @@
-import { WagmiProvider } from "wagmi";
-import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
-import { ReactNode } from "react";
-import { SyncProvider } from "@latticexyz/store-sync/react";
-import { defineConfig, EntryKitProvider } from "@latticexyz/entrykit/internal";
-import { wagmiConfig } from "./wagmiConfig";
-import { chainId, getWorldAddress, startBlock } from "./common";
-import { syncAdapter } from "./mud/recs";
-
-const queryClient = new QueryClient();
-
-export type Props = {
-  children: ReactNode;
-};
-
-export function Providers({ children }: Props) {
-  const worldAddress = getWorldAddress();
-  return (
-    <WagmiProvider config={wagmiConfig}>
-      <QueryClientProvider client={queryClient}>
-        <EntryKitProvider config={defineConfig({ chainId, worldAddress })}>
-          <SyncProvider chainId={chainId} address={worldAddress} startBlock={startBlock} adapter={syncAdapter}>
-            {children}
-          </SyncProvider>
-        </EntryKitProvider>
-      </QueryClientProvider>
-    </WagmiProvider>
-  );
-}

package/templates/react-ecs/packages/client/src/common.ts

@@ -1,27 +0,0 @@
-import mudConfig from "contracts/mud.config";
-import { chains } from "./wagmiConfig";
-import { Chain, Hex } from "viem";
-
-export const chainId = import.meta.env.CHAIN_ID;
-export const worldAddress = import.meta.env.WORLD_ADDRESS;
-export const startBlock = import.meta.env.START_BLOCK;
-
-export const url = new URL(window.location.href);
-
-export type Entity = Hex;
-export type Direction = (typeof mudConfig.enums.Direction)[number];
-
-export function getWorldAddress() {
-  if (!worldAddress) {
-    throw new Error("No world address configured. Is the world still deploying?");
-  }
-  return worldAddress;
-}
-
-export function getChain(): Chain {
-  const chain = chains.find((c) => c.id === chainId);
-  if (!chain) {
-    throw new Error(`No chain configured for chain ID ${chainId}.`);
-  }
-  return chain;
-}

package/templates/react-ecs/packages/client/src/game/GameMap.tsx

@@ -1,112 +0,0 @@
-import { serialize, useAccount } from "wagmi";
-import { useKeyboardMovement } from "./useKeyboardMovement";
-import { Address, Hex, hexToBigInt, keccak256 } from "viem";
-import { ArrowDownIcon } from "../ui/icons/ArrowDownIcon";
-import { twMerge } from "tailwind-merge";
-import { Direction, Entity } from "../common";
-import mudConfig from "contracts/mud.config";
-import { AsyncButton } from "../ui/AsyncButton";
-import { useAccountModal } from "@latticexyz/entrykit/internal";
-import { useMemo } from "react";
-
-export type Props = {
-  readonly players?: {
-    readonly entity: Entity;
-    readonly owner: Address;
-    readonly x: number;
-    readonly y: number;
-  }[];
-  readonly onMove?: (entity: Entity, direction: Direction) => Promise<void>;
-  readonly onSpawn?: () => Promise<void>;
-};
-
-const size = 40;
-const scale = 100 / size;
-
-function getColorAngle(seed: Hex) {
-  return Number(hexToBigInt(keccak256(seed)) % 360n);
-}
-
-const rotateClassName = {
-  North: "rotate-0",
-  East: "rotate-90",
-  South: "rotate-180",
-  West: "-rotate-90",
-} as const satisfies Record<Direction, `${"" | "-"}rotate-${number}`>;
-
-export function GameMap({ players = [], onMove, onSpawn }: Props) {
-  const { openAccountModal } = useAccountModal();
-  const { address: userAddress } = useAccount();
-
-  const currentPlayer = players.find((player) => player.owner.toLowerCase() === userAddress?.toLowerCase());
-
-  useKeyboardMovement(
-    useMemo(
-      () => (onMove && currentPlayer ? (direction: Direction) => onMove(currentPlayer.entity, direction) : undefined),
-      [currentPlayer, onMove],
-    ),
-  );
-
-  return (
-    <div className="aspect-square w-full max-w-[40rem]">
-      <div className="relative w-full h-full border-8 border-black/10">
-        {currentPlayer && onMove
-          ? mudConfig.enums.Direction.map((direction) => (
-              <button
-                key={direction}
-                title={`Move ${direction.toLowerCase()}`}
-                className={twMerge(
-                  "outline-0 absolute inset-0 cursor-pointer grid p-4",
-                  rotateClassName[direction],
-                  "transition bg-gradient-to-t from-transparent via-transparent to-blue-50 text-blue-400 opacity-0 hover:opacity-40 active:opacity-100",
-                )}
-                style={{ clipPath: "polygon(0% 0%, 100% 0%, 50% 50%)" }}
-                onClick={() => onMove(currentPlayer.entity, direction)}
-              >
-                <ArrowDownIcon className="rotate-180 text-4xl self-start justify-self-center" />
-              </button>
-            ))
-          : null}
-
-        {players.map((player) => (
-          <div
-            key={player.entity}
-            className="absolute bg-current"
-            style={{
-              color: `hwb(${getColorAngle(player.owner)} 40% 20%)`,
-              width: `${scale}%`,
-              height: `${scale}%`,
-              left: `${((((player.x + size / 2) % size) + size) % size) * scale}%`,
-              top: `${((size - ((player.y + size / 2) % size)) % size) * scale}%`,
-            }}
-            title={serialize(player, null, 2)}
-          >
-            {player === currentPlayer ? <div className="w-full h-full bg-current animate-ping opacity-50" /> : null}
-          </div>
-        ))}
-
-        {!currentPlayer ? (
-          onSpawn ? (
-            <div className="absolute inset-0 grid place-items-center">
-              <AsyncButton
-                className="group outline-0 p-4 border-4 border-green-400 transition ring-green-300 hover:ring-4 active:scale-95 rounded-lg text-lg font-medium aria-busy:pointer-events-none aria-busy:animate-pulse"
-                onClick={() => onSpawn()}
-              >
-                Spawn<span className="hidden group-aria-busy:inline">ing…</span>
-              </AsyncButton>
-            </div>
-          ) : (
-            <div className="absolute inset-0 grid place-items-center">
-              <button
-                className="group outline-0 p-4 border-4 border-green-400 transition ring-green-300 hover:ring-4 active:scale-95 rounded-lg text-lg font-medium aria-busy:pointer-events-none aria-busy:animate-pulse"
-                onClick={openAccountModal}
-              >
-                Sign in to play
-              </button>
-            </div>
-          )
-        ) : null}
-      </div>
-    </div>
-  );
-}

package/templates/react-ecs/packages/client/src/game/useKeyboardMovement.ts

@@ -1,26 +0,0 @@
-import { useEffect } from "react";
-import { Direction } from "../common";
-
-const keys = new Map<KeyboardEvent["key"], Direction>([
-  ["ArrowUp", "North"],
-  ["ArrowRight", "East"],
-  ["ArrowDown", "South"],
-  ["ArrowLeft", "West"],
-]);
-
-export const useKeyboardMovement = (move: undefined | ((direction: Direction) => void)) => {
-  useEffect(() => {
-    if (!move) return;
-
-    const listener = (event: KeyboardEvent) => {
-      const direction = keys.get(event.key);
-      if (direction == null) return;
-
-      event.preventDefault();
-      move(direction);
-    };
-
-    window.addEventListener("keydown", listener);
-    return () => window.removeEventListener("keydown", listener);
-  }, [move]);
-};

package/templates/react-ecs/packages/client/src/mud/Explorer.tsx

@@ -1,32 +0,0 @@
-import { useState } from "react";
-import { getChain, getWorldAddress } from "../common";
-import { MUDIcon } from "../ui/icons/MUDIcon";
-
-export function Explorer() {
-  const [open, setOpen] = useState(false);
-
-  const chain = getChain();
-  const worldAddress = getWorldAddress();
-
-  const explorerUrl = chain.blockExplorers?.worldsExplorer?.url;
-  if (!explorerUrl) return null;
-
-  return (
-    <div className="fixed bottom-0 inset-x-0 flex flex-col opacity-80 transition hover:opacity-100">
-      <button
-        type="button"
-        onClick={() => setOpen(!open)}
-        className="outline-none flex justify-end gap-2 p-2 font-medium leading-none text-black"
-      >
-        {open ? (
-          <>Close</>
-        ) : (
-          <>
-            Explore <MUDIcon className="text-orange-500" />
-          </>
-        )}
-      </button>
-      {open ? <iframe src={`${explorerUrl}/${worldAddress}`} className="bg-black h-[50vh]" /> : null}
-    </div>
-  );
-}

package/templates/react-ecs/packages/client/src/mud/Synced.tsx

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { useSyncStatus } from "./useSyncStatus";
-import { ComponentValue } from "@latticexyz/recs";
-import { components } from "./recs";
-
-export type Props = {
-  children: ReactNode;
-  fallback?: (props: ComponentValue<(typeof components)["SyncProgress"]["schema"]>) => ReactNode;
-};
-
-export function Synced({ children, fallback }: Props) {
-  const status = useSyncStatus();
-  return status.isLive ? children : fallback?.(status);
-}

package/templates/react-ecs/packages/client/src/mud/recs.ts

@@ -1,6 +0,0 @@
-import { createWorld } from "@latticexyz/recs";
-import { createSyncAdapter } from "@latticexyz/store-sync/recs";
-import config from "contracts/mud.config";
-
-export const world = createWorld();
-export const { syncAdapter, components } = createSyncAdapter({ world, config });