+
+ )
+ }
+ return (
+
+ {children}
+
+
+ {children}
+
+ )
+}
+
+export const PrefRow =
+ ({ name, fullWidth = false, labelFor = undefined, changed = false, children }) => (
+
+
+
+ )
+
+export const PrefInput = ({ rowName, value, origValue, fullWidth = false, ...args }) => (
+ {children}
+
+
+
+)
+
+export default Spinner
diff --git a/maubot/management/frontend/src/components/Switch.js b/maubot/management/frontend/src/components/Switch.js
new file mode 100644
index 0000000..a063abe
--- /dev/null
+++ b/maubot/management/frontend/src/components/Switch.js
@@ -0,0 +1,57 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+
+ )
+ }
+}
+
+export default Switch
diff --git a/maubot/management/frontend/src/index.js b/maubot/management/frontend/src/index.js
new file mode 100644
index 0000000..12dd05c
--- /dev/null
+++ b/maubot/management/frontend/src/index.js
@@ -0,0 +1,21 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+
+ {this.props.onText || "On"}
+ {this.props.offText || "Off"}
+
+
+
+
+ }
+}
+
+export default Login
diff --git a/maubot/management/frontend/src/pages/Main.js b/maubot/management/frontend/src/pages/Main.js
new file mode 100644
index 0000000..63f419c
--- /dev/null
+++ b/maubot/management/frontend/src/pages/Main.js
@@ -0,0 +1,75 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+
+ Maubot Manager
+ + + + {this.state.error &&{this.state.error}
}
+
+
+ }
+ authed={!this.state.authed} to="/"/>
+
+
+
+
+
+ )
+
+ renderLogButton = (filter) => !this.isNew && {this.hasInstances ? "Instances" : "No instances :("}
+ {this.state.instances.map(instance => ( + + {instance.id} + + ))} +
+
+
+}
+
+export default BaseMainView
diff --git a/maubot/management/frontend/src/pages/dashboard/Client.js b/maubot/management/frontend/src/pages/dashboard/Client.js
new file mode 100644
index 0000000..f40b3bf
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/Client.js
@@ -0,0 +1,228 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+
+ )
+
+ renderPreferences = () => (
+
+ })
+
+
+
+
+ {this.props.entry.started ? "Started" :
+ (this.props.entry.enabled ? "Stopped" : "Disabled")}
+
+
+ {(this.props.entry.started || this.props.entry.enabled) && (
+
+ )}
+
+ {!this.isNew && (
+
+ )}
+
+
+ {this.renderLogButton(this.state.id)}
+ {this.state.error}
+
+
+ render() {
+ return <>
+
+ {this.renderSidebar()}
+
+
+ }
+}
+
+export default withRouter(Client)
diff --git a/maubot/management/frontend/src/pages/dashboard/Home.js b/maubot/management/frontend/src/pages/dashboard/Home.js
new file mode 100644
index 0000000..7c2fe13
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/Home.js
@@ -0,0 +1,30 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+ {this.renderPreferences()}
+ {this.renderPrefButtons()}
+ {this.renderInstances()}
+
+
+ See sidebar to get started
+
+
+
+
+ }
+}
+
+export default Home
diff --git a/maubot/management/frontend/src/pages/dashboard/Instance.js b/maubot/management/frontend/src/pages/dashboard/Instance.js
new file mode 100644
index 0000000..1df090b
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/Instance.js
@@ -0,0 +1,183 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+ })
+ {client.displayname || client.id}
+
+ ),
+ }
+
+ updateClientOptions() {
+ this.clientOptions = Object.values(this.props.ctx.clients).map(this.clientSelectEntry)
+ }
+
+ save = async () => {
+ this.setState({ saving: true })
+ const resp = await api.putInstance(this.instanceInState, this.props.entry
+ ? this.props.entry.id : undefined)
+ if (resp.id) {
+ if (this.isNew) {
+ this.props.history.push(`/instance/${resp.id}`)
+ } else {
+ if (resp.id !== this.props.entry.id) {
+ this.props.history.replace(`/instance/${resp.id}`)
+ }
+ this.setState({ saving: false, error: "" })
+ }
+ this.props.onChange(resp)
+ } else {
+ this.setState({ saving: false, error: resp.error })
+ }
+ }
+
+ get selectedClientEntry() {
+ return this.state.primary_user
+ ? this.clientSelectEntry(this.props.ctx.clients[this.state.primary_user])
+ : {}
+ }
+
+ get selectedPluginEntry() {
+ return {
+ id: this.state.type,
+ value: this.state.type,
+ label: this.state.type,
+ }
+ }
+
+ get typeOptions() {
+ return Object.values(this.props.ctx.plugins).map(plugin => plugin && {
+ id: plugin.id,
+ value: plugin.id,
+ label: plugin.id,
+ })
+ }
+
+ get loading() {
+ return this.state.deleting || this.state.saving
+ }
+
+ get isValid() {
+ return this.state.id && this.state.primary_user && this.state.type
+ }
+
+ render() {
+ return
+
+ this.setState({ enabled })}/>
+ this.setState({ started })}/>
+ this.setState({ primary_user: id })}/>
+ this.setState({ type: id })}/>
+
+ {!this.isNew &&
+ this.setState({ config })}
+ name="config" value={this.state.config}
+ editorProps={{
+ fontSize: "10pt",
+ $blockScrolling: true,
+ }}/>}
+
+ }
+}
+
+export default withRouter(Instance)
diff --git a/maubot/management/frontend/src/pages/dashboard/Log.js b/maubot/management/frontend/src/pages/dashboard/Log.js
new file mode 100644
index 0000000..01b011e
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/Log.js
@@ -0,0 +1,190 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+ {!this.isNew && (
+
+ )}
+
+
+ {this.renderLogButton(`instance.${this.state.id}`)}
+ {this.state.error}
+
+ {Object.entries(req.content).length > 0
+ && }
+
+
+ }
+ return this.props.line.msg
+ }
+
+ onClickOpen(path, line) {
+ return () => {
+ if (api.debugOpenFileEnabled()) {
+ api.debugOpenFile(path, line)
+ }
+ return false
+ }
+ }
+
+ renderTimeTitle() {
+ return this.props.line.time.toDateString()
+ }
+
+ renderTime() {
+ return
+ {this.props.line.time.toLocaleTimeString("en-GB")}
+
+ }
+
+ renderLevelName() {
+ return
+ {this.props.line.levelname}
+
+ }
+
+ get unfocused() {
+ return this.props.focus && this.props.line.name !== this.props.focus
+ ? "unfocused"
+ : ""
+ }
+
+ renderRow(content) {
+ return (
+
+ {this.renderTime()}
+ {this.renderLevelName()}
+ {this.renderName()}
+ {content}
+
+ )
+ }
+
+ renderExceptionInfo() {
+ if (!api.debugOpenFileEnabled()) {
+ return this.props.line.exc_info
+ }
+ const fileLinks = []
+ let str = this.props.line.exc_info.replace(
+ /File "(.+)", line ([0-9]+), in (.+)/g,
+ (_, file, line, method) => {
+ fileLinks.push(
+
+ File "{file}", line {line}, in {method}
+ ,
+ )
+ return "||EDGE||"
+ })
+ fileLinks.reverse()
+
+ const result = []
+ let key = 0
+ for (const part of str.split("||EDGE||")) {
+ result.push(
+
+ {entry.id}
+
+)
+
+
+class Plugin extends BaseMainView {
+ static ListEntry = PluginListEntry
+
+ constructor(props) {
+ super(props)
+ this.deleteFunc = api.deletePlugin
+ }
+
+ get initialState() {
+ return {
+ id: "",
+ version: "",
+
+ instances: [],
+
+ uploading: false,
+ deleting: false,
+ error: "",
+ }
+ }
+
+ upload = async event => {
+ const file = event.target.files[0]
+ this.setState({
+ uploadingAvatar: true,
+ })
+ const data = await this.readFile(file)
+ const resp = await api.uploadPlugin(data, this.state.id)
+ if (resp.id) {
+ if (this.isNew) {
+ this.props.history.push(`/plugin/${resp.id}`)
+ } else {
+ this.setState({ saving: false, error: "" })
+ }
+ this.props.onChange(resp)
+ } else {
+ this.setState({ saving: false, error: resp.error })
+ }
+ }
+
+ render() {
+ return this.logModal = ref}>
+
+
+ }
+
+ render() {
+ return <>
+ {this.renderMain()}
+ {this.renderModal()}
+
+ }
+}
+
+export default withRouter(Dashboard)
diff --git a/maubot/management/frontend/src/res/chevron-right.svg b/maubot/management/frontend/src/res/chevron-right.svg
new file mode 100644
index 0000000..58ee688
--- /dev/null
+++ b/maubot/management/frontend/src/res/chevron-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/maubot/management/frontend/src/res/plus.svg b/maubot/management/frontend/src/res/plus.svg
new file mode 100644
index 0000000..8030204
--- /dev/null
+++ b/maubot/management/frontend/src/res/plus.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/maubot/management/frontend/src/res/upload.svg b/maubot/management/frontend/src/res/upload.svg
new file mode 100644
index 0000000..f1deea6
--- /dev/null
+++ b/maubot/management/frontend/src/res/upload.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/maubot/management/frontend/src/setupProxy.js b/maubot/management/frontend/src/setupProxy.js
new file mode 100644
index 0000000..666772d
--- /dev/null
+++ b/maubot/management/frontend/src/setupProxy.js
@@ -0,0 +1,6 @@
+const proxy = require("http-proxy-middleware")
+
+module.exports = function(app) {
+ app.use(proxy("/_matrix/maubot/v1", { target: "http://localhost:29316" }))
+ app.use(proxy("/_matrix/maubot/v1/logs", { target: "http://localhost:29316", ws: true }))
+}
diff --git a/maubot/management/frontend/src/style/base/body.sass b/maubot/management/frontend/src/style/base/body.sass
new file mode 100644
index 0000000..c30dd67
--- /dev/null
+++ b/maubot/management/frontend/src/style/base/body.sass
@@ -0,0 +1,39 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+ {this.props.lines.map(data => )}
+
+
+
+ )
+ }
+}
+
+export default Log
diff --git a/maubot/management/frontend/src/pages/dashboard/Modal.js b/maubot/management/frontend/src/pages/dashboard/Modal.js
new file mode 100644
index 0000000..b51301a
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/Modal.js
@@ -0,0 +1,52 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see this.wrapper = ref}
+ onClick={() => this.wrapper.clientWidth > 45 * rem && this.close()}>
+
+ )
+ }
+}
+
+export default Modal
diff --git a/maubot/management/frontend/src/pages/dashboard/Plugin.js b/maubot/management/frontend/src/pages/dashboard/Plugin.js
new file mode 100644
index 0000000..e3ea809
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/Plugin.js
@@ -0,0 +1,103 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see evt.stopPropagation()}>
+
+
+
+
+ {this.props.children}
+
+
+
+ {!this.isNew &&
+
+ }
+
+ }
+}
+
+export default withRouter(Plugin)
diff --git a/maubot/management/frontend/src/pages/dashboard/index.js b/maubot/management/frontend/src/pages/dashboard/index.js
new file mode 100644
index 0000000..28321ef
--- /dev/null
+++ b/maubot/management/frontend/src/pages/dashboard/index.js
@@ -0,0 +1,232 @@
+// maubot - A plugin-based Matrix bot system.
+// Copyright (C) 2018 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see
+
+ {!this.isNew &&
+
+
}
+ {this.renderLogButton("loader.zip")}
+ {this.state.error}
+ {this.renderInstances()}
+
+ Oops! I'm afraid that {thing} couldn't be found.
+
+ )
+
+ renderMain() {
+ return
+
+ 
+ Maubot Manager
+
+
+
+ }/>
+
+ this.add("instances", newEntry)}
+ entry={{}} ctx={this.state}/>}/>
+
+
+ this.add("clients", newEntry)}/>}/>
+
+
+ this.add("plugins", newEntry)}/>}/>
+
+ this.renderView("instances", Instance, match.params.id)}/>
+
+ this.renderView("clients", Client, match.params.id)}/>
+
+ this.renderView("plugins", Plugin, match.params.id)}/>
+ this.renderNotFound()}/>
+
+
+
+ }
+
+ renderModal() {
+ return
+ Maubot Manager
+
+
+ {localStorage.username}
+
+
+
+
+
+
+
+ this.setState({ sidebarOpen: !this.state.sidebarOpen })}>
+
+
+