Hi,

Im stuck with dojo. I try to have a DropDownButton in the GloabToolbar. So far I have managed to have a simple "dijit/form/Button" to call a function

return declare([_Command], {
    id: "ClearCacheButton",
    name: "ClearCache",
    label: "Cache",
    tooltip: "Click to clear server side frontend cache",
    iconClass: "epi-iconTrash",
    canExecute: true,

    _execute: function () {
      clearAllCache();
    }
  });

But as I have two functions with the same purpose, I like to have a DropDownButton, where the editor can choose which cahe to clear. Some thing like

Clear Cache
- Clear all caches
- Clear cache for this page only

So I tried with the "dijit/form/DropDownButton", but I cant get the "DropDownMenu" included. The dojo documentation is not working.

define([
  "dojo/_base/declare",
  "dijit/DropDownMenu", "dijit/MenuItem",
  "epi/shell/command/_Command"
], function (declare, DropDownMenu, MenuItem, _Command) {
  return declare([_Command], {
    id: "ClearSelectedCacheButton",
    name: "ClearSelectedCache",
    label: "Cache",
    tooltip: "Click to clear server side frontend cache",
    iconClass: "epi-iconTrash", //Define your own icon css class here.
    canExecute: true,
    
    dropDown: new DropDownMenu(function () {
      var menuItem1 = new MenuItem({
        label: "Clear all caches",
        iconClass:"dijitEditorIcon dijitEditorIconSave",
        onClick: function(){ clearAllCache(); }
      });
      this.addChild(menuItem1);

      var menuItem2 = new MenuItem({
        label: "Clear cache for this page only",
        iconClass:"dijitEditorIcon dijitEditorIconCut",
        onClick: function(){ clearPageCache(path); }
      });
      this.addChild(menuItem2);
    })
  });

  function clearAllCache() {
    fetch("/api/revalidate-tag?tag=URL", {
      method: "POST",
      headers: {
        "Content-type": "application/json; charset=UTF-8"
      }
    })
      .then((response) => response.json())
      .then((json) => alert("Cache cleared: " + JSON.parse(json.revalidated)));
  }
  
  function clearPageCache(path) {
    fetch("/api/revalidate-path?path=" + path, {
      method: "POST",
      headers: {
        "Content-type": "application/json; charset=UTF-8"
      }
    })
      .then((response) => response.json())
      .then((json) => alert("Cache cleared for page ' + path + ': " + JSON.parse(json.revalidated)));
  }