☰

WME Segment Shift Utility

Utility for shifting street segments in WME without disconnecting nodes

当前为 2025-06-02 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME Segment Shift Utility
  3. // @namespace    https://github.com/kid4rm90s/Segment-Shift-Utility
  4. // @version      2025.06.02.04
  5. // @description  Utility for shifting street segments in WME without disconnecting nodes
  6. // @include      /^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/*
  7. // @author       kid4rm90s
  8. // @connect      greasyfork.org
  9. // @grant        GM_xmlhttpRequest
  10. // @grant        unsafeWindow
  11. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  12. // @require      https://cdn.jsdelivr.net/gh/wazeSpace/wme-sdk-plus@06108853094d40f67e923ba0fe0de31b1cec4412/wme-sdk-plus.js
  13. // @exclude      https://cdn.jsdelivr.net/gh/WazeSpace/wme-sdk-plus@latest/wme-sdk-plus.js
  14. // @require      https://cdn.jsdelivr.net/npm/@turf/turf@7.2.0/turf.min.js
  15. // @license      MIT
  16. // ==/UserScript==
  17.  
  18. /* global getWmeSdk */
  19. /* global initWmeSdkPlus */
  20. /* global WazeWrap */
  21. /* global turf */
  22. /* global $ */
  23. /* global jQuery */
  24. /* global I18n */
  25. /* eslint curly: ["warn", "multi-or-nest"] */
  26.  
  27. /*Scripts modified from WME RA Util (https://greasyfork.org/en/scripts/23616-wme-ra-util)
  28. orgianl author: JustinS83 Waze*/
  29. (function () {
  30.  
  31.     const updateMessage = 'Conversion to WME SDK. Now uses turf for calculations and geometry.';
  32.     const SCRIPT_VERSION = GM_info.script.version.toString();
  33.     const SCRIPT_NAME = GM_info.script.name;
  34.     const DOWNLOAD_URL = GM_info.script.downloadURL;
  35.     
  36.     const DIRECTION = {
  37.         NORTH: 0,
  38.         EAST: 90,
  39.         SOUTH: 180,
  40.         WEST: 270
  41.     }; 
  42.  
  43.     let sdk;
  44.     let _settings;
  45.     
  46.  
  47.     async function bootstrap() {
  48.         const wmeSdk = getWmeSdk({ scriptId: 'wme-ss-util', scriptName: 'WME SS Util' });
  49.         const sdkPlus = await initWmeSdkPlus(wmeSdk, {
  50.             hooks: ['Editing.Transactions']
  51.         });
  52.         sdk = sdkPlus || wmeSdk;
  53.         sdk.Events.once({ eventName: 'wme-ready' }).then(() => {
  54.             loadScriptUpdateMonitor();
  55.             init();
  56.         });
  57.     }
  58.  
  59.     function waitForWME() {
  60.         if (!unsafeWindow.SDK_INITIALIZED) {
  61.             setTimeout(waitForWME, 500);
  62.             return;
  63.         }
  64.         unsafeWindow.SDK_INITIALIZED.then(bootstrap);
  65.     }
  66.     waitForWME();
  67.  
  68.     function loadScriptUpdateMonitor() {
  69.         try {
  70.             const updateMonitor = new WazeWrap.Alerts.ScriptUpdateMonitor(SCRIPT_NAME, SCRIPT_VERSION, DOWNLOAD_URL, GM_xmlhttpRequest);
  71.             updateMonitor.start();
  72.         } catch (ex) {
  73.             // Report, but don't stop if ScriptUpdateMonitor fails.
  74.             console.error(`${SCRIPT_NAME}:`, ex);
  75.         }
  76.     }
  77.  
  78.     function init() {
  79.         console.log('SS UTIL', GM_info.script);
  80.         injectCss();
  81.         // UpdateSegmentGeometry = require('Waze/Action/UpdateSegmentGeometry'); // Replaced by SDK
  82.         // MoveNode = require("Waze/Action/MoveNode"); // Replaced by SDK
  83.         // MultiAction = require("Waze/Action/MultiAction"); // Replaced by SDK
  84.  
  85.         SSUtilWindow = document.createElement('div');
  86.         SSUtilWindow.id = "SSUtilWindow"; // Consistent ID
  87.         SSUtilWindow.style.position = 'fixed';
  88.         SSUtilWindow.style.visibility = 'hidden';
  89.         SSUtilWindow.style.top = '15%';
  90.         SSUtilWindow.style.left = '25%';
  91.         SSUtilWindow.style.width = '250px';
  92.         SSUtilWindow.style.zIndex = 100;
  93.         SSUtilWindow.style.backgroundColor = '#FFFFFE';
  94.         SSUtilWindow.style.borderWidth = '0px';
  95.         SSUtilWindow.style.borderStyle = 'solid';
  96.         SSUtilWindow.style.borderRadius = '10px';
  97.         SSUtilWindow.style.boxShadow = '5px 5px 10px Silver';
  98.         SSUtilWindow.style.padding = '4px';
  99.  
  100.         let SSUtilWindowHTML = '<div id="header" style="padding: 4px; background-color:#92C3D3; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; color: white; font-weight: bold; text-align:center; letter-spacing: 1px;text-shadow: black 0.1em 0.1em 0.2em;"><img src="https://storage.googleapis.com/wazeopedia-files/1/1e/RA_Util.png" style="float:left"></img> Segment Shift Utility <a data-toggle="collapse" href="#divWrappers1" id="collapserLink1" style="float:right"><span id="collapser1" style="cursor:pointer;padding:2px;color:white;" class="fa fa-caret-square-o-up"></a></span></div>';
  101.         // start collapse // I put it al the beginning
  102. 	    SSUtilWindowHTML += '<div id="divWrappers1" class="collapse in">';
  103.         //***************** Disconnect Nodes Checkbox **************************
  104.         SSUtilWindowHTML += '<p style="margin: 10px 0px 0px 20px;"><input type="checkbox" id="chkDisconnectNodes"> Disconnect Nodes</p>';
  105.         //***************** Shift Amount **************************
  106.         // Define BOX
  107.         SSUtilWindowHTML += '<div id="contentShift" style="text-align:center;float:left; width: 120px;max-width: 49%;height: 170px;margin: 1em 5px 0px 0px;opacity:1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 4px;border-width:1px;border-style:solid;border-color:#92C3D3;padding:2px;}">';
  108.         SSUtilWindowHTML += '<b>Shift amount</b></br><input type="text" name="shiftAmount" id="shiftAmount" size="1" style="float: left; text-align: center;font: inherit; line-height: normal; width: 30px; height: 20px; margin: 5px 4px; box-sizing: border-box; display: block; padding-left: 0; border-bottom-color: rgba(black,.3); background: transparent; outline: none; color: black;" value="1"/> <div style="margin: 5px 4px;">Metre(s)';
  109.         // Shift amount controls
  110.         SSUtilWindowHTML += '<div id="controls" style="text-align:center; padding:06px 4px;width=100px; height=100px;margin: 5px 0px;border-style:solid; border-width: 2px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;box-shadow: inset 0px 0px 50px -14px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 50px -14px rgba(0,0,0,1);-webkit-box-shadow: inset 0px 0px 50px -14px rgba(0,0,0,1); background:#92C3D3;align:center;">';
  111.         //Single Shift Up Button
  112.         SSUtilWindowHTML += '<span id="SSShiftUpBtn" style="cursor:pointer;font-size:14px;">';
  113.         SSUtilWindowHTML += '<i class="fa fa-angle-double-up fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; vertical-align: top;"> </i>';
  114.         SSUtilWindowHTML += '<span id="UpBtnCaption" style="font-weight: bold;"></span>';
  115.         SSUtilWindowHTML += '</span><br>';
  116.         //Single Shift Left Button
  117.         SSUtilWindowHTML += '<span id="SSShiftLeftBtn" style="cursor:pointer;font-size:14px;margin-left:-40px;">';
  118.         SSUtilWindowHTML += '<i class="fa fa-angle-double-left fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; vertical-align: middle"> </i>';
  119.         SSUtilWindowHTML += '<span id="LeftBtnCaption" style="font-weight: bold;"></span>';
  120.         SSUtilWindowHTML += '</span>';
  121.         //Single Shift Right Button
  122.         SSUtilWindowHTML += '<span id="SSShiftRightBtn" style="float: right;cursor:pointer;font-size:14px;margin-right:5px;">';
  123.         SSUtilWindowHTML += '<i class="fa fa-angle-double-right fa-2x" style="color: white;text-shadow: black 0.1em 0.1em 0.2em;  vertical-align: middle"> </i>';
  124.         SSUtilWindowHTML += '<span id="RightBtnCaption" style="font-weight: bold;"></span>';
  125.         SSUtilWindowHTML += '</span><br>';
  126.         //Single Shift Down Button
  127.         SSUtilWindowHTML += '<span id="SSShiftDownBtn" style="cursor:pointer;font-size:14px;margin-top:0px;">';
  128.         SSUtilWindowHTML += '<i class="fa fa-angle-double-down fa-2x" style="color: white;text-shadow: black 0.1em 0.1em 0.2em;  vertical-align: middle"> </i>';
  129.         SSUtilWindowHTML += '<span id="DownBtnCaption" style="font-weight: bold;"></span>';
  130.         SSUtilWindowHTML += '</span>';
  131.         SSUtilWindowHTML += '</div></div></div>';
  132.  
  133.         SSUtilWindow.innerHTML = SSUtilWindowHTML;
  134.         document.body.appendChild(SSUtilWindow);
  135.  
  136.         $('#SSShiftLeftBtn').click(SSShiftLeftClick);
  137.         $('#SSShiftRightBtn').click(SSShiftRightClick);
  138.         $('#SSShiftUpBtn').click(SSShiftUpClick);
  139.         $('#SSShiftDownBtn').click(SSShiftDownClick);
  140.  
  141.         $('#shiftAmount').keypress(function (event) {
  142.             if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) event.preventDefault();
  143.         });
  144.  
  145.         $('#collapserLink1').click(function () {
  146. 			$("#divWrappers1").slideToggle("fast");
  147.             if ($('#collapser1').attr('class') == "fa fa-caret-square-o-down"){
  148.                 $("#collapser1").removeClass("fa-caret-square-o-down");
  149.                 $("#collapser1").addClass("fa-caret-square-o-up");
  150.             }
  151.             else{
  152.                 $("#collapser1").removeClass("fa-caret-square-o-up");
  153.                 $("#collapser1").addClass("fa-caret-square-o-down");
  154.             }
  155.             saveSettingsToStorage();
  156.         });
  157.  
  158.         const loadedSettings = JSON.parse(localStorage.getItem("WME_SSUtil"));
  159.         const defaultSettings = {
  160.             divTop: "15%",
  161.             divLeft: "25%",
  162.             Expanded: true,
  163.             DisconnectNodes: false // default to false (normal behavior)
  164.         };
  165.         _settings = loadedSettings ?? defaultSettings;
  166.  
  167.         $('#SSUtilWindow').css('left', _settings.divLeft);
  168.         $('#SSUtilWindow').css('top', _settings.divTop);
  169.         $('#chkDisconnectNodes').prop('checked', _settings.DisconnectNodes); // Set checkbox state from settings
  170.  
  171.         if(!_settings.Expanded){
  172. 			$("#divWrappers1").hide();
  173.             $("#collapser1").removeClass("fa-caret-square-o-up");
  174.             $("#collapser1").addClass("fa-caret-square-o-down");
  175.         }
  176.  
  177.         sdk.Events.on({ eventName: 'wme-selection-changed', eventHandler: checkDisplayTool });
  178.         WazeWrap.Interface.ShowScriptUpdate("WME SS Util", GM_info.script.version, updateMessage, "https://update.greasyfork.org/scripts/537258/WME%20Segment%20Shift%20Utility.user.js", "https://github.com/kid4rm90s/Segment-Shift-Utility");
  179.     }
  180.  
  181.     function saveSettingsToStorage() {
  182.         if (localStorage) {
  183.             _settings.divLeft = $('#SSUtilWindow').css('left');
  184.             _settings.divTop = $('#SSUtilWindow').css('top');
  185.             _settings.Expanded = $("#collapser1").attr('class').indexOf("fa-caret-square-o-up") > -1;
  186.             _settings.DisconnectNodes = $('#chkDisconnectNodes').is(':checked'); // Save checkbox state
  187.             localStorage.setItem("WME_SSUtil", JSON.stringify(_settings));
  188.         }
  189.     }
  190.  
  191.     function checkDisplayTool() {
  192.         if (sdk.Editing.getSelection()?.objectType === 'segment') {
  193.             if (sdk.Editing.getSelection().length === 0){
  194.                 $('#SSUtilWindow').css({ visibility: 'hidden' });
  195.         } else {
  196.                 $('#SSUtilWindow').css({ visibility: 'visible' });
  197.                 if (typeof jQuery.ui !== 'undefined') {
  198.                     $('#SSUtilWindow' ).draggable({ //Gotta nuke the height setting the dragging inserts otherwise the panel cannot collapse
  199.                         stop: () => {
  200.                             $('#SSUtilWindow').css("height", "");
  201.                             saveSettingsToStorage();
  202.                         }
  203.                     });
  204.                 }
  205.             }
  206.         } else {
  207.             $('#SSUtilWindow').css({ visibility: 'hidden' });
  208.             if (typeof jQuery.ui !== 'undefined') {
  209.                 $('#SSUtilWindow').draggable({
  210.                     stop: () => {
  211.                         $('#SSUtilWindow').css("height", "");
  212.                         saveSettingsToStorage();
  213.                     }
  214.                 });
  215.             }     
  216.         }
  217.     }
  218.  
  219.     function ShiftSegmentNodesLat(offset) {
  220.         const selectedSegmentIds = sdk.Editing.getSelection()?.ids;
  221.         if (!selectedSegmentIds || selectedSegmentIds.length === 0) {
  222.             return;
  223.         }
  224.  
  225.         const numOffset = parseFloat(offset);
  226.         if (isNaN(numOffset)) {
  227.             console.error("SS UTIL: Invalid shift amount for Latitude.");
  228.             return;
  229.         }
  230.  
  231.         const disconnectNodes = $('#chkDisconnectNodes').is(':checked'); // Checkbox state
  232.  
  233.         sdk.Editing.doActions(() => {
  234.             const uniqueNodeIds = new Set();
  235.  
  236.             if (!disconnectNodes) {
  237.                 // Collect unique nodes from selected segments
  238.                 for (const segmentId of selectedSegmentIds) {
  239.                     const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
  240.                     if (currentSegment) {
  241.                         uniqueNodeIds.add(currentSegment.fromNodeId);
  242.                         uniqueNodeIds.add(currentSegment.toNodeId);
  243.                     }
  244.                 }
  245.  
  246.                 // Shift unique nodes
  247.                 for (const nodeId of uniqueNodeIds) {
  248.                     const node = sdk.DataModel.Nodes.getById({ nodeId });
  249.                     if (node) {
  250.                         let newNodeGeometry = structuredClone(node.geometry);
  251.                         const nodeBearing = numOffset > 0 ? DIRECTION.NORTH : DIRECTION.SOUTH;
  252.                         const nodeDistance = Math.abs(numOffset);
  253.                         const currentNodePoint = node.geometry.coordinates;
  254.                         const newNodePoint = turf.destination(currentNodePoint, nodeDistance, nodeBearing, { units: 'meters' });
  255.                         newNodeGeometry.coordinates = newNodePoint.geometry.coordinates;
  256.                         sdk.DataModel.Nodes.moveNode({ id: node.id, geometry: newNodeGeometry });
  257.                     }
  258.                 }
  259.             }
  260.  
  261.             // Update Segment Geometries
  262.             for (const segmentId of selectedSegmentIds) {
  263.                 const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
  264.                 if (currentSegment) {
  265.                     let newGeometry = structuredClone(currentSegment.geometry);
  266.                     const originalLength = currentSegment.geometry.coordinates.length;
  267.                     const shiftDistance = Math.abs(numOffset);
  268.                     const shiftBearing = numOffset > 0 ? DIRECTION.NORTH : DIRECTION.SOUTH;
  269.  
  270.                     if (disconnectNodes) {
  271.                         // Shift all points including end nodes
  272.                         for (let j = 0; j < originalLength; j++) {
  273.                             const currentPoint = currentSegment.geometry.coordinates[j];
  274.                             const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
  275.                             newGeometry.coordinates[j] = newPoint.geometry.coordinates;
  276.                         }
  277.                     } else {
  278.                         // Shift only inner points
  279.                         for (let j = 1; j < originalLength - 1; j++) {
  280.                             const currentPoint = currentSegment.geometry.coordinates[j];
  281.                             const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
  282.                             newGeometry.coordinates[j] = newPoint.geometry.coordinates;
  283.                         }
  284.                         // Update end points to match (potentially) moved nodes
  285.                         const fromNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.fromNodeId });
  286.                         const toNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.toNodeId });
  287.  
  288.                         if (fromNodeAfterMove && newGeometry.coordinates.length > 0) {
  289.                             newGeometry.coordinates[0] = fromNodeAfterMove.geometry.coordinates;
  290.                         }
  291.                         if (toNodeAfterMove && newGeometry.coordinates.length > 1) {
  292.                             newGeometry.coordinates[originalLength - 1] = toNodeAfterMove.geometry.coordinates;
  293.                         }
  294.                     }
  295.                     sdk.DataModel.Segments.updateSegment({ segmentId: currentSegment.id, geometry: newGeometry });
  296.                 }
  297.             }
  298.         }, 'Shifted segments vertically');
  299.     }
  300.  
  301.     function ShiftSegmentNodesLon(offset) {
  302.         const selectedSegmentIds = sdk.Editing.getSelection()?.ids;
  303.         if (!selectedSegmentIds || selectedSegmentIds.length === 0) {
  304.             return;
  305.         }
  306.  
  307.         const numOffset = parseFloat(offset);
  308.         if (isNaN(numOffset)) {
  309.             console.error("SS UTIL: Invalid shift amount for Longitude.");
  310.             return;
  311.         }
  312.  
  313.         const disconnectNodes = $('#chkDisconnectNodes').is(':checked'); // Checkbox state
  314.  
  315.         sdk.Editing.doActions(() => {
  316.             const uniqueNodeIds = new Set();
  317.  
  318.             if (!disconnectNodes) {
  319.                 for (const segmentId of selectedSegmentIds) {
  320.                     const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
  321.                     if (currentSegment) {
  322.                         uniqueNodeIds.add(currentSegment.fromNodeId);
  323.                         uniqueNodeIds.add(currentSegment.toNodeId);
  324.                     }
  325.                 }
  326.  
  327.                 for (const nodeId of uniqueNodeIds) {
  328.                     const node = sdk.DataModel.Nodes.getById({ nodeId });
  329.                     if (node) {
  330.                         let newNodeGeometry = structuredClone(node.geometry);
  331.                         const nodeBearing = numOffset > 0 ? DIRECTION.EAST : DIRECTION.WEST;
  332.                         const nodeDistance = Math.abs(numOffset);
  333.                         const currentNodePoint = node.geometry.coordinates;
  334.                         const newNodePoint = turf.destination(currentNodePoint, nodeDistance, nodeBearing, { units: 'meters' });
  335.                         newNodeGeometry.coordinates = newNodePoint.geometry.coordinates;
  336.                         sdk.DataModel.Nodes.moveNode({ id: node.id, geometry: newNodeGeometry });
  337.                     }
  338.                 }
  339.             }
  340.  
  341.             for (const segmentId of selectedSegmentIds) {
  342.                 const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
  343.                 if (currentSegment) {
  344.                     let newGeometry = structuredClone(currentSegment.geometry);
  345.                     const originalLength = currentSegment.geometry.coordinates.length;
  346.                     const shiftDistance = Math.abs(numOffset);
  347.                     const shiftBearing = numOffset > 0 ? DIRECTION.EAST : DIRECTION.WEST;
  348.  
  349.                     if (disconnectNodes) {
  350.                         for (let j = 0; j < originalLength; j++) {
  351.                             const currentPoint = currentSegment.geometry.coordinates[j];
  352.                             const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
  353.                             newGeometry.coordinates[j] = newPoint.geometry.coordinates;
  354.                         }
  355.                     } else {
  356.                         for (let j = 1; j < originalLength - 1; j++) {
  357.                             const currentPoint = currentSegment.geometry.coordinates[j];
  358.                             const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
  359.                             newGeometry.coordinates[j] = newPoint.geometry.coordinates;
  360.                         }
  361.                         const fromNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.fromNodeId });
  362.                         const toNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.toNodeId });
  363.  
  364.                         if (fromNodeAfterMove && newGeometry.coordinates.length > 0) {
  365.                             newGeometry.coordinates[0] = fromNodeAfterMove.geometry.coordinates;
  366.                         }
  367.                         if (toNodeAfterMove && newGeometry.coordinates.length > 1) {
  368.                             newGeometry.coordinates[originalLength - 1] = toNodeAfterMove.geometry.coordinates;
  369.                         }
  370.                     }
  371.                     sdk.DataModel.Segments.updateSegment({ segmentId: currentSegment.id, geometry: newGeometry });
  372.                 }
  373.             }
  374.         }, 'Shifted segments horizontally');
  375.     }
  376.  
  377.     //Left
  378.     function SSShiftLeftClick(e){
  379.         e.stopPropagation();
  380.         ShiftSegmentNodesLon(-parseFloat($('#shiftAmount').val())); // Negative for West
  381. 		WazeWrap.Alerts.info('WME Segment Shift Utility', `The segments are shifted by <b>${$('#shiftAmount').val()} Metres</b> to the left.`, false, false, 1500);		
  382.     }
  383.     //Right
  384.     function SSShiftRightClick(e){
  385.         e.stopPropagation();
  386.         ShiftSegmentNodesLon(parseFloat($('#shiftAmount').val())); // Positive for East
  387. 		WazeWrap.Alerts.info('WME Segment Shift Utility', `The segments are shifted by <b>${$('#shiftAmount').val()} Metres</b> to the right.`, false, false, 1500);
  388.     }
  389.     //Up
  390.     function SSShiftUpClick(e){
  391.        e.stopPropagation();
  392.         ShiftSegmentNodesLat(parseFloat($('#shiftAmount').val()));
  393. 		WazeWrap.Alerts.info('WME Segment Shift Utility', `The segments are shifted by <b>${$('#shiftAmount').val()} Metres</b> to the up.`, false, false, 1500);
  394.     }
  395.     //Down
  396.     function SSShiftDownClick(e){
  397.         e.stopPropagation();
  398.         ShiftSegmentNodesLat(-parseFloat($('#shiftAmount').val()));
  399. 		WazeWrap.Alerts.info('WME Segment Shift Utility', `The segments are shifted by <b>${$('#shiftAmount').val()} Metres</b> to the down.`, false, false, 1500);
  400.     }
  401.  
  402.     function injectCss() {
  403.         const css = [].join(' '); // No custom CSS needed if these were the only ones
  404.         $('<style type="text/css">' + css + '</style>').appendTo('head');
  405.     }
  406.  
  407. })();