Deploying to gh-pages from @ 37cf2ee 🚀

built-on-openfin · Oct 14, 2024 · 3572f0e · 3572f0e
1 parent f7de79b
commit 3572f0e
Show file tree

Hide file tree

Showing 8 changed files with 23,075 additions and 114 deletions.
diff --git a/dev/john/update-logging-example/use-logging-apis/html/app.html b/dev/john/update-logging-example/use-logging-apis/html/app.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<title>How to collect debug logs</title>
+		<title>Client that generates logs</title>
 		<meta name="description" content="" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<link rel="stylesheet" href="../common/style/app.css" />
@@ -12,8 +12,8 @@
 	<body class="col fill gap20">
 		<header class="row spread middle">
 			<div class="col">
-				<h1>How to collect logs.</h1>
-				<h1 class="tag">Demonstrate how to use logging APIs</h1>
+				<h1>A client that generates logs</h1>
+				<h1 class="tag">Log via Channel API vs console log</h1>
 			</div>
 			<div class="row middle gap10">
 				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
@@ -22,41 +22,18 @@ <h1 class="tag">Demonstrate how to use logging APIs</h1>
 		<main class="row fill gap20">
 			<div class="row fill gap40">
 				<div class="fill col gap20">
-					<form
-						action="/upload"
-						id="upload-form"
-						method="post"
-						enctype="multipart/form-data"
-						class="col gap40 scroll-vertical"
-					>
-						<div class="formSection col gap10">
-							<h2>Select a debug log.</h2>
-							<fieldset>
-								<select id="log-list"></select>
-							</fieldset>
-							<button type="submit">Upload Debug Log</button>
-						</div>
-					</form>
-					<h2>Upload your applications log.</h2>
-					<button id="send-app-log">Send Application Logs</button>
+					<h4>Console Log A Message</h4>
+					<button id="console-app-log">Console Log Message</button>
+					<h4>Channel API Log A Message</h4>
+					<button id="channel-app-log">Channel API Log Message</button>
 				</div>
 			</div>
 			<div class="col fill_2 gap20">
 				<h2>Preview</h2>
 				<pre id="preview" class="fill scroll-horizontal"></pre>
+				<button id="clear-preview">Clear Preview</button>
 			</div>
 		</main>
-		<footer>
-			<div class="row spread">
-				<div class="row gap10">
-					<a href="https://cdn.openfin.co/docs/javascript/stable/tutorial-System.getLog.html" target="_blank">
-						Tutorial
-					</a>
-					<a href="https://cdn.openfin.co/docs/javascript/stable/System.html#getLog" target="_blank">
-						API Docs
-					</a>
-				</div>
-			</div>
-		</footer>
+		<footer></footer>
 	</body>
 </html>
diff --git a/dev/john/update-logging-example/use-logging-apis/html/provider.html b/dev/john/update-logging-example/use-logging-apis/html/provider.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<title>How to collect debug logs</title>
+		<meta name="description" content="" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="stylesheet" href="../common/style/app.css" />
+		<script src="../js/provider.bundle.js"></script>
+	</head>
+
+	<body class="col fill gap20">
+		<header class="row spread middle">
+			<div class="col">
+				<h1>How to collect logs.</h1>
+				<h1 class="tag">Demonstrate how to use logging related APIs</h1>
+			</div>
+			<div class="row middle gap10">
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+			</div>
+		</header>
+		<main class="row fill gap20">
+			<div class="row fill gap40">
+				<div class="fill col gap20">
+					<form
+						action="/upload"
+						id="upload-form"
+						method="post"
+						enctype="multipart/form-data"
+						class="col gap40 scroll-vertical"
+					>
+						<div class="formSection col gap10">
+							<h4>Select a debug log.</h4>
+							<fieldset>
+								<select id="log-list"></select>
+							</fieldset>
+							<button type="submit">Upload Debug Log</button>
+						</div>
+					</form>
+					<h4>Upload your applications log (console messages).</h4>
+					<button id="send-app-log">Send Application Logs</button>
+					<h4>Upload your OPFS log (Channel API Messages).</h4>
+					<button id="send-opfs-log">Send OPFS Logs</button>
+					<h4>Console Log A Message</h4>
+					<button id="console-app-log">Console Log Message</button>
+					<h4>Channel API Log A Message</h4>
+					<button id="channel-app-log">Channel API Log Message</button>
+				</div>
+			</div>
+			<div class="col fill_2 gap20">
+				<h2>Preview</h2>
+				<pre id="preview" class="fill scroll-horizontal"></pre>
+				<button id="clear-preview">Clear Preview</button>
+			</div>
+		</main>
+		<footer>
+			<div class="row spread">
+				<div class="row gap10">
+					<a href="https://developers.openfin.co/of-docs/docs/log-management" target="_blank">
+						App Log Content
+					</a>
+					<a href="https://developers.openfin.co/of-docs/docs/logs" target="_blank">OpenFin (Debug) Logs</a>
+					<a
+						href="https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Origin_private_file_system"
+						target="_blank"
+					>
+						OPFS (Origin Private File System) Logs
+					</a>
+				</div>
+			</div>
+		</footer>
+	</body>
+</html>
diff --git a/dev/john/update-logging-example/use-logging-apis/js/app.bundle.js b/dev/john/update-logging-example/use-logging-apis/js/app.bundle.js