npm - delectusnon - Versions diffs - 1.0.0 - Mend

delectusnon 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (276) hide show

package/.prettierignore +2 -0
package/.travis.yml +33 -0
package/.vscode/launch.json +24 -0
package/.vscode/settings.json +3 -0
package/demos/ago-node-cli/README.md +29 -0
package/demos/ago-node-cli/ago.js +32 -0
package/demos/ago-node-cli/index.js +11 -0
package/demos/ago-node-cli/lib/item-export-command.js +48 -0
package/demos/ago-node-cli/lib/item-search-command.js +35 -0
package/demos/ago-node-cli/package-lock.json +172 -0
package/demos/ago-node-cli/package.json +30 -0
package/demos/attachments/README.md +5 -0
package/demos/attachments/index.html +164 -0
package/demos/attachments/package-lock.json +182 -0
package/demos/attachments/package.json +18 -0
package/demos/batch-geocoder-node/NYC_Restaurant_Inspection_Results.csv +100 -0
package/demos/batch-geocoder-node/README.md +15 -0
package/demos/batch-geocoder-node/batch-geocode.js +118 -0
package/demos/batch-geocoder-node/config-template.js +18 -0
package/demos/batch-geocoder-node/package-lock.json +116 -0
package/demos/batch-geocoder-node/package.json +39 -0
package/demos/express/README.md +10 -0
package/demos/express/config.json.template +3 -0
package/demos/express/package-lock.json +473 -0
package/demos/express/package.json +18 -0
package/demos/express/server.js +28 -0
package/demos/feature-service-browser/README.md +6 -0
package/demos/feature-service-browser/index.html +122 -0
package/demos/feature-service-browser/package-lock.json +182 -0
package/demos/feature-service-browser/package.json +18 -0
package/demos/geocoder-browser/README.md +10 -0
package/demos/geocoder-browser/config.js.template +1 -0
package/demos/geocoder-browser/index.html +131 -0
package/demos/geocoder-browser/package-lock.json +182 -0
package/demos/geocoder-browser/package.json +19 -0
package/demos/geocoder-browser/post-sign-in.html +25 -0
package/demos/jsapi-integration/README.md +8 -0
package/demos/jsapi-integration/config.js +6 -0
package/demos/jsapi-integration/index.html +79 -0
package/demos/jsapi-integration/package-lock.json +184 -0
package/demos/jsapi-integration/package.json +19 -0
package/demos/oauth2-browser/README.md +12 -0
package/demos/oauth2-browser/authenticate.html +32 -0
package/demos/oauth2-browser/config.js.template +6 -0
package/demos/oauth2-browser/index.html +202 -0
package/demos/oauth2-browser/logo.svg +4 -0
package/demos/oauth2-browser/package-lock.json +163 -0
package/demos/oauth2-browser/package.json +18 -0
package/demos/oauth2-browser/style.css +36 -0
package/demos/oauth2-browser-retry/README.md +25 -0
package/demos/oauth2-browser-retry/authenticate.html +21 -0
package/demos/oauth2-browser-retry/index.html +116 -0
package/demos/oauth2-browser-retry/logo.svg +4 -0
package/demos/vue/.env.example +11 -0
package/demos/vue/.eslintrc.js +17 -0
package/demos/vue/.postcssrc.js +5 -0
package/demos/vue/README.md +17 -0
package/demos/vue/babel.config.js +3 -0
package/demos/vue/package-lock.json +11323 -0
package/demos/vue/package.json +33 -0
package/demos/vue/public/favicon.ico +0 -0
package/demos/vue/public/index.html +24 -0
package/demos/vue/src/assets/logo.svg +29 -0
package/demos/vue/src/components/App.vue +308 -0
package/demos/vue/src/components/Authenticate.vue +65 -0
package/demos/vue/src/components/Loader.vue +230 -0
package/demos/vue/src/main.js +92 -0
package/docs/FAQ.md +28 -0
package/docs/HISTORY.md +62 -0
package/docs/acetate.config.js +223 -0
package/docs/build-typedoc.js +301 -0
package/docs/src/_layout.html +82 -0
package/docs/src/api/_declaration.html +496 -0
package/docs/src/api/_layout.html +127 -0
package/docs/src/api/_package.html +13 -0
package/docs/src/api/index.html +23 -0
package/docs/src/guides/_layout.html +24 -0
package/docs/src/guides/amd-requirejs-dojo.md +40 -0
package/docs/src/guides/babel-and-rollup.md +30 -0
package/docs/src/guides/babel-and-webpack.md +30 -0
package/docs/src/guides/browser-authentication.md +31 -0
package/docs/src/guides/browserify.md +9 -0
package/docs/src/guides/cli-authentication.md +9 -0
package/docs/src/guides/client-server-authentication.md +9 -0
package/docs/src/guides/from-a-cdn.md +36 -0
package/docs/src/guides/index.md +52 -0
package/docs/src/guides/node.md +70 -0
package/docs/src/guides/package-overview.md +8 -0
package/docs/src/guides/server-authentication.md +9 -0
package/docs/src/guides/typescript-and-webpack.md +9 -0
package/docs/src/img/icons.png +0 -0
package/docs/src/img/icons@2x.png +0 -0
package/docs/src/index.html +12 -0
package/docs/src/js/api-search.js +112 -0
package/docs/src/js/nav-toggle.js +41 -0
package/docs/src/sass/_highlight.scss +96 -0
package/docs/src/sass/_icons.scss +157 -0
package/docs/src/sass/style.scss +169 -0
package/jasmine.json +7 -0
package/karma.conf.js +100 -0
package/lerna.json +8 -0
package/notes/README.md +88 -0
package/package.json +88 -0
package/packages/arcgis-rest-auth/README.md +64 -0
package/packages/arcgis-rest-auth/package-lock.json +11 -0
package/packages/arcgis-rest-auth/package.json +51 -0
package/packages/arcgis-rest-auth/src/ApplicationSession.ts +109 -0
package/packages/arcgis-rest-auth/src/UserSession.ts +873 -0
package/packages/arcgis-rest-auth/src/authenticated-request-options.ts +24 -0
package/packages/arcgis-rest-auth/src/fetch-token.ts +52 -0
package/packages/arcgis-rest-auth/src/generate-token.ts +39 -0
package/packages/arcgis-rest-auth/src/index.ts +8 -0
package/packages/arcgis-rest-auth/test/ApplicationSession.test.ts +124 -0
package/packages/arcgis-rest-auth/test/UserSession.test.ts +995 -0
package/packages/arcgis-rest-auth/test/fetchToken.test.ts +112 -0
package/packages/arcgis-rest-auth/test/generateToken.test.ts +130 -0
package/packages/arcgis-rest-auth/test/utils.ts +14 -0
package/packages/arcgis-rest-auth/tsconfig.json +6 -0
package/packages/arcgis-rest-common-types/README.md +61 -0
package/packages/arcgis-rest-common-types/package.json +38 -0
package/packages/arcgis-rest-common-types/src/group.ts +54 -0
package/packages/arcgis-rest-common-types/src/index.ts +467 -0
package/packages/arcgis-rest-common-types/src/item.ts +45 -0
package/packages/arcgis-rest-common-types/src/webmap.ts +1232 -0
package/packages/arcgis-rest-common-types/tsconfig.json +11 -0
package/packages/arcgis-rest-feature-service/README.md +70 -0
package/packages/arcgis-rest-feature-service/package-lock.json +11 -0
package/packages/arcgis-rest-feature-service/package.json +50 -0
package/packages/arcgis-rest-feature-service/src/add.ts +81 -0
package/packages/arcgis-rest-feature-service/src/addAttachment.ts +65 -0
package/packages/arcgis-rest-feature-service/src/delete.ts +85 -0
package/packages/arcgis-rest-feature-service/src/deleteAttachments.ts +68 -0
package/packages/arcgis-rest-feature-service/src/getAttachments.ts +64 -0
package/packages/arcgis-rest-feature-service/src/helpers.ts +80 -0
package/packages/arcgis-rest-feature-service/src/index.ts +12 -0
package/packages/arcgis-rest-feature-service/src/query.ts +172 -0
package/packages/arcgis-rest-feature-service/src/queryRelated.ts +91 -0
package/packages/arcgis-rest-feature-service/src/update.ts +81 -0
package/packages/arcgis-rest-feature-service/src/updateAttachment.ts +74 -0
package/packages/arcgis-rest-feature-service/test/attachments.test.ts +203 -0
package/packages/arcgis-rest-feature-service/test/features.test.ts +252 -0
package/packages/arcgis-rest-feature-service/test/mocks/feature.ts +279 -0
package/packages/arcgis-rest-feature-service/test/mocks/foo.txt +1 -0
package/packages/arcgis-rest-feature-service/tsconfig.json +6 -0
package/packages/arcgis-rest-feature-service-admin/README.md +66 -0
package/packages/arcgis-rest-feature-service-admin/package-lock.json +11 -0
package/packages/arcgis-rest-feature-service-admin/package.json +53 -0
package/packages/arcgis-rest-feature-service-admin/src/addTo.ts +70 -0
package/packages/arcgis-rest-feature-service-admin/src/create.ts +195 -0
package/packages/arcgis-rest-feature-service-admin/src/index.ts +2 -0
package/packages/arcgis-rest-feature-service-admin/test/addTo.test.ts +310 -0
package/packages/arcgis-rest-feature-service-admin/test/create.test.ts +412 -0
package/packages/arcgis-rest-feature-service-admin/test/mocks/move.ts +14 -0
package/packages/arcgis-rest-feature-service-admin/test/mocks/service.ts +72 -0
package/packages/arcgis-rest-feature-service-admin/tsconfig.json +6 -0
package/packages/arcgis-rest-geocoder/README.md +79 -0
package/packages/arcgis-rest-geocoder/package-lock.json +11 -0
package/packages/arcgis-rest-geocoder/package.json +52 -0
package/packages/arcgis-rest-geocoder/src/bulk.ts +102 -0
package/packages/arcgis-rest-geocoder/src/geocode.ts +117 -0
package/packages/arcgis-rest-geocoder/src/helpers.ts +79 -0
package/packages/arcgis-rest-geocoder/src/index.ts +8 -0
package/packages/arcgis-rest-geocoder/src/reverse.ts +84 -0
package/packages/arcgis-rest-geocoder/src/suggest.ts +72 -0
package/packages/arcgis-rest-geocoder/test/bulk.test.ts +113 -0
package/packages/arcgis-rest-geocoder/test/geocode.test.ts +121 -0
package/packages/arcgis-rest-geocoder/test/helpers.test.ts +113 -0
package/packages/arcgis-rest-geocoder/test/mocks/responses.ts +591 -0
package/packages/arcgis-rest-geocoder/test/reverse.test.ts +126 -0
package/packages/arcgis-rest-geocoder/test/suggest.test.ts +77 -0
package/packages/arcgis-rest-geocoder/tsconfig.json +6 -0
package/packages/arcgis-rest-groups/README.md +64 -0
package/packages/arcgis-rest-groups/package-lock.json +11 -0
package/packages/arcgis-rest-groups/package.json +52 -0
package/packages/arcgis-rest-groups/src/create.ts +34 -0
package/packages/arcgis-rest-groups/src/get.ts +95 -0
package/packages/arcgis-rest-groups/src/helpers.ts +26 -0
package/packages/arcgis-rest-groups/src/index.ts +11 -0
package/packages/arcgis-rest-groups/src/notification.ts +77 -0
package/packages/arcgis-rest-groups/src/protect.ts +40 -0
package/packages/arcgis-rest-groups/src/remove.ts +23 -0
package/packages/arcgis-rest-groups/src/search.ts +64 -0
package/packages/arcgis-rest-groups/src/update.ts +36 -0
package/packages/arcgis-rest-groups/test/crud.test.ts +104 -0
package/packages/arcgis-rest-groups/test/get.test.ts +101 -0
package/packages/arcgis-rest-groups/test/mocks/responses.ts +141 -0
package/packages/arcgis-rest-groups/test/notification.test.ts +102 -0
package/packages/arcgis-rest-groups/test/protect.test.ts +64 -0
package/packages/arcgis-rest-groups/test/search.test.ts +85 -0
package/packages/arcgis-rest-groups/tsconfig.json +6 -0
package/packages/arcgis-rest-items/README.md +66 -0
package/packages/arcgis-rest-items/package-lock.json +11 -0
package/packages/arcgis-rest-items/package.json +52 -0
package/packages/arcgis-rest-items/src/add.ts +103 -0
package/packages/arcgis-rest-items/src/create.ts +110 -0
package/packages/arcgis-rest-items/src/get.ts +79 -0
package/packages/arcgis-rest-items/src/helpers.ts +147 -0
package/packages/arcgis-rest-items/src/index.ts +11 -0
package/packages/arcgis-rest-items/src/protect.ts +38 -0
package/packages/arcgis-rest-items/src/remove.ts +58 -0
package/packages/arcgis-rest-items/src/search.ts +78 -0
package/packages/arcgis-rest-items/src/update.ts +134 -0
package/packages/arcgis-rest-items/test/add.test.ts +256 -0
package/packages/arcgis-rest-items/test/create.test.ts +371 -0
package/packages/arcgis-rest-items/test/get.test.ts +181 -0
package/packages/arcgis-rest-items/test/mocks/foo.zip +0 -0
package/packages/arcgis-rest-items/test/mocks/item.ts +33 -0
package/packages/arcgis-rest-items/test/mocks/resources.ts +31 -0
package/packages/arcgis-rest-items/test/mocks/search.ts +63 -0
package/packages/arcgis-rest-items/test/protect.test.ts +122 -0
package/packages/arcgis-rest-items/test/remove.test.ts +161 -0
package/packages/arcgis-rest-items/test/search.test.ts +159 -0
package/packages/arcgis-rest-items/test/update.test.ts +450 -0
package/packages/arcgis-rest-items/tsconfig.json +6 -0
package/packages/arcgis-rest-request/README.md +65 -0
package/packages/arcgis-rest-request/package-lock.json +11 -0
package/packages/arcgis-rest-request/package.json +42 -0
package/packages/arcgis-rest-request/src/index.ts +13 -0
package/packages/arcgis-rest-request/src/request.ts +293 -0
package/packages/arcgis-rest-request/src/utils/ArcGISAuthError.ts +67 -0
package/packages/arcgis-rest-request/src/utils/ArcGISRequestError.ts +76 -0
package/packages/arcgis-rest-request/src/utils/ErrorTypes.ts +29 -0
package/packages/arcgis-rest-request/src/utils/check-for-errors.ts +65 -0
package/packages/arcgis-rest-request/src/utils/encode-form-data.ts +34 -0
package/packages/arcgis-rest-request/src/utils/encode-query-string.ts +23 -0
package/packages/arcgis-rest-request/src/utils/get-portal-url.ts +25 -0
package/packages/arcgis-rest-request/src/utils/get-portal.ts +45 -0
package/packages/arcgis-rest-request/src/utils/process-params.ts +99 -0
package/packages/arcgis-rest-request/test/mocks/errors.ts +68 -0
package/packages/arcgis-rest-request/test/mocks/geojson-feature-collection.ts +13 -0
package/packages/arcgis-rest-request/test/mocks/portal.ts +112 -0
package/packages/arcgis-rest-request/test/mocks/sharing-rest-info.ts +41 -0
package/packages/arcgis-rest-request/test/mocks/webmap.ts +41 -0
package/packages/arcgis-rest-request/test/request.test.ts +299 -0
package/packages/arcgis-rest-request/test/utils/ArcGISAuthError.test.ts +170 -0
package/packages/arcgis-rest-request/test/utils/ArcGISRequestError.test.ts +51 -0
package/packages/arcgis-rest-request/test/utils/check-for-errors.test.ts +111 -0
package/packages/arcgis-rest-request/test/utils/encode-form-data.test.ts +133 -0
package/packages/arcgis-rest-request/test/utils/get-portal-url.test.ts +37 -0
package/packages/arcgis-rest-request/test/utils/portal.test.ts +97 -0
package/packages/arcgis-rest-request/test/utils/process-params.test.ts +193 -0
package/packages/arcgis-rest-request/tsconfig.json +6 -0
package/packages/arcgis-rest-sharing/README.md +67 -0
package/packages/arcgis-rest-sharing/package-lock.json +11 -0
package/packages/arcgis-rest-sharing/package.json +57 -0
package/packages/arcgis-rest-sharing/src/access.ts +85 -0
package/packages/arcgis-rest-sharing/src/group-sharing.ts +211 -0
package/packages/arcgis-rest-sharing/src/helpers.ts +82 -0
package/packages/arcgis-rest-sharing/src/index.ts +5 -0
package/packages/arcgis-rest-sharing/test/access.test.ts +154 -0
package/packages/arcgis-rest-sharing/test/group-sharing.test.ts +566 -0
package/packages/arcgis-rest-sharing/test/helpers.test.ts +55 -0
package/packages/arcgis-rest-sharing/test/mocks/sharing.ts +18 -0
package/packages/arcgis-rest-sharing/tsconfig.json +6 -0
package/packages/arcgis-rest-users/README.md +71 -0
package/packages/arcgis-rest-users/package-lock.json +11 -0
package/packages/arcgis-rest-users/package.json +51 -0
package/packages/arcgis-rest-users/src/get.ts +69 -0
package/packages/arcgis-rest-users/src/index.ts +6 -0
package/packages/arcgis-rest-users/src/invitation.ts +166 -0
package/packages/arcgis-rest-users/src/notification.ts +73 -0
package/packages/arcgis-rest-users/test/get.test.ts +99 -0
package/packages/arcgis-rest-users/test/invitation.test.ts +169 -0
package/packages/arcgis-rest-users/test/mocks/invitation.ts +70 -0
package/packages/arcgis-rest-users/test/mocks/notification.ts +34 -0
package/packages/arcgis-rest-users/test/mocks/user.ts +173 -0
package/packages/arcgis-rest-users/test/notification.test.ts +83 -0
package/packages/arcgis-rest-users/tsconfig.json +6 -0
package/support/changelog.js +394 -0
package/support/deploy-doc-site.js +16 -0
package/support/publish.sh +43 -0
package/support/test-helpers.js +8 -0
package/tsconfig.json +69 -0
package/tslint.json +15 -0
package/umd-base-profile.js +82 -0
package/umd-production-profile.js +13 -0

package/demos/vue/package.json ADDED Viewed

@@ -0,0 +1,33 @@
+{
+  "name": "@esri/arcgis-rest-demo-vue-with-popup",
+  "description": "VueJS demo of @esri/arcgis-rest-* packages.",
+  "version": "1.13.0",
+  "author": "",
+  "license": "Apache-2.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "start": "npm run serve"
+  },
+  "dependencies": {
+    "@esri/arcgis-rest-auth": "^1.13.0",
+    "@esri/arcgis-rest-request": "^1.13.0",
+    "vue": "^2.5.17",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.0.0",
+    "@vue/cli-plugin-eslint": "^3.0.0",
+    "@vue/cli-service": "^3.0.0",
+    "@vue/eslint-config-prettier": "^3.0.0",
+    "vue-template-compiler": "^2.5.17"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

package/demos/vue/public/favicon.ico ADDED Viewed

Binary file

package/demos/vue/public/index.html ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title>ArcGIS Rest JS Vue</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <style>
+      html, body {
+        width: 100%;
+        height: 100%;
+      }
+      .row {
+        margin-bottom: 25px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package/demos/vue/src/assets/logo.svg ADDED Viewed

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 400 400"
+   height="400"
+   width="400"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     transform="matrix(1.3333333,0,0,-1.3333333,0,400)"
+     id="g10"><g
+       transform="translate(178.0626,235.0086)"
+       id="g12"><path
+         id="path14"
+         style="fill:#4dba87;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         d="M 0,0 -22.669,-39.264 -45.338,0 h -75.491 L -22.669,-170.017 75.491,0 Z" /></g><g
+       transform="translate(178.0626,235.0086)"
+       id="g16"><path
+         id="path18"
+         style="fill:#435466;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         d="M 0,0 -22.669,-39.264 -45.338,0 H -81.565 L -22.669,-102.01 36.227,0 Z" /></g></g></svg>

package/demos/vue/src/components/App.vue ADDED Viewed

@@ -0,0 +1,308 @@
+<template>
+  <div id="app-wrapper">
+    <div class="jumbotron">
+      <div class="container">
+        <div id="page-header" class="row">
+          <div id="logo-container" class="col-sm-3">
+            <img id="logo" src="../assets/logo.svg">
+          </div>
+          <div class="col-sm-9">
+            <h2>
+              ArcGIS Rest JS Vue Demo
+            </h2>
+            <p>
+              A simple vue application utilizing the arcgis-rest-js library.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container">
+      <div class="row">
+        <div class="col-xs-12">
+          <!-- Hook the has-error class to the boolean clientIdError. -->
+          <div :class="{ 'has-error': clientIdError }" class="form-group">
+            <label class="control-label">ClientID</label>
+            <!-- Hook this input up to the clientId property. -->
+            <input
+              v-model="clientId"
+              type="text"
+              class="form-control"
+            >
+          </div>
+          <p class="help-block">
+            You can generate your own clientid by creating an application on the
+            <a target='_blank' href='https://developers.arcgis.com/documentation/core-concepts/security-and-authentication/browser-based-user-logins/'>
+              ArcGIS for Developers
+            </a>
+            website. Be sure to add
+            <code>
+              {{ redirect_uri }}
+            </code>
+            as a redirect uri for your application.
+          </p>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-xs-6">
+          <!-- On click, this button will call the signInWithPopup function. -->
+          <button class="btn btn-primary btn-block" @click="signInWithPopup">Sign In (with popup)</button>
+        </div>
+        <div class="col-xs-6">
+          <!-- On click, this button will call the signInWithoutPopup function. -->
+          <button class="btn btn-primary btn-block" @click="signInWithInlineRedirect">Sign In (inline redirect)</button>
+        </div>
+      </div>
+      <!-- If there is a current session, render this bit. -->
+      <div v-if="session" class="row">
+        <div class="col-xs-12 text-center">
+          <p class="bg-success info-panel">
+            <!-- Display the current user's username. -->
+            Logged in as {{ session.username }}.
+          </p>
+        </div>
+      </div>
+      <!-- If there is not a current session, render this instead. -->
+      <div v-else class="row">
+        <div class="col-xs-12 text-center">
+          <p class="bg-info info-panel">
+            Log in using one of the methods above to load rest of the page.
+          </p>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-xs-6 col-xs-offset-3 text-center">
+          <button class="btn btn-block btn-warning" @click="signout">Sign Out</button>
+        </div>
+      </div>
+      <div class="panel panel-default">
+        <div class="panel-heading">
+          <div class="row" style="margin-bottom: 0px">
+            <div class="col-xs-4">
+              <!-- This button will call the search function. It's disabled if there is no current session. -->
+              <button @click="search" :disabled="!session" class="btn btn-success btn-block">
+                <span class="glyphicon glyphicon-search"></span>
+                Search Your Content
+              </button>
+            </div>
+            <div class="col-xs-8">
+              <div class="input-group">
+                <div class="input-group-addon">
+                  <span class="glyphicon glyphicon-filter"></span>
+                </div>
+                <!-- Hook up this input the the filter string property. It's disabled if there is no current session. -->
+                <input
+                  v-model="filterString"
+                  :disabled="!session"
+                  type="text"
+                  class="form-control"
+                  placeholder="Filter"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Render this only if their is a current search pending. -->
+        <div v-if="searching" class="panel-body loading-table">
+          <loader
+            size='25'
+            label='Fetching Data...'
+            labelPosition='bottom'
+          ></loader>
+        </div>
+        <!-- Render if there are search results. -->
+        <table v-if="searchResults" class="table table-hover">
+          <thead>
+            <tr>
+              <th>Title:</th>
+              <th>ID:</th>
+            </tr>
+          </thead>
+          <!-- If there are any search results, render them. -->
+          <tbody v-if="searchResults.length > 0">
+            <!-- Iterate over the search results and render a table row for each. -->
+            <tr
+              v-for="(item, index) in searchResults"
+              :key="index"
+            >
+              <td>
+                {{ item.title }}
+              </td>
+              <td>
+                {{ item.id }}
+              </td>
+            </tr>
+          </tbody>
+          <!-- If no results were found, render this information. -->
+          <tbody v-else>
+            <tr class="danger">
+              <td>
+                No results found.
+              </td>
+              <td></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+// Import the arcgis-rest-auth bit.
+import { UserSession } from "@esri/arcgis-rest-auth";
+// Import the arcgis-rest-request bit.
+import { request } from "@esri/arcgis-rest-request";
+// Import a simple loading indicator.
+import Loader from "./Loader";
+export default {
+  name: "App",
+  components: { Loader },
+  data() {
+    return {
+      // Store these values on this instance.
+      clientId: process.env.VUE_APP_CLIENTID || "QVQNb3XfDzoboWS0",
+      clientIdError: false,
+      filterString: null,
+      searching: null,
+      searchResults: null
+    };
+  },
+  computed: {
+    // Simple computed property to access the current applications path to
+    // set it as the redirect_uri.
+    redirect_uri() {
+      return `${window.location.origin}${window.location.pathname}`;
+    },
+    session() {
+      return this.$store.state.session;
+    }
+  },
+  created() {
+    // Upon creation, check to see if the session prop exists. If it does,
+    // pre-populate the client id value.
+    if (this.$store.state.session) {
+      this.clientId = this.$store.state.session.clientId;
+    }
+  },
+  mounted() {},
+  watch: {
+    // Set a watcher on the client id to validate it when it changes.
+    clientId() {
+      if (this.clientId === "") this.clientIdError = true;
+      else this.clientIdError = false;
+    }
+  },
+  methods: {
+    // Function to validate that the client id exists.
+    requireClientId() {
+      if (this.clientIdError || !this.clientId) {
+        this.clientIdError = true;
+        return false;
+      }
+      return true;
+    },
+    // The signup with a popup workflow. When popup is true, the beginOAuth2 function
+    // returns a promise.
+    signInWithPopup() {
+      if (this.requireClientId()) {
+        UserSession.beginOAuth2({
+          clientId: this.clientId,
+          // Passing the clientid here is only a requirement of this demo where we allow
+          // dynamic clientids via input. Typically you would have this hard-coded on
+          // the authorization callback.
+          redirectUri: `${this.redirect_uri}#/authenticate?clientID=${
+            this.clientId
+          }`,
+          popup: true
+        })
+          .then(session => {
+            // Upon successful login, update the application's store with this new
+            // session.
+            this.$store.dispatch("updateSession", session);
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      }
+    },
+    // The signup with an inline redirect workflow. In this case the user is just redirected to
+    // the authorization page.
+    signInWithInlineRedirect() {
+      if (this.requireClientId()) {
+        UserSession.beginOAuth2({
+          clientId: this.clientId,
+          redirectUri: `${this.redirect_uri}#/authenticate?clientID=${
+            this.clientId
+          }`,
+          popup: false
+        });
+      }
+    },
+    // Function to log the use out of the current session.
+    signout() {
+      this.$store.dispatch("updateSession", null);
+      this.searchResults = null;
+    },
+    // Function to call to search for a user's content.
+    search() {
+      // Update the properties for a new search.
+      this.searchResults = null;
+      this.searching = true;
+      // Timeout is for effect.
+      setTimeout(this.requestData, 300);
+    },
+    // Request data from AGOL.
+    requestData() {
+      // Construct a search query for only items the user owns. Add a filter if it exists.
+      const query = `owner: ${this.$store.state.session.username}${
+        this.filterString ? ` AND ${this.filterString}` : ""
+      }`;
+      // Construct the url for the endpoint with the session's portal and the constructed
+      // query.
+      const searchUrl = `${this.$store.state.session.portal}/search?q=${query}`;
+      // Make the request. Tack on the current authentication session.
+      request(searchUrl, { authentication: this.$store.state.session })
+        .then(response => {
+          this.searching = false;
+          this.searchResults = response.results;
+        })
+        .catch(error => {
+          this.searching = false;
+          console.error(error);
+        });
+    }
+  }
+};
+</script>
+<style>
+.jumbotron {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+#logo-container {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+}
+#logo {
+  width: 150px;
+  height: 150px;
+}
+.info-panel {
+  padding: 15px;
+}
+.loading-table {
+  width: 100%;
+  height: 150px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+}
+</style>

package/demos/vue/src/components/Authenticate.vue ADDED Viewed

@@ -0,0 +1,65 @@
+<template>
+  <div id="authenticate-wrapper">
+    <!-- Just a simple loading indicator -->
+    <loader
+      size='25'
+      label='Authenticating...'
+      labelPosition='bottom'
+    ></loader>
+  </div>
+</template>
+<script>
+// Import the arcgis-rest-auth bit.
+import { UserSession } from "@esri/arcgis-rest-auth";
+// Import a simple loading indicator.
+import Loader from "./Loader";
+export default {
+  name: "Authenticate",
+  components: { Loader },
+  props: [],
+  data() {
+    return {};
+  },
+  computed: {
+    // Simple computed property to make it easier to access the client id
+    // in the url. In a production app the clientid should be hardcoded.
+    clientId() {
+      return this.$route.query.clientID;
+    }
+  },
+  created() {},
+  mounted() {
+    // When this component is rendered, set a timeout to process the authentication.
+    // The timing is just for effect to show it's working.
+    setTimeout(this.processAuthentication, 500);
+  },
+  methods: {
+    processAuthentication() {
+      // Complete the OAuth2 process. If in a popup, the window will close before
+      // this finishes and will be handled by the beginOAuth2 function. If not in
+      // a popup, it will proceed to the next couple lines.
+      const session = UserSession.completeOAuth2({
+        // Required as it is a piece of the key in the popup method. If not using
+        // a popup, this shouldn't be required.
+        clientId: this.clientId
+      });
+      // Update the application store with the new session.
+      this.$store.dispatch("updateSession", session);
+      // The app is the rerouted to the main application.
+      this.$router.replace("/");
+    }
+  }
+};
+</script>
+<style>
+#authenticate-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+}
+</style>

package/demos/vue/src/components/Loader.vue ADDED Viewed

@@ -0,0 +1,230 @@
+<template>
+  <div ref='loader-wrapper' id='loader-wrapper'>
+    <div v-if="label" ref="label">
+      {{ label }}
+    </div>
+    <div ref="spinner" class="sk-fading-circle">
+      <div class="sk-circle1 sk-circle"></div>
+      <div class="sk-circle2 sk-circle"></div>
+      <div class="sk-circle3 sk-circle"></div>
+      <div class="sk-circle4 sk-circle"></div>
+      <div class="sk-circle5 sk-circle"></div>
+      <div class="sk-circle6 sk-circle"></div>
+      <div class="sk-circle7 sk-circle"></div>
+      <div class="sk-circle8 sk-circle"></div>
+      <div class="sk-circle9 sk-circle"></div>
+      <div class="sk-circle10 sk-circle"></div>
+      <div class="sk-circle11 sk-circle"></div>
+      <div class="sk-circle12 sk-circle"></div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "Loader",
+  components: {},
+  props: ["size", "label", "labelPosition"],
+  data() {
+    return {};
+  },
+  watch: {
+    size() {
+      this.setSize();
+    },
+    labelPosition() {
+      this.setLabelPosition();
+    }
+  },
+  created() {},
+  mounted() {
+    this.setSize();
+    this.setLabelPosition();
+  },
+  methods: {
+    setSize() {
+      const marginPercentage = 0.2;
+      this.$refs.spinner.style.width = `${this.size || 40}px`;
+      this.$refs.spinner.style.height = `${this.size || 40}px`;
+      this.$refs.spinner.style.margin = `${this.size * marginPercentage ||
+        40 * marginPercentage}px`;
+    },
+    setLabelPosition() {
+      switch (this.labelPosition) {
+        case "top":
+          this.$refs["loader-wrapper"].style["flex-direction"] = "column";
+          break;
+        case "bottom":
+          this.$refs["loader-wrapper"].style["flex-direction"] =
+            "column-reverse";
+          break;
+        case "left":
+          this.$refs["loader-wrapper"].style["flex-direction"] = "row";
+          break;
+        case "right":
+          this.$refs["loader-wrapper"].style["flex-direction"] = "row-reverse";
+          break;
+        default:
+          this.$refs["loader-wrapper"].style["flex-direction"] =
+            "column-reverse";
+          break;
+      }
+    }
+  }
+};
+</script>
+<style>
+#loader-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.sk-fading-circle {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.sk-fading-circle .sk-circle {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.sk-fading-circle .sk-circle:before {
+  content: "";
+  display: block;
+  margin: 0 auto;
+  width: 15%;
+  height: 15%;
+  background-color: #333;
+  border-radius: 100%;
+  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
+  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
+}
+.sk-fading-circle .sk-circle2 {
+  -webkit-transform: rotate(30deg);
+  -ms-transform: rotate(30deg);
+  transform: rotate(30deg);
+}
+.sk-fading-circle .sk-circle3 {
+  -webkit-transform: rotate(60deg);
+  -ms-transform: rotate(60deg);
+  transform: rotate(60deg);
+}
+.sk-fading-circle .sk-circle4 {
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.sk-fading-circle .sk-circle5 {
+  -webkit-transform: rotate(120deg);
+  -ms-transform: rotate(120deg);
+  transform: rotate(120deg);
+}
+.sk-fading-circle .sk-circle6 {
+  -webkit-transform: rotate(150deg);
+  -ms-transform: rotate(150deg);
+  transform: rotate(150deg);
+}
+.sk-fading-circle .sk-circle7 {
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+.sk-fading-circle .sk-circle8 {
+  -webkit-transform: rotate(210deg);
+  -ms-transform: rotate(210deg);
+  transform: rotate(210deg);
+}
+.sk-fading-circle .sk-circle9 {
+  -webkit-transform: rotate(240deg);
+  -ms-transform: rotate(240deg);
+  transform: rotate(240deg);
+}
+.sk-fading-circle .sk-circle10 {
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+.sk-fading-circle .sk-circle11 {
+  -webkit-transform: rotate(300deg);
+  -ms-transform: rotate(300deg);
+  transform: rotate(300deg);
+}
+.sk-fading-circle .sk-circle12 {
+  -webkit-transform: rotate(330deg);
+  -ms-transform: rotate(330deg);
+  transform: rotate(330deg);
+}
+.sk-fading-circle .sk-circle2:before {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+.sk-fading-circle .sk-circle3:before {
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s;
+}
+.sk-fading-circle .sk-circle4:before {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+.sk-fading-circle .sk-circle5:before {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+.sk-fading-circle .sk-circle6:before {
+  -webkit-animation-delay: -0.7s;
+  animation-delay: -0.7s;
+}
+.sk-fading-circle .sk-circle7:before {
+  -webkit-animation-delay: -0.6s;
+  animation-delay: -0.6s;
+}
+.sk-fading-circle .sk-circle8:before {
+  -webkit-animation-delay: -0.5s;
+  animation-delay: -0.5s;
+}
+.sk-fading-circle .sk-circle9:before {
+  -webkit-animation-delay: -0.4s;
+  animation-delay: -0.4s;
+}
+.sk-fading-circle .sk-circle10:before {
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+.sk-fading-circle .sk-circle11:before {
+  -webkit-animation-delay: -0.2s;
+  animation-delay: -0.2s;
+}
+.sk-fading-circle .sk-circle12:before {
+  -webkit-animation-delay: -0.1s;
+  animation-delay: -0.1s;
+}
+@-webkit-keyframes sk-circleFadeDelay {
+  0%,
+  39%,
+  100% {
+    opacity: 0;
+  }
+  40% {
+    opacity: 1;
+  }
+}
+@keyframes sk-circleFadeDelay {
+  0%,
+  39%,
+  100% {
+    opacity: 0;
+  }
+  40% {
+    opacity: 1;
+  }
+}
+</style>