{
+ let { code } = e
+ if ((e.target as HTMLElement).matches('input') && e.key === 'Enter') code = 'ArrowDown'
+ if (code === 'ArrowDown' || code === 'ArrowUp') {
+ e.preventDefault()
+ const dir = code === 'ArrowDown' ? 1 : -1
+ const elements = focusable(e.currentTarget)
+ const focusedElemIndex = elements.indexOf(document.activeElement as HTMLElement)
+ if (focusedElemIndex === -1) return
+ const nextElem = elements[focusedElemIndex + dir]
+ nextElem?.focus()
+ }
+ }}>
+
+}
diff --git a/src/react/SignEditorProvider.tsx b/src/react/SignEditorProvider.tsx
new file mode 100644
index 000000000..b6ade6255
--- /dev/null
+++ b/src/react/SignEditorProvider.tsx
@@ -0,0 +1,84 @@
+import { useMemo, useEffect, useState, useRef } from 'react'
+import { showModal, hideModal } from '../globalState'
+import { setDoPreventDefault } from '../controls'
+import { options } from '../optionsStorage'
+import { useIsModalActive } from './utils'
+import SignEditor, { ResultType } from './SignEditor'
+
+
+const isWysiwyg = async () => {
+ const items = await bot.tabComplete('/', true, true)
+ const commands = new Set
+ 
+ {isWysiwyg ? (
+
+ ) : [1, 2, 3, 4].map((value, index) => {
+ return {
+ handleInput(e.currentTarget)
+ }} />
+ })
+ }
+
+ ...
+ // const { from, to } = state.selection + // const { tr } = state + // console.log(schema.marks) + // tr.addMark(from, to, schema.marks.textColor.create({ color: 'red' })) + // dispatch(tr) + // toggleMark(schema.marks.textColor, { color: 'red' })(state, dispatch, view) + // } + fullMenu[1].splice(1, 1) // remove the type menu + console.log('fullMenu', fullMenu) + this.view = new EditorView(target, { + state: EditorState.create({ + doc: defaultMarkdownParser.parse(content) ?? undefined, + plugins: exampleSetup({ + schema, + menuContent: fullMenu, + }), + }), + attributes (state) { + return { + autocorrect: 'off', + autocapitalize: 'off', + spellcheck: 'false', + autofocus: 'true', + } + }, + }) + } + + get content () { + const content = defaultMarkdownSerializer.serialize(this.view.state.doc) + console.log('content', content) + return content + } + + focus () { + this.view.focus() + } + + destroy () { + this.view.destroy() + } +} diff --git a/src/reactUi.tsx b/src/reactUi.tsx index 2b474adc5..aa1d74dd9 100644 --- a/src/reactUi.tsx +++ b/src/reactUi.tsx @@ -15,6 +15,7 @@ import EnterFullscreenButton from './react/EnterFullscreenButton' import ChatProvider from './react/ChatProvider' import TitleProvider from './react/TitleProvider' import ScoreboardProvider from './react/ScoreboardProvider' +import SignEditorProvider from './react/SignEditorProvider' import SoundMuffler from './react/SoundMuffler' import TouchControls from './react/TouchControls' import widgets from './react/widgets' @@ -66,7 +67,10 @@ const InGameUi = () => {