@brightspot/ui 3.0.1-cms-ui-migration.2 → 3.0.1-cms-ui-migration.4

package/src/legacy/tool-ui/src/main/webapp/v4/rte/plugins/PluginProvider.js

@@ -1,124 +0,0 @@
-import { Plugin, PluginKey } from 'prosemirror-state'
-import { baseKeymap } from 'prosemirror-commands'
-import { keymap } from 'prosemirror-keymap'
-import { menuPlugin } from './menubar/Menubar'
-import { enhancementManagerPlugin } from './enhancement_manager'
-import { listManagerPlugin } from './list_manager'
-import { fullScreenManagerPlugin } from './fullscreen_manager'
-import { spellcheckPlugin } from './spellcheck/'
-import { rawTextManagerPlugin } from './raw_text_manager/RawTextManager'
-import { history } from 'prosemirror-history'
-import { trackPlugin } from './track_manager/TrackManager'
-import { commentPlugin } from './comment_manager/CommentManager'
-import { goToNextCell, tableEditing } from 'prosemirror-tables'
-import { tableManagerPlugin } from './table_manager/TableManager'
-import { dropCursor } from 'prosemirror-dropcursor'
-import { gapCursor } from 'prosemirror-gapcursor'
-import { keyboardPlugin } from './custom_keyboard/CustomKeyboard'
-import { collab } from 'prosemirror-collab'
-import { collabPlugin } from './collab_manager/CollabManager'
-import { placeholderManagerPlugin } from './placeholder_manager/PlaceHolderManager'
-import { findReplacePlugin } from './find_replace_manager/FindReplaceManager'
-import { htmlEditorPlugin } from './html_editor_manager/htmlEditorManager'
-import { inputRules, emDash } from 'prosemirror-inputrules'
-import { pasteManagerPlugin } from './paste_manager/PasteManager'
-import { mention } from '../mention'
-import { interchangeable } from '../interchangeable'
-import { aiPlugin } from './ai_manager/AiManager'
-import { aiInlinePlugin } from './ai_inline_manager/AIInlineManager'
-
-const goToNextCellCustom = (dir) => {
-  return goToNextCell(dir)
-}
-
-const buildInputRules = () => {
-  const rules = [emDash]
-  return inputRules({ rules })
-}
-
-function getPlugins(options) {
-  let plugins = [
-    htmlEditorPlugin(options.compliantTagNameMap),
-    placeholderManagerPlugin(options.ctx, options.compliantTagNameMap),
-    history(),
-    fullScreenManagerPlugin(),
-    listManagerPlugin(options.schema),
-    commentPlugin(options.schema, options.userLabel, options.userId),
-    trackPlugin(options.schema, options.userLabel, options.ctx),
-    dropCursor(),
-    gapCursor(),
-    tableEditing(),
-    tableManagerPlugin(),
-    enhancementManagerPlugin(options.ctx, options.compliantTagNameMap),
-    keyboardPlugin(),
-    keymap({
-      Tab: goToNextCellCustom(1),
-      'Shift-Tab': goToNextCell(-1),
-    }),
-    keymap(options.buildKeymap(options)),
-    keymap(baseKeymap),
-    pasteManagerPlugin(options.ctx, options.compliantTagNameMap),
-    rawTextManagerPlugin(),
-    findReplacePlugin(),
-    buildInputRules(),
-    menuPlugin(options.menuItems),
-    interchangeable(options.schema),
-  ]
-
-  // If AI is enabled, add AI plugin to top of the list before menuPlugin is initialized
-  if (window.BRIGHTSPOT?.ai?.AI_CHAT_ENABLED) {
-    plugins.unshift(
-      aiPlugin(
-        options.schema,
-        options.userLabel,
-        options.userId,
-        options.compliantTagNameMap,
-      ),
-      aiInlinePlugin(
-        options.userLabel,
-        options.userId,
-        options.compliantTagNameMap,
-      ),
-    )
-  }
-
-  try {
-    const rteTags = options.ctx.dataset.rteTags
-
-    if (rteTags && JSON.parse(rteTags).includes('bsp-mention')) {
-      plugins.push(mention(options.ctx))
-    }
-  } catch {}
-
-  if (ENABLE_PROSE_MIRROR_SPELL_CHECK) {
-    plugins.push(spellcheckPlugin())
-  }
-
-  if (options.isCollab) {
-    plugins.push(collab({ version: options.version, clientID: options.userId }))
-    plugins.push(
-      collabPlugin(
-        options.schema,
-        options.userId,
-        options.anchorMap,
-        options.rangeList,
-        options.lockedList,
-      ),
-    )
-  }
-
-  return plugins.concat(
-    new Plugin({
-      key: new PluginKey('pluginProvider'),
-      props: {
-        attributes: {
-          class: 'ProseMirror-setup-style',
-          role: 'textbox',
-          'aria-multiline': 'true',
-        },
-      },
-    }),
-  )
-}
-
-export { getPlugins }

package/src/legacy/tool-ui/src/main/webapp/v4/rte/plugins/README.md

@@ -1,46 +0,0 @@
-# Brightspot Rich Text Editor Plugins
-
-To make it easy to package and enable extra editor functionality, ProseMirror has a [plugin system](http://prosemirror.net/docs/ref/#state.Plugin_System). Additional functionality should be added here as a plugin.
-
-## Table of Contents
-
-1.  [Must Knows](#must-knows)
-2.  [Usage](#usage)
-3.  [Component and Directory Structure](#component-and-directory-structure)
-4.  [Plugins](#plugins)
-    1.  [menubar](#menubar)
-        1.  [menubar views](#menubar-views)
-        2.  [menubar plugin](#menubar-plugin)
-
-## Must Knows
-
-1.  Plugins can have their own state, which can, if desired, also influence the EditorView's EditorState. A plugin that adds a state property in its declaration will then have a field for its state in the EditorView's EditorState.
-2.  Each plugin lives in its own directory.
-3.  If the plugin has any DOM representation, then it should be added into a `views` directory inside its own directory. Styling should go in there and be imported into the main `view` file.
-4.  Plugins should not modify their state directly but should instead create a new state. This will happen when the `apply` method set up during object creation is triggered by a transaction dispatch.
-5.  Do not update the DOM of your plugin via event handlers. Instead, update your state, which will trigger the `update` method of your plugin with the new state available and re-render your DOM based on the new state. This will ensure your DOM mutations will stay in line with the EditorView's history.
-6.  Plugins should be added to the RTE via the [plugin setup](#plugin-setup) (described below).
-
-## Usage
-
-1.  Plugin Setup - This gathers all the plugins in 1 spot. It gets passed into the EditorState then as one function call. To add your plugin, add it to the `plugins` array after `import`ing it into the file. Pass in any needed configurations. If you need additional configurations, then can be passed in from the `createState` in the `utilities` file.
-
-```js
-let plugins = [
-  history(),
-  keymap(options.buildKeymap(options.schema)),
-  keymap(baseKeymap),
-  menuPlugin(options.menuItems),
-  yourNewPlugin(options.things),
-]
-```
-
-## Component and Directory Structure
-
-### Plugins
-
-1.  Each plugin lives in here and then in its own directory. A plugin might be just 1 file or it could be comprised of view and style files, etc, as well. The heart of a plugin is the `plugin` js file in the root of its directory. This sets up the plugin and its configuration as well as declares and tracks its state.
-
-#### Menubar
-
-1.  his plugin controls the menubar. It creates its state based on the menu configuration passed into it, sets up a view, and responds to EditorState transaction dispatches by updating its state as appropriate. Updates will cause the view to re-render with its new state. See its ReadMe for more information.

package/src/legacy/tool-ui/src/main/webapp/v4/rte/plugins/ai_inline_manager/AIInlineManager.ts

@@ -1,124 +0,0 @@
-import { Plugin, PluginKey } from 'prosemirror-state'
-import { AIInlineView } from './views/AIInlineView'
-import { Decoration, DecorationSet, EditorView } from 'prosemirror-view'
-import { Transaction, EditorState } from 'prosemirror-state'
-
-const key = new PluginKey('aiInline')
-
-/**
- * AI Inline plugin.
- */
-const aiInlinePlugin = (
-  userLabel: string,
-  userId: string,
-  compliantTagNameMap: Map<string, string>,
-) => {
-  return new Plugin({
-    key,
-
-    view(editorView: EditorView) {
-      const view = new AIInlineView(
-        editorView,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (key.get(editorView.state) as any).key,
-        userLabel,
-        userId,
-        compliantTagNameMap,
-      )
-      const toolbar = editorView.dom.parentNode?.querySelector(
-        '.ProseMirrorToolbar',
-      )
-      if (toolbar) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const domElement = (view as any).dom
-        if (domElement) {
-          toolbar.appendChild(domElement)
-        }
-      }
-      return view
-    },
-
-    state: {
-      init(state) {
-        const pluginState = new Map()
-        const activeStates = new Map()
-        const disabledStates = new Map()
-        const metaData = new Map()
-        activeStates.set('toggleAIInline', false)
-
-        pluginState.set('activeStates', activeStates)
-        pluginState.set('disabledStates', disabledStates)
-        pluginState.set('metaData', metaData)
-        return pluginState
-      },
-
-      apply(transaction, value, oldState, newState) {
-        const pluginState = value
-        const meta = transaction.getMeta(key)
-
-        if (meta?.toggleAIInline) {
-          const activeStates = pluginState.get('activeStates')
-          const currentState = activeStates.get('toggleAIInline')
-          activeStates.set('toggleAIInline', !currentState)
-        }
-
-        return pluginState
-      },
-    },
-
-    props: {
-      /**
-       * Utilize this to highlight the text to be edited since selecting text normally gets
-       * reset when interacting with the toolbar.
-       */
-      decorations(state: EditorState): DecorationSet {
-        const pluginState = this.getState(state)
-
-        if (!pluginState) {
-          return DecorationSet.empty
-        }
-
-        const isActive = pluginState.get('activeStates').get('toggleAIInline')
-
-        if (!isActive) {
-          return DecorationSet.empty
-        }
-
-        const { from, to } = state.selection
-        if (from === to) {
-          return DecorationSet.empty
-        }
-
-        const decoration = Decoration.inline(from, to, {
-          class: 'rte2-style-ai-inline-highlight',
-        })
-
-        return DecorationSet.create(state.doc, [decoration])
-      },
-    },
-  })
-}
-
-/**
- * Command triggered when user engages AI Inline Editing. Dispatches
- * a meta update to display the AI Inline Editing toolbar.
- */
-const toggleAIInline = () => {
-  return function (
-    state: EditorState,
-    dispatch: (tr: Transaction) => void,
-    editorView?: EditorView,
-  ) {
-    dispatch(
-      state.tr.setMeta(key, {
-        toggleAIInline: true,
-      }),
-    )
-
-    editorView?.dom.classList.toggle('ProseMirror-aiInlinePreviewMode')
-
-    return true
-  }
-}
-
-export { aiInlinePlugin, toggleAIInline }