Proyectos de Subversion Moodle

{"version":3,"file":"ui.min.js","sources":["../src/ui.js"],"sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Tiny H5P Content configuration.\n *\n * @module      tiny_h5p/ui\n * @copyright   2022 Andrew Lyons <andrew@nicols.co.uk>\n * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport {displayFilepicker} from 'editor_tiny/utils';\nimport {component} from './common';\nimport {getPermissions} from './options';\n\nimport Config from 'core/config';\nimport {getList} from 'core/normalise';\nimport {renderForPromise} from 'core/templates';\nimport Modal from 'tiny_h5p/modal';\nimport ModalEvents from 'core/modal_events';\nimport Pending from 'core/pending';\nimport {getFilePicker} from 'editor_tiny/options';\n\nlet openingSelection = null;\n\nexport const handleAction = (editor) => {\n    openingSelection = editor.selection.getBookmark();\n    displayDialogue(editor);\n};\n\n/**\n * Get the template context for the dialogue.\n *\n * @param {Editor} editor\n * @param {object} data\n * @returns {object} data\n */\nconst getTemplateContext = (editor, data) => {\n    const permissions = getPermissions(editor);\n\n    const canShowFilePicker = typeof getFilePicker(editor, 'h5p') !== 'undefined';\n    const canUpload = (permissions.upload && canShowFilePicker) ?? false;\n    const canEmbed = permissions.embed ?? false;\n    const canUploadAndEmbed = canUpload && canEmbed;\n\n    return Object.assign({}, {\n        elementid: editor.id,\n        canUpload,\n        canEmbed,\n        canUploadAndEmbed,\n        showOptions: false,\n        fileURL: data?.url ?? '',\n    }, data);\n};\n\n/**\n * Get the URL from the submitted form.\n *\n * @param {FormNode} form\n * @param {string} submittedUrl\n * @returns {URL|null}\n */\nconst getUrlFromSubmission = (form, submittedUrl) => {\n    if (!submittedUrl || (!submittedUrl.startsWith(Config.wwwroot) && !isValidUrl(submittedUrl))) {\n        return null;\n    }\n\n    // Generate a URL Object for the submitted URL.\n    const url = new URL(submittedUrl);\n\n    const downloadElement = form.querySelector('[name=\"download\"]');\n    if (downloadElement?.checked) {\n        url.searchParams.append('export', 1);\n    }\n\n    const embedElement = form.querySelector('[name=\"embed\"]');\n    if (embedElement?.checked) {\n        url.searchParams.append('embed', 1);\n    }\n\n    const copyrightElement = form.querySelector('[name=\"copyright\"]');\n    if (copyrightElement?.checked) {\n        url.searchParams.append('copyright', 1);\n    }\n\n    return url;\n};\n\n/**\n * Verify if this could be a h5p URL.\n *\n * @param {string} url Url to verify\n * @return {boolean} whether this is a valid URL.\n */\nconst isValidUrl = (url) => {\n    const pattern = new RegExp('^(https?:\\\\/\\\\/)?' + // Protocol.\n        '((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.)+[a-z]{2,}|' + // Domain name.\n        '((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))' + // OR ip (v4) address.\n        '(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*'); // Port and path.\n    return !!pattern.test(url);\n};\n\nconst handleDialogueSubmission = async(editor, modal, data) => {\n    const pendingPromise = new Pending('tiny_h5p:handleDialogueSubmission');\n\n    const form = getList(modal.getRoot())[0].querySelector('form');\n    if (!form) {\n        // The form couldn't be found, which is weird.\n        // This should not happen.\n        // Display the dialogue again.\n        modal.destroy();\n        displayDialogue(editor, Object.assign({}, data));\n        pendingPromise.resolve();\n        return;\n    }\n\n    // Get the URL from the submitted form.\n    const submittedUrl = form.querySelector('input[name=\"url\"]').value;\n    const url = getUrlFromSubmission(form, submittedUrl);\n\n    if (!url) {\n        // The URL is invalid.\n        // Fill it in and represent the dialogue with an error.\n        modal.destroy();\n        displayDialogue(editor, Object.assign({}, data, {\n            url: submittedUrl,\n            invalidUrl: true,\n        }));\n        pendingPromise.resolve();\n        return;\n    }\n\n    const content = await renderForPromise(`${component}/content`, {\n        url: url.toString(),\n    });\n\n    editor.selection.moveToBookmark(openingSelection);\n    editor.execCommand('mceInsertContent', false, content.html);\n    editor.selection.moveToBookmark(openingSelection);\n    pendingPromise.resolve();\n};\n\nconst getCurrentH5PData = (currentH5P) => {\n    const data = {};\n    let url;\n    try {\n        url = new URL(currentH5P.textContent);\n    } catch (error) {\n        return data;\n    }\n\n    if (url.searchParams.has('export')) {\n        data.download = true;\n        data.showOptions = true;\n        url.searchParams.delete('export');\n    }\n\n    if (url.searchParams.has('embed')) {\n        data.embed = true;\n        data.showOptions = true;\n        url.searchParams.delete('embed');\n    }\n\n    if (url.searchParams.has('copyright')) {\n        data.copyright = true;\n        data.showOptions = true;\n        url.searchParams.delete('copyright');\n    }\n\n    data.url = url.toString();\n\n    return data;\n};\n\nconst displayDialogue = async(editor, data = {}) => {\n    const selection = editor.selection.getNode();\n    const currentH5P = selection.closest('.h5p-placeholder');\n    if (currentH5P) {\n        Object.assign(data, getCurrentH5PData(currentH5P));\n    }\n\n    const modal = await Modal.create({\n        templateContext: getTemplateContext(editor, data),\n    });\n\n    const $root = modal.getRoot();\n    const root = $root[0];\n    $root.on(ModalEvents.save, (event, modal) => {\n        handleDialogueSubmission(editor, modal, data);\n    });\n\n    root.addEventListener('click', (e) => {\n        const filepickerButton = e.target.closest('[data-target=\"filepicker\"]');\n        if (filepickerButton) {\n            displayFilepicker(editor, 'h5p').then((params) => {\n                if (params.url !== '') {\n                    const input = root.querySelector('form input[name=\"url\"]');\n                    input.value = params.url;\n                }\n                return params;\n            })\n                .catch();\n        }\n    });\n};\n"],"names":["openingSelection","editor","selection","getBookmark","displayDialogue","getTemplateContext","data","permissions","canShowFilePicker","canUpload","upload","canEmbed","embed","canUploadAndEmbed","Object","assign","elementid","id","showOptions","fileURL","url","isValidUrl","RegExp","test","handleDialogueSubmission","async","modal","pendingPromise","Pending","form","getRoot","querySelector","destroy","resolve","submittedUrl","value","startsWith","Config","wwwroot","URL","downloadElement","checked","searchParams","append","embedElement","copyrightElement","getUrlFromSubmission","invalidUrl","content","component","toString","moveToBookmark","execCommand","html","getCurrentH5PData","currentH5P","textContent","error","has","download","delete","copyright","getNode","closest","Modal","create","templateContext","$root","root","on","ModalEvents","save","event","addEventListener","e","target","then","params","catch"],"mappings":"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"}