mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-09 10:34:17 +00:00
removed: debuggers
This commit is contained in:
srgooglo
parent
bbcc181ee4
commit
b5c9ce90a4
@ -1,31 +0,0 @@
|
|||||||
import ContextMenu from 'components/Layout/ContextMenu'
|
|
||||||
import { connect } from 'umi'
|
|
||||||
import * as antd from 'antd'
|
|
||||||
import React from 'react'
|
|
||||||
|
|
||||||
@connect(({ app }) => ({ app }))
|
|
||||||
export default class ContextMenuDebug extends React.Component{
|
|
||||||
|
|
||||||
openContext(){
|
|
||||||
const list = [
|
|
||||||
{
|
|
||||||
key: "something",
|
|
||||||
title: "test",
|
|
||||||
params: {
|
|
||||||
onClick: (e) => {
|
|
||||||
console.log("yepe", e)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
ContextMenu({ xPos: 0, yPos: 0, renderList: list })
|
|
||||||
}
|
|
||||||
|
|
||||||
render(){
|
|
||||||
return(
|
|
||||||
<div>
|
|
||||||
<antd.Button onClick={this.openContext}> openNew </antd.Button>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import * as antd from 'antd'
|
|
||||||
import * as core from 'core'
|
|
||||||
import { connect } from 'umi'
|
|
||||||
|
|
||||||
@connect(({ app, extended }) => ({ app, extended }))
|
|
||||||
export default class CoreDebug extends React.Component {
|
|
||||||
state = {
|
|
||||||
rawPluginInitInput: null
|
|
||||||
}
|
|
||||||
handleInitPlugin(e){
|
|
||||||
this.props.dispatch({
|
|
||||||
type: "app/initializePlugins",
|
|
||||||
payload: {
|
|
||||||
array: e
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
render(){
|
|
||||||
const handleGenerateUUID = () => { console.log(core.generateUUID()) }
|
|
||||||
const handleChange = (e) => { this.setState({ rawPluginInitInput: e.target.value }) }
|
|
||||||
const module3TestString = "https://api.ragestudio.net/std/moduleTest3.js"
|
|
||||||
|
|
||||||
return(
|
|
||||||
<div>
|
|
||||||
<antd.Button onClick={() => handleGenerateUUID()} >generate uuid</antd.Button>
|
|
||||||
<antd.Card>
|
|
||||||
<antd.Button onClick={() => this.setState({ rawPluginInitInput: module3TestString })}> Set MODULE3 TEST </antd.Button>
|
|
||||||
<antd.Input onChange={handleChange} value={this.state.rawPluginInitInput} placeholder="https://api.ragestudio.net/std/example.js" />
|
|
||||||
<antd.Button onClick={() => { this.handleInitPlugin(this.state.rawPluginInitInput) }} > init </antd.Button>
|
|
||||||
</antd.Card>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import * as antd from 'antd'
|
|
||||||
import { connect } from 'umi'
|
|
||||||
|
|
||||||
@connect(({ app }) => ({ app }))
|
|
||||||
export default class InternalDebug extends React.Component{
|
|
||||||
state = {
|
|
||||||
internals: window.Internal
|
|
||||||
}
|
|
||||||
|
|
||||||
handleDispatch(){
|
|
||||||
this.props.dispatch({
|
|
||||||
type: "app/initializeInternal",
|
|
||||||
payload: [
|
|
||||||
{
|
|
||||||
id: "test",
|
|
||||||
payload: () => {
|
|
||||||
console.log("Hey i am alivee")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
handleCallTest(){
|
|
||||||
if (window.Internal.test != null) {
|
|
||||||
window.Internal.test()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render(){
|
|
||||||
return(
|
|
||||||
<div>
|
|
||||||
<antd.Card>
|
|
||||||
{JSON.stringify(this.state.internals) ?? "No internals to show"}
|
|
||||||
</antd.Card>
|
|
||||||
<div style={{ marginTop: "12px" }}>
|
|
||||||
<antd.Button onClick={() => this.handleDispatch()} > init example </antd.Button>
|
|
||||||
<antd.Button onClick={() => this.handleCallTest()} > Call test </antd.Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,109 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import { connect } from 'umi';
|
|
||||||
import * as antd from 'antd'
|
|
||||||
import { Database, Redux, AlertTriangle } from 'components/Icons'
|
|
||||||
import { ParamsList } from 'components'
|
|
||||||
import { objectToArrayMap } from 'core'
|
|
||||||
import store from 'store'
|
|
||||||
|
|
||||||
const storeKey = "dbg_redux_selecteKeys"
|
|
||||||
class ReduxDebugger extends React.Component {
|
|
||||||
constructor(props){
|
|
||||||
super(props)
|
|
||||||
this.state = {
|
|
||||||
selectedKeys: this.storagedKeys.get() ?? []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
renderAllStore() {
|
|
||||||
return objectToArrayMap(this.props).map(element => {
|
|
||||||
return (
|
|
||||||
<antd.Collapse.Panel key={element.key} style={{ wordBreak: 'break-all' }} header={`${element.key}`}>
|
|
||||||
{ParamsList(element.value)}
|
|
||||||
</antd.Collapse.Panel>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
storagedKeys = {
|
|
||||||
get: () => {
|
|
||||||
try {
|
|
||||||
const storaged = store.get(storeKey)
|
|
||||||
if (typeof(storaged) == "object" && storaged !== null) {
|
|
||||||
let mix = []
|
|
||||||
storaged.forEach(e => {
|
|
||||||
mix[e.key] = e.value
|
|
||||||
})
|
|
||||||
return mix
|
|
||||||
}
|
|
||||||
return []
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
set: (data) => {
|
|
||||||
store.set(storeKey, objectToArrayMap(data))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
renderCheckboxes() {
|
|
||||||
const keys = Object.keys(this.props)
|
|
||||||
const onChange = (event, key) => {
|
|
||||||
let resultKeys = this.state.selectedKeys
|
|
||||||
resultKeys[key] = event.target.checked
|
|
||||||
|
|
||||||
|
|
||||||
this.storagedKeys.set(resultKeys)
|
|
||||||
this.setState({ selectedKeys: resultKeys })
|
|
||||||
}
|
|
||||||
return keys.map((e) => {
|
|
||||||
return (
|
|
||||||
<antd.Checkbox defaultChecked={this.state.selectedKeys[e] ?? false} key={e} onChange={(event) => onChange(event, e)}>{e}</antd.Checkbox>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
render() {
|
|
||||||
const returnSelectedKeys = () => {
|
|
||||||
// const getStores = () => {
|
|
||||||
// let stores = []
|
|
||||||
// objectToArrayMap(this.state.selectedKeys).forEach((e) => {
|
|
||||||
// if (this.props[e.key] && e.value) {
|
|
||||||
// stores[e.key] = this.props[e.key]
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
return objectToArrayMap(this.props).map(e => {
|
|
||||||
if (!this.state.selectedKeys[e.key]) {
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<antd.Collapse.Panel
|
|
||||||
key={e.key}
|
|
||||||
style={{ wordBreak: 'break-all' }}
|
|
||||||
header={
|
|
||||||
<div style={{ display: "flex", alignItems: "center", marginLeft: '10px' }} >
|
|
||||||
<Database />
|
|
||||||
<strong>{e.key}</strong>
|
|
||||||
</div>
|
|
||||||
}>
|
|
||||||
{ParamsList(e.value)}
|
|
||||||
</antd.Collapse.Panel>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div style={{ background: "#fff", borderRadius: "8px", padding: "25px 15px" }}>
|
|
||||||
<div style={{ marginBottom: "35px" }}>
|
|
||||||
<h1 style={{ fontSize: '24px' }}><Redux /> Redux Store <span style={{ fontSize: '14px', float: "right" }}><AlertTriangle />Dangerously experimental debugger</span></h1>
|
|
||||||
<antd.Card>{this.renderCheckboxes()}</antd.Card>
|
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<antd.Collapse style={{ border: 0 }}>
|
|
||||||
{returnSelectedKeys()}
|
|
||||||
</antd.Collapse>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default connect((store) => (store))(ReduxDebugger)
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import jwt from 'jsonwebtoken'
|
|
||||||
import io from 'socket.io-client'
|
|
||||||
import { connect } from 'umi'
|
|
||||||
import * as antd from 'antd'
|
|
||||||
import { objectToArrayMap } from 'core'
|
|
||||||
import settings from 'core/libs/settings'
|
|
||||||
|
|
||||||
const defaultSocketAddress = "localhost:7000"
|
|
||||||
|
|
||||||
@connect(({ app, socket }) => ({ app, socket }))
|
|
||||||
export default class SocketDebug extends React.Component {
|
|
||||||
state = {
|
|
||||||
InputRaw: defaultSocketAddress
|
|
||||||
}
|
|
||||||
|
|
||||||
dispatchSocket(value) {
|
|
||||||
this.props.dispatch({
|
|
||||||
type: `socket/createNodeSocket`,
|
|
||||||
payload: {
|
|
||||||
address: value
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
handleDisconnectSocket() {
|
|
||||||
const socket = this.props.socket.socket_conn
|
|
||||||
if (socket) {
|
|
||||||
console.log("closing")
|
|
||||||
socket.conn.close()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const { socket_opt } = this.props.socket
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<antd.Card>
|
|
||||||
<h2>socket state</h2>
|
|
||||||
<antd.List
|
|
||||||
dataSource={objectToArrayMap(this.props.socket)}
|
|
||||||
renderItem={(e) => {
|
|
||||||
try {
|
|
||||||
const v = JSON.stringify(e.value)
|
|
||||||
if (!v) return false
|
|
||||||
return (
|
|
||||||
<antd.Collapse>
|
|
||||||
<antd.Collapse.Panel header={`${e.key} (${v.length}) characters`}>
|
|
||||||
<div style={{ margin: '0 5px 15px 5px', wordBreak: "break-all" }} key={e.key} >
|
|
||||||
<span>{v}</span>
|
|
||||||
</div>
|
|
||||||
</antd.Collapse.Panel>
|
|
||||||
</antd.Collapse>
|
|
||||||
)
|
|
||||||
} catch (error) {
|
|
||||||
return <div style={{ display: "flex", alignItems: "center", padding: "12px 16px", height: "47px", backgroundColor: "#d9d9d9" }} >
|
|
||||||
This could not be rendered > ({e.key}) [{typeof(e.value)}]
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</antd.Card>
|
|
||||||
|
|
||||||
|
|
||||||
{socket_opt ?
|
|
||||||
<antd.Card>
|
|
||||||
<h2> socket_opt </h2>
|
|
||||||
<antd.List
|
|
||||||
grid={{
|
|
||||||
gutter: 5,
|
|
||||||
xxl: 3,
|
|
||||||
}}
|
|
||||||
dataSource={objectToArrayMap(socket_opt)}
|
|
||||||
renderItem={(e) => {
|
|
||||||
return (
|
|
||||||
<div style={{ border: "0.1px rgb(217, 217, 217) solid", backgroundColor: "rgb(250, 250, 250)", borderRadius: "4px", width: "fit-content", paddingRight: "12px" }}>
|
|
||||||
<antd.Tag>{e.key}</antd.Tag>{JSON.stringify(e.value)}
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</antd.Card>
|
|
||||||
: null}
|
|
||||||
|
|
||||||
<antd.Card>
|
|
||||||
<antd.Button onClick={() => this.dispatchSocket(this.state.InputRaw)} > Connect </antd.Button>
|
|
||||||
<antd.Button onClick={() => this.handleDisconnectSocket()} > Disconnect </antd.Button>
|
|
||||||
<antd.Button onClick={() => this.setState({ InputRaw: defaultSocketAddress })} > Set default </antd.Button>
|
|
||||||
<antd.Input onChange={(e) => this.setState({ InputRaw: e.target.value })} value={this.state.InputRaw} placeholder="ws:// http:// some.bruh:9090" />
|
|
||||||
<hr />
|
|
||||||
</antd.Card>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import * as antd from 'antd'
|
|
||||||
import * as themeLIB from 'core/libs/style'
|
|
||||||
|
|
||||||
function getBase64(img, callback) {
|
|
||||||
const reader = new FileReader()
|
|
||||||
reader.addEventListener('load', () => callback(reader.result))
|
|
||||||
reader.readAsDataURL(img)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default class themedebug extends React.PureComponent {
|
|
||||||
state = {
|
|
||||||
textColor: {r: '255', g: '255', b: '255'},
|
|
||||||
overlayColor: {r: '0', g: '0', b: '0'},
|
|
||||||
|
|
||||||
optimal: null,
|
|
||||||
file: null,
|
|
||||||
fileURL: null,
|
|
||||||
}
|
|
||||||
ToogleUpload() {
|
|
||||||
this.setState({ uploader: !this.state.uploader })
|
|
||||||
}
|
|
||||||
handleDeleteFile = () => {
|
|
||||||
this.setState({ fileURL: null })
|
|
||||||
}
|
|
||||||
handleFileUpload = info => {
|
|
||||||
if (info.file.status === 'uploading') {
|
|
||||||
this.setState({ loading: true })
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (info.file.status === 'done') {
|
|
||||||
this.setState({ file: info.file.originFileObj, uploader: false })
|
|
||||||
getBase64(info.file.originFileObj, fileURL => {
|
|
||||||
this.setState({ fileURL, loading: false })
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleGetOptimal() {
|
|
||||||
const optimal = themeLIB.getOptimalOpacityFromIMG({ textColor: this.state.textColor, overlayColor: this.state.overlayColor, img: this.state.fileURL })
|
|
||||||
this.setState({ optimal: optimal })
|
|
||||||
}
|
|
||||||
|
|
||||||
schemeToRGB(values) {
|
|
||||||
return `rgb(${values.r}, ${values.g}, ${values.b})`
|
|
||||||
}
|
|
||||||
|
|
||||||
render(){
|
|
||||||
|
|
||||||
return(
|
|
||||||
<div style={{ wordBreak: 'keep-all' }}>
|
|
||||||
<antd.Button onClick={() => this.handleGetOptimal()}> Get OPACITY </antd.Button>
|
|
||||||
<antd.Upload
|
|
||||||
multiple="false"
|
|
||||||
onChange={this.handleFileUpload}
|
|
||||||
>
|
|
||||||
<antd.Button>
|
|
||||||
Click to Upload
|
|
||||||
</antd.Button>
|
|
||||||
</antd.Upload>
|
|
||||||
<div>
|
|
||||||
{JSON.stringify(this.state.file)}<br/><br/>
|
|
||||||
textColor:{JSON.stringify(this.state.textColor)}<br/><br/>
|
|
||||||
overlayColor:{JSON.stringify(this.state.overlayColor)}<br/><br/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div style={{ position: 'absolute', backgroundColor: this.schemeToRGB(this.state.overlayColor) , display: 'flex', width: '500px', height: '500px' }}>
|
|
||||||
<h2 style={{ position: 'absolute', zIndex: '10', color: this.schemeToRGB(this.state.textColor) }}>Sample text</h2>
|
|
||||||
<img style={{ position: 'absolute',opacity: this.state.optimal, zIndex: '9', width: '500px' }} src={this.state.fileURL} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,70 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import settings from 'core/libs/settings'
|
|
||||||
import { verbosity } from '@nodecorejs/utils'
|
|
||||||
import * as antd from 'antd'
|
|
||||||
|
|
||||||
const verbosity_enabled = settings('verbosity')
|
|
||||||
export default class Verbosity extends React.Component{
|
|
||||||
state = {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount(){
|
|
||||||
verbosity("Single text test")
|
|
||||||
}
|
|
||||||
|
|
||||||
handleSend(){
|
|
||||||
const { raw0, raw1, color, type, method, line, file, time } = this.state
|
|
||||||
let data = []
|
|
||||||
let params = { color, type}
|
|
||||||
let stackTraceParams = { line, file, time, method }
|
|
||||||
|
|
||||||
if (typeof(raw0) !== "undefined") {
|
|
||||||
data[0] = raw0
|
|
||||||
}
|
|
||||||
if (typeof(raw1) !== "undefined") {
|
|
||||||
data[1] = raw1
|
|
||||||
}
|
|
||||||
|
|
||||||
verbosity(
|
|
||||||
data,
|
|
||||||
params,
|
|
||||||
stackTraceParams
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
render(){
|
|
||||||
const handleRawChange = (e) => {
|
|
||||||
const obj = {}
|
|
||||||
obj[e.target.id] = e.target.value
|
|
||||||
this.setState(obj)
|
|
||||||
}
|
|
||||||
const handleCheckChange = (e) => {
|
|
||||||
const obj = {}
|
|
||||||
obj[e.target.id] = e.target.checked
|
|
||||||
this.setState(obj)
|
|
||||||
}
|
|
||||||
return(
|
|
||||||
<div>
|
|
||||||
verbosity => {verbosity_enabled ? "enabled" : "disabled"}
|
|
||||||
<antd.Card>
|
|
||||||
<antd.Input id="raw0" onChange={handleRawChange} placeholder="Data 1 (string)" />
|
|
||||||
<antd.Input id="raw1" onChange={handleRawChange} placeholder="Data 2 (string)" />
|
|
||||||
<div style={{ display: "flex", marginTop: "20px" }}>
|
|
||||||
<antd.Button type="primary" onClick={() => this.handleSend()}> send </antd.Button>
|
|
||||||
<antd.Select style={{ width: "200px" }} onChange={(e) => {this.setState({ type: e})}} >
|
|
||||||
<antd.Select.Option value="log"> log </antd.Select.Option>
|
|
||||||
<antd.Select.Option value="debug"> debug </antd.Select.Option>
|
|
||||||
<antd.Select.Option value="error"> error </antd.Select.Option>
|
|
||||||
</antd.Select>
|
|
||||||
<antd.Input id="color" onChange={(e) => handleRawChange(e)} placeholder="color" />
|
|
||||||
<antd.Checkbox id="method" onChange={handleCheckChange}> method </antd.Checkbox>
|
|
||||||
<antd.Checkbox id="line" onChange={handleCheckChange}> line </antd.Checkbox>
|
|
||||||
<antd.Checkbox id="file" onChange={handleCheckChange}> file </antd.Checkbox>
|
|
||||||
<antd.Checkbox id="time" onChange={handleCheckChange}> time </antd.Checkbox>
|
|
||||||
</div>
|
|
||||||
</antd.Card>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user