Moonlight-Panel/Moonlight
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated to latest mooncore version

Browse Source
This commit is contained in:
ChiaraBm
2025-03-24 20:35:42 +01:00
parent a9d3a30782
commit f1adba4fa6
9 changed files with 329 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Moonlight.Client/Moonlight.Client.csproj
View File

@@ -27,7 +27,7 @@
<PackageReference Include="MoonCore" Version="1.8.5" />
<PackageReference Include="MoonCore.Blazor" Version="1.2.9" />
<PackageReference Include="MoonCore.PluginFramework" Version="1.0.5"/>
<PackageReference Include="MoonCore.Blazor.Tailwind" Version="1.3.9" />
<PackageReference Include="MoonCore.Blazor.Tailwind" Version="1.4.0" />
</ItemGroup>
<!--

8
Moonlight.Client/UI/Views/Admin/Api/Index.razor
View File

@@ -53,10 +53,12 @@
</a>
</div>
<DataTable @ref="Table" TItem="ApiKeyDetailResponse" PageSize="15" LoadItemsPaginatedAsync="LoadData">
<DataTable @ref="Table" TItem="ApiKeyDetailResponse">
<Configuration>
<DataTableColumn TItem="ApiKeyDetailResponse" Field="@(x => x.Id)" Name="Id" />
<DataTableColumn TItem="ApiKeyDetailResponse" Field="@(x => x.Description)" Name="Description" />
<Pagination TItem="ApiKeyDetailResponse" ItemSource="LoadData" />
<DataTableColumn TItem="ApiKeyDetailResponse" Field="@(x => x.Id)" Name="Id"/>
<DataTableColumn TItem="ApiKeyDetailResponse" Field="@(x => x.Description)" Name="Description"/>
<DataTableColumn TItem="ApiKeyDetailResponse" Field="@(x => x.ExpiresAt)" Name="Expires at">
<ColumnTemplate>
@(Formatter.FormatDate(context.ExpiresAt))

10
Moonlight.Client/UI/Views/Admin/Users/Index.razor
View File

@@ -17,11 +17,13 @@
</PageHeader>
</div>
<DataTable @ref="Table" TItem="UserDetailResponse" PageSize="15" LoadItemsPaginatedAsync="LoadData">
<DataTable @ref="Table" TItem="UserDetailResponse">
<Configuration>
<DataTableColumn TItem="UserDetailResponse" Field="@(x => x.Id)" Name="Id" />
<DataTableColumn TItem="UserDetailResponse" Field="@(x => x.Username)" Name="Username" />
<DataTableColumn TItem="UserDetailResponse" Field="@(x => x.Email)" Name="Email" />
<Pagination TItem="UserDetailResponse" ItemSource="LoadData" />
<DataTableColumn TItem="UserDetailResponse" Field="@(x => x.Id)" Name="Id"/>
<DataTableColumn TItem="UserDetailResponse" Field="@(x => x.Username)" Name="Username"/>
<DataTableColumn TItem="UserDetailResponse" Field="@(x => x.Email)" Name="Email"/>
<DataTableColumn TItem="UserDetailResponse">
<ColumnTemplate>
<div class="flex justify-end">

5
Moonlight.Client/wwwroot/index.html
View File

@@ -28,10 +28,7 @@
</div>
<script src="/js/moonlight.js"></script>
<script src="/js/downloadService.js"></script>
<script src="/js/fileManager.js"></script>
<script src="/js/codeEditor.js"></script>
<script src="/js/keyBinds.js"></script>
<script src="/js/moonCore.js"></script>
<script src="/ace/ace.js"></script>
<script src="/_framework/blazor.webassembly.js"></script>
<script>navigator.serviceWorker.register('service-worker.js');</script>

24
Moonlight.Client/wwwroot/js/codeEditor.js
View File

@@ -1,24 +0,0 @@
window.moonCoreCodeEditor = {
instances: new Map(),
attach: function (id, options) {
const editor = ace.edit(id, options);
this.instances.set(id, editor);
},
updateOptions: function (id, options) {
const editor = this.instances.get(id);
editor.setOptions(options);
},
getValue: function (id) {
const editor = this.instances.get(id);
return editor.getValue();
},
destroy: function (id){
const editor = this.instances.get(id);
editor.destroy();
editor.container.remove();
}
}

94
Moonlight.Client/wwwroot/js/downloadService.js
View File

@@ -1,94 +0,0 @@
window.moonCoreDownloadService = {
download: async function (fileName, contentStreamReference, id, reportRef) {
const promise = new Promise(async resolve => {
const stream = await contentStreamReference.stream();
const reader = stream.getReader();
let lastReportTime = 0;
let receivedLength = 0; // Track downloaded size
let chunks = []; // Store downloaded chunks
while (true) {
const {done, value} = await reader.read();
if (done) break;
chunks.push(value);
receivedLength += value.length;
if (reportRef) {
const now = Date.now();
if (now - lastReportTime >= 500) { // Only log once per second
await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, -1, false);
lastReportTime = now;
}
}
}
// Combine chunks into a single Blob
const blob = new Blob(chunks);
this.downloadBlob(fileName, blob);
if (reportRef)
await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, -1, true);
resolve();
});
await promise;
},
downloadUrl: async function (fileName, url, reportRef, id, headers) {
const promise = new Promise(async resolve => {
let loadRequest = new XMLHttpRequest();
let lastReported = Date.now();
loadRequest.open("GET", url, true);
for(let headerKey in headers) {
loadRequest.setRequestHeader(headerKey, headers[headerKey]);
}
loadRequest.responseType = "blob";
if (reportRef) {
loadRequest.onprogress = async ev => {
const now = Date.now();
if (now - lastReported >= 500) {
await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, ev.total, false);
lastReported = now;
}
};
loadRequest.onloadend = async ev => {
await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, ev.total, true);
}
}
loadRequest.onload = _ => {
this.downloadBlob(fileName, loadRequest.response);
resolve();
}
loadRequest.send();
});
await promise;
},
downloadBlob: function (fileName, blob)
{
const url = URL.createObjectURL(blob);
// Trigger file download
const anchor = document.createElement("a");
anchor.href = url;
anchor.download = fileName;
document.body.appendChild(anchor);
anchor.click();
document.body.removeChild(anchor);
URL.revokeObjectURL(url);
}
}

175
Moonlight.Client/wwwroot/js/fileManager.js
View File

@@ -1,175 +0,0 @@
window.moonCoreFileManager = {
uploadCache: [],
addFilesToCache: async function(id) {
let files = document.getElementById(id).files;
for (let i = 0; i < files.length; i++) {
this.uploadCache.push(files[i]);
}
await this.ref.invokeMethodAsync("TriggerUpload", this.uploadCache.length);
},
getNextFromCache: async function() {
if(this.uploadCache.length === 0)
return null;
let nextItem = this.uploadCache.pop();
if(!nextItem)
return null;
let file;
let path;
if(nextItem instanceof File)
{
file = nextItem;
path = file.name;
}
else
{
file = await this.openFileEntry(nextItem);
path = nextItem.fullPath;
}
if(file.size === 0)
{
return {
path: null,
stream: null,
left: this.uploadCache.length
}
}
let stream = await this.createStreamRef(file);
return {
path: path,
stream: stream,
left: this.uploadCache.length
};
},
readCache: async function (index) {
const item = this.uploadCache.pop();
console.log(item);
const streamRefData = await this.createStreamRef(item);
if(streamRefData == null)
return {path: item.fullPath, streamRef: null};
return {
path: item.fullPath,
streamRef: streamRefData.stream,
size: streamRefData.size
};
},
openFileEntry: async function (fileEntry) {
const promise = new Promise(resolve => {
fileEntry.file(file => {
resolve(file);
}, err => console.log(err));
});
return await promise;
},
createStreamRef: async function (processedFile) {
// Prevent uploads of empty files
if (processedFile.size <= 0) {
console.log("Skipping upload of '" + processedFile.name + "' as its empty");
return null;
}
const fileReader = new FileReader();
const readerPromise = new Promise(resolve => {
fileReader.addEventListener("loadend", ev => {
resolve(fileReader.result)
});
});
fileReader.readAsArrayBuffer(processedFile);
const arrayBuffer = await readerPromise;
return DotNet.createJSStreamReference(arrayBuffer);
},
setup: function (id, callbackRef) {
this.ref = callbackRef;
// Check which features are supported by the browser
const supportsFileSystemAccessAPI =
'getAsFileSystemHandle' in DataTransferItem.prototype;
const supportsWebkitGetAsEntry =
'webkitGetAsEntry' in DataTransferItem.prototype;
// This is the drag and drop zone.
const elem = document.getElementById(id);
// Prevent navigation.
elem.addEventListener('dragover', (e) => {
e.preventDefault();
});
elem.addEventListener('drop', async (e) => {
// Prevent navigation.
e.preventDefault();
if (!supportsFileSystemAccessAPI && !supportsWebkitGetAsEntry) {
// Cannot handle directories.
console.log("Cannot handle directories");
return;
}
this.getAllWebkitFileEntries(e.dataTransfer.items).then(async value => {
value.forEach(a => this.uploadCache.push(a));
await this.ref.invokeMethodAsync("TriggerUpload", this.uploadCache.length);
});
});
},
getAllWebkitFileEntries: async function (dataTransferItemList) {
function readAllEntries(reader) {
return new Promise((resolve, reject) => {
const entries = [];
function readEntries() {
reader.readEntries((batch) => {
if (batch.length === 0) {
resolve(entries);
} else {
entries.push(...batch);
readEntries();
}
}, reject);
}
readEntries();
});
}
async function traverseEntry(entry) {
if (entry.isFile) {
return [entry];
} else if (entry.isDirectory) {
const reader = entry.createReader();
const entries = await readAllEntries(reader);
const subEntries = await Promise.all(entries.map(traverseEntry));
return subEntries.flat();
}
return [];
}
const entries = [];
// Convert DataTransferItemList to entries
for (let i = 0; i < dataTransferItemList.length; i++) {
const item = dataTransferItemList[i];
const entry = item.webkitGetAsEntry();
if (entry) {
entries.push(entry);
}
}
// Traverse all entries and collect file entries
const allFileEntries = await Promise.all(entries.map(traverseEntry));
return allFileEntries.flat();
}
}

25
Moonlight.Client/wwwroot/js/keyBinds.js
View File

@@ -1,25 +0,0 @@
window.moonCoreKeyBinds = {
storage: {},
registerHotkey: function (key, modifier, action, dotNetObjRef) {
const hotkeyListener = async (event) => {
if (event.code === key && (!modifier || event[modifier + 'Key'])) {
event.preventDefault();
await dotNetObjRef.invokeMethodAsync("OnHotkeyPressed", action);
}
};
this.storage[`${key}${modifier}`] = hotkeyListener;
window.addEventListener('keydown', hotkeyListener);
},
unregisterHotkey: function (key, modifier) {
const listenerKey = `${key}${modifier}`;
if (this.storage[listenerKey]) {
window.removeEventListener('keydown', this.storage[listenerKey]);
delete this.storage[listenerKey];
}
}
}

316
Moonlight.Client/wwwroot/js/moonCore.js Normal file
View File

@@ -0,0 +1,316 @@
window.moonCore = {
window: {
getSize: function () {
return [window.innerWidth, window.innerHeight];
}
},
keyBinds: {
storage: {},
registerHotkey: function (key, modifier, action, dotNetObjRef) {
const hotkeyListener = async (event) => {
if (event.code === key && (!modifier || event[modifier + 'Key'])) {
event.preventDefault();
await dotNetObjRef.invokeMethodAsync("OnHotkeyPressed", action);
}
};
moonCore.keyBinds.storage[`${key}${modifier}`] = hotkeyListener;
window.addEventListener('keydown', hotkeyListener);
},
unregisterHotkey: function (key, modifier) {
const listenerKey = `${key}${modifier}`;
if (moonCore.keyBinds.storage[listenerKey]) {
window.removeEventListener('keydown', moonCore.keyBinds.storage[listenerKey]);
delete moonCore.keyBinds.storage[listenerKey];
}
}
},
downloadService: {
download: async function (fileName, contentStreamReference, id, reportRef) {
const promise = new Promise(async resolve => {
const stream = await contentStreamReference.stream();
const reader = stream.getReader();
let lastReportTime = 0;
let receivedLength = 0; // Track downloaded size
let chunks = []; // Store downloaded chunks
while (true) {
const {done, value} = await reader.read();
if (done) break;
chunks.push(value);
receivedLength += value.length;
if (reportRef) {
const now = Date.now();
if (now - lastReportTime >= 500) { // Only log once per second
await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, -1, false);
lastReportTime = now;
}
}
}
// Combine chunks into a single Blob
const blob = new Blob(chunks);
this.downloadBlob(fileName, blob);
if (reportRef)
await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, -1, true);
resolve();
});
await promise;
},
downloadUrl: async function (fileName, url, reportRef, id, headers) {
const promise = new Promise(async resolve => {
let loadRequest = new XMLHttpRequest();
let lastReported = Date.now();
loadRequest.open("GET", url, true);
for(let headerKey in headers) {
loadRequest.setRequestHeader(headerKey, headers[headerKey]);
}
loadRequest.responseType = "blob";
if (reportRef) {
loadRequest.onprogress = async ev => {
const now = Date.now();
if (now - lastReported >= 500) {
await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, ev.total, false);
lastReported = now;
}
};
loadRequest.onloadend = async ev => {
await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, ev.total, true);
}
}
loadRequest.onload = _ => {
this.downloadBlob(fileName, loadRequest.response);
resolve();
}
loadRequest.send();
});
await promise;
},
downloadBlob: function (fileName, blob)
{
const url = URL.createObjectURL(blob);
// Trigger file download
const anchor = document.createElement("a");
anchor.href = url;
anchor.download = fileName;
document.body.appendChild(anchor);
anchor.click();
document.body.removeChild(anchor);
URL.revokeObjectURL(url);
}
},
fileManager: {
uploadCache: [],
addFilesToCache: async function(id) {
let files = document.getElementById(id).files;
for (let i = 0; i < files.length; i++) {
moonCore.fileManager.uploadCache.push(files[i]);
}
await this.ref.invokeMethodAsync("TriggerUpload", moonCore.fileManager.uploadCache.length);
},
getNextFromCache: async function() {
if(moonCore.fileManager.uploadCache.length === 0)
return null;
let nextItem = moonCore.fileManager.uploadCache.pop();
if(!nextItem)
return null;
let file;
let path;
if(nextItem instanceof File)
{
file = nextItem;
path = file.name;
}
else
{
file = await this.openFileEntry(nextItem);
path = nextItem.fullPath;
}
if(file.size === 0)
{
return {
path: null,
stream: null,
left: moonCore.fileManager.uploadCache.length
}
}
let stream = await this.createStreamRef(file);
return {
path: path,
stream: stream,
left: moonCore.fileManager.uploadCache.length
};
},
openFileEntry: async function (fileEntry) {
const promise = new Promise(resolve => {
fileEntry.file(file => {
resolve(file);
}, err => console.log(err));
});
return await promise;
},
createStreamRef: async function (processedFile) {
// Prevent uploads of empty files
if (processedFile.size <= 0) {
console.log("Skipping upload of '" + processedFile.name + "' as its empty");
return null;
}
const fileReader = new FileReader();
const readerPromise = new Promise(resolve => {
fileReader.addEventListener("loadend", ev => {
resolve(fileReader.result)
});
});
fileReader.readAsArrayBuffer(processedFile);
const arrayBuffer = await readerPromise;
return DotNet.createJSStreamReference(arrayBuffer);
},
setup: function (id, callbackRef) {
this.ref = callbackRef;
// Check which features are supported by the browser
const supportsFileSystemAccessAPI =
'getAsFileSystemHandle' in DataTransferItem.prototype;
const supportsWebkitGetAsEntry =
'webkitGetAsEntry' in DataTransferItem.prototype;
// This is the drag and drop zone.
const elem = document.getElementById(id);
// Prevent navigation.
elem.addEventListener('dragover', (e) => {
e.preventDefault();
});
elem.addEventListener('drop', async (e) => {
// Prevent navigation.
e.preventDefault();
if (!supportsFileSystemAccessAPI && !supportsWebkitGetAsEntry) {
// Cannot handle directories.
console.log("Cannot handle directories");
return;
}
this.getAllWebkitFileEntries(e.dataTransfer.items).then(async value => {
value.forEach(a => moonCore.fileManager.uploadCache.push(a));
await this.ref.invokeMethodAsync("TriggerUpload", this.uploadCache.length);
});
});
},
getAllWebkitFileEntries: async function (dataTransferItemList) {
function readAllEntries(reader) {
return new Promise((resolve, reject) => {
const entries = [];
function readEntries() {
reader.readEntries((batch) => {
if (batch.length === 0) {
resolve(entries);
} else {
entries.push(...batch);
readEntries();
}
}, reject);
}
readEntries();
});
}
async function traverseEntry(entry) {
if (entry.isFile) {
return [entry];
} else if (entry.isDirectory) {
const reader = entry.createReader();
const entries = await readAllEntries(reader);
const subEntries = await Promise.all(entries.map(traverseEntry));
return subEntries.flat();
}
return [];
}
const entries = [];
// Convert DataTransferItemList to entries
for (let i = 0; i < dataTransferItemList.length; i++) {
const item = dataTransferItemList[i];
const entry = item.webkitGetAsEntry();
if (entry) {
entries.push(entry);
}
}
// Traverse all entries and collect file entries
const allFileEntries = await Promise.all(entries.map(traverseEntry));
return allFileEntries.flat();
}
},
codeEditor: {
instances: new Map(),
attach: function (id, options) {
const editor = ace.edit(id, options);
moonCore.codeEditor.instances.set(id, editor);
},
updateOptions: function (id, options) {
const editor = moonCore.codeEditor.instances.get(id);
editor.setOptions(options);
},
getValue: function (id) {
const editor = moonCore.codeEditor.instances.get(id);
return editor.getValue();
},
destroy: function (id){
const editor = moonCore.codeEditor.instances.get(id);
if(!editor)
return;
editor.destroy();
editor.container.remove();
moonCore.codeEditor.instances.delete(id);
}
}
}