diff --git a/plugins/sceneCoverCropper/sceneCoverCropper.js b/plugins/sceneCoverCropper/sceneCoverCropper.js
index 7d53c4e..3808681 100644
--- a/plugins/sceneCoverCropper/sceneCoverCropper.js
+++ b/plugins/sceneCoverCropper/sceneCoverCropper.js
@@ -139,7 +139,7 @@
cropBtnContainer.appendChild(cropInfo);
}
- stash.addEventListener('page:scene', function () {
+ stash.addEventListener('stash:page:scene', function () {
waitForElementId('scene-edit-details', setupCropper);
});
})();
diff --git a/plugins/stashUserscriptLibrary/custom.js b/plugins/stashUserscriptLibrary/custom.js
new file mode 100644
index 0000000..f13164c
--- /dev/null
+++ b/plugins/stashUserscriptLibrary/custom.js
@@ -0,0 +1,1434 @@
+const stashListener = new EventTarget();
+
+const {
+ fetch: originalFetch
+} = window;
+
+window.fetch = async (...args) => {
+ let [resource, config] = args;
+ // request interceptor here
+ const response = await originalFetch(resource, config);
+ // response interceptor here
+ const contentType = response.headers.get("content-type");
+ if (contentType && contentType.indexOf("application/json") !== -1 && resource.endsWith('/graphql')) {
+ try {
+ const data = await response.clone().json();
+ stashListener.dispatchEvent(new CustomEvent('response', {
+ 'detail': data
+ }));
+ } catch (e) {
+
+ }
+ }
+ return response;
+};
+
+class Logger {
+ constructor(enabled) {
+ this.enabled = enabled;
+ }
+ debug() {
+ if (this.enabled) return;
+ console.debug(...arguments);
+ }
+}
+
+
+class Stash extends EventTarget {
+ constructor({
+ pageUrlCheckInterval = 100,
+ detectReRenders = false, // detects if .main element is re-rendered. eg: When you are in scenes page and clicking the scenes nav tab the url wont change but the elements are re-rendered, So with this you can listen and alter the elements inside the .main node
+ logging = false
+ } = {}) {
+ super();
+ this.log = new Logger(logging);
+ this._pageUrlCheckInterval = pageUrlCheckInterval;
+ this._detectReRenders = detectReRenders;
+ this.fireOnHashChangesToo = true;
+ this._lastPathStr = "";
+ this._lastQueryStr = "";
+ this._lastHashStr = "";
+ this._lastHref = "";
+ this._lastStashPageEvent = "";
+ this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(() => {
+ this._pageURLCheckTimerId = setInterval(() => {
+ // Loop every 100 ms
+ if (
+ this._lastPathStr !== location.pathname ||
+ this._lastQueryStr !== location.search ||
+ (this.fireOnHashChangesToo && this._lastHashStr !== location.hash) ||
+ this._lastHref !== location.href ||
+ (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
+ ) {
+ this._dispatchPageEvent("stash:page", false)
+ this.gmMain({
+ lastPathStr: this._lastPathStr,
+ lastQueryStr: this._lastQueryStr,
+ lastHashStr: this._lastHashStr,
+ lastHref: this._lastHref,
+ lastStashPageEvent: this._lastStashPageEvent,
+ });
+ this._lastPathStr = location.pathname
+ this._lastQueryStr = location.search
+ this._lastHashStr = location.hash
+ this._lastHref = location.href
+ if (this._detectReRenders) {
+ this.waitForElement(".main > div", 10000).then((element) => {
+ element.setAttribute("stashUserscriptLibrary", "");
+ })
+ }
+ }
+ }, this._pageUrlCheckInterval);
+ })
+ stashListener.addEventListener('response', (evt) => {
+ if (evt.detail.data?.plugins) {
+ this.getPluginVersion(evt.detail);
+ }
+ this.processRemoteScenes(evt.detail);
+ this.processScene(evt.detail);
+ this.processScenes(evt.detail);
+ this.processStudios(evt.detail);
+ this.processPerformers(evt.detail);
+ this.processApiKey(evt.detail);
+ this.dispatchEvent(new CustomEvent('stash:response', {
+ 'detail': evt.detail
+ }));
+ });
+ stashListener.addEventListener('pluginVersion', (evt) => {
+ if (this.pluginVersion !== evt.detail) {
+ this.pluginVersion = evt.detail;
+ this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
+ 'detail': evt.detail
+ }));
+ }
+ });
+ this.version = [0, 0, 0];
+ this.getVersion();
+ this.pluginVersion = null;
+ this.getPlugins().then(plugins => this.getPluginVersion(plugins));
+ this.visiblePluginTasks = ['Userscript Functions'];
+ this.settingsCallbacks = [];
+ this.settingsId = 'userscript-settings';
+ this.remoteScenes = {};
+ this.scenes = {};
+ this.studios = {};
+ this.performers = {};
+ this.userscripts = [];
+ this._pageListeners = {};
+ this.assignPageListeners()
+ }
+ async getVersion() {
+ const reqData = {
+ "operationName": "",
+ "variables": {},
+ "query": `query version {
+ version {
+ version
+ }
+ }`
+ };
+ const data = await this.callGQL(reqData);
+ const versionString = data.data.version.version;
+ this.version = versionString.substring(1).split('.').map(o => parseInt(o));
+ }
+ compareVersion(minVersion) {
+ let [currMajor, currMinor, currPatch = 0] = this.version;
+ let [minMajor, minMinor, minPatch = 0] = minVersion.split('.').map(i => parseInt(i));
+ if (currMajor > minMajor) return 1;
+ if (currMajor < minMajor) return -1;
+ if (currMinor > minMinor) return 1;
+ if (currMinor < minMinor) return -1;
+ return 0;
+
+ }
+ comparePluginVersion(minPluginVersion) {
+ if (!this.pluginVersion) return -1;
+ let [currMajor, currMinor, currPatch = 0] = this.pluginVersion.split('.').map(i => parseInt(i));
+ let [minMajor, minMinor, minPatch = 0] = minPluginVersion.split('.').map(i => parseInt(i));
+ if (currMajor > minMajor) return 1;
+ if (currMajor < minMajor) return -1;
+ if (currMinor > minMinor) return 1;
+ if (currMinor < minMinor) return -1;
+ return 0;
+
+ }
+ async runPluginTask(pluginId, taskName, args = []) {
+ const reqData = {
+ "operationName": "RunPluginTask",
+ "variables": {
+ "plugin_id": pluginId,
+ "task_name": taskName,
+ "args": args
+ },
+ "query": "mutation RunPluginTask($plugin_id: ID!, $task_name: String!, $args: [PluginArgInput!]) {\n runPluginTask(plugin_id: $plugin_id, task_name: $task_name, args: $args)\n}\n"
+ };
+ return this.callGQL(reqData);
+ }
+ async callGQL(reqData) {
+ const options = {
+ method: 'POST',
+ body: JSON.stringify(reqData),
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ }
+
+ try {
+ const res = await window.fetch('/graphql', options);
+ // this.log.debug(res);
+ return res.json();
+ } catch (err) {
+ console.error(err);
+ }
+ }
+ async getFreeOnesStats(link) {
+ try {
+ const doc = await fetch(link)
+ .then(function(response) {
+ // When the page is loaded convert it to text
+ return response.text()
+ })
+ .then(function(html) {
+ // Initialize the DOM parser
+ var parser = new DOMParser();
+
+ // Parse the text
+ var doc = parser.parseFromString(html, "text/html");
+
+ // You can now even select part of that html as you would in the regular DOM
+ // Example:
+ // var docArticle = doc.querySelector('article').innerHTML;
+
+ console.log(doc);
+ return doc
+ })
+ .catch(function(err) {
+ console.log('Failed to fetch page: ', err);
+ });
+
+ var data = new Object();
+ data.rank = doc.querySelector('rank-chart-button');
+ console.log(data.rank);
+ data.views = doc.querySelector('.d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold').textContent;
+ data.votes = '0'
+ return JSON.stringify(data);
+ } catch (err) {
+ console.error(err);
+ }
+ }
+ async getPlugins() {
+ const reqData = {
+ "operationName": "Plugins",
+ "variables": {},
+ "query": `query Plugins {
+ plugins {
+ id
+ name
+ description
+ url
+ version
+ tasks {
+ name
+ description
+ __typename
+ }
+ hooks {
+ name
+ description
+ hooks
+ }
+ }
+ }
+ `
+ };
+ return this.callGQL(reqData);
+ }
+ async getPluginVersion(plugins) {
+ let version = null;
+ for (const plugin of plugins?.data?.plugins || []) {
+ if (plugin.id === 'userscript_functions') {
+ version = plugin.version;
+ }
+ }
+ stashListener.dispatchEvent(new CustomEvent('pluginVersion', {
+ 'detail': version
+ }));
+ }
+ async getStashBoxes() {
+ const reqData = {
+ "operationName": "Configuration",
+ "variables": {},
+ "query": `query Configuration {
+ configuration {
+ general {
+ stashBoxes {
+ endpoint
+ api_key
+ name
+ }
+ }
+ }
+ }`
+ };
+ return this.callGQL(reqData);
+ }
+ async getApiKey() {
+ const reqData = {
+ "operationName": "Configuration",
+ "variables": {},
+ "query": `query Configuration {
+ configuration {
+ general {
+ apiKey
+ }
+ }
+ }`
+ };
+ return this.callGQL(reqData);
+ }
+ matchUrl(href, fragment) {
+ const regexp = concatRegexp(new RegExp(window.location.origin), fragment);
+ // this.log.debug(regexp, location.href.match(regexp));
+ return href.match(regexp) != null;
+ }
+ createSettings() {
+ waitForElementId('configuration-tabs-tabpane-system', async (elementId, el) => {
+ let section;
+ if (!document.getElementById(this.settingsId)) {
+ section = document.createElement("div");
+ section.setAttribute('id', this.settingsId);
+ section.classList.add('setting-section');
+ section.innerHTML = `Userscript Settings
`;
+ el.appendChild(section);
+
+ const expectedApiKey = (await this.getApiKey())?.data?.configuration?.general?.apiKey || '';
+ const expectedUrl = window.location.origin;
+
+ const serverUrlInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-url', 'userscript-server-url', 'Stash Server URL', '', 'Server URL…', true);
+ serverUrlInput.addEventListener('change', () => {
+ const value = serverUrlInput.value || '';
+ if (value) {
+ this.updateConfigValueTask('STASH', 'url', value);
+ alert(`Userscripts plugin server URL set to ${value}`);
+ } else {
+ this.getConfigValueTask('STASH', 'url').then(value => {
+ serverUrlInput.value = value;
+ });
+ }
+ });
+ serverUrlInput.disabled = true;
+ serverUrlInput.value = expectedUrl;
+ this.getConfigValueTask('STASH', 'url').then(value => {
+ if (value !== expectedUrl) {
+ return this.updateConfigValueTask('STASH', 'url', expectedUrl);
+ }
+ });
+
+ const apiKeyInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-apikey', 'userscript-server-apikey', 'Stash API Key', '', 'API Key…', true);
+ apiKeyInput.addEventListener('change', () => {
+ const value = apiKeyInput.value || '';
+ this.updateConfigValueTask('STASH', 'api_key', value);
+ if (value) {
+ alert(`Userscripts plugin server api key set to ${value}`);
+ } else {
+ alert(`Userscripts plugin server api key value cleared`);
+ }
+ });
+ apiKeyInput.disabled = true;
+ apiKeyInput.value = expectedApiKey;
+ this.getConfigValueTask('STASH', 'api_key').then(value => {
+ if (value !== expectedApiKey) {
+ return this.updateConfigValueTask('STASH', 'api_key', expectedApiKey);
+ }
+ });
+ } else {
+ section = document.getElementById(this.settingsId);
+ }
+
+ for (const callback of this.settingsCallbacks) {
+ callback(this.settingsId, section);
+ }
+
+ if (this.pluginVersion) {
+ this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
+ 'detail': this.pluginVersion
+ }));
+ }
+
+ });
+ }
+ addSystemSetting(callback) {
+ const section = document.getElementById(this.settingsId);
+ if (section) {
+ callback(this.settingsId, section);
+ }
+ this.settingsCallbacks.push(callback);
+ }
+ async createSystemSettingCheckbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader) {
+ const section = document.createElement("div");
+ section.setAttribute('id', settingsId);
+ section.classList.add('card');
+ section.style.display = 'none';
+ section.innerHTML = `
+
+
${settingsHeader}
+
${settingsSubheader}
+
+
+
+
+
${settingsHeader}
+
${settingsSubheader}
+
+
+