Angular 4+ code snippet: create xpath or jsonpath selectors based on the type and selected text

I like to have a code snippet which can generate a xPath or JSON selector based on the type and selected text. - in a textarea the is xml or json - script determines what the type is (json or xml) - user selects some text - script generates a valid xPath or JsonPath expression to select the text For an array all matching object should be selected. Example (but should work for all xml/json snippets) <account> <username>tester</username> <password>test123</password> </account> User selects tester, scripts should generate //account/username { "account": { "username": "tester", "password": "test123" } } User selects test123, script should generate $.[login to view URL]