unique-selector | DOM node , return a unique CSS selector | Build Tool library

When i run npm audit on my react project i get the following long list of issues.

Does anyone have experience publishing a .NET/Angular project to Netlify? I'm using the Angular Microsoft.AspNetCore.SpaTemplates template. On Netlify, I'm getting a non-zero exit code that's preventing me from publishing. Here is my output:

I am delegating a key input event from the document onto the several textareas on the page. Because the operations I need to perform on the key input are complex, repetitive, and tied to the text contents of that textarea - I find it better to cache that information in a TextareaState object (something like {wasChanged: true, penultimateTextContents: "string", etc.}) for each </code>. It would also make sense to store this object permanently, rather than recomputing it every time an input event was fired (recomputing would erase the important previous results anyway).</p>

At first I thought of using a key-value pair object, but DOM elements cannot be substituted as object keys. I could instead try to generate a unique CSS selector for each DOM element and then use that selector as the object key, but this approach seems very expensive.

Just in following along with a tutorial, That's the version information.

I'm trying to go on my angular 2 webapp but I get this error on each page :

I haven't changed anything in the app, and it works on computers of people of my team.

Is it caused by these warnings when npm install ?

npm WARN deprecated angular2-google-maps@0.17.0: Please use the new package name
@agm/core - Details here: htt://... npm WARN prefer global node-gyp@3.6.2 should be installed with -g

node-sass@4.5.3 install C:...\node_modules\node-sass node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5
.3/win32-x64-48_binding.node Download complete Binary saved to C:...\node_modules\node-sass\vendor\win32-x64-48\bindi ng.node Caching binary to C:\Users\toto\AppData\Roaming\npm-cache\node-sass\4.5.3\win3
2-x64-48_binding.node

tslerp@1.0.5 postinstall C:...\node_modules\tslerp typings install

typings WARN enoent Path "C:...\node_modules\tslerp\typings.json" is missing

`-- (No dependencies)

node-sass@4.5.3 postinstall C:\Users\aviale\Documents\dev\workspace\PlaceDesFa
milles\PlaceDesFamilles\PlaceDesFamillesFront\node_modules\node-sass node scripts/build.js

Binary found at C:\Users\aviale\Documents\dev\workspace\PlaceDesFamilles\PlaceDe
sFamilles\PlaceDesFamillesFront\node_modules\node-sass\vendor\win32-x64-48\bindi ng.node Testing binary Binary is fine

ng2-google-recaptcha@1.1.0 postinstall C:...\node_modules\ng2-google -recaptcha typings install

typings WARN enoent Path "C:...\node_modules\ng2-google-recaptcha\typings.json" is missing

`-- (No dependencies)

place-des-familles-front@0.0.0 C:... +-- @angular/cli@1.0.0-beta.31 | +-- @ngtools/json-schema@1.0.3 | +-- @ngtools/webpack@1.2.9 | | +-- enhanced-resolve@3.1.0 | | +-- loader-utils@0.2.17 | | | +-- big.js@3.1.3 | | | +-- emojis-list@2.1.0 | | | -- json5@0.5.1 | |-- magic-string@0.19.1 | | -- vlq@0.2.2 | +-- async@2.4.1 | +-- autoprefixer@6.7.7 | | +-- browserslist@1.7.7 | | |-- electron-to-chromium@1.3.14 | | +-- caniuse-db@1.0.30000686 | | +-- normalize-range@0.1.2 | | +-- num2fraction@1.2.2 | | +-- postcss@5.2.17 | | | +-- js-base64@2.1.9 | | | -- supports-color@3.2.3 | |-- postcss-value-parser@3.3.0 | +-- chalk@1.1.3 | | +-- ansi-styles@2.2.1 | | +-- escape-string-regexp@1.0.5 | | +-- has-ansi@2.0.0 | | | -- ansi-regex@2.1.1 | | +-- strip-ansi@3.0.1 | |-- supports-color@2.0.0 | +-- common-tags@1.4.0 | | -- babel-runtime@6.23.0 | |-- regenerator-runtime@0.10.5 | +-- css-loader@0.26.4 | | +-- loader-utils@1.1.0 | | +-- lodash.camelcase@4.3.0 | | +-- object-assign@4.1.1 | | +-- postcss-modules-extract-imports@1.1.0 | | | -- postcss@6.0.2 | | |-- supports-color@3.2.3 | | +-- postcss-modules-local-by-default@1.2.0 | | | -- postcss@6.0.2 | | | -- supports-color@3.2.3 | | +-- postcss-modules-scope@1.1.0 | | | -- postcss@6.0.2 | | |-- supports-color@3.2.3 | | +-- postcss-modules-values@1.3.0 | | | +-- icss-replace-symbols@1.1.0 | | | -- postcss@6.0.2 | | |-- supports-color@3.2.3 | | -- source-list-map@0.1.8 | +-- cssnano@3.10.0 | | +-- decamelize@1.2.0 | | +-- defined@1.0.0 | | +-- has@1.0.1 | | |-- function-bind@1.1.0 | | +-- postcss-calc@5.3.1 | | | +-- postcss-message-helpers@2.0.0 | | | -- reduce-css-calc@1.3.0 | | | +-- balanced-match@0.4.2 | | | +-- math-expression-evaluator@1.2.17 | | |-- reduce-function-call@1.0.2 | | | -- balanced-match@0.4.2 | | +-- postcss-colormin@2.2.2 | | |-- colormin@1.1.2 | | | +-- color@0.11.4 | | | | +-- color-convert@1.9.0 | | | | | -- color-name@1.1.2 | | | |-- color-string@0.3.0 | | | -- css-color-names@0.0.4 | | +-- postcss-convert-values@2.6.1 | | +-- postcss-discard-comments@2.0.4 | | +-- postcss-discard-duplicates@2.1.0 | | +-- postcss-discard-empty@2.1.0 | | +-- postcss-discard-overridden@0.1.1 | | +-- postcss-discard-unused@2.2.3 | | |-- uniqs@2.0.0 | | +-- postcss-filter-plugins@2.0.2 | | | -- uniqid@4.1.1 | | |-- macaddress@0.2.8 | | +-- postcss-merge-idents@2.1.7 | | +-- postcss-merge-longhand@2.0.2 | | +-- postcss-merge-rules@2.1.2 | | | +-- caniuse-api@1.6.1 | | | | +-- lodash.memoize@4.1.2 | | | | -- lodash.uniq@4.5.0 | | | +-- postcss-selector-parser@2.2.3 | | | | +-- flatten@1.0.2 | | | | +-- indexes-of@1.0.1 | | | |-- uniq@1.0.1 | | | -- vendors@1.0.1 | | +-- postcss-minify-font-values@1.0.5 | | +-- postcss-minify-gradients@1.0.5 | | +-- postcss-minify-params@1.2.2 | | |-- alphanum-sort@1.0.2 | | +-- postcss-minify-selectors@2.1.1 | | +-- postcss-normalize-charset@1.1.1 | | +-- postcss-normalize-url@3.0.8 | | | +-- is-absolute-url@2.1.0 | | | -- normalize-url@1.9.1 | | | +-- prepend-http@1.0.4 | | |-- query-string@4.3.4 | | | -- strict-uri-encode@1.1.0 | | +-- postcss-ordered-values@2.2.3 | | +-- postcss-reduce-idents@2.4.0 | | +-- postcss-reduce-initial@1.0.1 | | +-- postcss-reduce-transforms@1.0.4 | | +-- postcss-svgo@2.1.6 | | | +-- is-svg@2.1.0 | | | |-- html-comment-regex@1.1.1 | | | -- svgo@0.7.2 | | | +-- coa@1.0.3 | | | |-- q@1.5.0 | | | +-- csso@2.3.2 | | | | -- clap@1.2.0 | | |-- whet.extend@0.9.9 | | +-- postcss-unique-selectors@2.0.2 | | -- postcss-zindex@2.2.0 | +-- debug@2.6.8 | |-- ms@2.0.0 | +-- denodeify@1.2.1 | +-- diff@3.2.0 | +-- ember-cli-normalize-entity-name@1.0.0 | +-- ember-cli-string-utils@1.1.0 | +-- extract-text-webpack-plugin@2.1.2 | | +-- loader-utils@1.1.0 | | +-- schema-utils@0.3.0 | | | -- ajv@5.1.5 | |-- webpack-sources@1.0.1 | | -- source-list-map@2.0.0 | +-- file-loader@0.10.1 | |-- loader-utils@1.1.0 | +-- findup@0.1.5 | | +-- colors@0.6.2 | | -- commander@2.1.0 | +-- fs-extra@2.1.2 | |-- jsonfile@2.4.0 | +-- get-caller-file@1.0.2 | +-- glob@7.1.2 | | +-- fs.realpath@1.0.0 | | +-- inflight@1.0.6 | | | -- wrappy@1.0.2 | | +-- inherits@2.0.3 | | +-- once@1.4.0 | |-- path-is-absolute@1.0.1 | +-- html-webpack-plugin@2.28.0 | | +-- html-minifier@3.5.2 | | | +-- camel-case@3.0.0 | | | | +-- no-case@2.3.1 | | | | | -- lower-case@1.1.4 | | | |-- upper-case@1.1.3 | | | +-- clean-css@4.1.4 | | | +-- commander@2.9.0 | | | | -- graceful-readlink@1.0.1 | | | +-- he@1.1.1 | | | +-- ncname@1.0.0 | | | |-- xml-char-classes@1.0.0 | | | +-- param-case@2.1.1 | | | +-- relateurl@0.2.7 | | | -- uglify-js@3.0.16 | | |-- commander@2.9.0 | | +-- pretty-error@2.1.0 | | | +-- renderkid@2.0.1 | | | | +-- css-select@1.2.0 | | | | | +-- boolbase@1.0.0 | | | | | +-- css-what@2.1.0 | | | | | +-- domutils@1.5.1 | | | | | | -- dom-serializer@0.1.0 | | | | | | +-- domelementtype@1.1.3 | | | | | |-- entities@1.1.1 | | | | | -- nth-check@1.0.1 | | | | +-- dom-converter@0.1.4 | | | | |-- utila@0.3.3 | | | | +-- htmlparser2@3.3.0 | | | | | +-- domelementtype@1.3.0 | | | | | +-- domhandler@2.1.0 | | | | | +-- domutils@1.1.6 | | | | | -- readable-stream@1.0.34 | | | | | +-- isarray@0.0.1 | | | | |-- string_decoder@0.10.31 | | | | -- utila@0.3.3 | | |-- utila@0.4.0 | | -- toposort@1.0.3 | +-- inflection@1.12.0 | +-- inquirer@3.1.0 | | +-- ansi-escapes@2.0.0 | | +-- cli-cursor@2.1.0 | | |-- restore- ... UNMET PEER DEPENDENCY @angular/platform-browser@4.2.2 | +-- @types/fullcalendar@2.7.43 | -- UNMET PEER DEPENDENCY zone.js@^0.8.4 +-- codelyzer@2.0.1 | +-- app-root-path@2.0.1 | +-- css-selector-tokenizer@0.7.0 | | +-- cssesc@0.1.0 | | +-- fastparse@1.1.1 | |-- regexpu-core@1.0.0 | | +-- regenerate@1.3.2 | | +-- regjsgen@0.2.0 | | -- regjsparser@0.1.5 | |-- jsesc@0.5.0 | +-- cssauron@1.4.0 | +-- semver-dsl@1.0.1 | | -- semver@5.3.0 | +-- source-map@0.5.6 |-- sprintf-js@1.0.3 +-- core-js@2.4.1 +-- fullcalendar@3.4.0 +-- jasmine-core@2.5.2 +-- jasmine-spec-reporter@2.5.0 | -- colors@1.1.2 +-- jquery@3.2.1 +-- karma@1.2.0 | +-- bluebird@3.5.0 | +-- body-parser@1.17.2 | | +-- bytes@2.4.0 | | +-- content-type@1.0.2 | | +-- debug@2.6.7 | | +-- depd@1.1.0 | | +-- http-errors@1.6.1 | | +-- iconv-lite@0.4.15 | | +-- on-finished@2.3.0 | | |-- ee-first@1.1.1 | | +-- qs@6.4.0 | | +-- raw-body@2.2.0 | | | +-- bytes@2.4.0 | | | +-- iconv-lite@0.4.15 | | | -- unpipe@1.0.0 | |-- type-is@1.6.15 | | -- media-typer@0.3.0 | +-- chokidar@1.7.0 | | +-- anymatch@1.3.0 | | +-- async-each@1.0.1 | | +-- glob-parent@2.0.0 | | +-- is-binary-path@1.0.1 | | |-- binary-extensions@1.8.0 | | +-- is-glob@2.0.1 | | | -- is-extglob@1.0.0 | |-- readdirp@2.1.0 | | -- set-immediate-shim@1.0.1 | +-- combine-lists@1.0.1 | +-- connect@3.6.2 | | +-- debug@2.6.7 | | +-- finalhandler@1.0.3 | | |-- debug@2.6.7 | | +-- parseurl@1.3.1 | | -- utils-merge@1.0.0 | +-- di@0.0.1 | +-- dom-serialize@2.2.1 | | +-- custom-event@1.0.1 | | +-- ent@2.2.0 | | +-- extend@3.0.1 | |-- void-elements@2.0.1 | +-- expand-braces@0.1.2 | | +-- array-slice@0.2.3 | | +-- array-unique@0.2.1 | | -- braces@0.1.5 | |-- expand-range@0.1.1 | | +-- is-number@0.1.1 | | -- repeat-string@0.2.2 | +-- graceful-fs@4.1.11 | +-- http-proxy@1.16.2 | | +-- eventemitter3@1.2.0 | |-- requires-port@1.0.0 | +-- lodash@3.10.1 | +-- log4js@0.6.38 | | +-- readable-stream@1.0.34 | | | +-- core-util-is@1.0.2 | | | +-- isarray@0.0.1 | | | -- string_decoder@0.10.31 | |-- semver@4.3.6 | +-- mime@1.3.6 | +-- optimist@0.6.1 | | +-- minimist@0.0.10 | | -- wordwrap@0.0.3 | +-- qjobs@1.1.5 | +-- socket.io@1.4.7 | | +-- debug@2.2.0 | | |-- ms@0.7.1 | | +-- engine.io@1.6.10 | | | +-- accepts@1.1.4 | | | | +-- mime-types@2.0.14 | | | | | -- mime-db@1.12.0 | | | |-- negotiator@0.4.9 | | | +-- base64id@0.1.0 | | | +-- debug@2.2.0 | | | | -- ms@0.7.1 | | | +-- engine.io-parser@1.2.4 | | | | +-- after@0.8.1 | | | | +-- arraybuffer.slice@0.0.6 | | | | +-- base64-arraybuffer@0.1.2 | | | | +-- blob@0.0.4 | | | | +-- has-binary@0.1.6 | | | | |-- isarray@0.0.1 | | | | -- utf8@2.1.0 | | |-- ws@1.0.1 | | | +-- options@0.0.6 | | | -- ultron@1.0.2 | | +-- has-binary@0.1.7 | | | -- isarray@0.0.1 | | +-- socket.io-adapter@0.4.0 | | | +-- debug@2.2.0 | | | | -- ms@0.7.1 | | |-- socket.io-parser@2.2.2 | | | +-- debug@0.7.4 | | | +-- isarray@0.0.1 | | | -- json3@3.2.6 | | +-- socket.io-client@1.4.6 | | | +-- backo2@1.0.2 | | | +-- component-bind@1.0.0 | | | +-- component-emitter@1.2.0 | | | +-- debug@2.2.0 | | | |-- ms@0.7.1 | | | +-- engine.io-client@1.6.9 | | | | +-- component-inherit@0.0.3 | | | | +-- debug@2.2.0 | | | | | -- ms@0.7.1 | | | | +-- has-cors@1.1.0 | | | | +-- parsejson@0.0.1 | | | | +-- parseqs@0.0.2 | | | | +-- xmlhttprequest-ssl@1.5.1 | | | |-- yeast@0.1.2 | | | +-- indexof@0.0.1 | | | +-- object-component@0.0.3 | | | +-- parseuri@0.0.4 | | | | -- better-assert@1.0.2 | | | |-- callsite@1.0.0 | | | -- to-array@0.1.4 | |-- socket.io-parser@2.2.6 | | +-- benchmark@1.0.0 | | +-- component-emitter@1.1.2 | | +-- debug@2.2.0 | | | -- ms@0.7.1 | |-- isarray@0.0.1 | +-- tmp@0.0.28 | -- useragent@2.1.13 | +-- lru-cache@2.2.4 |-- tmp@0.0.31 webdriver@2.53.42 | +-- blocking-proxy@0.0.5 | +-- jasmine@2.6.0 | | +-- exit@0.1.2 | | -- jasmine-core@2.6.3 | +-- jasminewd2@2.1.0 | +-- q@1.4.1 | +-- saucelabs@1.3.0 | |-- https-proxy-agent@1.0.0 | | -- agent-base@2.1.1 | +-- selenium-webdriver@3.0.1 | |-- tmp@0.0.30 | +-- source-map-support@0.4.15 | +-- webdriver-js-extender@1.0.0 | | -- selenium-webdriver@2.53.3 | | +-- adm-zip@0.4.4 | | +-- tmp@0.0.24 | |-- xml2js@0.4.4 | | -- sax@0.6.1 |-- webdriver-manager@12.0.6 | +-- adm-zip@0.4.7 | +-- del@2.2.2 | | +-- globby@5.0.0 | | | -- array-union@1.0.2 | | +-- is-path-cwd@1.0.0 | | +-- is-path-in-cwd@1.0.0 | | |-- is-path-inside@1.0.0 | | | -- path-is-inside@1.0.2 | |-- pify@2.3.0 | +-- ini@1.3.4 | +-- semver@5.3.0 | -- xml2js@0.4.17 | +-- sax@1.2.2 |-- xmlbuilder@4.2.1 +-- rxjs@5.4.1 | -- symbol-observable@1.0.4 +-- ts-helpers@1.1.2 +-- ts-node@1.2.1 | +-- arrify@1.0.1 | +-- diff@2.2.3 | +-- make-error@1.3.0 | +-- mkdirp@0.5.1 | |-- minimist@0.0.8 | +-- pinkie@2.0.4 | +-- tsconfig@5.0.3 | | +-- any-promise@1.3.0 | | +-- parse-json@2.2.0 | | | -- error-ex@1.3.1 | | |-- is-arrayish@0.2.1 | | +-- strip-bom@2.0.0 | | | -- is-utf8@0.2.1 | | -- strip-json-comments@2.0.1 | -- xtend@4.0.1 +-- tslint@4.5.1 | +-- babel-code-frame@6.22.0 | | +-- esutils@2.0.2 | |-- js-tokens@3.0.1 | +-- findup-sync@0.3.0 | | -- glob@5.0.15 | +-- tsutils@1.9.1 |-- update-notifier@2.2.0 | +-- boxen@1.1.0 | | +-- ansi-align@2.0.0 | | +-- camelcase@4.1.0 | | +-- cli-boxes@1.0.0 | | +-- string-width@2.0.0 | | | -- is-fullwidth-code-point@2.0.0 | | +-- term-size@0.1.1 | | |-- execa@0.4.0 | | | +-- cross-spawn-async@2.2.5 | | | +-- is-stream@1.1.0 | | | +-- npm-run-path@1.0.0 | | | +-- path-key@1.0.0 | | | -- strip-eof@1.0.0 | |-- widest-line@1.0.0 | +-- configstore@3.1.0 | | +-- dot-prop@4.1.1 | | | -- is-obj@1.0.1 | | +-- make-dir@1.0.0 | | +-- unique-string@1.0.0 | | |-- crypto-random-string@1.0.0 | | -- write-file-atomic@2.1.0 | | +-- imurmurhash@0.1.4 | |-- slide@1.1.6 | +-- import-lazy@2.1.0 | +-- is-npm@1.0.0 | +-- latest-version@3.1.0 | | -- package-json@4.0.1 | | +-- got@6.7.1 | | | +-- create-error-class@3.0.2 | | | |-- capture-stack-trace@1.0.0 | | | +-- duplexer3@0.1.4 | | | +-- get-stream@3.0.0 | | | +-- is-redirect@1.0.0 | | | +-- is-retry-allowed@1.1.0 | | | +-- lowercase-keys@1.0.0 | | | +-- timed-out@4.0.1 | | | +-- unzip-response@2.0.1 | | | -- url-parse-lax@1.0.0 | | +-- registry-auth-token@3.3.1 | | +-- registry-url@3.1.0 | |-- semver@5.3.0 | +-- semver-diff@2.1.0 | | -- semver@5.0.3 |-- xdg-basedir@3.0.0 +-- typescript@2.0.10 +-- typings@2.1.0 | +-- archy@1.0.0 | +-- cli-truncate@0.2.1 | | +-- slice-ansi@0.0.4 | | `-- string-width@1.0.2 | | +--

exit-hook@1.1.1 | | -- onetime@1.1.0 | +-- promise-finally@3.0.0 | +-- typings-core@2.3.3 | | +-- array-uniq@1.0.3 | | +-- detect-indent@5.0.0 | | +-- invariant@2.2.2 | | |-- loose-envify@1.3.1 | | +-- is-absolute@0.2.6 | | | +-- is-relative@0.2.1 | | | | -- is-unc-path@0.1.2 | | | |-- unc-path-regex@0.1.2 | | | -- is-windows@0.2.0 | | +-- jspm-config@0.3.4 | | +-- lockfile@1.0.3 | | +-- make-error-cause@1.2.2 | | +-- object.pick@1.2.0 | | |-- isobject@2.1.0 | | +-- popsicle@9.1.0 | | | +-- concat-stream@1.6.0 | | | | -- typedarray@0.0.6 | | |-- form-data@2.2.0 | | +-- popsicle-proxy-agent@3.0.0 | | | -- http-proxy-agent@1.0.0 | | +-- popsicle-retry@3.2.1 | | +-- popsicle-rewrite@1.0.0 | | +-- popsicle-status@2.0.1 | | +-- rc@1.2.1 | | |-- deep-extend@0.4.2 | | +-- sort-keys@1.1.2 | | | -- is-plain-obj@1.1.0 | | +-- string-template@1.0.0 | | +-- strip-bom@3.0.0 | | +-- thenify@3.3.0 | | +-- throat@3.2.0 | | +-- touch@1.0.0 | | |-- nopt@1.0.10 | | -- zip-object@0.1.0 | +-- update-notifier@1.0.3 | | +-- boxen@0.6.0 | | | +-- ansi-align@1.1.0 | | | +-- camelcase@2.1.1 | | | +-- filled-array@1.1.0 | | |-- repeating@2.0.1 | | | -- is-finite@1.0.2 | | +-- configstore@2.1.0 | | | +-- dot-prop@3.0.0 | | |-- write-file-atomic@1.3.4 | | +-- latest-version@2.0.0 | | | -- package-json@2.4.0 | | | +-- got@5.7.1 | | | | +-- duplexer2@0.1.4 | | | | +-- node-status-codes@1.0.0 | | | | +-- read-all-stream@3.1.0 | | | | +-- timed-out@3.1.3 | | | |-- unzip-response@1.0.2 | | | -- semver@5.3.0 | | +-- lazy-req@1.1.0 | |-- xdg-basedir@2.0.0 | -- wordwrap@1.0.0-- zone.js@0.7.8

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\ch
okidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
) npm WARN @angular/forms@4.2.2 requires a peer of @angular/platform-browser@4.2.2
but none was installed. npm WARN @angular/core@4.2.2 requires a peer of zone.js@^0.8.4 but none was inst
alled.

Here is my app.component.ts:

I am trying to alert the correct css selector and xpath on right click on a dom element. I can show a menu on right click but I'm blocked getting the css selector and xpath value. Input for the code will be any website source code (right click on site, view source) or sample html code which has some classnames. I have a reference to pull unique css selector here

Any pointers on how to get unique css selector and xpath on right click on any dom element?

My Fiddle is here

My Webpack is compiling properly on my development environment, but once I deploy to Heroku, I'm receiving an error that Chart.js isn't a module-