Splunk Apps » Website Input

• http://blog.caplin.com/2013/02/26/superselector-a-javascript-gui-tool-to-generate-css-selectors/
• https://github.com/cantino/selectorgadget
• https://flutter.social/bookmarklet

• Nicer loading screen
• Guidance that you should click red boxes to limit matches
• Callback so that selector info is sent back to input page
• Close button should close the page too
• Needs to support setting the selector externally
• Remove xpath option
• Might want to disable links (or obtain link from page if it changes)

Turns out that you can't do this. The browser won't allow it unless they are on the same domain (https://github.com/cantino/selectorgadget/pull/4).

Could include this as a bookmarklet.

I might be able to make this happen by making a proxy within Splunk. I could use rewrite_links() within lxml to re-write the links (http://stackoverflow.com/questions/5789127/how-to-replace-links-using-lxml-and-iterlinks).

To try the proxy, I would need:

1. To write a simple Python proxy within Splunk (authentication would need to be required)
2. Re-write the URLs accordingly
3. Put restrictions on the proxy requests (authenticated user, would need the ability to create a web_input, size limitation)

• Might want to block following links in the iframe
• Allowing following the links using the internal proxy (and updating the URL accordingly)

https://github.com/cantino/selectorgadget

The DomPredictionHelper is what is used to make the CSS selector. See https://github.com/cantino/selectorgadget/blob/master/spec/test_sites/test/testDom.html.

https://www.reddit.com/r/webdev/comments/1xh1g6/does_there_exist_a_dom_navigator_that_calculates/

var Predict = new DomPredictionHelper();
$(document.body).on('click', function (e) {
    var elem = document.elementFromPoint(e.clientX, e.clientY);
    alert(Predict.getPathsFor([elem]));
});

Some things I don't like about the current approach:

• There may be a race condition when applying the JS to the iframe
• The code for loading the css and JS in the iframe is ugly. Use something like the addStylesheet() function in Slideshow (http://lukemurphey.net/projects/splunk-slideshow/repository/entry/trunk/src/appserver/static/js/views/SlideshowSetupView.js).