From 9185f751105c68a56756984faf8408590e85a602 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 2 Jun 2022 22:19:09 -0700
Subject: [PATCH] added cut,copy,paste,select all context menu for inputs
---
src/i18n/en_US.json | 3 +
src/renderer/index.js | 514 +++++++++++++++++++++++-------------------
2 files changed, 284 insertions(+), 233 deletions(-)
diff --git a/src/i18n/en_US.json b/src/i18n/en_US.json
index eda3f494..43729e11 100644
--- a/src/i18n/en_US.json
+++ b/src/i18n/en_US.json
@@ -212,6 +212,9 @@
"podcast.episodes": "Episodes",
"podcast.playEpisode": "Play Episode",
"podcast.website": "Podcast Website",
+ "action.cut": "Cut",
+ "action.paste": "Paste",
+ "action.selectAll": "Select All",
"action.edit": "Edit",
"action.done": "Done",
"action.editTracklist": "Edit Tracklist",
diff --git a/src/renderer/index.js b/src/renderer/index.js
index ab4f04b0..df31a3af 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -1,292 +1,340 @@
var notyf = new Notyf();
const MusicKitObjects = {
- LibraryPlaylist: function () {
- this.id = ""
- this.type = "library-playlist-folders"
- this.href = ""
- this.attributes = {
- dateAdded: "",
- name: ""
- }
- this.playlists = []
- }
-}
+ LibraryPlaylist: function () {
+ this.id = "";
+ this.type = "library-playlist-folders";
+ this.href = "";
+ this.attributes = {
+ dateAdded: "",
+ name: "",
+ };
+ this.playlists = [];
+ },
+};
// limit an array to a certain number of items
Array.prototype.limit = function (n) {
- return this.slice(0, n);
+ return this.slice(0, n);
};
-Vue.component('animated-number', {
+Vue.component("animated-number", {
+ template: "{{ displayNumber }}
",
+ props: { number: { default: 0 } },
- template: "{{ displayNumber }}
",
- props: { 'number': { default: 0 } },
+ data() {
+ return {
+ displayNumber: 0,
+ interval: false,
+ };
+ },
- data() {
- return {
- displayNumber: 0,
- interval: false
+ ready() {
+ this.displayNumber = this.number ? this.number : 0;
+ },
+
+ watch: {
+ number() {
+ clearInterval(this.interval);
+
+ if (this.number == this.displayNumber) {
+ return;
+ }
+
+ this.interval = window.setInterval(() => {
+ if (this.displayNumber != this.number) {
+ var change = (this.number - this.displayNumber) / 10;
+ change = change >= 0 ? Math.ceil(change) : Math.floor(change);
+ this.displayNumber = this.displayNumber + change;
}
+ }, 20);
},
+ },
+});
- ready() {
- this.displayNumber = this.number ? this.number : 0;
+Vue.component("sidebar-library-item", {
+ template: "#sidebar-library-item",
+ props: {
+ name: {
+ type: String,
+ required: true,
},
-
- watch: {
- number() {
- clearInterval(this.interval);
-
- if (this.number == this.displayNumber) {
- return;
- }
-
- this.interval = window.setInterval(() => {
- if (this.displayNumber != this.number) {
- var change = (this.number - this.displayNumber) / 10;
- change = change >= 0 ? Math.ceil(change) : Math.floor(change);
- this.displayNumber = this.displayNumber + change;
- }
- }, 20);
- }
+ page: {
+ type: String,
+ required: true,
+ },
+ svgIcon: {
+ type: String,
+ required: false,
+ default: "",
+ },
+ cdClick: {
+ type: Function,
+ required: false,
+ },
+ },
+ data: function () {
+ return {
+ app: app,
+ svgIconData: "",
+ };
+ },
+ async mounted() {
+ if (this.svgIcon) {
+ this.svgIconData = await this.app.getSvgIcon(this.svgIcon);
}
-})
-
-Vue.component('sidebar-library-item', {
- template: '#sidebar-library-item',
- props: {
- name: {
- type: String,
- required: true
- },
- page: {
- type: String,
- required: true
- },
- svgIcon: {
- type: String,
- required: false,
- default: ''
- },
- cdClick: {
- type: Function,
- required: false
- }
- },
- data: function () {
- return {
- app: app,
- svgIconData: ""
- }
- },
- async mounted() {
- if (this.svgIcon) {
- this.svgIconData = await this.app.getSvgIcon(this.svgIcon)
- }
- },
- methods: {}
+ },
+ methods: {},
});
function fallbackinitMusicKit() {
- const request = new XMLHttpRequest();
+ const request = new XMLHttpRequest();
- function loadAlternateKey() {
- let parsedJson = JSON.parse(this.responseText)
- MusicKit.configure({
- developerToken: parsedJson.developerToken,
- app: {
- name: 'Apple Music',
- build: '1978.4.1',
- version: "1.0"
- },
- sourceType: 24,
- suppressErrorDialog: true
- })
- setTimeout(() => {
- app.init()
- if (app.cfg.visual.window_background_style == "mica" && !app.isDev) {
- app.spawnMica()
- }
- }, 1000)
- }
-
- request.addEventListener("load", loadAlternateKey);
- request.open("GET", "https://raw.githubusercontent.com/lujjjh/LitoMusic/main/token.json");
- request.send();
-}
-document.addEventListener('musickitloaded', function () {
- console.log('MusicKit loaded')
- // MusicKit global is now defined
- function initMusicKit() {
- let parsedJson = JSON.parse(this.responseText)
- MusicKit.configure({
- developerToken: parsedJson.token,
- app: {
- name: 'Apple Music',
- build: '1978.4.1',
- version: "1.0"
- },
- sourceType: 24,
- suppressErrorDialog: true
- }).then(() => {
- function waitForApp() {
- if (typeof app.init !== "undefined") {
- app.init()
- if (app.cfg.visual.window_background_style == "mica") {
- app.spawnMica()
- }
- }
- else {
- setTimeout(waitForApp, 250);
- }
- }
- waitForApp()
- })
- }
-
-
- const request = new XMLHttpRequest();
- request.timeout = 5000;
- request.addEventListener("load", initMusicKit);
- request.onreadystatechange = function (aEvt) {
- if (request.readyState == 4) {
- if (request.status != 200)
- fallbackinitMusicKit()
- }
- };
- request.open("GET", "https://api.cider.sh/v1/");
- request.send();
-
- // check for widevine failure and reconfigure the instance.
- window.addEventListener("drmUnsupported", function () {
- initMusicKit()
+ function loadAlternateKey() {
+ let parsedJson = JSON.parse(this.responseText);
+ MusicKit.configure({
+ developerToken: parsedJson.developerToken,
+ app: {
+ name: "Apple Music",
+ build: "1978.4.1",
+ version: "1.0",
+ },
+ sourceType: 24,
+ suppressErrorDialog: true,
});
+ setTimeout(() => {
+ app.init();
+ if (app.cfg.visual.window_background_style == "mica" && !app.isDev) {
+ app.spawnMica();
+ }
+ }, 1000);
+ }
+
+ request.addEventListener("load", loadAlternateKey);
+ request.open(
+ "GET",
+ "https://raw.githubusercontent.com/lujjjh/LitoMusic/main/token.json"
+ );
+ request.send();
+}
+document.addEventListener("musickitloaded", function () {
+ console.log("MusicKit loaded");
+ // MusicKit global is now defined
+ function initMusicKit() {
+ let parsedJson = JSON.parse(this.responseText);
+ MusicKit.configure({
+ developerToken: parsedJson.token,
+ app: {
+ name: "Apple Music",
+ build: "1978.4.1",
+ version: "1.0",
+ },
+ sourceType: 24,
+ suppressErrorDialog: true,
+ }).then(() => {
+ function waitForApp() {
+ if (typeof app.init !== "undefined") {
+ app.init();
+ if (app.cfg.visual.window_background_style == "mica") {
+ app.spawnMica();
+ }
+ } else {
+ setTimeout(waitForApp, 250);
+ }
+ }
+ waitForApp();
+ });
+ }
+
+ const request = new XMLHttpRequest();
+ request.timeout = 5000;
+ request.addEventListener("load", initMusicKit);
+ request.onreadystatechange = function (aEvt) {
+ if (request.readyState == 4) {
+ if (request.status != 200) fallbackinitMusicKit();
+ }
+ };
+ request.open("GET", "https://api.cider.sh/v1/");
+ request.send();
+
+ // check for widevine failure and reconfigure the instance.
+ window.addEventListener("drmUnsupported", function () {
+ initMusicKit();
+ });
});
-
-
-
-if ('serviceWorker' in navigator) {
- // Use the window load event to keep the page load performant
- window.addEventListener('load', () => {
- navigator.serviceWorker.register('sw.js?v=1');
- });
+if ("serviceWorker" in navigator) {
+ // Use the window load event to keep the page load performant
+ window.addEventListener("load", () => {
+ navigator.serviceWorker.register("sw.js?v=1");
+ });
}
const getBase64FromUrl = async (url) => {
- const data = await fetch(url);
- const blob = await data.blob();
- return new Promise((resolve) => {
- const reader = new FileReader();
- reader.readAsDataURL(blob);
- reader.onloadend = () => {
- const base64data = reader.result;
- resolve(base64data);
- }
- });
-}
+ const data = await fetch(url);
+ const blob = await data.blob();
+ return new Promise((resolve) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(blob);
+ reader.onloadend = () => {
+ const base64data = reader.result;
+ resolve(base64data);
+ };
+ });
+};
function Clone(obj) {
- return JSON.parse(JSON.stringify(obj));
+ return JSON.parse(JSON.stringify(obj));
}
function uuidv4() {
- return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
- (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
- );
+ return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
+ (
+ c ^
+ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
+ ).toString(16)
+ );
}
function xmlToJson(xml) {
+ // Create the return object
+ let obj = {};
- // Create the return object
- let obj = {};
-
- if (xml.nodeType == 1) { // element
- // do attributes
- if (xml.attributes.length > 0) {
- obj["@attributes"] = {};
- for (var j = 0; j < xml.attributes.length; j++) {
- let attribute = xml.attributes.item(j);
- obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
- }
- }
- } else if (xml.nodeType == 3) { // text
- obj = xml.nodeValue;
+ if (xml.nodeType == 1) {
+ // element
+ // do attributes
+ if (xml.attributes.length > 0) {
+ obj["@attributes"] = {};
+ for (var j = 0; j < xml.attributes.length; j++) {
+ let attribute = xml.attributes.item(j);
+ obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
+ }
}
+ } else if (xml.nodeType == 3) {
+ // text
+ obj = xml.nodeValue;
+ }
- // do children
- if (xml.hasChildNodes()) {
- for (var i = 0; i < xml.childNodes.length; i++) {
- var item = xml.childNodes.item(i);
- var nodeName = item.nodeName;
- if (typeof (obj[nodeName]) == "undefined") {
- obj[nodeName] = xmlToJson(item);
- } else {
- if (typeof (obj[nodeName].push) == "undefined") {
- var old = obj[nodeName];
- obj[nodeName] = [];
- obj[nodeName].push(old);
- }
- obj[nodeName].push(xmlToJson(item));
- }
+ // do children
+ if (xml.hasChildNodes()) {
+ for (var i = 0; i < xml.childNodes.length; i++) {
+ var item = xml.childNodes.item(i);
+ var nodeName = item.nodeName;
+ if (typeof obj[nodeName] == "undefined") {
+ obj[nodeName] = xmlToJson(item);
+ } else {
+ if (typeof obj[nodeName].push == "undefined") {
+ var old = obj[nodeName];
+ obj[nodeName] = [];
+ obj[nodeName].push(old);
}
+ obj[nodeName].push(xmlToJson(item));
+ }
}
- console.log(obj);
- return obj;
-};
+ }
+ console.log(obj);
+ return obj;
+}
async function asyncForEach(array, callback) {
- for (let index = 0; index < array.length; index++) {
- await callback(array[index], index, array);
- }
+ for (let index = 0; index < array.length; index++) {
+ await callback(array[index], index, array);
+ }
}
var checkIfScrollIsStatic = setInterval(() => {
- try {
- if (position === document.getElementsByClassName('lyric-body')[0].scrollTop) {
- clearInterval(checkIfScrollIsStatic)
- // do something
- }
- position = document.getElementsByClassName('lyric-body')[0].scrollTop
- } catch (e) {
+ try {
+ if (
+ position === document.getElementsByClassName("lyric-body")[0].scrollTop
+ ) {
+ clearInterval(checkIfScrollIsStatic);
+ // do something
}
-
+ position = document.getElementsByClassName("lyric-body")[0].scrollTop;
+ } catch (e) {}
}, 50);
// WebGPU Console Notification
async function webGPU() {
- try {
- const currentGPU = await navigator.gpu.requestAdapter()
- console.log("WebGPU enabled on", currentGPU.name, "with feature ID", currentGPU.features.size)
- } catch (e) {
- console.log("WebGPU disabled / WebGPU initialization failed")
- }
+ try {
+ const currentGPU = await navigator.gpu.requestAdapter();
+ console.log(
+ "WebGPU enabled on",
+ currentGPU.name,
+ "with feature ID",
+ currentGPU.features.size
+ );
+ } catch (e) {
+ console.log("WebGPU disabled / WebGPU initialization failed");
+ }
}
function isJson(item) {
- item = typeof item !== "string"
- ? JSON.stringify(item)
- : item;
-
- try {
- item = JSON.parse(item);
- } catch (e) {
- return false;
- }
-
- if (typeof item === "object" && item !== null) {
- return true;
- }
+ item = typeof item !== "string" ? JSON.stringify(item) : item;
+ try {
+ item = JSON.parse(item);
+ } catch (e) {
return false;
+ }
+
+ if (typeof item === "object" && item !== null) {
+ return true;
+ }
+
+ return false;
}
-webGPU().then()
+webGPU().then();
let screenWidth = screen.width;
let screenHeight = screen.height;
-document.addEventListener('DOMContentLoaded', async function () {
- // app.oobeInit()
-})
\ No newline at end of file
+document.addEventListener("DOMContentLoaded", async function () {
+ // app.oobeInit()
+});
+
+document.addEventListener(
+ "contextmenu",
+ function (e) {
+ if (
+ e.target.tagName.toLowerCase() == "textarea" ||
+ (e.target.tagName.toLowerCase() == "input" &&
+ e.target.type != "checkbox" &&
+ e.target.type != "radio" &&
+ e.target.disabled == false)
+ ) {
+ e.preventDefault();
+ const menuPanel = {
+ items: {
+ cut: {
+ name: app.getLz("action.cut"),
+ action: function () {
+ document.execCommand("cut");
+ },
+ },
+ copy: {
+ name: app.getLz("action.copy"),
+ action: function () {
+ document.execCommand("copy");
+ },
+ },
+ paste: {
+ name: app.getLz("action.paste"),
+ action: function () {
+ document.execCommand("paste");
+ },
+ },
+ selectAll: {
+ name: app.getLz("action.selectAll"),
+ action: function () {
+ document.execCommand("selectAll");
+ },
+ },
+ },
+ }
+ app.showMenuPanel(menuPanel, e)
+ }
+ },
+ false
+);