@edifice.io/tiptap-extensions 1.5.16-develop-rc.2 → 1.7.4-develop-pedago.20241211160712

package/src/image/custom-image.ts

@@ -1,226 +0,0 @@
-import { mergeAttributes, nodeInputRule } from '@tiptap/core';
-import Image from '@tiptap/extension-image';
-
-export const IMAGE_INPUT_REGEX =
-  /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
-
-export interface CustomImageOptions {
-  HTMLAttributes: Record<string, string>;
-  sizes: string[];
-}
-
-interface AttributesProps {
-  width: number | string;
-  height: number | string;
-  size: string;
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    customImage: {
-      setAttributes: (options: AttributesProps) => ReturnType;
-      setNewImage: (options: {
-        src: string;
-        alt?: string;
-        title?: string;
-      }) => ReturnType;
-    };
-  }
-}
-
-export const CustomImage = Image.extend<CustomImageOptions>({
-  name: 'custom-image',
-  draggable: true,
-  selectable: true,
-
-  addOptions() {
-    return {
-      ...this.parent?.(),
-      inline: true,
-      content: 'inline*',
-      sizes: ['small', 'medium', 'large'],
-      HTMLAttributes: {
-        class: 'custom-image',
-      },
-    };
-  },
-
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      size: {
-        default: 'medium',
-        rendered: false,
-      },
-      alt: {
-        renderHTML: (attributes) => {
-          return {
-            alt: attributes.alt,
-          };
-        },
-        parseHTML: (element) => element.getAttribute('alt'),
-      },
-      title: {
-        renderHTML: (attributes) => {
-          return {
-            title: attributes.title,
-          };
-        },
-        parseHTML: (element) => element.getAttribute('title'),
-      },
-      width: {
-        default: '350',
-        renderHTML: (attributes) => {
-          if (
-            attributes.width !== null &&
-            attributes.width !== undefined &&
-            !Number.isNaN(attributes.width)
-          ) {
-            return {
-              width: parseInt(attributes.width),
-            };
-          }
-          return {};
-        },
-        parseHTML: (element) => element.getAttribute('width'),
-      },
-      height: {
-        renderHTML: (attributes) => {
-          if (
-            attributes.height !== null &&
-            attributes.height !== undefined &&
-            !Number.isNaN(attributes.height)
-          ) {
-            return {
-              height: parseInt(attributes.height),
-            };
-          }
-          return {};
-        },
-        parseHTML: (element) => element.getAttribute('height'),
-      },
-      style: {
-        renderHTML: (attributes) => {
-          return attributes.style
-            ? {
-                style: attributes.style,
-              }
-            : {};
-        },
-        parseHTML: (element) => {
-          const style = element.getAttribute('style');
-          return style && typeof style === 'string' && style.length > 0
-            ? {}
-            : null;
-        },
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'img[src]:not([src^="data:"])',
-        getAttrs: (el: HTMLImageElement) => {
-          const attr = { src: el.getAttribute('src') };
-          // Check old content format and get the width from the parent element
-          if (el.parentElement?.className.includes('image-container')) {
-            if (el.parentElement.style?.width) {
-              attr['width'] = el.parentElement.style.width;
-            }
-          }
-          if (el.style?.width) {
-            attr['width'] = el.style.width;
-          }
-
-          // Check old content smiley
-          const oldSmileyList = [
-            'happy',
-            'proud',
-            'dreamy',
-            'love',
-            'tired',
-            'angry',
-            'worried',
-            'sick',
-            'joker',
-            'sad',
-          ];
-          if (
-            oldSmileyList.filter((smiley) => attr.src.includes(smiley + '.png'))
-              .length > 0
-          ) {
-            attr['style'] = {
-              width: '1.5em',
-              height: '1.5em',
-              fontSize: el.parentElement?.style?.fontSize,
-            };
-            attr['width'] = 'null';
-            attr['height'] = 'null';
-          }
-          return attr;
-        },
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return [
-      'img',
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-    ];
-  },
-
-  addInputRules() {
-    return [
-      nodeInputRule({
-        find: IMAGE_INPUT_REGEX,
-        type: this.type,
-        getAttributes: (match) => {
-          const [, , alt, src, title] = match;
-
-          return {
-            src,
-            alt,
-            title,
-          };
-        },
-      }),
-    ];
-  },
-
-  addCommands() {
-    return {
-      setNewImage:
-        (attrs) =>
-        ({ tr, dispatch }) => {
-          const { selection } = tr;
-          const node = this.type.create(attrs);
-
-          if (dispatch) {
-            tr.replaceRangeWith(selection.from, selection.to, node);
-          }
-
-          return true;
-        },
-      setAttributes:
-        (attributes) =>
-        ({ tr, dispatch }) => {
-          const { selection } = tr;
-
-          const nodeAttrs = tr.doc.nodeAt(tr.selection.from);
-          const options = {
-            ...nodeAttrs.attrs,
-            ...attributes,
-          };
-          const node = this.type.create(options);
-
-          if (dispatch) {
-            tr.replaceRangeWith(selection.from, selection.to, node);
-          }
-
-          return true;
-        },
-    };
-  },
-});

package/src/image/index.ts

@@ -1,5 +0,0 @@
-import { CustomImage } from './custom-image';
-
-export * from './custom-image';
-
-export default CustomImage;

package/src/index.ts

@@ -1,19 +0,0 @@
-export * from './abbr';
-export * from './alert';
-export * from './attachment';
-export * from './audio';
-export * from './font-size';
-export * from './heading';
-export * from './highlight';
-export * from './hyperlink';
-export * from './iframe';
-export * from './image';
-export * from './line-height';
-export * from './linker';
-export * from './mathjax';
-export * from './paragraph';
-export * from './speech-recognition';
-export * from './speech-synthesis';
-export * from './table-cell';
-export * from './transform';
-export * from './video';

package/src/line-height/index.ts

@@ -1,5 +0,0 @@
-import { LineHeight } from './line-height';
-
-export * from './line-height';
-
-export default LineHeight;

package/src/line-height/line-height.ts

@@ -1,37 +0,0 @@
-import '@tiptap/extension-text-style';
-
-import { Extension } from '@tiptap/core';
-
-export const LineHeight = Extension.create({
-  name: 'lineHeight',
-
-  addOptions() {
-    return {
-      types: ['textStyle'],
-    };
-  },
-
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            parseHTML: (element) =>
-              element.style.lineHeight?.replace(/['"]+/g, ''),
-            renderHTML: (attributes) => {
-              if (!attributes.lineHeight) {
-                return {};
-              }
-
-              return {
-                style: `line-height: ${attributes.lineHeight}`,
-              };
-            },
-          },
-        },
-      },
-    ];
-  },
-});

package/src/linker/index.ts

@@ -1,5 +0,0 @@
-import { Linker } from './linker';
-
-export * from './linker';
-
-export default Linker;

package/src/linker/linker.ts

@@ -1,153 +0,0 @@
-import { Node, mergeAttributes } from '@tiptap/core';
-import { NodeSelection } from '@tiptap/pm/state';
-
-/* Our own model of a link in a rich document. */
-export type LinkerAttributes = {
-  href: string | null;
-  target: '_blank' | null;
-  title: string | null;
-  'data-id': string | null;
-  'data-app-prefix': string | null;
-};
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    linker: {
-      /**
-       * Set a linker node
-       */
-      setLinker: (attributes: LinkerAttributes) => ReturnType;
-      /**
-       * Unset a linker node
-       */
-      unsetLinker: () => ReturnType;
-    };
-  }
-}
-
-/**
- * Internal links extension.
- * Reproduces the legacy angularJs "linker" directive.
- *
- * Links to internal resources MAY have a `title` and MUST HAVE `data-id` and `data-app-prefix` attributes :
- * `<a href="/blog#/view/35fa4198-blog_id/5e654c71-article_id" data-app-prefix="blog" data-id="35fa4198-blog_id" target="_blank" title="Voir ce billet de blog" class="ng-scope">/blog#/view/35fa4198-57fe-45eb-94f4-a5e4defff305/5e654c71-1e61-4f84-86dc-6fcfaf33f513</a>`
- */
-export const Linker = Node.create({
-  name: 'linker',
-  content: 'text*',
-  marks: '',
-  group: 'inline',
-
-  inline: true,
-  selectable: true,
-  atom: true,
-  draggable: true,
-  isolating: true,
-  allowGapCursor: false,
-
-  priority: 1100,
-  keepOnSplit: false,
-
-  addOptions() {
-    return {
-      openOnClick: true,
-      HTMLAttributes: {
-        target: null,
-        title: null,
-        class: null,
-        'data-id': null,
-        'data-app-prefix': null,
-      },
-      validate: undefined,
-    };
-  },
-
-  addAttributes() {
-    return {
-      href: {
-        default: null,
-      },
-      class: {
-        default: this.options.HTMLAttributes.class,
-      },
-      target: {
-        default: this.options.HTMLAttributes.target,
-        // Sanitize target value
-        parseHTML: (element) =>
-          element.getAttribute('target') !== '_blank' ? null : '_blank',
-      },
-      title: {
-        default: this.options.HTMLAttributes.title,
-      },
-      'data-id': {
-        default: this.options.HTMLAttributes['data-id'],
-      },
-      'data-app-prefix': {
-        default: this.options.HTMLAttributes['data-app-prefix'],
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'a[href]:not([href *= "javascript:" i])[data-id][data-app-prefix]',
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    if (HTMLAttributes.href?.startsWith('javascript:')) {
-      return [
-        'a',
-        mergeAttributes(this.options.HTMLAttributes, {
-          ...HTMLAttributes,
-          href: '',
-        }),
-        0,
-      ];
-    }
-    return [
-      'a',
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-      0,
-    ];
-  },
-
-  addCommands() {
-    return {
-      setLinker:
-        (attrs) =>
-        ({ commands }) => {
-          // Insert a Linker node with inner text node
-          commands.insertContent({
-            type: this.name,
-            attrs,
-            content: [
-              {
-                type: 'text',
-                text: attrs.title,
-              },
-            ],
-          });
-          return true;
-        },
-
-      unsetLinker:
-        () =>
-        ({ state, tr }) => {
-          // Which Linker node is actually selected ?
-          const { node, from, to } = state.selection as NodeSelection;
-          // Delete any selected Linker node
-          if (node?.type.name === 'linker') {
-            /* The following does not work as one would expected.
-            commands.deleteNode(this.name);
-            commands.deleteCurrentNode();
-            * Replaced by : */
-            tr.delete(from, to).scrollIntoView();
-          }
-          return true;
-        },
-    };
-  },
-});

package/src/mathjax/index.ts

@@ -1,5 +0,0 @@
-import { MathJax } from './mathjax';
-
-export * from './mathjax';
-
-export default MathJax;

package/src/mathjax/mathjax.ts

@@ -1,55 +0,0 @@
-import { Node } from '@tiptap/core';
-
-export const MathJax = Node.create({
-  name: 'mathjaxnode',
-  group: 'inline',
-  inline: true,
-  atom: false,
-  selectable: true,
-
-  parseHTML() {
-    return [
-      {
-        tag: 'mathjax',
-      },
-    ];
-  },
-
-  addAttributes() {
-    return {
-      equation: {
-        default: null,
-        parseHTML: (element: any) => {
-          const children = [...element.childNodes];
-          const textNodes = children.filter((child) => child.nodeType === 3);
-          return textNodes.length > 0
-            ? textNodes[textNodes.length - 1].nodeValue
-            : null;
-        },
-      },
-    };
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    let equation = (HTMLAttributes.equation || '')
-      // Get what is between \begin{equation}{... ...}\end{equation}
-      // Or between  \begin{equation}... ...\end{equation} without enclosing brackets
-      .replaceAll(
-        /(?:\\)?begin{equation}\s*\n?\s*{(.+?)}\n?\s*?(?:\\)?end{equation}/gm,
-        '$$$1$$',
-      )
-      .replaceAll(
-        /(?:\\)?begin{equation}\s*\n?\s*(.+?)\n?\s*?(?:\\)?end{equation}/gm,
-        '$$$1$$',
-      );
-    if (equation.length > 0) {
-      if (equation.charAt(0) !== '$') {
-        equation = `$${equation}`;
-      }
-      if (equation.charAt(equation.length - 1) !== '$') {
-        equation = `${equation}$`;
-      }
-    }
-    return ['span', {}, equation];
-  },
-});

package/src/paragraph/index.ts

@@ -1,5 +0,0 @@
-import { Paragraph } from './paragraph';
-
-export * from './paragraph';
-
-export default Paragraph;

package/src/paragraph/paragraph.ts

@@ -1,25 +0,0 @@
-import { Paragraph as TiptapParagraph } from '@tiptap/extension-paragraph';
-
-/**
- * Extends `Paragraph` extension from TipTap.
- *
- * This extension is used to parse documents in old-format (version 0),
- * where text alignments were applied on a <div> wrapping a <span>.
- * The new format is a <p> with style attributes.
- *
- * For example :
- * `<div style="text-align: right;"><span style="font-size: 20pt;">A right-aligned text</span></div>`
- * is now parsed and rendered as
- * `<p style="text-align: right;"><span style="font-size: 20pt;">A right-aligned text</span></p>`
- */
-export const Paragraph = TiptapParagraph.extend({
-  parseHTML() {
-    const parentRules = this.parent?.() ?? [];
-    return [
-      ...parentRules,
-      {
-        tag: 'div[style]:has(> span)',
-      },
-    ];
-  },
-});

package/src/speech-recognition/index.ts

@@ -1,5 +0,0 @@
-import { SpeechRecognition } from './speech-recognition';
-
-export * from './speech-recognition';
-
-export default SpeechRecognition;

package/src/speech-recognition/speech-recognition.ts

@@ -1,123 +0,0 @@
-import { Node } from '@tiptap/core';
-
-export interface SpeechRecognitionOptions {
-  lang: string;
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    SpeechRecognition: {
-      startSpeechRecognition: () => ReturnType;
-      stopSpeechRecognition: () => ReturnType;
-      isSpeechRecognitionStarted: () => boolean;
-    };
-  }
-}
-
-class SR_Node<O = any, S = any> extends Node<O, S> {
-  protected constructor() {
-    super();
-  }
-
-  recognition: SpeechRecognition | undefined;
-  readonly isStarted: boolean = false;
-
-  static create<O = any, S = any>(config?: any) {
-    return Node.create(config) as SR_Node<O, S>;
-  }
-}
-
-export const SpeechRecognition = SR_Node.create<SpeechRecognitionOptions>({
-  name: 'SpeechRecognition',
-
-  addOptions() {
-    return {
-      lang: 'fr-FR',
-    };
-  },
-
-  onCreate() {
-    if (
-      !('SpeechRecognition' in window || 'webkitSpeechRecognition' in window)
-    ) {
-      console.warn(
-        '"speechrecognition extension from @edifice.io/tiptap-extensions" requires a browser supporting the SpeechRecognition API".',
-      );
-    }
-  },
-
-  addCommands() {
-    return {
-      startSpeechRecognition:
-        () =>
-        ({ commands }) => {
-          const SpeechRecognition =
-            window.SpeechRecognition || window.webkitSpeechRecognition;
-          this.recognition = new SpeechRecognition();
-
-          this.recognition.lang = this.options.lang;
-          this.recognition.interimResults = true;
-          this.recognition.maxAlternatives = 1;
-          this.recognition.continuous = true;
-
-          this.recognition.start();
-
-          // Memoize initial caret positions
-          let { from, to } = this.editor.state.selection;
-
-          this.recognition.onresult = (event: SpeechRecognitionEvent) => {
-            let currentResult = '';
-
-            // Add to the currentResult variable the content of the last recognized sentence
-            for (let i = event.resultIndex; i < event.results.length; i++) {
-              currentResult += event.results[i][0].transcript;
-            }
-
-            // Is this the final recognition ?
-            const isFinal = event.results[event.results.length - 1].isFinal;
-
-            // Replace selection by the last recognized sentence (+ style and select, if not final)
-            this.editor.commands.deleteRange({ from, to });
-            this.editor.commands.insertContentAt(
-              from,
-              isFinal ? currentResult : `<code>${currentResult}</code>`,
-              { updateSelection: !isFinal },
-            );
-            to = this.editor.state.selection.to;
-
-            if (isFinal) {
-              // Next content will go after last insertion
-              from = to;
-            }
-          };
-
-          this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {
-            // TODO create a "feedback" tiptap extension, to display user friendly error messages ?
-            console.log(
-              `[speechrecognition from @edifice.io/tiptap-extensions][error][${event.error}]: ${event.message}`,
-            );
-          };
-
-          this.recognition.onstart = () => {
-            this.isStarted = true;
-          };
-
-          this.recognition.onend = () => {
-            this.isStarted = false;
-          };
-
-          return commands;
-        },
-
-      stopSpeechRecognition:
-        () =>
-        ({ commands }) => {
-          this.recognition.stop();
-          this.editor.commands.focus();
-          return commands;
-        },
-
-      isSpeechRecognitionStarted: () => () => this.isStarted,
-    };
-  },
-});

package/src/speech-synthesis/index.ts

@@ -1,5 +0,0 @@
-import { SpeechSynthesis } from './speech-synthesis';
-
-export * from './speech-synthesis';
-
-export default SpeechSynthesis;