web/ui: move some files into subdirectories

web/src/ui/MainScreen.tsx

@@ -17,10 +17,10 @@ import { use, useCallback, useLayoutEffect, useMemo, useState } from "react"
 import type { RoomID } from "@/api/types"
 import ClientContext from "./ClientContext.ts"
 import MainScreenContext, { MainScreenContextFields } from "./MainScreenContext.ts"
-import RoomView from "./RoomView.tsx"
 import RightPanel, { RightPanelProps } from "./rightpanel/RightPanel.tsx"
 import RoomList from "./roomlist/RoomList.tsx"
-import { useResizeHandle } from "./useResizeHandle.tsx"
+import RoomView from "./roomview/RoomView.tsx"
+import { useResizeHandle } from "./util/useResizeHandle.tsx"
 import "./MainScreen.css"
 
 const MainScreen = () => {

web/src/ui/composer/MessageComposer.tsx

@@ -31,7 +31,7 @@ import useEvent from "@/util/useEvent.ts"
 import ClientContext from "../ClientContext.ts"
 import EmojiPicker from "../emojipicker/EmojiPicker.tsx"
 import { ModalContext } from "../modal/Modal.tsx"
-import { useRoomContext } from "../roomcontext.ts"
+import { useRoomContext } from "../roomview/roomcontext.ts"
 import { ReplyBody } from "../timeline/ReplyBody.tsx"
 import { useMediaContent } from "../timeline/content/useMediaContent.tsx"
 import type { AutocompleteQuery } from "./Autocompleter.tsx"

web/src/ui/rightpanel/PinnedMessages.tsx

@@ -18,7 +18,7 @@ import { RoomStateStore, useRoomEvent, useRoomState } from "@/api/statestore"
 import { EventID, PinnedEventsContent } from "@/api/types"
 import reverseMap from "@/util/reversemap.ts"
 import ClientContext from "../ClientContext.ts"
-import { RoomContext } from "../roomcontext.ts"
+import { RoomContext } from "../roomview/roomcontext.ts"
 import TimelineEvent from "../timeline/TimelineEvent.tsx"
 
 interface PinnedMessageProps {

web/src/ui/roomview/RoomView.tsx

@@ -15,11 +15,11 @@
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 import { JSX, useRef } from "react"
 import { RoomStateStore } from "@/api/statestore"
+import MessageComposer from "../composer/MessageComposer.tsx"
+import RightPanel, { RightPanelProps } from "../rightpanel/RightPanel.tsx"
+import TimelineView from "../timeline/TimelineView.tsx"
 import RoomViewHeader from "./RoomViewHeader.tsx"
-import MessageComposer from "./composer/MessageComposer.tsx"
-import RightPanel, { RightPanelProps } from "./rightpanel/RightPanel.tsx"
 import { RoomContext, RoomContextData } from "./roomcontext.ts"
-import TimelineView from "./timeline/TimelineView.tsx"
 import "./RoomView.css"
 
 interface RoomViewProps {

web/src/ui/roomview/RoomViewHeader.tsx

@@ -17,8 +17,8 @@ import { use } from "react"
 import { getAvatarURL } from "@/api/media.ts"
 import { RoomStateStore } from "@/api/statestore"
 import { useEventAsState } from "@/util/eventdispatcher.ts"
-import MainScreenContext from "./MainScreenContext.ts"
-import { LightboxContext } from "./modal/Lightbox.tsx"
+import MainScreenContext from "../MainScreenContext.ts"
+import { LightboxContext } from "../modal/Lightbox.tsx"
 import BackIcon from "@/icons/back.svg?react"
 import PeopleIcon from "@/icons/group.svg?react"
 import PinIcon from "@/icons/pin.svg?react"

web/src/ui/timeline/TimelineEvent.tsx

@@ -20,7 +20,7 @@ import { MemDBEvent, MemberEventContent, UnreadType } from "@/api/types"
 import { isEventID } from "@/util/validation.ts"
 import ClientContext from "../ClientContext.ts"
 import { LightboxContext } from "../modal/Lightbox.tsx"
-import { useRoomContext } from "../roomcontext.ts"
+import { useRoomContext } from "../roomview/roomcontext.ts"
 import { ReplyIDBody } from "./ReplyBody.tsx"
 import { ContentErrorBoundary, HiddenEvent, getBodyType, isSmallEvent } from "./content"
 import EventMenu from "./menu/EventMenu.tsx"

web/src/ui/timeline/TimelineView.tsx

@@ -18,7 +18,7 @@ import { useRoomTimeline } from "@/api/statestore"
 import { MemDBEvent } from "@/api/types"
 import useFocus from "@/util/focus.ts"
 import ClientContext from "../ClientContext.ts"
-import { useRoomContext } from "../roomcontext.ts"
+import { useRoomContext } from "../roomview/roomcontext.ts"
 import TimelineEvent from "./TimelineEvent.tsx"
 import "./TimelineView.css"
 

web/src/ui/timeline/menu/EventExtraMenu.tsx

@@ -18,7 +18,7 @@ import { RoomStateStore, useRoomState } from "@/api/statestore"
 import { MemDBEvent, PowerLevelEventContent } from "@/api/types"
 import ClientContext from "../../ClientContext.ts"
 import { ModalCloseContext, ModalContext } from "../../modal/Modal.tsx"
-import { RoomContext, RoomContextData } from "../../roomcontext.ts"
+import { RoomContext, RoomContextData } from "../../roomview/roomcontext.ts"
 import ConfirmWithMessageModal from "./ConfirmWithMessageModal.tsx"
 import ViewSourceModal from "./ViewSourceModal.tsx"
 import ViewSourceIcon from "@/icons/code.svg?react"

web/src/ui/timeline/menu/EventMenu.tsx

@@ -20,7 +20,7 @@ import { useEventAsState } from "@/util/eventdispatcher.ts"
 import ClientContext from "../../ClientContext.ts"
 import EmojiPicker from "../../emojipicker/EmojiPicker.tsx"
 import { ModalContext } from "../../modal/Modal.tsx"
-import { useRoomContext } from "../../roomcontext.ts"
+import { useRoomContext } from "../../roomview/roomcontext.ts"
 import EventExtraMenu from "./EventExtraMenu.tsx"
 import EditIcon from "@/icons/edit.svg?react"
 import MoreIcon from "@/icons/more.svg?react"

web/src/ui/timeline/menu/ViewSourceModal.tsx

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 import { MemDBEvent } from "@/api/types"
-import JSONView from "../../JSONView.tsx"
+import JSONView from "../../util/JSONView.tsx"
 
 interface ViewSourceModalProps {
 	evt: MemDBEvent