adding code samples to a0js v7-v9 migration

Author: luisrudge

.vscode/settings.json

@@ -1,4 +1,4 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-
-}
+  "editor.formatOnSave": false
+}

articles/libraries/auth0js/v9/migration-v7-v9.md

@@ -25,3 +25,210 @@ Follow the [instructions to migrate from Auth0.js v7 to v8](/libraries/auth0js/v
 <%= include('../../_includes/_hosted_pages') %>
 <%= include('../../_includes/_default_values') %>
 
+## Using Auth0.js to log in users
+
+### Using Auth0.js v7
+
+```js
+var auth0 = new Auth0({
+  domain: "your-domain.auth0.com",
+  clientID: "the-client-id",
+  responseType: "token"
+});
+
+//with the hosted login page
+auth0.login({});
+
+//with a social connection
+auth0.login({
+  connection: "twitter"
+});
+
+//with username and password
+auth0.login({
+  connection: "my-db-connection",
+  username: "the-username",
+  password: "the-password"
+});
+```
+
+### Using Auth0.js v9
+
+```js
+var webAuth = new auth0.WebAuth({
+  domain: "your-domain.auth0.com",
+  clientID: "the-client-id",
+  responseType: "token"
+});
+
+//with the hosted login page
+webAuth.authorize({});
+
+//with a social connection
+webAuth.authorize({
+  connection: "twitter"
+});
+
+//with username and password
+webAuth.login({
+  realm: "my-db-connection",
+  username: "the-username",
+  //email: "[email protected]",
+  password: "the-password"
+});
+```
+
+## Using Auth0.js to log in users without a redirect
+
+### Using Auth0.js v7
+
+```js
+var auth0 = new Auth0({
+  domain: "your-domain.auth0.com",
+  clientID: "the-client-id",
+  responseType: "token"
+});
+
+//with the hosted login page
+auth0.login({
+  popup: true
+});
+
+//with a social connection
+auth0.login({
+  popup: true,
+  connection: "twitter"
+});
+
+//with username and password
+auth0.login({
+  popup: true,
+  connection: "my-db-connection",
+  username: "the-username",
+  password: "the-password"
+});
+```
+
+### Using Auth0.js v9
+
+```js
+var webAuth = new auth0.WebAuth({
+  domain: "your-domain.auth0.com",
+  clientID: "the-client-id",
+  responseType: "token"
+});
+
+//with the hosted login page
+webAuth.popup.authorize({});
+
+//with a social connection
+webAuth.popup.authorize({
+  connection: "twitter"
+});
+
+//with username and password
+webAuth.popup.loginWithCredentials({
+  connection: "my-db-connection",
+  username: "the-username",
+  //email: "[email protected]",
+  password: "the-password"
+});
+```
+
+## Using Auth0.js to log in users using Passwordless
+
+### Using Auth0.js v7
+
+```js
+var auth0 = new Auth0({
+  domain: "your-domain.auth0.com",
+  clientID: "the-client-id",
+  responseType: "token"
+});
+
+//with a magic link sent via email
+auth0.requestMagicLink(
+  {
+    email: "[email protected]"
+  },
+  function(err) {}
+);
+
+//with a code sent via email
+auth0.requestEmailCode(
+  {
+    email: "[email protected]"
+  },
+  function(err) {}
+);
+
+//verifying the email code
+auth0.verifyEmailCode(
+  {
+    email: "[email protected]",
+    code: "the-code"
+  },
+  function(err, result) {}
+);
+
+//with a code sent via sms
+auth0.requestSMSCode(
+  {
+    phoneNumber: "+the_phone_number"
+  },
+  function(err) {}
+);
+
+//verifying the sms code
+auth0.verifySMSCode(
+  {
+    phoneNumber: "+the_phone_number",
+    code: "the-code"
+  },
+  function(err, result) {}
+);
+```
+
+### Using Auth0.js v9
+
+```js
+var webAuth = new auth0.WebAuth({
+  domain: "your-domain.auth0.com",
+  clientID: "the-client-id",
+  responseType: "token"
+});
+
+//with a magic link sent via email
+webAuth.passwordlessStart({
+  send: "link",
+  email: "[email protected]",
+  connection: "email"
+});
+
+//with a code sent via email
+webAuth.passwordlessStart({
+  send: "code",
+  email: "[email protected]",
+  connection: "email"
+});
+
+//verifying the email code
+webAuth.passwordlessLogin({
+  email: "[email protected]",
+  verificationCode: "the-code",
+  connection: "email"
+});
+
+//with a code sent via sms
+webAuth.passwordlessStart({
+  phoneNumber: "+the_phone_number",
+  connection: "sms"
+});
+
+//verifying the sms code
+webAuth.passwordlessLogin({
+  phoneNumber: "+the_phone_number",
+  verificationCode: "the-code",
+  connection: "sms"
+});
+```