restrict toolbar

Author: AlexAndBear

packages/web-app-files/src/components/Spaces/SpaceHeader.vue

@@ -158,7 +158,6 @@ export default defineComponent({
       unref(markdownContainerRef).classList.toggle(markdownContainerCollapsedClass)
     }
     const onMarkdownResize = () => {
-      console.log('RESIZE')
       if (!unref(markdownContainerRef)) {
         return
       }
@@ -177,8 +176,6 @@ export default defineComponent({
     }
     const markdownResizeObserver = new ResizeObserver(onMarkdownResize)
     const observeMarkdownContainerResize = () => {
-      console.log(markdownResizeObserver)
-      console.log(unref(markdownContainerRef))
       if (!markdownResizeObserver || !unref(markdownContainerRef)) {
         return
       }

packages/web-pkg/package.json

@@ -64,7 +64,6 @@
     "password-sheriff": "^1.1.1",
     "pinia": "^3.0.0",
     "portal-vue": "^3.0.0",
-    "prettier": "^3.0.0",
     "prismjs": "^1.29.0",
     "qs": "^6.13.0",
     "screenfull": "^6.0.2",

packages/web-pkg/src/components/TextEditor/TextEditor.vue

@@ -4,10 +4,11 @@
       v-if="isReadOnly"
       id="text-editor-preview-component"
       :model-value="currentContent"
-      no-mermaid
       no-katex
+      no-mermaid
+      no-prettier
+      no-upload-img
       no-highlight
-      no-img-zoom-in
       :language="languages[language.current] || 'en-US'"
       :theme="theme"
       read-only
@@ -17,14 +18,26 @@
       v-else
       id="text-editor-component"
       :model-value="currentContent"
-      no-mermaid
       no-katex
+      no-mermaid
+      no-prettier
+      no-upload-img
       no-highlight
-      no-img-zoom-in
       :language="languages[language.current] || 'en-US'"
       :theme="theme"
       :preview="isMarkdown"
       :toolbars="isMarkdown ? undefined : []"
+      :toolbars-exclude="[
+        'save',
+        'katex',
+        'github',
+        'catalog',
+        'mermaid',
+        'prettier',
+        'fullscreen',
+        'htmlPreview',
+        'pageFullscreen'
+      ]"
       :read-only="isReadOnly"
       @on-change="(value) => $emit('update:currentContent', value)"
     />
@@ -49,9 +62,6 @@ import screenfull from 'screenfull'
 import Cropper from 'cropperjs'
 import 'cropperjs/dist/cropper.css'
 
-import * as prettier from 'prettier'
-import parserMarkdown from 'prettier/plugins/markdown'
-
 export default defineComponent({
   name: 'TextEditor',
   components: { MdEditor, MdPreview },
@@ -70,7 +80,6 @@ export default defineComponent({
     const language = useGettext()
     const { currentTheme } = useThemeStore()
 
-    // Should not be a ref, otherwise functions like setMarkdown won't work
     const editorConfig = computed(() => {
       // TODO: Remove typecasting once vue-tsc has figured it out
       const { showPreviewOnlyMd = true } = props.applicationConfig as AppConfigObject
@@ -92,10 +101,6 @@ export default defineComponent({
         languageUserDefined
       },
       editorExtensions: {
-        prettier: {
-          prettierInstance: prettier,
-          parserMarkdownInstance: parserMarkdown
-        },
         screenfull: {
           instance: screenfull
         },