Bootstrap library for custom Waze Map Editor scripts
Этот скрипт недоступен для установки пользователем. Он является библиотекой, которая подключается к другим скриптам мета-ключом // @require https://update.greasyfork.org/scripts/450160/1792042/WME-Bootstrap.js
This is a small Boostrap library for checking WME loading and providing useful events, which you can use for your scripts.
For what?
You can meet the realization of checking loading in the many scripts; it looks like this:
// 👎
function init() {
/* checking */
setTimeout(init, 200)
}
No need more this way; look at the following code:
// 👍
$(document).on('bootstrap.wme', () => { /* your code here */ } )
So I think it's clear.
Need more?
So, it is not all. This script triggers more events for common events in the WME where you can manipulate the arguments.
npm install
npm run build # one-off build → dist/WME-Bootstrap.user.js
npm run watch # rebuild on changes
Source is written in TypeScript under src/, built with Rollup into a single IIFE at dist/WME-Bootstrap.user.js.
src/
├── meta.ts # userscript header
├── globals.d.ts # getWmeSdk declaration
├── bootstrap.ts # SELECTORS + Bootstrap class
└── index.ts # entry point
// @require https://greasyfork.org/scripts/450160-wme-bootstrap/code/WME-Bootstrap.js
All following events are triggered on the document
bootstrap.wme – when all WME-objects are ready for usagenone.wme – when nothing chosennode.wme – when chosen node for editnodes.wme – when chosen more than one node (I'm not sure how it is possible)segment.wme – when chosen segment for editsegments.wme – when chosen more than one segmentvenue.wme – when chosen place or point for editvenues.wme – when chosen more than one place or pointpoint.wme – when chosen point place for editplace.wme – when chosen place for editresidential.wme – when chosen residential place for editevent – jQuery.Eventelement – HTMLElement of the sidebar panel model – depends on type it can be a Node, Segment or Venuemodels – array of models(function () {
'use strict'
$(document)
.on('bootstrap.wme', function () {
console.info('ready')
})
.on('none.wme', (e) => {
console.info('none')
})
.on('node.wme', (event, element, model) => {
console.info('node', model)
console.info('sidebar', element)
})
.on('nodes.wme', (event, element, models) => {
console.info('nodes', models)
})
.on('segment.wme', (event, element, model) => {
console.info('segment', model)
console.info('sidebar', element)
})
.on('segments.wme', (event, element, models) => {
console.info('segments', models)
})
.on('venue.wme', (event, element, model) => {
console.info('venue', model)
})
.on('venues.wme', (event, element, model) => {
console.info('venues', models)
})
.on('point.wme', (event, element, model) => {
console.info('point', model)
})
.on('place.wme', (event, element, model) => {
console.info('place', model)
})
.on('residential.wme', (event, element, model) => {
console.info('residential', model)
})
})();
Author homepage: https://anton.shevchuk.name/
Author pet projects: https://hohli.com/
Support author: https://donate.hohli.com/
Script homepage: https://github.com/AntonShevchuk/wme-bootstrap
GreasyFork: https://greasyfork.org/en/scripts/450160-wme-bootstrap