Docs: Add Web SDK (#305)

# Problem

The SDK for Web needed to be included in the mdbook documentation.

## How to Test

- Clone
- `cd docs`
- `mdbook serve`
- http://localhost:3000

Author: wilwade

docs/src/SDK/Overview.md

@@ -7,6 +7,7 @@ These guides will walk you through integrating the SIWF SDK into your **iOS** or
 
 - [Android](Android.md)
 - [iOS](iOS.md)
+- [Web](Web.md)
 
 ---
 
@@ -26,7 +27,8 @@ You may also specify other options such as the button style (light/dark) and the
 You will need to create a redirect handler to receive information from the Authorization (i.e. the redirect URL provided to the Signed Request Payload).
 This redirect handler will receive information once the authorization is complete, which may then be sent and processed by your system’s backend to initiate the session.
 
-See platform-specific details in the [Android](Android.md) or [iOS](iOS.md) sections for instructions for creating the callback handler
+See platform-specific details in the [Android](Android.md) or [iOS](iOS.md) sections for instructions for creating the callback handler.
+[Web](Web.md) requires your own callback processing to extract the `authorizationCode` from the URL parameters.
 
 ### 4. Process Authorization Code
 

docs/src/SDK/Web.md

@@ -0,0 +1,46 @@
+# Web SIWF SDK
+
+## Quick Reference
+
+- [SIWF Web SDK Source Code + Example](https://github.com/ProjectLibertyLabs/siwf/tree/main/libraries/sdk-web#readme)
+- [NPM Package: `@projectlibertylabs/siwf-sdk-web`](https://www.npmjs.com/package/@projectlibertylabs/siwf-sdk-web)
+- [jsDelivr: `https://cdn.jsdelivr.net/npm/@projectlibertylabs/[email protected]/siwf-sdk-web.min.js`](https://www.jsdelivr.com/package/npm/@projectlibertylabs/siwf-sdk-web)
+
+## 1. Installation
+
+Simply include the SDK in your HTML from [jsDelivr](https://www.jsdelivr.com/package/npm/@projectlibertylabs/siwf-sdk-web) (update the version as needed):
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@projectlibertylabs/[email protected]/siwf-sdk-web.min.js"></script>
+```
+
+Or download from [GitHub Releases](https://github.com/ProjectLibertyLabs/siwf/releases?q=sdk-web&expanded=true) and include it locally:
+
+```html
+<script src="path/to/siwf-sdk-web.min.js"></script>
+```
+
+## 2. Displaying the SIWF Button
+
+To create a SIWF Button, use the `Siwf.createSignInButton` method:
+
+```html
+<!-- Add a button container with data attributes -->
+<div data-siwf-button="YOUR_ENCODED_SIGNED_REQUEST" data-siwf-mode="primary" data-siwf-endpoint="mainnet"></div>
+```
+
+`data-siwf-button` requires the [Signed Request Payload](../Actions/Start.html#step-1-generate-the-signed-request-payload) in `base64url` encoded form.
+
+You can also use a [JavaScript render call](https://github.com/ProjectLibertyLabs/siwf/tree/main/libraries/sdk-web#option-b-javascript-implementation).
+
+## 3. Handling Authorization Callbacks
+
+You will need to handle the callback URL specified and extract the `authorizationCode` parameter from the callback and passing it to your backend service.
+
+## 4. Process Authorization Code
+
+On your backend service, process the authorization code and start your session.
+
+Resources:
+- [Documentation on Processing a Result](../Actions/Response.html)
+- [Frequency Gateway SSO Tutorial](https://projectlibertylabs.github.io/gateway/GettingStarted/SSO.html)

docs/src/SUMMARY.md

@@ -16,3 +16,4 @@
 - [SIWF SDK](SDK/Overview.md)
   - [Android](SDK/Android.md)
   - [iOS](SDK/iOS.md)
+  - [Web](SDK/Web.md)

libraries/sdk-web/README.md

@@ -6,11 +6,11 @@ This repository contains the SIWF Button Web SDK and example implementation for
 
 ## 📌 **Index**
 
-1. 🚀 [Getting Started - SIWF Button Demo](#getting-started---siwf-button-demo)
-2. 📝 [Getting Started - SIWF Button For Your Web App](#getting-started---siwf-button-for-your-web-app)
-3. 🛠 [Usage For Your Web App](#usage-for-your-web-app)
-4. ⚙️ [Configuration Options](#configuration-options)
-5. 🤝 [Contributing](#contributing)
+1. 🚀 [Getting Started - SIWF Button Demo](#-getting-started---siwf-button-demo)
+2. 📝 [Getting Started - SIWF Button For Your Web App](#-getting-started---siwf-button-for-your-web-app)
+3. 🛠 [Usage For Your Web App](#-usage-for-your-web-app)
+4. ⚙️ [Configuration Options](#%EF%B8%8F-configuration-options)
+5. 🤝 [Contributing](#-contributing)
 
 ## 🚀 **Getting Started - SIWF Button Demo**