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

package/src/speech-synthesis/speech-synthesis.ts

@@ -1,52 +0,0 @@
-import { Node } from '@tiptap/core';
-
-export interface SpeechSynthesisOptions {
-  lang: string;
-  pitch: number;
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    speechSynthesis: {
-      startSpeechSynthesis: () => ReturnType;
-      stopSpeechSynthesis: () => ReturnType;
-    };
-  }
-}
-
-class SS_Node<O = any, S = any> extends Node<O, S> {
-  static create<O = any, S = any>(config?: any) {
-    return Node.create(config) as SS_Node<O, S>;
-  }
-}
-
-export const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({
-  name: 'speechSynthesis',
-  addOptions() {
-    return {
-      lang: 'fr-FR',
-      pitch: 1,
-    };
-  },
-  addCommands() {
-    return {
-      startSpeechSynthesis:
-        () =>
-        ({ commands }) => {
-          this.speechSynthesis = new SpeechSynthesisUtterance();
-          this.speechSynthesis.lang = this.options.lang;
-          this.speechSynthesis.pitch = this.options.pitch;
-          this.speechSynthesis.text = this.editor.getText();
-
-          window.speechSynthesis.speak(this.speechSynthesis);
-          return commands;
-        },
-      stopSpeechSynthesis:
-        () =>
-        ({ commands }) => {
-          window.speechSynthesis.cancel();
-          return commands;
-        },
-    };
-  },
-});

package/src/table-cell/index.ts

@@ -1,5 +0,0 @@
-import { TableCell } from './table-cell';
-
-export * from './table-cell';
-
-export default TableCell;

package/src/table-cell/table-cell.ts

@@ -1,28 +0,0 @@
-import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';
-
-/**
- * This custom extension allows setting a background-color to table cells.
- * Apply with ̀`editor.chain().focus().setCellAttribute("backgroundColor", color).run()`
- */
-export const TableCell = TipTapTableCell.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      backgroundColor: {
-        default: null,
-        renderHTML: (attributes: { backgroundColor?: string }) => {
-          if (!attributes.backgroundColor) {
-            return {};
-          }
-
-          return {
-            style: `background-color: ${attributes.backgroundColor}`,
-          };
-        },
-        parseHTML: (element: { style?: { backgroundColor: string } }) => {
-          return element.style?.backgroundColor?.replace(/['"]+/g, '');
-        },
-      },
-    };
-  },
-});

package/src/transform/html-to-json/html-to-json.ts

@@ -1,5 +0,0 @@
-import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';
-
-export default (html: HTMLContent, extensions: Extensions) => {
-  return generateJSON(html, extensions);
-};

package/src/transform/index.ts

@@ -1,4 +0,0 @@
-import htmlToJson from './html-to-json/html-to-json';
-import jsonToHtml from './json-to-html/json-to-html';
-
-export { htmlToJson, jsonToHtml };

package/src/transform/json-to-html/json-to-html.ts

@@ -1,5 +0,0 @@
-import { Extensions, JSONContent, generateHTML } from '@tiptap/core';
-
-export default (json: JSONContent, extensions: Extensions) => {
-  return generateHTML(json, extensions);
-};

package/src/video/index.ts

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

package/src/video/video.ts

@@ -1,173 +0,0 @@
-import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';
-
-export interface VideoOptions {
-  url: string;
-  width: number;
-  height: number;
-  HTMLAttributes: Record<string, any>;
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    video: {
-      /**
-       * Set a video node
-       * @param options.updateSelection set to true will select the newly inserted content
-       */
-      setVideo: (
-        id: string,
-        src: string,
-        isCaptation: boolean,
-        width?: number,
-        height?: number,
-        controls?: boolean,
-        controlslist?: string,
-        options?: { updateSelection: boolean },
-      ) => ReturnType;
-      /**
-       * Toggle a video
-       */
-      toggleVideo: (src: string) => ReturnType;
-    };
-  }
-}
-
-const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/;
-
-export const Video = Node.create({
-  name: 'video',
-  group: 'block',
-  draggable: true,
-  selectable: true,
-
-  addAttributes() {
-    return {
-      src: {
-        default: null,
-        parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),
-        renderHTML: (attrs: any) => ({ src: attrs.src }),
-      },
-      controls: {
-        default: true,
-        parseHTML: (el: any) => {
-          if ((el as HTMLSpanElement).getAttribute('controls')) {
-            return (el as HTMLSpanElement).getAttribute('controls');
-          } else if ((el as HTMLSpanElement).hasAttribute('controls')) {
-            return true;
-          } else {
-            return false;
-          }
-        },
-        renderHTML: (attrs: any) => ({ controls: attrs.controls }),
-      },
-      documentId: {
-        default: '',
-        renderHTML: (attributes: any) => {
-          return { 'data-document-id': attributes.documentId };
-        },
-        parseHTML: (element: any) => element.getAttribute('data-document-id'),
-      },
-      isCaptation: {
-        default: false,
-        renderHTML: (attributes: any) => {
-          return { 'data-document-is-captation': attributes.isCaptation };
-        },
-        parseHTML: (element: any) =>
-          element.getAttribute('data-document-is-captation'),
-      },
-      videoResolution: {
-        default: '404x720',
-        renderHTML: (attributes: any) => {
-          return { 'data-video-resolution': attributes.videoResolution };
-        },
-        parseHTML: (element: any) =>
-          element.getAttribute('data-video-resolution'),
-      },
-      width: {
-        renderHTML: (attributes: any) => {
-          return {
-            width: parseInt(attributes.width),
-          };
-        },
-        parseHTML: (element) => element.getAttribute('width'),
-      },
-      height: {
-        renderHTML: (attributes: any) => {
-          return {
-            height: parseInt(attributes.height),
-          };
-        },
-        parseHTML: (element) => element.getAttribute('height'),
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'div.video-wrapper>video,video',
-        getAttrs: (el: any) => ({
-          src: (el as HTMLVideoElement).getAttribute('src'),
-        }),
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return [
-      'div',
-      { class: 'video-wrapper' },
-      ['video', mergeAttributes(HTMLAttributes)],
-    ];
-  },
-
-  addCommands() {
-    return {
-      setVideo:
-        (
-          id: string,
-          src: string,
-          isCaptation: boolean,
-          width = 350,
-          height = 197,
-          controls = true,
-          controlslist = 'nodownload',
-          options,
-        ) =>
-        ({ commands, state }) => {
-          return commands.insertContentAt(
-            state.selection,
-            `<video 
-              controls="${controls}" 
-              controlslist="${controlslist}"
-              src="${src}" 
-              width="${width}"
-              height="${height}"
-              data-document-id="${id}" 
-              data-document-is-captation="${isCaptation}"
-              data-video-resolution="${width}x${height}" />`,
-            options,
-          );
-        },
-
-      toggleVideo:
-        () =>
-        ({ commands }) =>
-          commands.toggleNode(this.name, 'paragraph'),
-    };
-  },
-
-  addInputRules() {
-    return [
-      nodeInputRule({
-        find: VIDEO_INPUT_REGEX,
-        type: this.type,
-        getAttributes: (match) => {
-          const [, , src] = match;
-
-          return { src };
-        },
-      }),
-    ];
-  },
-});

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2016",
-    "module": "ESNext",
-    "lib": ["ES2016", "DOM"],
-    "resolveJsonModule": true,
-    "moduleResolution": "node",
-    "declaration": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "noEmit": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": false,
-    "noImplicitReturns": false,
-    "skipLibCheck": true,
-    "sourceMap": true
-  },
-  "exclude": ["dist", "node_modules"],
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,46 +0,0 @@
-import { resolve } from 'path';
-
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-
-import { dependencies } from './package.json';
-
-export default defineConfig({
-  esbuild: {
-    minifyIdentifiers: false,
-  },
-  build: {
-    sourcemap: true,
-    lib: {
-      entry: {
-        index: resolve(__dirname, 'src/index.ts'),
-      },
-      formats: ['es', 'cjs'],
-    },
-    rollupOptions: {
-      output: [
-        {
-          preserveModules: true,
-          preserveModulesRoot: 'src',
-          entryFileNames: ({ name: fileName }) => {
-            return `${fileName}.js`;
-          },
-        },
-        {
-          preserveModules: true,
-          preserveModulesRoot: 'src',
-          format: 'cjs',
-          entryFileNames: ({ name: fileName }) => {
-            return `${fileName}.cjs`;
-          },
-        },
-      ],
-      external: [...Object.keys(dependencies)],
-    },
-  },
-  plugins: [
-    dts({
-      tsconfigPath: './tsconfig.json',
-    }),
-  ],
-});