SheWhoReignsSupreme/revenge-bundle-next
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(plugins/developer-kit): make address fields no longer sticky

Browse source
This commit is contained in:
PalmDevs 2025-10-18 19:07:09 +07:00
parent 38becc38a1
commit de3134f1f3
No known key found for this signature in database
GPG key ID: 6FAE8F8677ACA8BA
1 changed files with 108 additions and 91 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

199
src/plugins/start/developer-kit/screens/RevengeDeveloperSettingScreen.tsx
View file

@ -1,9 +1,9 @@
import { styles } from '@revenge-mod/components/_'
import { ToastActionCreators } from '@revenge-mod/discord/actions'
import { Design } from '@revenge-mod/discord/design'
import { SettingListRenderer } from '@revenge-mod/discord/modules/settings/renderer'
import { lookupGeneratedIconComponent } from '@revenge-mod/utils/discord'
import { View } from 'react-native'
import { StyleSheet, View } from 'react-native'
import { styles } from '#components/src/_internal'
import { api } from '..'
import { Setting } from '../constants'
import { DTContext, useIsConnected as useIsDTConnected } from '../devtools'
@ -18,39 +18,62 @@ const CircleCheckIcon = lookupGeneratedIconComponent(
'CircleCheckIcon-primary',
)
// TODO(plugins/settings): debug bridge
import { ScrollView } from 'react-native'
const listStyles = StyleSheet.create({
container: {
flexGrow: 0,
flexShrink: 0,
height: 'auto',
},
})
export default function RevengeDeveloperSettingScreen() {
return (
<Design.Stack spacing={0} style={styles.flex}>
<DTAddrSetting />
{globalThis.__REACT_DEVTOOLS__ && <RDTAddrSetting />}
<SettingListRenderer.SettingsList
sections={[
{
settings: [
Setting.DTAutoConnect,
Setting.DTConnect,
Setting.DTDisconnect,
],
},
{
settings: [
Setting.RDTAutoConnect,
Setting.RDTConnect,
Setting.RDTDisconnect,
],
},
{
label: 'Tools',
settings: [
Setting.EvalJS,
Setting.AssetBrowser,
Setting.TestErrorBoundary,
],
},
]}
/>
</Design.Stack>
<ScrollView style={styles.flex}>
<Design.Stack spacing={8}>
<View>
<SettingListRenderer.SettingsList
containerStyle={listStyles.container}
ListHeaderComponent={DTAddrSetting}
sections={[
{
settings: [
Setting.DTAutoConnect,
Setting.DTConnect,
Setting.DTDisconnect,
],
},
]}
/>
</View>
<View>
<SettingListRenderer.SettingsList
containerStyle={listStyles.container}
ListHeaderComponent={
RDTContext.active ? RDTAddrSetting : undefined
}
sections={[
{
settings: [
Setting.RDTAutoConnect,
Setting.RDTConnect,
Setting.RDTDisconnect,
],
},
{
label: 'Tools',
settings: [
Setting.EvalJS,
Setting.AssetBrowser,
Setting.TestErrorBoundary,
],
},
]}
/>
</View>
</Design.Stack>
</ScrollView>
)
}
@ -59,34 +82,32 @@ export function DTAddrSetting() {
const settings = api.storage.use(s => s.devTools?.address)
return (
<View style={{ paddingHorizontal: 16, paddingTop: 16 }}>
<Design.TextInput
defaultValue={settings?.devTools.address ?? DTContext.addr}
editable={!open}
isDisabled={open}
label="DevTools"
leadingText="ws://"
onBlur={() =>
api.storage
.set({
devTools: {
address: DTContext.addr,
},
})
.then(() =>
ToastActionCreators.open({
IconComponent: CircleCheckIcon,
key: 'DEVTOOLS_ADDRESS_SAVED',
content: 'Address saved',
}),
)
}
onChange={text => {
DTContext.addr = text
}}
returnKeyType="done"
/>
</View>
<Design.TextInput
defaultValue={settings?.devTools.address ?? DTContext.addr}
editable={!open}
isDisabled={open}
label="DevTools"
leadingText="ws://"
onBlur={() =>
api.storage
.set({
devTools: {
address: DTContext.addr,
},
})
.then(() =>
ToastActionCreators.open({
IconComponent: CircleCheckIcon,
key: 'DEVTOOLS_ADDRESS_SAVED',
content: 'Address saved',
}),
)
}
onChange={text => {
DTContext.addr = text
}}
returnKeyType="done"
/>
)
}
@ -95,35 +116,31 @@ export function RDTAddrSetting() {
const settings = api.storage.use(s => s.reactDevTools?.address)
return (
<View style={{ paddingHorizontal: 16, paddingTop: 16 }}>
<Design.TextInput
defaultValue={
settings?.reactDevTools.address ?? RDTContext.addr
}
editable={!open}
isDisabled={open}
label="React DevTools"
leadingText="ws://"
onBlur={() =>
api.storage
.set({
reactDevTools: {
address: RDTContext.addr,
},
})
.then(() =>
ToastActionCreators.open({
IconComponent: CircleCheckIcon,
key: 'REACT_DEVTOOLS_ADDRESS_SAVED',
content: 'Address saved',
}),
)
}
onChange={text => {
RDTContext.addr = text
}}
returnKeyType="done"
/>
</View>
<Design.TextInput
defaultValue={settings?.reactDevTools.address ?? RDTContext.addr}
editable={!open}
isDisabled={open}
label="React DevTools"
leadingText="ws://"
onBlur={() =>
api.storage
.set({
reactDevTools: {
address: RDTContext.addr,
},
})
.then(() =>
ToastActionCreators.open({
IconComponent: CircleCheckIcon,
key: 'REACT_DEVTOOLS_ADDRESS_SAVED',
content: 'Address saved',
}),
)
}
onChange={text => {
RDTContext.addr = text
}}
returnKeyType="done"
/>
)
}