SWAMPy

✎ CARVE FLESH

EDITING: commands.js

// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.

/**
 * Tiny H5P Content configuration.
 *
 * @module      tiny_h5p/commands
 * @copyright   2022 Andrew Lyons <andrew@nicols.co.uk>
 * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

import {getButtonImage} from 'editor_tiny/utils';
import {handleAction} from './ui';
import {getString} from 'core/str';
import {
    component,
    buttonName,
    icon,
} from './common';
import {hasAnyH5PPermission} from './options';

export const getSetup = async() => {
    const [
        buttonText,
        buttonImage,
    ] = await Promise.all([
        getString('buttontitle', component),
        getButtonImage('icon', component),
    ]);

return (editor) => {
        if (!hasAnyH5PPermission(editor)) {
            return;
        }
        // Register the H5P Icon.
        editor.ui.registry.addIcon(icon, buttonImage.html);

// Register the Menu Button as a toggle.
        // This means that when highlighted over an existing H5P element it will show as toggled on.
        editor.ui.registry.addToggleButton(buttonName, {
            icon,
            tooltip: buttonText,
            onAction: () => handleAction(editor),
            onSetup: (api) => {
                // Set the button to be active if the current selection matches the h5p formatter registered above during PreInit.
                api.setActive(editor.formatter.match('h5p'));
                const changed = editor.formatter.formatChanged('h5p', (state) => api.setActive(state));
                return () => changed.unbind();
            },
        });

// Add the H5P Menu Item.
        // This allows it to be added to a standard menu, or a context menu.
        editor.ui.registry.addMenuItem(buttonName, {
            icon,
            text: buttonText,
            onAction: () => handleAction(editor),
        });
    };
};

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 commands.js	JS	2.5 KB	2026-02-11 01:44	EDIT
📄 common.js	JS	1016 B	2026-02-11 01:44	EDIT
📄 configuration.js	JS	1.3 KB	2026-02-11 01:44	EDIT
📄 filtercontent.js	JS	1.9 KB	2026-02-11 01:44	EDIT
📄 modal.js	JS	1.5 KB	2026-02-11 01:44	EDIT
📄 options.js	JS	1.8 KB	2026-02-11 01:44	EDIT
📄 plugin.js	JS	2.1 KB	2026-02-11 01:44	EDIT
📄 ui.js	JS	6.7 KB	2026-02-11 01:44	EDIT