first commit
This commit is contained in:
@@ -0,0 +1,12 @@
|
||||
import { ImperativePanelHandle } from 'react-resizable-panels'
|
||||
import { useRef } from 'react'
|
||||
import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
|
||||
import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
|
||||
|
||||
export default function useCollapsibleFileTree() {
|
||||
const { fileTreeExpanded, toggleFileTreeExpanded } = useFileTreeOpenContext()
|
||||
const fileTreePanelRef = useRef<ImperativePanelHandle>(null)
|
||||
useCollapsiblePanel(fileTreeExpanded, fileTreePanelRef)
|
||||
|
||||
return { fileTreeExpanded, fileTreePanelRef, toggleFileTreeExpanded }
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
import { postJSON } from '@/infrastructure/fetch-json'
|
||||
import { useUserSettingsContext } from '@/shared/context/user-settings-context'
|
||||
import { useCallback, useState } from 'react'
|
||||
|
||||
export const useSwitchEnableNewEditorState = () => {
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState('')
|
||||
const { setUserSettings } = useUserSettingsContext()
|
||||
const setEditorRedesignStatus = useCallback(
|
||||
(status: boolean): Promise<void> => {
|
||||
setLoading(true)
|
||||
setError('')
|
||||
return new Promise((resolve, reject) => {
|
||||
postJSON('/user/settings', { body: { enableNewEditor: status } })
|
||||
.then(() => {
|
||||
setUserSettings(current => ({
|
||||
...current,
|
||||
enableNewEditor: status,
|
||||
}))
|
||||
resolve()
|
||||
})
|
||||
.catch(e => {
|
||||
setError('Failed to update settings')
|
||||
reject(e)
|
||||
})
|
||||
.finally(() => {
|
||||
setLoading(false)
|
||||
})
|
||||
})
|
||||
},
|
||||
[setUserSettings]
|
||||
)
|
||||
return { loading, error, setEditorRedesignStatus }
|
||||
}
|
||||
@@ -0,0 +1,345 @@
|
||||
import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
|
||||
import {
|
||||
useCodeMirrorStateContext,
|
||||
useCodeMirrorViewContext,
|
||||
} from '@/features/source-editor/components/codemirror-context'
|
||||
import { FigureModalSource } from '@/features/source-editor/components/figure-modal/figure-modal-context'
|
||||
import * as commands from '@/features/source-editor/extensions/toolbar/commands'
|
||||
import { setSectionHeadingLevel } from '@/features/source-editor/extensions/toolbar/sections'
|
||||
import { useEditorContext } from '@/shared/context/editor-context'
|
||||
import { useLayoutContext } from '@/shared/context/layout-context'
|
||||
import getMeta from '@/utils/meta'
|
||||
import { redo, selectAll, undo } from '@codemirror/commands'
|
||||
import { openSearchPanel } from '@codemirror/search'
|
||||
import { useCallback } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { useIsNewEditorEnabled } from '../utils/new-editor-utils'
|
||||
import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
|
||||
import { language } from '@codemirror/language'
|
||||
|
||||
export const useToolbarMenuBarEditorCommands = () => {
|
||||
const view = useCodeMirrorViewContext()
|
||||
const state = useCodeMirrorStateContext()
|
||||
const { t } = useTranslation()
|
||||
const { view: layoutView } = useLayoutContext()
|
||||
const editorIsVisible = layoutView === 'editor'
|
||||
const { trackedWrite } = usePermissionsContext()
|
||||
const languageName = state.facet(language)?.name
|
||||
const isTeXFile = languageName === 'latex'
|
||||
|
||||
const openFigureModal = useCallback((source: FigureModalSource) => {
|
||||
window.dispatchEvent(
|
||||
new CustomEvent('figure-modal:open', {
|
||||
detail: { source },
|
||||
})
|
||||
)
|
||||
}, [])
|
||||
|
||||
const newEditor = useIsNewEditorEnabled()
|
||||
|
||||
useCommandProvider(() => {
|
||||
if (!newEditor) {
|
||||
return
|
||||
}
|
||||
|
||||
return [
|
||||
/************************************
|
||||
* Edit menu
|
||||
************************************/
|
||||
{
|
||||
id: 'undo',
|
||||
label: t('undo'),
|
||||
handler: () => {
|
||||
undo(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible || !trackedWrite,
|
||||
},
|
||||
{
|
||||
id: 'redo',
|
||||
label: t('redo'),
|
||||
handler: () => {
|
||||
redo(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible || !trackedWrite,
|
||||
},
|
||||
{
|
||||
id: 'find',
|
||||
label: t('find'),
|
||||
handler: () => {
|
||||
openSearchPanel(view)
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'select-all',
|
||||
label: t('select_all'),
|
||||
handler: () => {
|
||||
selectAll(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
]
|
||||
}, [editorIsVisible, t, view, trackedWrite, newEditor])
|
||||
|
||||
// LaTeX commands
|
||||
useCommandProvider(() => {
|
||||
if (!newEditor) {
|
||||
return
|
||||
}
|
||||
if (!isTeXFile || !trackedWrite) {
|
||||
return
|
||||
}
|
||||
|
||||
return [
|
||||
/************************************
|
||||
* Insert menu
|
||||
************************************/
|
||||
{
|
||||
id: 'insert-inline-math',
|
||||
label: t('inline_math'),
|
||||
handler: () => {
|
||||
commands.wrapInInlineMath(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'insert-display-math',
|
||||
label: t('display_math'),
|
||||
handler: () => {
|
||||
commands.wrapInDisplayMath(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
label: t('upload_from_computer'),
|
||||
id: 'insert-figure-from-computer',
|
||||
handler: () => {
|
||||
openFigureModal(FigureModalSource.FILE_UPLOAD)
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
label: t('from_project_files'),
|
||||
id: 'insert-figure-from-project-files',
|
||||
handler: () => {
|
||||
openFigureModal(FigureModalSource.FILE_TREE)
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
label: t('from_another_project'),
|
||||
id: 'insert-figure-from-another-project',
|
||||
handler: () => {
|
||||
openFigureModal(FigureModalSource.OTHER_PROJECT)
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
label: t('from_url'),
|
||||
id: 'insert-figure-from-url',
|
||||
handler: () => {
|
||||
openFigureModal(FigureModalSource.FROM_URL)
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'insert-table',
|
||||
label: t('table'),
|
||||
handler: () => {
|
||||
commands.insertTable(view, 3, 3)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'insert-citation',
|
||||
label: t('citation'),
|
||||
handler: () => {
|
||||
commands.insertCite(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'insert-link',
|
||||
label: t('link'),
|
||||
handler: () => {
|
||||
commands.wrapInHref(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'insert-cross-reference',
|
||||
label: t('cross_reference'),
|
||||
handler: () => {
|
||||
commands.insertRef(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'comment',
|
||||
label: t('comment'),
|
||||
handler: () => {
|
||||
commands.addComment()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
/************************************
|
||||
* Format menu
|
||||
************************************/
|
||||
{
|
||||
id: 'format-bold',
|
||||
label: t('bold'),
|
||||
handler: () => {
|
||||
commands.toggleBold(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-italics',
|
||||
label: t('italics'),
|
||||
handler: () => {
|
||||
commands.toggleItalic(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-bullet-list',
|
||||
label: t('bullet_list'),
|
||||
handler: () => {
|
||||
commands.toggleBulletList(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-numbered-list',
|
||||
label: t('numbered_list'),
|
||||
handler: () => {
|
||||
commands.toggleNumberedList(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-increase-indentation',
|
||||
label: t('increase_indent'),
|
||||
handler: () => {
|
||||
commands.indentIncrease(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-decrease-indentation',
|
||||
label: t('decrease_indent'),
|
||||
handler: () => {
|
||||
commands.indentDecrease(view)
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-style-normal',
|
||||
label: t('normal'),
|
||||
handler: () => {
|
||||
setSectionHeadingLevel(view, 'text')
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-style-section',
|
||||
label: 'Section',
|
||||
handler: () => {
|
||||
setSectionHeadingLevel(view, 'section')
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-style-subsection',
|
||||
label: 'Subsection',
|
||||
handler: () => {
|
||||
setSectionHeadingLevel(view, 'subsection')
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-style-subsubsection',
|
||||
label: 'Subsubsection',
|
||||
handler: () => {
|
||||
setSectionHeadingLevel(view, 'subsubsection')
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-style-paragraph',
|
||||
label: 'Paragraph',
|
||||
handler: () => {
|
||||
setSectionHeadingLevel(view, 'paragraph')
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
{
|
||||
id: 'format-style-subparagraph',
|
||||
label: 'Subparagraph',
|
||||
handler: () => {
|
||||
setSectionHeadingLevel(view, 'subparagraph')
|
||||
view.focus()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
]
|
||||
}, [
|
||||
view,
|
||||
t,
|
||||
editorIsVisible,
|
||||
openFigureModal,
|
||||
newEditor,
|
||||
trackedWrite,
|
||||
isTeXFile,
|
||||
])
|
||||
|
||||
const { toggleSymbolPalette } = useEditorContext()
|
||||
const symbolPaletteAvailable = getMeta('ol-symbolPaletteAvailable')
|
||||
useCommandProvider(() => {
|
||||
if (!symbolPaletteAvailable) {
|
||||
return
|
||||
}
|
||||
|
||||
if (!isTeXFile || !trackedWrite) {
|
||||
return
|
||||
}
|
||||
|
||||
return [
|
||||
{
|
||||
id: 'insert-symbol',
|
||||
label: t('symbol'),
|
||||
handler: () => {
|
||||
toggleSymbolPalette?.()
|
||||
},
|
||||
disabled: !editorIsVisible,
|
||||
},
|
||||
]
|
||||
}, [
|
||||
symbolPaletteAvailable,
|
||||
t,
|
||||
toggleSymbolPalette,
|
||||
editorIsVisible,
|
||||
isTeXFile,
|
||||
trackedWrite,
|
||||
])
|
||||
}
|
||||
Reference in New Issue
Block a user