chore: format

src/dev/client/index.tsx

@@ -1,7 +1,7 @@
 import { render } from 'hono/jsx/dom'
 
-import { Provider, dataId } from '../lib/context.js'
 import { App } from '../components/App.js'
+import { Provider, dataId } from '../lib/context.js'
 
 const element = document.getElementById(dataId)
 const value = JSON.parse(element!.textContent!)

src/dev/components/Navigator.tsx

@@ -1,9 +1,11 @@
-import { useRef, useState as useLocalState, useEffect } from 'hono/jsx/dom'
+import { useEffect, useRef, useState as useLocalState } from 'hono/jsx/dom'
 
 import { useDispatch } from '../hooks/useDispatch.js'
+import { useFocusTrap } from '../hooks/useFocusTrap.js'
 import { useState } from '../hooks/useState.js'
 import { type Data, type User } from '../types.js'
 import { formatUrl } from '../utils/format.js'
+import { AuthDialog } from './AuthDialog.js'
 import {
   chevronLeftIcon,
   chevronRightIcon,
@@ -13,8 +15,6 @@ import {
   personIcon,
   refreshIcon,
 } from './icons.js'
-import { useFocusTrap } from '../hooks/useFocusTrap.js'
-import { AuthDialog } from './AuthDialog.js'
 
 type NavigatorProps = { url: string; routes: readonly string[] }
 
@@ -413,9 +413,7 @@ function AddressBar(props: AddressBarProps) {
 
                 setMounted(false)
 
-                const nextFrame = window.location
-                  .toString()
-                  .replace('/dev', '')
+                const nextFrame = window.location.toString().replace('/dev', '')
                 const json = await getFrame(nextFrame, { replaceLogs: true })
                 const id = json.id
 

src/dev/components/Preview.tsx

@@ -1,11 +1,11 @@
-import { useState as useLocalState, useRef } from 'hono/jsx/dom'
+import { useRef, useState as useLocalState } from 'hono/jsx/dom'
 
-import { type Frame } from '../types.js'
-import { clsx } from '../lib/clsx.js'
-import { externalLinkIcon, half2Icon, warpIcon } from './icons.js'
-import { useState } from '../hooks/useState.js'
 import { useDispatch } from '../hooks/useDispatch.js'
 import { useFocusTrap } from '../hooks/useFocusTrap.js'
+import { useState } from '../hooks/useState.js'
+import { clsx } from '../lib/clsx.js'
+import { type Frame } from '../types.js'
+import { externalLinkIcon, half2Icon, warpIcon } from './icons.js'
 
 type PreviewProps = {
   frame: Frame

src/dev/components/Timeline.tsx

@@ -1,7 +1,9 @@
-import { useCallback, useState as useLocalState, useRef } from 'hono/jsx/dom'
+import { useCallback, useRef, useState as useLocalState } from 'hono/jsx/dom'
 
 import { useDispatch } from '../hooks/useDispatch.js'
+import { useFocusTrap } from '../hooks/useFocusTrap.js'
 import { clsx } from '../lib/clsx.js'
+import type { State } from '../lib/context.js'
 import { type Data } from '../types.js'
 import { formatSpeed, formatTime } from '../utils/format.js'
 import {
@@ -12,8 +14,6 @@ import {
   pencil2Icon,
   resetIcon,
 } from './icons.js'
-import { useFocusTrap } from '../hooks/useFocusTrap.js'
-import type { State } from '../lib/context.js'
 
 type TimelineProps = {
   dataKey: string

src/dev/hooks/useFocusTrap.ts

@@ -1,6 +1,6 @@
-import { createFocusTrap, type Options } from 'focus-trap'
-import { useEffect } from 'hono/jsx/dom'
+import { type Options, createFocusTrap } from 'focus-trap'
 import { type RefObject } from 'hono/jsx'
+import { useEffect } from 'hono/jsx/dom'
 
 import { type Pretty } from '../../types/utils.js'
 

src/dev/lib/context.tsx

@@ -1,7 +1,9 @@
-import { createContext, type PropsWithChildren } from 'hono/jsx'
+import { type PropsWithChildren, createContext } from 'hono/jsx'
 import { useEffect, useState } from 'hono/jsx/dom'
 import LZString from 'lz-string'
 
+import { parsePath } from '../../utils/parsePath.js'
+import { toSearchParams } from '../../utils/toSearchParams.js'
 import {
   type BaseData,
   type Data,
@@ -10,8 +12,6 @@ import {
   type RequestBody,
   type User,
 } from '../types.js'
-import { toSearchParams } from '../../utils/toSearchParams.js'
-import { parsePath } from '../../utils/parsePath.js'
 
 export const dataId = '__FROG_DATA__'