refactor: migrate slash menu to widget component

[lawvs]

Design

THIS DESIGN IS OUTDATED!

const editor = document.querySelector("editor-container");
const defaultPage = editor.querySelector("affine-default-page");
const edgelessPage = editor.querySelector("affine-edgeless-page");

// import { SlashMenu } from '@blocksuite/blocks'
const SlashMenu = defaultPage.components.SlashMenu;

class CustomSlashMenu extends SlashMenu {
  override get menuGroups() {
    return super.menuGroups.slice(0, 1);
  }
}
// Fix `Illegal constructor` error
// see https://stackoverflow.com/questions/41521812/illegal-constructor-with-ecmascript-6
customElements.define("custom-slash-menu", CustomSlashMenu);

defaultPage.components.SlashMenu = CustomSlashMenu;
edgelessPage.components.SlashMenu = CustomSlashMenu;

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blocksuite	🛑 Canceled (Inspect)			Jul 3, 2023 10:49am
blocksuite-docs	🛑 Canceled (Inspect)			Jul 3, 2023 10:49am

[codesandbox]

This branch is running in CodeSandbox. Use the links below to review this PR faster.


  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders | Preview