serverless-spy
Version:
CDK-based library for writing elegant integration tests on AWS serverless architecture and an additional web console to monitor events in real time.
116 lines (98 loc) • 4.07 kB
HTML
<html>
<head>
<title>ServerlessSpy</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="bootstrap-icons/font/bootstrap-icons.css">
<script src="bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="style.css">
</link>
<script src="webServerlessSpy.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="d-flex justify-content-center">
<a src="https://serverlessspy.com/">
<img class="logo" src="full_logo.svg">
</a>
</div>
<div class="mb-1 row" id="stackListContainer">
<label for="stackList" class="col col-form-label w-auto">Stack:</label>
<select class="col form-select w-auto" id="stackList">
</select>
</div>
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th class="col-time" scope="col">
</th>
<th class="col-servicekey" scope="col">
<div class="input-group input-group-sm" data-bs-toggle="tooltip" data-bs-html="true"
title="<p class='text-start'>Examples:</p><p class='text-start font-monospace'>MyFunction</p><p class='text-start font-monospace'>^Function</p><p class='text-start font-monospace'>^Function.*Response$</p>">
<div class="input-group-text"><i class="bi bi-funnel-fill"></i></div>
<input type="text" class="form-control" id="serviceKeyFilter" placeholder="Filter (regex)">
</div>
</th>
<th class="col-data" scope="col">
<div class="input-group input-group-sm">
<div class="input-group-text"><i class="bi bi-funnel-fill"></i></div>
<input type="text" class="form-control" id="dataFilter" placeholder="Filter (regex)">
</div>
</th>
</tr>
</thead>
<tbody id="tableBody" class="log">
</tbody>
</table>
</div>
</div>
<div id="detailsModal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Time:
<span class="fw-bold" id="time">2022-09-19T10:12:15.489Z</span>
</p>
<p>Service key:
<span class="fw-bold" id="serviceKey">Function#ToSnsAndDynamoDb#Response</span>
</p>
<p>Data:</p>
<pre id="data"></pre>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="errorModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Error</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="errorContent">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>