@windward/core 0.3.0 → 0.4.1

package/helpers/tinymce/plugin.ts

@@ -1,208 +0,0 @@
-const WindwardPlugins = function (editor: any) {
-    let formula: any
-    let fillInBlank: any
-    // ----- Events ----- //
-    editor.ui.registry.addIcon(
-        'insertMath',
-        '<svg  x="0px" y="0px"width="20px" height="20px" viewBox="0 0 445.878 445.878" style="enable-background:new 0 0 445.878 445.878;">' +
-            '<path d="M426.024,86.447H209.705l-84.911,298.911c-2.568,7.967-9.854,13.482-18.22,13.771c-0.236,0-0.464,0.006-0.688,0.006 c-8.092,0-15.41-4.924-18.436-12.478l-34.714-86.782H19.851C8.884,299.876,0,290.986,0,280.022 c0-10.965,8.893-19.854,19.851-19.854H66.18c8.109,0,15.421,4.941,18.436,12.483l19.237,48.09l72.472-260.218 c2.639-8.213,10.279-13.781,18.903-13.781h230.798c10.97,0,19.854,8.89,19.854,19.851S436.988,86.447,426.024,86.447z M436.723,353.227l-78.259-87.904l74.576-82.783c1.318-1.454,1.638-3.547,0.857-5.341c-0.804-1.791-2.577-2.946-4.54-2.946h-47.18 c-1.442,0-2.802,0.629-3.759,1.72l-50.059,58.047l-49.674-58.029c-0.939-1.103-2.317-1.738-3.771-1.738h-49.334 c-1.956,0-3.729,1.149-4.521,2.929c-0.81,1.785 0.479,3.875,0.824,5.332l73.743,82.81l-77.641,87.923 c-1.297,1.465-1.605,3.552 0.813,5.325c0.813,1.785,2.586,2.92,4.528,2.92h48.9c1.472,0,2.867-0.65,3.807-1.785l51.819-62.181 l53.05,62.229c0.951,1.11,2.328,1.743,3.782,1.743h49.97c1.962,0,3.735-1.141,4.527-2.926 C438.354,356.779,438.035,354.692,436.723,353.227z"/>' +
-            '</svg>'
-    )
-    editor.addCommand('equation-window', function (data: any) {
-        return editor.windowManager.openUrl({
-            url: '/plugins/tinymce/math',
-            title: 'Equation editor',
-            width: window.innerWidth*.50,
-            height: window.innerHeight*.75,
-            buttons: [
-                {
-                    type: 'cancel',
-                    text: 'cancel',
-                },
-                {
-                    type: 'custom',
-                    text: 'submit',
-                    primary: true,
-                },
-            ],
-            onAction: () => {
-                if (data.currentTarget) {
-                    editor.selection.select(data.currentTarget)
-                }
-                editor.selection.setContent(
-                    `        <span class='windward-math-content'>` +
-                        formula +
-                        `</span>`
-                )
-
-                editor.windowManager.close()
-                setOnClickEquationContent(editor)
-            },
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            onMessage: (instance: any, message: any) => {
-                switch (message.mceAction) {
-                    case 'equation-insert':
-                        formula = message.content
-                        break
-                    case 'math-plugin-mounted':
-                        window.postMessage({ latex: data.latex ?? '' }, '*')
-                        break
-                }
-            },
-        })
-    })
-
-    editor.ui.registry.addButton('mathButton', {
-        icon: 'insertMath',
-        onAction: () => {
-            editor.execCommand('equation-window', true)
-        },
-    })
-    editor.ui.registry.addMenuItem('math', {
-        text: 'Math',
-        icon: 'insertMath',
-        onAction: () => {
-            editor.execCommand('equation-window', true)
-        },
-    })
-    editor.on('init', function () {
-        setOnClickEquationContent(editor)
-        setOnClickFillInBlank(editor)
-    })
-    editor.on('SetContent', function () {
-        setOnClickEquationContent(editor)
-        setOnClickFillInBlank(editor)
-    })
-    function setOnClickEquationContent(editor: any) {
-        const tinymceDoc = editor.getDoc()
-        const mqSpan = tinymceDoc.getElementsByClassName(
-            'windward-math-content'
-        )
-
-        // Add onclick listener to all equation content
-        for (const equationContent of mqSpan) {
-            equationContent.contentEditable = 'true'
-            if (equationContent.onclick) {
-                continue
-            }
-
-            equationContent.onclick = (event: any) => {
-                event.stopPropagation()
-                editor.execCommand('equation-window', {
-                    latex: event.target.innerText,
-                    currentTarget: event.target,
-                })
-            }
-        }
-    }
-
-    editor.addCommand('fib-window', function (data: any) {
-        return editor.windowManager.openUrl({
-            url: '/plugins/tinymce/FIB',
-            title: 'Fill in the blank',
-            width: window.innerWidth*.50,
-            height: window.innerHeight*.75,
-            buttons: [
-                {
-                    type: 'cancel',
-                    text: 'cancel',
-                },
-                {
-                    type: 'custom',
-                    text: 'submit',
-                    primary: true,
-                },
-            ],
-            onAction: () => {
-                if (data.currentTarget) {
-                    editor.selection.select(data.currentTarget)
-                }
-                editor.selection.setContent(
-                    `<span class='windward-fill-blank' data-feedback =` +
-                        fillInBlank.feedback +
-                        ` >` +
-                        fillInBlank.answer +
-                        `</span>`
-                )
-
-                editor.windowManager.close()
-                setOnClickFillInBlank(editor)
-            },
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            onMessage: (instance: any, message: any) => {
-                switch (message.mceAction) {
-                    case 'fib-insert':
-                        fillInBlank = {
-                            answer: message.content.answer,
-                            feedback: message.content.feedback,
-                        }
-                        break
-                    case 'fib-plugin-mounted':
-                        window.parent.postMessage(
-                            { answer: data.answer, feedback: data.feedback },
-                            '*'
-                        )
-                        break
-                }
-            },
-        })
-    })
-
-    editor.ui.registry.addIcon(
-        'insertFIB',
-        '<svg   width="20px" height="20px" viewBox="0 0 24 24"><path d="M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20Z" /></svg>'
-    )
-
-    editor.ui.registry.addIcon(
-        'glossaryIcon',
-        '<svg viewBox="0 0 24 24"  width="20px" height="20px" ><path d="M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M9,9V11H19V9H9M9,13V15H17V13H9Z"></path></svg>'
-    )
-
-    /* Add a button that opens a window */
-    editor.ui.registry.addButton('glossaryButton', {
-        icon: 'glossaryIcon',
-        onAction: function () {
-            /* apply format */
-            editor.formatter.apply('glossary')
-        },
-    })
-    /* Add a button that opens a window */
-    editor.ui.registry.addButton('fibButton', {
-        icon: 'insertFIB',
-        onAction: function () {
-            /* Open window */
-            editor.execCommand('fib-window', true)
-        },
-    })
-    editor.ui.registry.addMenuItem('FIB', {
-        text: 'FIll in the blank',
-        icon: 'insertFIB',
-        onAction: () => {
-            editor.execCommand('fib-window', true)
-        },
-    })
-
-    function setOnClickFillInBlank(editor: any) {
-        const tinymceDoc = editor.getDoc()
-        const mqSpan = tinymceDoc.getElementsByClassName('windward-fill-blank')
-
-        // Add onclick listener to all equation content
-        for (const fib of mqSpan) {
-            fib.contentEditable = 'true'
-            if (fib.onclick) {
-                continue
-            }
-
-            fib.onclick = (event: any) => {
-                event.stopPropagation()
-                editor.execCommand('fib-window', {
-                    answer: event.target.innerText,
-                    feedback: event.target.getAttribute('data-feedback'),
-                    currentTarget: event.target,
-                })
-            }
-        }
-    }
-}
-
-export { WindwardPlugins }