您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Infinite craft Quality of life scripts
- // ==UserScript==
- // @name Infinite craft QOL
- // @namespace http://tampermonkey.net/
- // @version 2024-02-07
- // @description Infinite craft Quality of life scripts
- // @author You
- // @match http://neal.fun/infinite-craft
- // @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
- // @grant none
- // ==/UserScript==
- //----------------------------------------------------------------------------------------------------------------------------------------
- //CREATE SORTING FUNCTION
- const sortElements= () => {
- window.$nuxt.$root.$children[2].$children[0].$children[0]._data.elements.sort((a, b) => (a.text > b.text) ? 1 : -1);
- }
- //----------------------------------------------------------------------------------------------------------------------------------------
- // CREATE SORTING BUTTON FUNCTION
- function createSortButton(){
- const buttonStyle = {
- appearance: 'none',
- position: 'absolute',
- width: '80px',
- height: '35px',
- backgroundColor: '#1A1B31',
- color: 'white',
- fontWeight: 'bold',
- fontFamily: 'Roboto,sans-serif',
- border: '0',
- outline: 'none',
- borderRadius: '5px',
- cursor: 'pointer',
- padding: 4,
- left: '24px',
- bottom: '24px',
- }
- function addSortButtonDOM() {
- var button = document.createElement("button");
- Object.keys(buttonStyle).forEach((attr) => {
- button.style[attr] = buttonStyle[attr];
- });
- button.innerText = "Sort elements"
- button.addEventListener('click', () => sortElements());
- document.body.appendChild(button);
- }
- addSortButtonDOM();
- }
- //----------------------------------------------------------------------------------------------------------------------------------------
- // REPLACE ORIGINAL NON WORKING SEARCH BAR
- function getElementByPlaceholder(placeholder) {
- // Get all input elements in the document
- const inputElements = document.querySelectorAll('input');
- // Iterate through the input elements
- for (const input of inputElements) {
- // Check if the current input element has the specified placeholder
- if (input.placeholder === placeholder) {
- return input; // Return the element if found
- }
- }
- return null; // Return null if no element with the specified placeholder is found
- }
- function replaceSearchBar(){
- let items = () => [...document.querySelectorAll('.item')]
- let show = (elt) => elt.style.display=''
- let hide = (elt) => elt.style.display='none'
- let search = (text) => (items().forEach(show), items().filter(e => !e.innerText.toLowerCase().includes(text.toLowerCase())).forEach(hide))
- let inputElt = document.createElement('input'); inputElt.type='text';
- function handle(e) { search(e.target.value) }
- inputElt.style.webkitFontSmoothing = 'antialiased';
- inputElt.style.userSelect = 'none';
- inputElt.style.boxSizing = 'border-box';
- inputElt.style.margin = '0';
- inputElt.style.width = '100%';
- inputElt.style.fontSize = '16px';
- inputElt.style.border = 'none';
- inputElt.style.borderTop = '1px solid #c8c8c8';
- inputElt.style.outline = '0';
- inputElt.style.padding = '0 20px 0 40px';
- inputElt.style.height = '40px';
- inputElt.style.lineHeight = '18px';
- inputElt.style.position = 'relative';
- inputElt.style.background = 'url(/infinite-craft/search.svg) no-repeat 22px 22px';
- inputElt.style.backgroundSize = '21px 21px';
- inputElt.style.backgroundPosition = '10px 10px';
- inputElt.placeholder = "Search items.....";
- inputElt.addEventListener('input', handle);
- getElementByPlaceholder("Search items...").replaceWith(inputElt);
- }
- // adrianmgg's SCRIPT TO ADD RECIPES LIST + DISCOVERIES LIST
- (function() {
- 'use strict';
- const elhelper = (function() { /* via https://github.com/adrianmgg/elhelper */
- function setup(elem, { style: { vars: styleVars = {}, ...style } = {}, attrs = {}, dataset = {}, events = {}, classList = [], children = [], parent = null, insertBefore = null, ...props }) {
- for (const k in style) elem.style[k] = style[k];
- for (const k in styleVars) elem.style.setProperty(k, styleVars[k]);
- for (const k in attrs) elem.setAttribute(k, attrs[k]);
- for (const k in dataset) elem.dataset[k] = dataset[k];
- for (const k in events) elem.addEventListener(k, events[k]);
- for (const c of classList) elem.classList.add(c);
- for (const k in props) elem[k] = props[k];
- for (const c of children) elem.appendChild(c);
- if (parent !== null) {
- if (insertBefore !== null) parent.insertBefore(elem, insertBefore);
- else parent.appendChild(elem);
- }
- return elem;
- }
- function create(tagName, options = {}) { return setup(document.createElement(tagName), options); }
- function createNS(namespace, tagName, options = {}) { return setup(document.createElementNS(namespace, tagName), options); }
- return {setup, create, createNS};
- })();
- const GM_VALUE_KEY = 'infinitecraft_observed_combos';
- const GM_DATAVERSION_KEY = 'infinitecraft_data_version';
- const GM_DATAVERSION_LATEST = 1;
- // TODO this should probably use the async versions of getvalue/setvalue since we're already only calling it from async code
- function saveCombo(lhs, rhs, result) {
- console.log(`crafted ${lhs} + ${rhs} -> ${result}`);
- const data = getCombos();
- if(!(result in data)) data[result] = [];
- const sortedLhsRhs = sortRecipeIngredients([lhs, rhs]);
- for(const existingPair of data[result]) {
- if(sortedLhsRhs[0] === existingPair[0] && sortedLhsRhs[1] === existingPair[1]) return;
- }
- const pair = [lhs, rhs];
- pair.sort();
- data[result].push(pair);
- GM_setValue(GM_VALUE_KEY, data);
- GM_setValue(GM_DATAVERSION_KEY, GM_DATAVERSION_LATEST);
- }
- // !! this sorts in-place !!
- function sortRecipeIngredients(components) {
- // internally the site uses localeCompare() but that being locale-specific could cause some problems in our use case
- // it shouldn't matter though, since as long as we give these *some* consistent order it'll avoid duplicates,
- // that order doesn't need to be the same as the one the site uses
- return components.sort();
- }
- function getCombos() {
- const data = GM_getValue(GM_VALUE_KEY, {});
- const dataVersion = GM_getValue(GM_DATAVERSION_KEY, 0);
- if(dataVersion > GM_DATAVERSION_LATEST) {
- // uh oh
- // not gonna even try to handle this case, just toss up an error alert
- const msg = `Outdated script version, backup your save to continue. Press cancel`
- alert(msg);
- throw new Error(msg);
- }
- if(dataVersion < GM_DATAVERSION_LATEST) {
- // confirm that user wants to update save data
- const updateConfirm = confirm(`Outdated script version, backup your save to continue. Press cancel`);
- if(!updateConfirm) {
- throw new Error('user chose not to update save data');
- }
- // upgrade the data
- if(dataVersion <= 0) {
- // recipes in this version weren't sorted, and may contain duplicates once sorting has been applied
- for(const result in data) {
- // sort the recipes (just do it in place, since we're not gonna use the old data again
- for(const recipe of data[result]) {
- sortRecipeIngredients(recipe);
- }
- // build new list with just the ones that remain not duplicate
- const newRecipesList = [];
- for(const recipe of data[result]) {
- if(!(newRecipesList.some(r => recipe[0] === r[0] && recipe[1] === r[1]))) {
- newRecipesList.push(recipe);
- }
- }
- data[result] = newRecipesList;
- }
- }
- // now that it's upgraded, save the upgraded data & update the version
- GM_setValue(GM_VALUE_KEY, data);
- GM_setValue(GM_DATAVERSION_KEY, GM_DATAVERSION_LATEST);
- // (fall through to retun below)
- }
- // the data is definitely current now
- return data;
- }
- function main() {
- const _getCraftResponse = icMain.getCraftResponse;
- const _selectElement = icMain.selectElement;
- icMain.getCraftResponse = async function(lhs, rhs) {
- const resp = await _getCraftResponse.apply(this, arguments);
- saveCombo(lhs.text, rhs.text, resp.result);
- return resp;
- };
- // random element thing
- document.documentElement.addEventListener('mousedown', e => {
- if(e.buttons === 1 && e.altKey && !e.shiftKey) { // left mouse + alt
- e.preventDefault();
- e.stopPropagation();
- const elements = icMain._data.elements;
- const randomElement = elements[Math.floor(Math.random() * elements.length)];
- _selectElement(e, randomElement);
- } else if(e.buttons === 1 && !e.altKey && e.shiftKey) { // lmb + shift
- e.preventDefault();
- e.stopPropagation();
- const instances = icMain._data.instances;
- const lastInstance = instances[instances.length - 1];
- const lastInstanceElement = icMain._data.elements.filter(e => e.text === lastInstance.text)[0];
- _selectElement(e, lastInstanceElement);
- }
- }, {capture: false});
- // regex-based searching
- const _sortedElements__get = icMain?._computedWatchers?.sortedElements?.getter;
- // if that wasn't where we expected it to be, don't try to patch it
- if(_sortedElements__get !== null && _sortedElements__get !== undefined) {
- icMain._computedWatchers.sortedElements.getter = function() {
- if(this.searchQuery && this.searchQuery.startsWith('regex:')) {
- try {
- const pattern = new RegExp(this.searchQuery.substr(6));
- return this.elements.filter((element) => pattern.test(element.text));
- } catch(err) {
- return [];
- }
- } else {
- return _sortedElements__get.apply(this, arguments);
- }
- }
- }
- // get the dataset thing they use for scoping css stuff
- // TODO add some better handling for if there's zero/multiple dataset attrs on that element in future
- const cssScopeDatasetThing = Object.keys(icMain.$el.dataset)[0];
- function mkElementItem(element) {
- return elhelper.create('div', {
- classList: ['item'],
- dataset: {[cssScopeDatasetThing]: ''},
- children: [
- elhelper.create('span', {
- classList: ['item-emoji'],
- dataset: {[cssScopeDatasetThing]: ''},
- textContent: element.emoji,
- style: {
- pointerEvents: 'none',
- },
- }),
- document.createTextNode(` ${element.text} `),
- ],
- });
- }
- /* this will call genFn and iterate all the way through it,
- but taking a break every chunkSize iterations to allow rendering and stuff to happen.
- returns a promise. */
- function nonBlockingChunked(chunkSize, genFn, timeout = 0) {
- return new Promise((resolve, reject) => {
- const gen = genFn();
- (function doChunk() {
- for(let i = 0; i < chunkSize; i++) {
- const next = gen.next();
- if(next.done) {
- resolve();
- return;
- }
- }
- setTimeout(doChunk, timeout);
- })();
- });
- }
- // recipes popup
- const recipesListContainer = elhelper.create('div', {
- });
- function clearRecipesDialog() {
- while(recipesListContainer.firstChild !== null) recipesListContainer.removeChild(recipesListContainer.firstChild);
- }
- const recipesDialog = elhelper.create('dialog', {
- parent: document.body,
- children: [
- // close button
- elhelper.create('button', {
- textContent: 'x',
- events: {
- click: (evt) => recipesDialog.close(),
- },
- }),
- // the main content
- recipesListContainer,
- ],
- style: {
- // need to unset this one thing from the page css
- margin: 'auto',
- },
- events: {
- close: (e) => {
- clearRecipesDialog();
- },
- },
- });
- async function openRecipesDialog(childGenerator) {
- clearRecipesDialog();
- // create a child to add to for just this call,
- // as a lazy fix for the bug we'd otherwise have where opening a menu, quickly closing it, then opening it again
- // would lead to the old menu's task still adding stuff to the new menu.
- // (this doesn't actually stop any unnecessary work, but it at least prevents the possible visual bugs)
- const container = elhelper.create('div', {parent: recipesListContainer});
- // show the dialog
- recipesDialog.showModal();
- // populate the dialog
- await nonBlockingChunked(512, function*() {
- for(const child of childGenerator()) {
- container.appendChild(child);
- yield;
- }
- });
- }
- // recipes button
- function addControlsButton(label, handler) {
- elhelper.create('div', {
- parent: document.querySelector('.side-controls'),
- textContent: label,
- style: {
- cursor: 'pointer',
- },
- events: {
- click: handler,
- },
- });
- }
- addControlsButton('recipes', () => {
- // build a name -> element map
- const byName = {};
- for(const element of icMain._data.elements) byName[element.text] = element;
- function getByName(name) { return byName[name] ?? {emoji: "❌", text: `[userscript encountered an error trying to look up element '${name}']`}; }
- const combos = getCombos();
- function listItemClick(evt) {
- const elementName = evt.target.dataset.comboviewerElement;
- document.querySelector(`[data-comboviewer-section="${CSS.escape(elementName)}"]`).scrollIntoView({block: 'nearest'});
- }
- function mkLinkedElementItem(element) {
- return elhelper.setup(mkElementItem(element), {
- events: { click: listItemClick },
- dataset: { comboviewerElement: element.text },
- });
- }
- openRecipesDialog(function*(){
- for(const comboResult in combos) {
- if(comboResult === 'Nothing') continue;
- // anchor for jumping to
- yield elhelper.create('div', {
- dataset: { comboviewerSection: comboResult },
- });
- for(const [lhs, rhs] of combos[comboResult]) {
- yield elhelper.create('div', {
- children: [
- mkLinkedElementItem(getByName(comboResult)),
- document.createTextNode(' = '),
- mkLinkedElementItem(getByName(lhs)),
- document.createTextNode(' + '),
- mkLinkedElementItem(getByName(rhs)),
- ],
- });
- }
- }
- });
- });
- // first discoveries list (just gonna hijack the recipes popup for simplicity)
- addControlsButton('discoveries', () => {
- openRecipesDialog(function*() {
- for(const element of icMain._data.elements) {
- if(element.discovered) {
- yield mkElementItem(element);
- }
- }
- });
- });
- // pinned combos thing
- const sidebar = document.querySelector('.container > .sidebar');
- const pinnedCombos = elhelper.create('div', {
- parent: sidebar,
- insertBefore: sidebar.firstChild,
- style: {
- position: 'sticky',
- top: '0',
- background: 'white',
- width: '100%',
- maxHeight: '50%',
- overflowY: 'auto',
- },
- });
- icMain.selectElement = function(mouseEvent, element) {
- if(mouseEvent.buttons === 4 || (mouseEvent.buttons === 1 && mouseEvent.altKey && !mouseEvent.shiftKey)) {
- // this won't actually stop it since what gets passed into this is a mousedown event
- mouseEvent.preventDefault();
- mouseEvent.stopPropagation();
- // this isnt a good variable name but it's slightly funny and sometimes that's all that matters
- const elementElement = mkElementItem(element);
- elhelper.setup(elementElement, {
- parent: pinnedCombos,
- events: {
- mousedown: (e) => {
- if(e.buttons === 4 || (e.buttons === 1 && e.altKey && !e.shiftKey)) {
- pinnedCombos.removeChild(elementElement);
- return;
- }
- icMain.selectElement(e, element);
- },
- },
- });
- return;
- }
- return _selectElement.apply(this, arguments);
- };
- }
- // stores the object where most of the infinite craft functions live.
- // can be assumed to be set by the time main is called
- let icMain = null;
- // need to wait for stuff to be actually initialized.
- // might be an actual thing we can hook into to detect that
- // but for now just waiting until the function we want exists works well enough
- (function waitForReady(){
- icMain = Window?.$nuxt?._route?.matched?.[0]?.instances?.default;
- if(icMain !== undefined && icMain !== null) main();
- else setTimeout(waitForReady, 10);
- })();
- })();
- //--------------------------------------------------------------------------------------------------------------------------------------------------
- // Calling previously declared functions
- createSortButton();
- replaceSearchBar();
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址