Skip to content

Proto export #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
RaizeTheLimit merged 2 commits into from
Sep 14, 2025
Merged

Proto export #14

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
93a86df
allow downloading JSON version of requests
Sep 14, 2025
5544ed8
default to show all instance - whitelist and blacklist methods
Sep 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
137 changes: 117 additions & 20 deletions src/views/print-protos.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,20 +59,26 @@ <h4 class="card-header">
/>
<label for="instance-filter-dropdown">Found Instances:</label>
<select id="instance-filter-dropdown">
<option value=""></option>
<option value="">All Instances</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-10">
<label for="blacklist-ids-incoming" style="width: 80px"
>Blacklist Methods</label
<div style="display: inline-block; margin-right: 10px;">
<select id="filter-mode" style="padding: 3px;">
<option value="blacklist">Blacklist</option>
<option value="whitelist">Whitelist</option>
</select>
</div>
<label for="method-filter-ids" id="filter-label" style="width: 80px"
>Methods</label
>
<input
type="text"
id="blacklist-ids-incoming"
id="method-filter-ids"
placeholder="5026,1601,1103,..."
style="width: calc(100% - 83px)"
style="width: calc(100% - 200px)"
/>
</div>
<div class="col-sm-2">
Expand Down Expand Up @@ -126,12 +132,33 @@ <h5 class="modal-title">
</div>
<div class="modal-body">
<p>Method name: <span class="method-name"></span></p>
<p>Incoming data:</p>
<p>Request data (Sent to server):</p>
<pre class="method-data-incoming"></pre>
<p>Outgoing data:</p>
<p>Response data (Received from server):</p>
<pre class="method-data-outgoing"></pre>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-primary"
id="download-incoming-json"
>
<i class="fas fa-download"></i> Download Request
</button>
<button
type="button"
class="btn btn-primary"
id="download-outgoing-json"
>
<i class="fas fa-download"></i> Download Response
</button>
<button
type="button"
class="btn btn-success"
id="download-combined-json"
>
<i class="fas fa-download"></i> Download Both
</button>
<button
type="button"
class="btn btn-secondary"
Expand Down Expand Up @@ -182,7 +209,8 @@ <h5 class="modal-title">
let messages = [];
let foundInstances = [];
let instanceFilter = "";
let incomingBlacklistIds = [];
let methodFilterIds = [];
let filterMode = "blacklist";
incoming.on("protos", function (data) {
if (foundInstances.indexOf(data.identifier) === -1) {
foundInstances.push(data.identifier);
Expand All @@ -191,11 +219,16 @@ <h5 class="modal-title">
if (STATE !== 1) {
return;
}
if (instanceFilter == "" || data.identifier !== instanceFilter) {
if (instanceFilter !== "" && data.identifier !== instanceFilter) {
return;
}
if (incomingBlacklistIds.length > 0) {
if (incomingBlacklistIds.indexOf(data.methodId) !== -1) {
if (methodFilterIds.length > 0) {
const methodIdNum = parseInt(data.methodId);
const isInList = methodFilterIds.indexOf(methodIdNum) !== -1;
if (filterMode === "blacklist" && isInList) {
return;
}
if (filterMode === "whitelist" && !isInList) {
return;
}
}
Expand Down Expand Up @@ -239,12 +272,17 @@ <h5 class="modal-title">
if (STATE !== 1) {
return;
}
if (incomingBlacklistIds.length > 0) {
if (incomingBlacklistIds.indexOf(data.methodId) !== -1) {
if (methodFilterIds.length > 0) {
const methodIdNum = parseInt(data.methodId);
const isInList = methodFilterIds.indexOf(methodIdNum) !== -1;
if (filterMode === "blacklist" && isInList) {
return;
}
if (filterMode === "whitelist" && !isInList) {
return;
}
}
if (instanceFilter == "" || data.identifier !== instanceFilter) {
if (instanceFilter !== "" && data.identifier !== instanceFilter) {
return;
}
if (typeof data.error !== "undefined") {
Expand All @@ -264,9 +302,11 @@ <h5 class="modal-title">
);
}
});
let currentModalMessage = null;
$("#data_socket tbody").on("click", "tr", function () {
const message = messages.filter((msg) => msg.id == $(this)[0].id)[0];
if (message == null) return;
currentModalMessage = message;
$("#modal-detail").find(".method-id").html(message.methodId);
$("#modal-detail").find(".method-name").html(message.methodName);
$("#modal-detail")
Expand All @@ -277,6 +317,47 @@ <h5 class="modal-title">
.jsonViewer(message.response.data);
$("#modal-detail").modal();
});
function downloadJSON(data, filename) {
const jsonStr = JSON.stringify(data, null, 2);
const blob = new Blob([jsonStr], { type: "application/json" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}

$("#download-incoming-json").click(function () {
if (!currentModalMessage) return;
const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
const filename = `request_${currentModalMessage.methodName}_${currentModalMessage.methodId}_${timestamp}.json`;
downloadJSON(currentModalMessage.data, filename);
});

$("#download-outgoing-json").click(function () {
if (!currentModalMessage || !currentModalMessage.response) return;
const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
const filename = `response_${currentModalMessage.methodName}_${currentModalMessage.methodId}_${timestamp}.json`;
downloadJSON(currentModalMessage.response.data, filename);
});

$("#download-combined-json").click(function () {
if (!currentModalMessage) return;
const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
const filename = `combined_${currentModalMessage.methodName}_${currentModalMessage.methodId}_${timestamp}.json`;
const combinedData = {
identifier: currentModalMessage.identifier,
methodId: currentModalMessage.methodId,
methodName: currentModalMessage.methodName,
request: currentModalMessage.data,
response: currentModalMessage.response ? currentModalMessage.response.data : null
};
downloadJSON(combinedData, filename);
});

$("#darkmode-button").click(function () {
if (document.body.classList.contains("dark")) {
document.body.classList.remove("dark");
Expand Down Expand Up @@ -392,8 +473,8 @@ <h5 class="modal-title">
instanceFilter = $(this).val();
storeSettings();
});
$("#blacklist-ids-incoming").keyup(function () {
incomingBlacklistIds =
$("#method-filter-ids").keyup(function () {
methodFilterIds =
$(this).val() === ""
? []
: $(this)
Expand All @@ -402,6 +483,12 @@ <h5 class="modal-title">
.map((x) => parseInt(x));
storeSettings();
});

$("#filter-mode").change(function () {
filterMode = $(this).val();
clearTable();
storeSettings();
});
$("#maxlogs").on("change", function () {
if (this.value == "Other") {
let val = prompt("Please enter the value", "");
Expand All @@ -418,8 +505,16 @@ <h5 class="modal-title">
if (settingsJson !== null) {
const settings = JSON.parse(settingsJson);
(STATE = parseInt(settings["STATE"])),
(instanceFilter = settings["instanceFilter"]),
(incomingBlacklistIds = settings["incomingBlacklistIds"]);
(instanceFilter = settings["instanceFilter"]);
// Handle legacy blacklist settings
if (settings["incomingBlacklistIds"]) {
methodFilterIds = settings["incomingBlacklistIds"];
} else if (settings["methodFilterIds"]) {
methodFilterIds = settings["methodFilterIds"];
}
if (settings["filterMode"]) {
filterMode = settings["filterMode"];
}
if (settings["maxLogs"] != null && !isNaN(parseInt(maxLogs))) {
setLogValue(parseInt(settings["maxLogs"]));
}
Expand All @@ -431,7 +526,8 @@ <h5 class="modal-title">
$("#play-button").click();
}
$("#instance-filter").val(instanceFilter);
$("#blacklist-ids-incoming").val(incomingBlacklistIds.join(","));
$("#method-filter-ids").val(methodFilterIds.join(","));
$("#filter-mode").val(filterMode);
}
$("#maxlogs").val(maxLogs);
}
Expand All @@ -442,7 +538,8 @@ <h5 class="modal-title">
JSON.stringify({
STATE: STATE,
instanceFilter: instanceFilter,
incomingBlacklistIds: incomingBlacklistIds,
methodFilterIds: methodFilterIds,
filterMode: filterMode,
maxLogs: maxLogs,
darkMode: darkMode
})
Expand Down
Loading