@webhandle/menu-set-editor

Edits a file which contains menus. Relies on @webhandle/site-editor-bridge for access to server data.

Install

npm install @webhandle/menu-set-editor

Configuration

{
	"@webhandle/menu-set-editor": {
		"publicFilesPrefix": "/@webhandle/menu-set-editor/files"
		, "alwaysProvideResources": false
	}
}

Initialization

import editorSetup from "@webhandle/menu-set-editor/initialize-webhandle-component.mjs"
let editorManager = await editorSetup(webhandle)

Usage

The easiest way to use this is to include it in a page.

<h1> Menu Set Editor</h1>
__::@webhandle/menu-set-editor/prepare__
<div id="menu-set-editor" style="height: 80vh">
</div>
<script type="module">
	import { MenuSetEditor } from "@webhandle/menu-set-editor"
	let mse = document.querySelector('#menu-set-editor')
	let editor = new MenuSetEditor({
		el: mse
		// optional
		, detailTemplateName: 'some template'
		, frameTemplateName: 'some other template'
	})
	editor.render()
</script>

Dependencies

There's a ton of webhandle components used. Directly it also uses a stylesheet, public/css/menu-set-editor.css

It also uses templates (included on the page):

• @webhandle/menu-set-editor/menu-item-details
• @webhandle/menu-set-editor/frame