etincidunt 1.0.0

package/demos/feature-service-browser/package-lock.json

@@ -0,0 +1,182 @@
+{
+	"requires": true,
+	"lockfileVersion": 1,
+	"dependencies": {
+		"async": {
+			"version": "1.5.2",
+			"resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+			"integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo="
+		},
+		"colors": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz",
+			"integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs="
+		},
+		"corser": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+			"integrity": "sha1-jtolLsqrWEDc2XXOuQ2TcMgZ/4c="
+		},
+		"debug": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+			"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+			"requires": {
+				"ms": "2.0.0"
+			}
+		},
+		"ecstatic": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/ecstatic/-/ecstatic-3.2.0.tgz",
+			"integrity": "sha512-Goilx/2cfU9vvfQjgtNgc2VmJAD8CasQ6rZDqCd2u4Hsyd/qFET6nBf60jiHodevR3nl3IGzNKtrzPXWP88utQ==",
+			"requires": {
+				"he": "^1.1.1",
+				"mime": "^1.4.1",
+				"minimist": "^1.1.0",
+				"url-join": "^2.0.2"
+			}
+		},
+		"eventemitter3": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-3.1.0.tgz",
+			"integrity": "sha512-ivIvhpq/Y0uSjcHDcOIccjmYjGLcP09MFGE7ysAwkAvkXfpZlC985pH2/ui64DKazbTW/4kN3yqozUxlXzI6cA=="
+		},
+		"follow-redirects": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.4.1.tgz",
+			"integrity": "sha512-uxYePVPogtya1ktGnAAXOacnbIuRMB4dkvqeNz2qTtTQsuzSfbDolV+wMMKxAmCx0bLgAKLbBOkjItMbbkR1vg==",
+			"requires": {
+				"debug": "^3.1.0"
+			}
+		},
+		"he": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz",
+			"integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0="
+		},
+		"http-proxy": {
+			"version": "1.17.0",
+			"resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.17.0.tgz",
+			"integrity": "sha512-Taqn+3nNvYRfJ3bGvKfBSRwy1v6eePlm3oc/aWVxZp57DQr5Eq3xhKJi7Z4hZpS8PC3H4qI+Yly5EmFacGuA/g==",
+			"requires": {
+				"eventemitter3": "^3.0.0",
+				"follow-redirects": "^1.0.0",
+				"requires-port": "^1.0.0"
+			}
+		},
+		"http-server": {
+			"version": "0.11.1",
+			"resolved": "https://registry.npmjs.org/http-server/-/http-server-0.11.1.tgz",
+			"integrity": "sha512-6JeGDGoujJLmhjiRGlt8yK8Z9Kl0vnl/dQoQZlc4oeqaUoAKQg94NILLfrY3oWzSyFaQCVNTcKE5PZ3cH8VP9w==",
+			"requires": {
+				"colors": "1.0.3",
+				"corser": "~2.0.0",
+				"ecstatic": "^3.0.0",
+				"http-proxy": "^1.8.1",
+				"opener": "~1.4.0",
+				"optimist": "0.6.x",
+				"portfinder": "^1.0.13",
+				"union": "~0.4.3"
+			}
+		},
+		"mime": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+			"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+		},
+		"minimist": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+			"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
+		},
+		"mkdirp": {
+			"version": "0.5.1",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+			"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+			"requires": {
+				"minimist": "0.0.8"
+			},
+			"dependencies": {
+				"minimist": {
+					"version": "0.0.8",
+					"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+					"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
+				}
+			}
+		},
+		"ms": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+			"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+		},
+		"opener": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/opener/-/opener-1.4.3.tgz",
+			"integrity": "sha1-XG2ixdflgx6P+jlklQ+NZnSskLg="
+		},
+		"optimist": {
+			"version": "0.6.1",
+			"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+			"integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+			"requires": {
+				"minimist": "~0.0.1",
+				"wordwrap": "~0.0.2"
+			},
+			"dependencies": {
+				"minimist": {
+					"version": "0.0.10",
+					"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+					"integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8="
+				}
+			}
+		},
+		"portfinder": {
+			"version": "1.0.13",
+			"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.13.tgz",
+			"integrity": "sha1-uzLs2HwnEErm7kS1o8y/Drsa7ek=",
+			"requires": {
+				"async": "^1.5.2",
+				"debug": "^2.2.0",
+				"mkdirp": "0.5.x"
+			},
+			"dependencies": {
+				"debug": {
+					"version": "2.6.9",
+					"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+					"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+					"requires": {
+						"ms": "2.0.0"
+					}
+				}
+			}
+		},
+		"qs": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/qs/-/qs-2.3.3.tgz",
+			"integrity": "sha1-6eha2+ddoLvkyOBHaghikPhjtAQ="
+		},
+		"requires-port": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+			"integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
+		},
+		"union": {
+			"version": "0.4.6",
+			"resolved": "https://registry.npmjs.org/union/-/union-0.4.6.tgz",
+			"integrity": "sha1-GY+9rrolTniLDvy2MLwR8kopWeA=",
+			"requires": {
+				"qs": "~2.3.3"
+			}
+		},
+		"url-join": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/url-join/-/url-join-2.0.5.tgz",
+			"integrity": "sha1-WvIvGMBSoACkjXuCxenC4v7tpyg="
+		},
+		"wordwrap": {
+			"version": "0.0.3",
+			"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+			"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc="
+		}
+	}
+}

package/demos/feature-service-browser/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "feature-service-browser",
+  "version": "1.6.0",
+  "private": true,
+  "description": "Vanilla JavaScript demo of @esri/arcgis-rest-feature-service",
+  "author": "",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@esri/arcgis-rest-feature-service": "^1.6.0",
+    "@esri/arcgis-rest-request": "^1.6.0"
+  },
+  "devDependencies": {
+    "http-server": "*"
+  },
+  "scripts": {
+    "start": "http-server ."
+  }
+}

package/demos/geocoder-browser/README.md

@@ -0,0 +1,10 @@
+# Running this demo
+
+1. Make sure you run `npm run bootstrap` in the root folder to setup the dependencies
+2. ~~Register a new app on https://developers.arcgis.com~~
+3. ~~Add a redirect URL of `http://localhost:8080/post-sign-in.html` to your app.~~
+4. ~~Copy the `config.js.template` file, rename it to `config.js`~~
+5. ~~Copy your apps client id into your new `config.js` file.~~
+6. `npm start`
+7. Visit http://localhost:8080 ~~and click "Sign In" to start the OAuth 2.0 process.~~
+8. Start clicking buttons to send off ~~authenticated~~ geocoding requests.

package/demos/geocoder-browser/config.js.template

@@ -0,0 +1 @@
+var ClientId = "CLIENT_ID";

package/demos/geocoder-browser/index.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+</head>
+<body>
+
+<div class="container-fluid">
+    <div class="jumbotron" >
+        <h1>get to geocodin!</h1>
+        <p>type things, click buttons and snoop in the <a href='https://developer.chrome.com/devtools'>developer console</a>.</p>
+    </div>
+
+    <div class="col-md-4">
+
+    </div>
+    <div class="col-md-4">
+        <p>
+            <button class="btn btn-default" id="metadata" role="button">get service info</button>
+        </p>
+
+        <p>
+            <input id="geocodeInput" value="123 main st"></input>
+            <button class="btn btn-default" id="geocode" role="button">geocode an address</button>
+        <p>
+            <input id="suggestInput" value="World Tr"></input>
+            <button class="btn btn-default" id="suggest" role="button">get address suggestion</button>
+        </p>
+
+        <p>
+            <input id="reverseInput" value="{x:-118,y:34}"></input>
+            <button class="btn btn-default" id="reverse" role="button">determine address</button>
+        </p>
+
+        <p>
+            <a href="" class="btn btn-default" id="sign-in" role="button">Sign In</a><br>
+        </p>
+
+        <p>
+            <button class="btn btn-default" id="bulk" role="button">geocode many addresses</button>
+        </p>
+    </div>
+</div>
+
+<script src="config.js"></script>
+<script src="node_modules/@esri/arcgis-rest-request/dist/umd/request.umd.js"></script>
+<script src="node_modules/@esri/arcgis-rest-auth/dist/umd/auth.umd.js"></script>
+<script src="node_modules/@esri/arcgis-rest-geocoder/dist/umd/geocoder.umd.js"></script>
+
+<script>
+var auth;
+
+// add back later for bulk geocoding
+var authBtn = document.getElementById('sign-in');
+
+authBtn.addEventListener('click', function (e) {
+  arcgisRest.UserSession.beginOAuth2({
+    clientId: ClientId,
+    redirectUri: "http://localhost:8080/post-sign-in.html",
+    popup: true,
+    portal: "https://www.arcgis.com/sharing/rest"
+  }).then((session) => {
+    auth = session;
+    console.log(session);
+    document.getElementById('sign-in').innerHTML = 'you are signed in';
+  }).catch(error => {
+    console.log(error);
+  });
+  e.preventDefault();
+});
+
+var geocodeBtn = document.getElementById('geocode');
+
+geocodeBtn.addEventListener('click', function (e) {
+    arcgisRest.geocode(document.getElementById("geocodeInput").value)
+    .then((response) => {
+        console.log("geocode", response);
+    });
+});
+
+var suggestBtn = document.getElementById('suggest');
+
+suggestBtn.addEventListener('click', function (e) {
+    console.log(document.getElementById("suggestInput").value);
+    arcgisRest.suggest(document.getElementById("suggestInput").value)
+    .then((response) => {
+        console.log("suggest", response);
+    });
+});
+
+var reverseBtn = document.getElementById('reverse');
+
+reverseBtn.addEventListener('click', function (e) {
+  // need to parse
+  arcgisRest.reverseGeocode(document.getElementById("reverseInput").value.split(','))
+    .then((response) => {
+        console.log("reverseGeocode", response);
+    });
+});
+
+var metadataBtn = document.getElementById('metadata');
+
+metadataBtn.addEventListener('click', function (e) {
+    arcgisRest.serviceInfo()
+    .then((response) => {
+        console.log("metadata", response);
+    });
+});
+
+var bulkBtn = document.getElementById('bulk');
+
+bulkBtn.addEventListener('click', function (e) {
+    var addresses = [{
+      "OBJECTID": 1,
+      "SingleLine": "380 New York St. Redlands 92373"
+    },
+    {
+      "OBJECTID": 2,
+      "SingleLine": "1 World Way Los Angeles 90045"
+    }];
+    arcgisRest.bulkGeocode({ authentication: auth, addresses })
+    .then((response) => {
+        console.log("bulkGeocode", response);
+    })
+    .catch((err) => {
+        console.warn(err);
+    });
+});
+</script>
+</body>
+</html>

package/demos/geocoder-browser/package-lock.json

@@ -0,0 +1,163 @@
+{
+	"requires": true,
+	"lockfileVersion": 1,
+	"dependencies": {
+		"async": {
+			"version": "1.5.2",
+			"resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+			"integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo="
+		},
+		"colors": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz",
+			"integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs="
+		},
+		"corser": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+			"integrity": "sha1-jtolLsqrWEDc2XXOuQ2TcMgZ/4c="
+		},
+		"debug": {
+			"version": "2.6.8",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.8.tgz",
+			"integrity": "sha1-5zFTHKLt4n0YgiJCfaF4IdaP9Pw=",
+			"requires": {
+				"ms": "2.0.0"
+			}
+		},
+		"ecstatic": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/ecstatic/-/ecstatic-2.2.1.tgz",
+			"integrity": "sha512-ztE4WqheoWLh3wv+HQwy7dACnvNY620coWpa+XqY6R2cVWgaAT2lUISU1Uf7JpdLLJCURktJOaA9av2AOzsyYQ==",
+			"requires": {
+				"he": "^1.1.1",
+				"mime": "^1.2.11",
+				"minimist": "^1.1.0",
+				"url-join": "^2.0.2"
+			}
+		},
+		"eventemitter3": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz",
+			"integrity": "sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg="
+		},
+		"he": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz",
+			"integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0="
+		},
+		"http-proxy": {
+			"version": "1.16.2",
+			"resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.16.2.tgz",
+			"integrity": "sha1-Bt/ykpUr9k2+hHH6nfcwZtTzd0I=",
+			"requires": {
+				"eventemitter3": "1.x.x",
+				"requires-port": "1.x.x"
+			}
+		},
+		"http-server": {
+			"version": "0.10.0",
+			"resolved": "https://registry.npmjs.org/http-server/-/http-server-0.10.0.tgz",
+			"integrity": "sha1-sqRGsWqduH7TxiK6m+sbCFsSNKc=",
+			"requires": {
+				"colors": "1.0.3",
+				"corser": "~2.0.0",
+				"ecstatic": "^2.0.0",
+				"http-proxy": "^1.8.1",
+				"opener": "~1.4.0",
+				"optimist": "0.6.x",
+				"portfinder": "^1.0.13",
+				"union": "~0.4.3"
+			}
+		},
+		"mime": {
+			"version": "1.3.6",
+			"resolved": "https://registry.npmjs.org/mime/-/mime-1.3.6.tgz",
+			"integrity": "sha1-WR2E02U6awtKO5343lqoEI5y5eA="
+		},
+		"minimist": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+			"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
+		},
+		"mkdirp": {
+			"version": "0.5.1",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+			"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+			"requires": {
+				"minimist": "0.0.8"
+			},
+			"dependencies": {
+				"minimist": {
+					"version": "0.0.8",
+					"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+					"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
+				}
+			}
+		},
+		"ms": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+			"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+		},
+		"opener": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/opener/-/opener-1.4.3.tgz",
+			"integrity": "sha1-XG2ixdflgx6P+jlklQ+NZnSskLg="
+		},
+		"optimist": {
+			"version": "0.6.1",
+			"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+			"integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+			"requires": {
+				"minimist": "~0.0.1",
+				"wordwrap": "~0.0.2"
+			},
+			"dependencies": {
+				"minimist": {
+					"version": "0.0.10",
+					"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+					"integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8="
+				}
+			}
+		},
+		"portfinder": {
+			"version": "1.0.13",
+			"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.13.tgz",
+			"integrity": "sha1-uzLs2HwnEErm7kS1o8y/Drsa7ek=",
+			"requires": {
+				"async": "^1.5.2",
+				"debug": "^2.2.0",
+				"mkdirp": "0.5.x"
+			}
+		},
+		"qs": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/qs/-/qs-2.3.3.tgz",
+			"integrity": "sha1-6eha2+ddoLvkyOBHaghikPhjtAQ="
+		},
+		"requires-port": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+			"integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
+		},
+		"union": {
+			"version": "0.4.6",
+			"resolved": "https://registry.npmjs.org/union/-/union-0.4.6.tgz",
+			"integrity": "sha1-GY+9rrolTniLDvy2MLwR8kopWeA=",
+			"requires": {
+				"qs": "~2.3.3"
+			}
+		},
+		"url-join": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/url-join/-/url-join-2.0.2.tgz",
+			"integrity": "sha1-wHJ1aWetJLi1nldBVRyqx49QuLc="
+		},
+		"wordwrap": {
+			"version": "0.0.3",
+			"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+			"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc="
+		}
+	}
+}

package/demos/geocoder-browser/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@esri/arcgis-rest-geocoder-vanilla",
+  "version": "1.6.0",
+  "private": true,
+  "description": "Vanilla JavaScript demo of @esri/arcgis-rest-geocoder",
+  "author": "",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@esri/arcgis-rest-auth": "^1.6.0",
+    "@esri/arcgis-rest-geocoder": "^1.6.0",
+    "@esri/arcgis-rest-request": "^1.6.0"
+  },
+  "devDependencies": {
+    "http-server": "*"
+  },
+  "scripts": {
+    "start": "http-server ."
+  }
+}

package/demos/geocoder-browser/post-sign-in.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+</head>
+<body>
+
+<script src="config.js"></script>
+<script src="node_modules/@esri/arcgis-rest-request/dist/umd/arcgis-rest-request.umd.js"></script>
+<script src="node_modules/@esri/arcgis-rest-auth/dist/umd/arcgis-rest-auth.umd.js"></script>
+
+<script>
+try {
+  arcgisRest.UserSession.completeOAuth2({
+    clientId: ClientId,
+    redirectUri: "http://localhost:8080/post-sign-in.html",
+    popup: true,
+    portal: "https://www.arcgis.com/sharing/rest"
+  });
+} catch (e) {
+  console.log('error', e);
+}
+</script>
+</body>
+</html>

package/demos/jsapi-integration/README.md

@@ -0,0 +1,8 @@
+# Passing authentication to the JSAPI
+
+This demo shows how to use `arcgis-rest-js` with  the ArcGIS API for JavaScript. A typical use case would be when you need to query items or feature data _before_ you are ready to display a map or scene view. In this scenario, you should load the light-weight `arcgis-rest-js` libraries first and use them to perform your queries and/or authenticate with the ArcGIS platform. Then when you are ready to show a map or scene view, you would lazy-load the ArcGIS API for JavaScript with something like [esri-loader](https://github.com/Esri/esri-loader) and use it to create the map. 
+
+## Running this demo
+1. Run `npm run bootstrap` in the repository's root directory.
+1. Run `npm start` to spin up the development server.
+1. Visit [http://localhost:8080](http://localhost:8080).

package/demos/jsapi-integration/config.js

@@ -0,0 +1,6 @@
+/*
+You can generate your own clientid by creating an application on the ArcGIS for Developers site. Be sure to add http://localhost:8080/ as a redirect uri for your application
+
+once you have a clientid of your own, copy/paste it here and rename this file 'config.js'
+*/
+let clientId = "UAbPGRdXA9m1BGsU"

package/demos/jsapi-integration/index.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
+  <title>Share auth between rest-js and the jsapi</title>
+
+  <style>
+    html,
+    body,
+    #viewDiv {
+      padding: 0;
+      margin: 0;
+      height: 100%;
+      width: 100%;
+    }
+  </style>
+
+  <link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css">
+
+  <script src="node_modules/@esri/arcgis-rest-request/dist/umd/request.umd.js"></script>
+  <script src="node_modules/@esri/arcgis-rest-auth/dist/umd/auth.umd.js"></script>
+  <script src="node_modules/@esri/arcgis-rest-items/dist/umd/items.umd.js"></script>
+
+  <!--
+    NOTE: rather than include the ArcGIS API for JavaScript via a <script> tag
+    typically you would using something like https://github.com/Esri/esri-loader
+    to lazy-load the API _after_ you had used the light-weight arcgis-rest-js
+    libraries above to log in and fetch some data (see NOTE below)
+  -->
+  <script src="https://js.arcgis.com/4.7/"></script>
+</head>
+
+<body>
+  <div id="viewDiv"></div>
+  <script>
+      // first, log in
+      // using canned username/password from
+      // https://developers.arcgis.com/python/sample-notebooks/chennai-floods-analysis/
+      const session = new arcgisRest.UserSession({
+        username: "arcgis_python",
+        password: "P@ssword123"
+      });
+
+      // next, fetch a private item's data (not just the metadata)
+      // https://geosaurus.maps.arcgis.com/home/item.html?id=728043ac6a574a00b8f1cd5ee0eae8cd
+      const itemId = "728043ac6a574a00b8f1cd5ee0eae8cd";
+      arcgisRest.getItemData(itemId, { authentication: session })
+        .then(response => {
+
+        // once we have the private item, we can create a map
+        // NOTE: this is where you would lazy-load the ArcGIS API for JavaScript
+        require([
+          "esri/identity/IdentityManager",
+          "esri/views/MapView",
+          "esri/WebMap"
+        ], function(
+          esriId, MapView, WebMap
+        ) {
+            // pass the authenticated session over to the JSAPI Identity Manager
+            esriId.registerToken(session.toCredential());
+
+            // dig the webmap id out of the response
+            var webmap = new WebMap({
+              portalItem: {
+                id: response.map.itemId
+              }
+            });
+
+            // and pass it to the map view
+            var view = new MapView({
+              map: webmap,
+              container: "viewDiv"
+            });
+          });
+      });
+    </script>
+</body>
+</html>