WME-Bootstrap

Bootstrap library for custom Waze Map Editor scripts

Dit script moet niet direct worden geïnstalleerd - het is een bibliotheek voor andere scripts om op te nemen met de meta-richtlijn // @require https://update.greasyfork.org/scripts/450160/1704233/WME-Bootstrap.js

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

Maker
Anton Shevchuk
Versie
0.5.0
Gemaakt op
25-08-2022
Bijgewerkt op
29-11-2025
Grootte
8,05 KB
Licentie
MIT

WME Bootstrap

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 trigger more events for common events in the WME where you can manipulate the arguments.

Require Script

// @require https://greasyfork.org/scripts/450160-wme-bootstrap/code/WME-Bootstrap.js

Events

All following events are triggered on the document

  • bootstrap.wme – when all WME-objects are ready for usage
  • none.wme – when nothing chosen
  • node.wme – when chosen node for edit
  • nodes.wme – when chosen more than one node (I'm not sure how it is possible)
  • segment.wme – when chosen segment for edit
  • segments.wme – when chosen more than one segment
  • venue.wme – when chosen place or point for edit
  • venues.wme – when chosen more than one place or point
  • point.wme – when chosen point place for edit
  • place.wme – when chosen place for edit
  • residential.wme – when chosen residential place for edit

Arguments

  • eventjQuery.Event
  • elementHTMLElement of the sidebar panel
  • model – depends on type it can be Node, Segment or Venue
  • models – array of models

Usage

(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)
    })
})();

Links

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