@manuscripts/body-editor 3.12.67 → 3.13.0

package/src/lib/position-menu.ts

@@ -0,0 +1,184 @@
+/*!
+ * © 2025 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ContextMenu, ContextMenuProps } from '@manuscripts/style-guide'
+import {
+  ManuscriptEditorView,
+  ManuscriptNode,
+  ManuscriptNodeType,
+} from '@manuscripts/transform'
+
+import { EditorProps } from '../configs/ManuscriptsEditor'
+import { imageDefaultIcon, imageLeftIcon, imageRightIcon } from '../icons'
+import { figurePositions } from '../views/image_element'
+import ReactSubView from '../views/ReactSubView'
+import { handleEnterKey } from './navigation-utils'
+import { updateNodeAttrs } from './view'
+
+export interface PopperMenuPositionOption {
+  label: string
+  action: () => void
+  icon: string
+  selected: boolean
+}
+
+export const createPositionOptions = <T extends ManuscriptNode>(
+  nodeType: ManuscriptNodeType,
+  node: T,
+  currentPosition: string,
+  view: ManuscriptEditorView,
+  onComplete?: () => void
+) => {
+  const createAction = (position: string) => () => {
+    onComplete?.()
+    updateNodeAttrs(view, nodeType, {
+      ...node.attrs,
+      type: position,
+    })
+  }
+
+  return [
+    {
+      title: 'Left',
+      action: createAction(figurePositions.left),
+      IconComponent: imageLeftIcon,
+      iconName: 'ImageLeft',
+      selected: currentPosition === figurePositions.left,
+    },
+    {
+      title: 'Center',
+      action: createAction(figurePositions.default),
+      IconComponent: imageDefaultIcon,
+      iconName: 'ImageDefault',
+      selected: !currentPosition,
+    },
+    {
+      title: 'Right',
+      action: createAction(figurePositions.right),
+      IconComponent: imageRightIcon,
+      iconName: 'ImageRight',
+      selected: currentPosition === figurePositions.right,
+    },
+  ]
+}
+
+export const createPopperMenuPositionOptions = <T extends ManuscriptNode>(
+  nodeType: ManuscriptNodeType,
+  node: T,
+  currentPosition: string,
+  view: ManuscriptEditorView,
+  onComplete?: () => void
+): PopperMenuPositionOption[] => {
+  return createPositionOptions(
+    nodeType,
+    node,
+    currentPosition,
+    view,
+    onComplete
+  ).map((option) => ({
+    label: option.title,
+    action: option.action,
+    icon: option.iconName,
+    selected: option.selected,
+  }))
+}
+
+export const showPositionMenu = <T extends ManuscriptNode>(
+  nodeType: ManuscriptNodeType,
+  node: T,
+  currentPosition: string,
+  positionMenuWrapper: HTMLElement,
+  view: ManuscriptEditorView,
+  getPos: () => number,
+  props: EditorProps
+) => {
+  props.popper.destroy()
+
+  const options = createPopperMenuPositionOptions(
+    nodeType,
+    node,
+    currentPosition,
+    view,
+    () => props.popper.destroy()
+  )
+
+  const componentProps: ContextMenuProps = {
+    actions: options,
+  }
+
+  props.popper.show(
+    positionMenuWrapper,
+    ReactSubView(props, ContextMenu, componentProps, node, getPos, view, [
+      'context-menu',
+      'position-menu',
+    ]),
+    'left',
+    false
+  )
+}
+
+export const setElementPositionAlignment = (
+  element: HTMLElement,
+  position: string
+): void => {
+  switch (position) {
+    case figurePositions.left:
+      element.setAttribute('data-alignment', 'left')
+      break
+    case figurePositions.right:
+      element.setAttribute('data-alignment', 'right')
+      break
+    default:
+      element.removeAttribute('data-alignment')
+      break
+  }
+}
+
+export const createPositionMenuWrapper = (
+  currentPosition: string,
+  onClick: () => void,
+  props: EditorProps
+): HTMLDivElement => {
+  const can = props.getCapabilities()
+  const positionMenuWrapper = document.createElement('div')
+  positionMenuWrapper.classList.add('position-menu')
+
+  const positionMenuButton = document.createElement('div')
+  positionMenuButton.classList.add('position-menu-button')
+
+  let icon
+  switch (currentPosition) {
+    case figurePositions.left:
+      icon = imageLeftIcon
+      break
+    case figurePositions.right:
+      icon = imageRightIcon
+      break
+    default:
+      icon = imageDefaultIcon
+      break
+  }
+  if (icon) {
+    positionMenuButton.innerHTML = icon
+  }
+  if (can.editArticle) {
+    positionMenuButton.tabIndex = 0
+    positionMenuButton.addEventListener('click', onClick)
+    positionMenuButton.addEventListener('keydown', handleEnterKey(onClick))
+  }
+  positionMenuWrapper.appendChild(positionMenuButton)
+  return positionMenuWrapper
+}

package/src/lib/references.ts

@@ -0,0 +1,94 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Cite } from '@citation-js/core'
+import {
+  BibliographyItemAttrs,
+  BibliographyItemType,
+} from '@manuscripts/transform'
+
+export const metadata = (item: BibliographyItemAttrs): string => {
+  return [authors(item), item['container-title'], issuedYear(item)]
+    .filter(Boolean)
+    .join(', ')
+}
+
+export const issuedYear = (item: BibliographyItemAttrs): string => {
+  if (
+    !item.issued ||
+    !item.issued['date-parts'] ||
+    !item.issued['date-parts'][0] ||
+    !item.issued['date-parts'][0][0]
+  ) {
+    return ''
+  }
+
+  const [[year]] = item.issued['date-parts']
+
+  return `${year}`
+}
+
+export const authors = (item: BibliographyItemAttrs): string => {
+  if (!item.author) {
+    return ''
+  }
+  const authors = item.author
+    .map((a) => a.family || a.literal || a.given)
+    .filter(Boolean)
+
+  if (authors.length > 1) {
+    const last = authors.splice(-2)
+    authors.push(last.join(' & '))
+  }
+
+  return authors.join(', ')
+}
+
+const loadCitationJsPlugins = async () => {
+  try {
+    await Promise.all([
+      import('@citation-js/plugin-bibtex'),
+      import('@citation-js/plugin-ris'),
+      import('@citation-js/plugin-doi'),
+      import('@citation-js/plugin-csl'),
+      import('@citation-js/plugin-pubmed'),
+      import('@citation-js/plugin-enw'),
+    ])
+  } catch (error) {
+    console.error('Failed to load citation plugins:', error)
+  }
+}
+
+export const importBibliographyItems = async (
+  data: string
+): Promise<BibliographyItemAttrs[]> => {
+  await loadCitationJsPlugins()
+  const cite = await Cite.async(data.trim())
+  return cite.data
+}
+
+export const bibliographyItemTypes: [BibliographyItemType, string][] = [
+  ['article-journal', 'Journal Article'],
+  ['book', 'Book'],
+  ['chapter', 'Chapter'],
+  ['confproc', 'Conference Paper'],
+  ['thesis', 'Thesis'],
+  ['webpage', 'Web Page'],
+  ['other', 'Other'],
+  ['standard', 'Standard'],
+  ['dataset', 'Dataset'],
+  ['preprint', 'Preprint'],
+  ['literal', 'Unstructured'],
+]

package/src/lib/template.ts

@@ -0,0 +1,29 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ManuscriptNodeType } from '@manuscripts/transform'
+import { EditorState } from 'prosemirror-state'
+
+import { getEditorProps } from '../plugins/editor-props'
+
+export const templateAllows = (
+  state: EditorState,
+  nodeType: ManuscriptNodeType
+) => {
+  const props = getEditorProps(state)
+  const hiddenNodeTypes = props?.hiddenNodeTypes
+  return !hiddenNodeTypes?.length || !hiddenNodeTypes.includes(nodeType)
+}

package/src/lib/track-changes-utils.ts

@@ -0,0 +1,34 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { EditAttrsTrackingIcon } from '@manuscripts/style-guide'
+import { isDeleted } from '@manuscripts/track-changes-plugin'
+import { Node as ProsemirrorNode } from 'prosemirror-model'
+import { createElement } from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
+
+export function isHidden(node: ProsemirrorNode) {
+  return isDeleted(node)
+}
+
+export const getAttrsTrackingButton = (changeID: string) => {
+  const el = document.createElement('button')
+  el.className = 'attrs-popper-button'
+  el.value = changeID
+  el.innerHTML = renderToStaticMarkup(createElement(EditAttrsTrackingIcon))
+
+  return el
+}

package/{dist/types/lib/statistics.d.ts → src/lib/url.ts}

@@ -13,12 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ManuscriptNode } from '@manuscripts/transform';
-export declare const buildText: (node: ManuscriptNode) => string;
-export declare const countWords: (text: string) => number;
-export declare const countCharacters: (text: string) => number;
-export interface NodeStatistics {
-    text: string;
-    words: number;
-    characters: number;
+
+const allowedHrefProtocols = ['http:', 'https:', 'ftp:']
+
+export const allowedHref = (href: string): boolean => {
+  try {
+    const url = new URL(href)
+
+    return allowedHrefProtocols.includes(url.protocol)
+  } catch {
+    return false
+  }
 }

package/src/lib/use-do-with-debounce.ts

@@ -0,0 +1,39 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useRef } from 'react'
+
+export const useDoWithDebounce = () => {
+  const debounced = useRef<() => void>(() => undefined)
+  const timeout = useRef<number>(undefined)
+
+  const doWithDebounce = (fn: () => void, interval = 1000, flush = false) => {
+    debounced.current = fn
+
+    if (flush) {
+      fn()
+      debounced.current = () => undefined
+      window.clearTimeout(timeout.current)
+    }
+
+    window.clearTimeout(timeout.current)
+    timeout.current = window.setTimeout(() => {
+      debounced.current()
+      timeout.current = 0
+    }, interval)
+  }
+
+  return doWithDebounce
+}