From 0906e4feb59b6618b95e3482997a60b4811acef1 Mon Sep 17 00:00:00 2001
From: bredmond5 <brice.redmond@branch.io>
Date: Wed, 18 Dec 2024 11:24:49 -0800
Subject: [PATCH 1/2] [other] add to readme local run steps

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 4db2de13..626519c0 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,9 @@ for full details.
 - [Web Full Reference]
 
 # Running locally
+Download node 18 (if not using nix)
+
 ```sh
 node startDev.js
+# Navigate to http://localhost:3000/dev.html
 ```
\ No newline at end of file

From 5121263d62ae0e023088cc9086aee21b12d122ed Mon Sep 17 00:00:00 2001
From: bredmond5 <brice.redmond@branch.io>
Date: Wed, 18 Dec 2024 11:35:19 -0800
Subject: [PATCH 2/2] [other] ENGMT-1983: add copy button and pretty print json

---
 examples/example.template.html | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/examples/example.template.html b/examples/example.template.html
index 12bc1d5e..aed561c4 100644
--- a/examples/example.template.html
+++ b/examples/example.template.html
@@ -8,10 +8,6 @@
 	<title>Branch Metrics Web SDK Example App</title>
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 	<style type="text/css">
-		.btn {
-			margin-top: 5px;
-		}
-
 		body {
 			font-family: Arial, sans-serif;
 			background-color: #f4f4f9;
@@ -163,6 +159,15 @@
 			});
 		}
 
+		function copySessionInfo() {
+			const pre = document.getElementById('session-info');
+			const text = pre.textContent;
+			navigator.clipboard.writeText(text).then(() => {
+				console.log('Copied');
+			}).catch(err => {
+				console.error('Failed to copy text: ', err);
+			});
+		}
 	</script>
 </head>
 
@@ -173,12 +178,14 @@ <h2>Branch Metrics Web SDK Example</h2>
 		</div>
 		<section>
 			<div class="row col-lg-8 col-lg-offset-2">
-				<h4>Session Info</h4>
+				<h4>Session Info
+					<button class="btn btn-info" onclick="copySessionInfo()" style="margin-left: 10px; font-size: 12px; padding: 2px 8px; cursor: pointer;">
+						Copy
+					</button>
+				</h4>
 				<pre id="session-info">Reading session from .init()...</pre>
-				<br>
 				<h4>Request</h4>
 				<pre id="request">Click a button!</pre>
-				<br>
 				<h4>Response</h4>
 				<pre id="response">Click a button!</pre>
 			</div>
@@ -252,7 +259,7 @@ <h3>Api Settings</h3>
 		// Take the Branch key from a meta tag
 		branch.init(getBranchKey(), function(err, data) {
 			// Avoid XSS by HTML escaping the data for display
-			$('#session-info').text(JSON.stringify(data));
+			$('#session-info').text(JSON.stringify(data, null, 2));
 			if (err) {
 				let alertMessage = err.message;
 				if (getApiUrlLocal().includes('stage')) {