☰

Pytems

Create & Manage Items in Infinite Craft with an Easy to use Menu!

  1. // ==UserScript==
  2. // @name         Pytems
  3. // @namespace    https://py9.dev/
  4. // @version      1.1.0
  5. // @description  Create & Manage Items in Infinite Craft with an Easy to use Menu!
  6. // @author       Py9
  7. // @match        https://neal.fun/infinite-craft/
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=neal.fun
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     const version = '1.1.0';
  14.     var updateAvailable = false;
  15.     let checkVersion = async () => {
  16.         let response = await fetch('https://raw.githubusercontent.com/Proyo9/Infinite-Hack/main/version.txt');
  17.         let text = await response.text();
  18.         let latestVersion = text.trim();
  19.         if (compareVersions(version, latestVersion) === -1) {
  20.             updateAvailable = true;
  21.             document.getElementById('pytems-update').innerText = `Update (v${latestVersion})`;
  22.             document.getElementById('pytems-update').style.display = 'flex';
  23.             console.log('%cYour Pytems is not up to date, get the latest update from: %chttps://greasyfork.org/en/scripts/487439-pytems', 'color: red; font-weight: bold;', 'color: blue; text-decoration: underline;');
  24.             let items = document.querySelectorAll('.item');
  25.             /*items.forEach(item => {
  26.                 if (item.textContent.includes('Thank you for using Pytems')) {
  27.                     item.innerHTML = `<span data-v-adfd717a="" class="item-emoji">❗</span> Pytems Update Available (v${latestVersion})`;
  28.                 }
  29.             });*/
  30.         }
  31.     }
  32.     function compareVersions(version1, version2) {
  33.         const parts1 = version1.split('.');
  34.         const parts2 = version2.split('.');
  35.         for (let i = 0; i < Math.max(parts1.length, parts2.length); i++) {
  36.             const num1 = parseInt(parts1[i]) || 0;
  37.             const num2 = parseInt(parts2[i]) || 0;
  38.  
  39.             if (num1 < num2) {
  40.                 return -1;
  41.             } else if (num1 > num2) {
  42.                 return 1;
  43.             }
  44.         }
  45.         return 0;
  46.     }
  47.     checkVersion();
  48.     let script = document.createElement('script');
  49.     script.src = 'https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js';
  50.     script.type = 'module';
  51.     document.head.appendChild(script);
  52.     let ht = localStorage.getItem('pytems:hidethanks');
  53.     let items = localStorage.getItem('infinite-craft-data')
  54.     if (items === null) {
  55.         items = {"elements":[{"text":"Water","emoji":"💧","discovered":false},{"text":"Fire","emoji":"🔥","discovered":false},{"text":"Wind","emoji":"🌬️","discovered":false},{"text":"Earth","emoji":"🌍","discovered":false}]}
  56.     } else {
  57.         items = JSON.parse(items)
  58.     }
  59.     if (ht && !updateAvailable) {
  60.         items.elements = items.elements.filter(e => e.text !== 'Thank you for using Pytems');
  61.         localStorage.setItem('infinite-craft-data', JSON.stringify(items));
  62.     } else {
  63.         localStorage.setItem('infinite-craft-data', JSON.stringify(items))
  64.         let thanks = {"text":"Thank you for using Pytems","emoji":"🍉","discovered":false}
  65.         if (!items.elements.some(e => e.text === thanks.text)) {
  66.             items.elements.unshift(thanks)
  67.     
  68.         }
  69.         localStorage.setItem('infinite-craft-data', JSON.stringify(items))
  70.     }
  71.  
  72.     let cheatsDisabled = localStorage.getItem('pytems:cheats');
  73.  
  74.     let buttonContainer = document.createElement('div');
  75.     buttonContainer.style.display = 'flex';
  76.     buttonContainer.style.justifyContent = 'center';
  77.     document.body.appendChild(buttonContainer);
  78.  
  79.     let createButton = document.createElement('button');
  80.     createButton.textContent = 'Create Item';
  81.     createButton.style.zIndex = 1000000;
  82.     createButton.style.padding = '10px 20px';
  83.     createButton.style.backgroundColor = '#4CAF50';
  84.     createButton.style.color = 'white';
  85.     createButton.style.border = 'none';
  86.     createButton.style.borderRadius = '5px';
  87.     createButton.style.cursor = 'pointer';
  88.     createButton.style.marginTop = '10px';
  89.     if (cheatsDisabled) { createButton.style.display = 'none'; }
  90.     buttonContainer.appendChild(createButton);
  91.     createButton.addEventListener('click', function() {
  92.         document.querySelectorAll('.sidebar-input').forEach(input => input.disabled = true);
  93.         createItemMenu.style.display = 'flex';
  94.     });
  95.  
  96.     let deleteButton = document.createElement('button');
  97.     deleteButton.textContent = 'Delete Item';
  98.     deleteButton.style.zIndex = 1000000;
  99.     deleteButton.style.padding = '10px 20px';
  100.     deleteButton.style.backgroundColor = '#f44336';
  101.     deleteButton.style.color = 'white';
  102.     deleteButton.style.border = 'none';
  103.     deleteButton.style.borderRadius = '5px';
  104.     deleteButton.style.cursor = 'pointer';
  105.     deleteButton.style.marginLeft = '10px';
  106.     deleteButton.style.marginTop = '10px';
  107.     if (cheatsDisabled) { deleteButton.style.display = 'none'; }
  108.     buttonContainer.appendChild(deleteButton);
  109.     deleteButton.addEventListener('click', function() {
  110.         document.querySelectorAll('.sidebar-input').forEach(input => input.disabled = true);
  111.         deleteItemMenu.style.display = 'flex';
  112.     });
  113.  
  114.     let magicCreateButton = document.createElement('button');
  115.     magicCreateButton.textContent = 'Magic Create';
  116.     magicCreateButton.style.zIndex = 1000000;
  117.     magicCreateButton.style.padding = '10px 20px';
  118.     magicCreateButton.style.backgroundColor = '#6779d0';
  119.     magicCreateButton.style.color = 'white';
  120.     magicCreateButton.style.border = 'none';
  121.     magicCreateButton.style.borderRadius = '5px';
  122.     magicCreateButton.style.cursor = 'pointer';
  123.     magicCreateButton.style.marginLeft = '10px';
  124.     magicCreateButton.style.marginTop = '10px';
  125.     buttonContainer.appendChild(magicCreateButton);
  126.     if (cheatsDisabled) { magicCreateButton.style.display = 'none'; }
  127.     magicCreateButton.addEventListener('click', function() {
  128.         document.querySelectorAll('.sidebar-input').forEach(input => input.disabled = true);
  129.         magicCreateMenu.style.display = 'flex';
  130.     });
  131.  
  132.     let magicCreateMenu = document.createElement('div');
  133.     magicCreateMenu.style.position = 'fixed';
  134.     magicCreateMenu.style.top = '15%';
  135.     magicCreateMenu.style.left = '50%';
  136.     magicCreateMenu.style.transform = 'translateX(-50%)';
  137.     magicCreateMenu.style.zIndex = 1000000;
  138.     magicCreateMenu.style.padding = '20px';
  139.     magicCreateMenu.style.backgroundColor = 'white';
  140.     magicCreateMenu.style.borderRadius = '5px';
  141.     magicCreateMenu.style.display = 'none';
  142.     magicCreateMenu.style.flexDirection = 'column';
  143.     magicCreateMenu.style.alignItems = 'center';
  144.     magicCreateMenu.style.justifyContent = 'center';
  145.     magicCreateMenu.style.border = '1px solid #ddd';
  146.     magicCreateMenu.style.boxShadow = '0 0 10px rgba(0,0,0,0.1)';
  147.     document.body.appendChild(magicCreateMenu);
  148.  
  149.     let firstElementInput = document.createElement('input');
  150.     firstElementInput.style.padding = '10px';
  151.     firstElementInput.style.margin = '5px';
  152.     firstElementInput.style.width = '100%';
  153.     firstElementInput.style.border = '1px solid #ddd';
  154.     firstElementInput.style.borderRadius = '5px';
  155.     firstElementInput.style.fontSize = '16px';
  156.     firstElementInput.style.outline = 'none';
  157.     firstElementInput.placeholder = "Element One";
  158.     magicCreateMenu.appendChild(firstElementInput);
  159.  
  160.     let secondElementInput = document.createElement('input');
  161.     secondElementInput.style.padding = '10px';
  162.     secondElementInput.style.margin = '5px';
  163.     secondElementInput.style.width = '100%';
  164.     secondElementInput.style.border = '1px solid #ddd';
  165.     secondElementInput.style.borderRadius = '5px';
  166.     secondElementInput.style.fontSize = '16px';
  167.     secondElementInput.style.outline = 'none';
  168.     secondElementInput.placeholder = "Element Two";
  169.     magicCreateMenu.appendChild(secondElementInput);
  170.  
  171.     let magicCreateButton2 = document.createElement('button');
  172.     magicCreateButton2.textContent = 'Create';
  173.     magicCreateButton2.style.zIndex = 1000000;
  174.     magicCreateButton2.style.padding = '10px 20px';
  175.     magicCreateButton2.style.backgroundColor = '#6779d0';
  176.     magicCreateButton2.style.color = 'white';
  177.     magicCreateButton2.style.border = 'none';
  178.     magicCreateButton2.style.borderRadius = '5px';
  179.     magicCreateButton2.style.cursor = 'pointer';
  180.     magicCreateButton2.style.marginTop = '10px';
  181.     magicCreateMenu.appendChild(magicCreateButton2);
  182.  
  183.     magicCreateButton2.addEventListener('click', function() {
  184.         const firstElement = firstElementInput.value;
  185.         const secondElement = secondElementInput.value;
  186.         var text = '';
  187.         fetch(`https://neal.fun/api/infinite-craft/pair?first=${firstElement}&second=${secondElement}`)
  188.             .then(response => {
  189.                 if (!response.ok) {
  190.                     throw new Error('Network response was not ok');
  191.                 }
  192.                 // Return the ReadableStream directly
  193.                 return response.body;
  194.             })
  195.             .then(body => {
  196.                 const reader = body.getReader();
  197.  
  198.                 const readStream = () => {
  199.                     return reader.read().then(({ done, value }) => {
  200.                         if (done) {
  201.                             responseJSON = JSON.parse(text);
  202.                             let newItem = {"text":responseJSON.result,"emoji":responseJSON.emoji,"discovered":responseJSON.isNew};
  203.                             items = localStorage.getItem('infinite-craft-data')
  204.                             items = JSON.parse(items)
  205.                             items.elements.push(newItem);
  206.                             localStorage.setItem('infinite-craft-data', JSON.stringify(items))
  207.                             location.reload();
  208.                             return;
  209.                         }
  210.                         text += new TextDecoder().decode(value);
  211.                         return readStream();
  212.                     });
  213.                 };
  214.  
  215.                 return readStream();
  216.             })
  217.             .catch(error => {
  218.                 console.error('There was a problem with the fetch operation:', error);
  219.             });
  220.  
  221.         magicCreateMenu.remove();
  222.     });
  223.  
  224.     let createItemMenu = document.createElement('div');
  225.     createItemMenu.style.position = 'fixed';
  226.     createItemMenu.style.top = '15%';
  227.     createItemMenu.style.left = '50%';
  228.     createItemMenu.style.transform = 'translateX(-50%)';
  229.     createItemMenu.style.zIndex = 1000000;
  230.     createItemMenu.style.padding = '20px';
  231.     createItemMenu.style.backgroundColor = 'white';
  232.     createItemMenu.style.borderRadius = '5px';
  233.     createItemMenu.style.display = 'none';
  234.     createItemMenu.style.flexDirection = 'column';
  235.     createItemMenu.style.alignItems = 'center';
  236.     createItemMenu.style.justifyContent = 'center';
  237.     createItemMenu.style.border = '1px solid #ddd';
  238.     createItemMenu.style.boxShadow = '0 0 10px rgba(0,0,0,0.1)';
  239.     document.body.appendChild(createItemMenu);
  240.  
  241.  
  242.     let createItemInput = document.createElement('input');
  243.     createItemInput.style.padding = '10px';
  244.     createItemInput.style.margin = '5px';
  245.     createItemInput.style.width = '100%';
  246.     createItemInput.style.border = '1px solid #ddd';
  247.     createItemInput.style.borderRadius = '5px';
  248.     createItemInput.style.fontSize = '16px';
  249.     createItemInput.style.outline = 'none';
  250.     createItemInput.placeholder = 'Enter the name of the item';
  251.     createItemInput.value = 'New Item';
  252.     createItemMenu.appendChild(createItemInput);
  253.     
  254.     let createItemEmoji = document.createElement('input');
  255.     createItemEmoji.style.padding = '10px';
  256.     createItemEmoji.style.margin = '5px';
  257.     createItemEmoji.style.width = '100%';
  258.     createItemEmoji.style.border = '1px solid #ddd';
  259.     createItemEmoji.style.borderRadius = '5px';
  260.     createItemEmoji.style.fontSize = '16px';
  261.     createItemEmoji.style.outline = 'none';
  262.     createItemEmoji.placeholder = 'Enter the emoji for the item';
  263.     createItemEmoji.value = '📋';
  264.     createItemMenu.appendChild(createItemEmoji);
  265.  
  266.     let pickerButton = document.createElement('button');
  267.     pickerButton.textContent = 'Pick Emoji';
  268.     pickerButton.style.padding = '10px 20px';
  269.     pickerButton.style.backgroundColor = '#2196F3';
  270.     pickerButton.style.color = 'white';
  271.     pickerButton.style.border = 'none';
  272.     pickerButton.style.borderRadius = '5px';
  273.     pickerButton.style.cursor = 'pointer';
  274.     pickerButton.style.marginBottom = '10px';
  275.     createItemMenu.appendChild(pickerButton);
  276.     pickerButton.addEventListener('click', function() {
  277.         pickerButton.style.display = 'none';
  278.         emojiPicker.style.display = 'flex';
  279.     }
  280.     );
  281.  
  282.     let emojiPicker = document.createElement('emoji-picker');
  283.     emojiPicker.style.marginTop = '10px';
  284.     emojiPicker.style.marginBottom = '10px';
  285.     emojiPicker.style.display = 'none';
  286.     emojiPicker.addEventListener('emoji-click', (event) => {
  287.         createItemEmoji.value = event.detail.emoji.unicode;
  288.         emojiPicker.style.display = 'none';
  289.         pickerButton.style.display = 'flex';
  290.     });
  291.     createItemMenu.appendChild(emojiPicker);
  292.  
  293.     let createItemDiscoveredLabel = document.createElement('label');
  294.     createItemDiscoveredLabel.textContent = 'Discovered';
  295.     createItemDiscoveredLabel.style.fontSize = '16px';
  296.     createItemDiscoveredLabel.style.outline = 'none';
  297.     createItemMenu.appendChild(createItemDiscoveredLabel);
  298.  
  299.     let createItemDiscovered = document.createElement('input');
  300.     createItemDiscovered.type = 'checkbox';
  301.     createItemDiscovered.style.border = '1px solid #ddd';
  302.     createItemDiscovered.style.borderRadius = '5px';
  303.     createItemDiscovered.style.fontSize = '16px';
  304.     createItemDiscovered.style.outline = 'none';
  305.     createItemDiscovered.style.marginBottom = '5px';
  306.     createItemMenu.appendChild(createItemDiscovered);
  307.  
  308.     let createItemSubmit = document.createElement('button');
  309.     createItemSubmit.textContent = 'Create Item';
  310.     createItemSubmit.style.padding = '10px 20px';
  311.     createItemSubmit.style.backgroundColor = '#4CAF50';
  312.     createItemSubmit.style.color = 'white';
  313.     createItemSubmit.style.border = 'none';
  314.     createItemSubmit.style.borderRadius = '5px';
  315.     createItemSubmit.style.cursor = 'pointer';
  316.     createItemMenu.appendChild(createItemSubmit);
  317.  
  318.     createItemSubmit.addEventListener('click', function() {
  319.         let newItem = {"text":createItemInput.value,"emoji":createItemEmoji.value,"discovered":createItemDiscovered.checked};
  320.         items = localStorage.getItem('infinite-craft-data')
  321.         items = JSON.parse(items)
  322.         items.elements.push(newItem);
  323.         localStorage.setItem('infinite-craft-data', JSON.stringify(items))
  324.         location.reload();
  325.     });
  326.  
  327.     let deleteItemMenu = document.createElement('div');
  328.     deleteItemMenu.style.position = 'fixed';
  329.     deleteItemMenu.style.top = '15%';
  330.     deleteItemMenu.style.left = '50%';
  331.     deleteItemMenu.style.transform = 'translateX(-50%)';
  332.     deleteItemMenu.style.zIndex = 1000000;
  333.     deleteItemMenu.style.padding = '20px';
  334.     deleteItemMenu.style.backgroundColor = 'white';
  335.     deleteItemMenu.style.borderRadius = '5px';
  336.     deleteItemMenu.style.display = 'none';
  337.     deleteItemMenu.style.flexDirection = 'column';
  338.     deleteItemMenu.style.alignItems = 'center';
  339.     deleteItemMenu.style.justifyContent = 'center';
  340.     deleteItemMenu.style.border = '1px solid #ddd';
  341.     deleteItemMenu.style.boxShadow = '0 0 10px rgba(0,0,0,0.1)';
  342.     document.body.appendChild(deleteItemMenu);
  343.  
  344.     let deleteItemInput = document.createElement('input');
  345.     deleteItemInput.style.padding = '10px';
  346.     deleteItemInput.style.margin = '5px';
  347.     deleteItemInput.style.width = '100%';
  348.     deleteItemInput.style.border = '1px solid #ddd';
  349.     deleteItemInput.style.borderRadius = '5px';
  350.     deleteItemInput.style.fontSize = '16px';
  351.     deleteItemInput.style.outline = 'none';
  352.     deleteItemInput.placeholder = 'Enter the name of the item';
  353.     deleteItemMenu.appendChild(deleteItemInput);
  354.  
  355.     let deleteItemSubmit = document.createElement('button');
  356.     deleteItemSubmit.textContent = 'Delete Item';
  357.     deleteItemSubmit.style.padding = '10px 20px';
  358.     deleteItemSubmit.style.backgroundColor = '#f44336';
  359.     deleteItemSubmit.style.color = 'white';
  360.     deleteItemSubmit.style.border = 'none';
  361.     deleteItemSubmit.style.borderRadius = '5px';
  362.     deleteItemSubmit.style.cursor = 'pointer';
  363.     deleteItemMenu.appendChild(deleteItemSubmit);
  364.  
  365.     deleteItemSubmit.addEventListener('click', function() {
  366.         items = localStorage.getItem('infinite-craft-data')
  367.         items = JSON.parse(items)
  368.         items.elements = items.elements.filter(e => e.text !== deleteItemInput.value)
  369.         localStorage.setItem('infinite-craft-data', JSON.stringify(items))
  370.         location.reload();
  371.     });
  372.  
  373.     let updateButton = document.createElement('button');
  374.     updateButton.textContent = 'Update';
  375.     updateButton.style.zIndex = 1000000;
  376.     updateButton.style.padding = '10px 20px';
  377.     updateButton.style.backgroundColor = '#2196F3';
  378.     updateButton.style.color = 'white';
  379.     updateButton.style.border = 'none';
  380.     updateButton.style.borderRadius = '5px';
  381.     updateButton.style.cursor = 'pointer';
  382.     updateButton.style.marginLeft = '10px';
  383.     updateButton.style.marginTop = '10px';
  384.     updateButton.style.display = 'none';
  385.     updateButton.id = 'pytems-update';
  386.     buttonContainer.appendChild(updateButton);
  387.     updateButton.addEventListener('click', function() {
  388.         window.open('https://greasyfork.org/en/scripts/487439-pytems', '_blank');
  389.     });
  390.  
  391.     let settingsMenu = document.createElement('div');
  392.     settingsMenu.style.position = 'fixed';
  393.     settingsMenu.style.top = '15%';
  394.     settingsMenu.style.right = '50%';
  395.     settingsMenu.style.transform = 'translateX(50%)';
  396.     settingsMenu.style.zIndex = 1000000;
  397.     settingsMenu.style.padding = '20px';
  398.     settingsMenu.style.backgroundColor = 'white';
  399.     settingsMenu.style.borderRadius = '5px';
  400.     settingsMenu.style.display = 'none';
  401.     settingsMenu.style.flexDirection = 'column';
  402.     settingsMenu.style.alignItems = 'center';
  403.     settingsMenu.style.justifyContent = 'center';
  404.     settingsMenu.style.border = '1px solid #ddd';
  405.     settingsMenu.style.boxShadow = '0 0 10px rgba(0,0,0,0.1)';
  406.     document.body.appendChild(settingsMenu);
  407.  
  408.     settingsMenu.innerHTML = `
  409.     <style>
  410.     #pytems-github {
  411.         margin-top: 10px;
  412.         color: #2196F3;
  413.         text-decoration: none;
  414.     }
  415.     #pytems-github:hover {
  416.         text-decoration: underline;
  417.     }
  418.     #pytems-settings-close {
  419.         margin-top: 10px;
  420.         padding: 10px 20px;
  421.         background-color: #f44336;
  422.         color: white;
  423.         border: none;
  424.         border-radius: 5px;
  425.         cursor: pointer;
  426.     }
  427.     #pytems-settings-close:hover {
  428.         background-color: #ff6666;
  429.     }
  430.     .checkbox-info {
  431.         margin-top: 10px;
  432.     }
  433.     .pytems-label {
  434.         margin-left: 10px;
  435.     }
  436.     </style>
  437.     <h1>Pytems Settings</h1>
  438.     <span class="checkbox-info"><input type="checkbox" id="pytems-setting-hidethanks"></input><label for="pytems-setting-hidethanks" class="pytems-label">Hide Thanks Item</label></span>
  439.     <span class="checkbox-info"><input type="checkbox" id="pytems-setting-cheats"></input><label for="pytems-setting-cheats" class="pytems-label">Disable Cheats</label></span>
  440.     <a href="https://github.com/Proyo9/Infinite-Hack/" target="_blank" id="pytems-github">GitHub</a>
  441.     <button id="pytems-settings-close">Close</button>
  442.     `;
  443.  
  444.     let settingsClose = document.getElementById('pytems-settings-close');
  445.     settingsClose.addEventListener('click', function() {
  446.         // save settings
  447.         let hideThanks = document.getElementById('pytems-setting-hidethanks').checked;
  448.         hideThanks ? localStorage.setItem('pytems:hidethanks', hideThanks) : localStorage.removeItem('pytems:hidethanks');
  449.         let cheats = document.getElementById('pytems-setting-cheats').checked;
  450.         cheats ? localStorage.setItem('pytems:cheats', cheats) : localStorage.removeItem('pytems:cheats');
  451.  
  452.         window.location.reload();
  453.     });
  454.  
  455.     let hideThanks = localStorage.getItem('pytems:hidethanks');
  456.     if (hideThanks) {
  457.         document.getElementById('pytems-setting-hidethanks').checked = true;
  458.     }
  459.     let cheats = localStorage.getItem('pytems:cheats');
  460.     if (cheats) {
  461.         document.getElementById('pytems-setting-cheats').checked = true;
  462.     }
  463.  
  464.     let saveManagerMenu = document.createElement('div');
  465.     saveManagerMenu.style.position = 'fixed';
  466.     saveManagerMenu.style.top = '15%';
  467.     saveManagerMenu.style.right = '50%';
  468.     saveManagerMenu.style.transform = 'translateX(50%)';
  469.     saveManagerMenu.style.zIndex = 1000000;
  470.     saveManagerMenu.style.padding = '20px';
  471.     saveManagerMenu.style.backgroundColor = 'white';
  472.     saveManagerMenu.style.borderRadius = '5px';
  473.     saveManagerMenu.style.display = 'none';
  474.     saveManagerMenu.style.flexDirection = 'column';
  475.     saveManagerMenu.style.alignItems = 'center';
  476.     saveManagerMenu.style.justifyContent = 'center';
  477.     saveManagerMenu.style.border = '1px solid #ddd';
  478.     saveManagerMenu.style.boxShadow = '0 0 10px rgba(0,0,0,0.1)';
  479.     document.body.appendChild(saveManagerMenu);
  480.  
  481.     const styles = `
  482.     <style>
  483.         #pytems-save-close {
  484.             margin-top: 10px;
  485.             padding: 10px 20px;
  486.             background-color: #f44336;
  487.             color: white;
  488.             border: none;
  489.             border-radius: 5px;
  490.             cursor: pointer;
  491.         }
  492.         #pytems-save-close:hover {
  493.             background-color: #ff6666;
  494.         }
  495.         .pytems-label {
  496.             margin-left: 10px;
  497.         }
  498.         .select-sm,
  499.         .input-sm {
  500.             padding: 10px;
  501.             margin-bottom: 10px;
  502.             width: 100%;
  503.             border: 1px solid #ddd;
  504.             border-radius: 5px;
  505.             font-size: 16px;
  506.             outline: none;
  507.         }
  508.         .button-sm {
  509.             padding: 10px 20px;
  510.             background-color: #4CAF50;
  511.             color: white;
  512.             border: none;
  513.             border-radius: 5px;
  514.             cursor: pointer;
  515.         }
  516.     </style>
  517.     `;
  518.  
  519.     const renderSaveManagerMenu = (title, content) => {
  520.         saveManagerMenu.innerHTML = `
  521.             ${styles}
  522.             <h1>${title}</h1>
  523.             ${content}
  524.         `;
  525.     };
  526.  
  527.     const reloadPage = () => {
  528.         window.location.reload();
  529.     };
  530.  
  531.     const saveData = (saveName) => {
  532.         const saveData = localStorage.getItem('infinite-craft-data');
  533.         localStorage.setItem(`pytems-save:${saveName}`, saveData);
  534.         saveManagerMenu.style.display = 'none';
  535.         reloadPage();
  536.     };
  537.  
  538.     const loadData = (saveName) => {
  539.         if (saveName === '') return;
  540.         const saveData = localStorage.getItem(`pytems-save:${saveName}`);
  541.         localStorage.setItem('infinite-craft-data', saveData);
  542.         reloadPage();
  543.     };
  544.  
  545.     const deleteData = (saveName) => {
  546.         localStorage.removeItem(`pytems-save:${saveName}`);
  547.         reloadPage();
  548.     };
  549.  
  550.     renderSaveManagerMenu('Save Manager', `
  551.         <p>This feature is in beta, there are a lot of UI bugs</p>
  552.         <select id="pytems-sm-type" style="margin-bottom: 10px;" class="select-sm">
  553.             <option value="save">Save</option>
  554.             <option value="load">Load</option>
  555.             <option value="delete">Delete</option>
  556.         </select>
  557.         <span class="sm-buttons">
  558.             <button id="pytems-sm-Cancel" class="button-sm" style="background-color: #f44336;">Cancel</button>
  559.             <button id="pytems-sm-next" class="button-sm">Next</button>
  560.         </span>
  561.     `);
  562.  
  563.     const smType = document.getElementById('pytems-sm-type');
  564.     const smNext = document.getElementById('pytems-sm-next');
  565.     const smCancel = document.getElementById('pytems-sm-Cancel');
  566.  
  567.     smCancel.addEventListener('click', reloadPage);
  568.  
  569.     smNext.addEventListener('click', () => {
  570.         const type = smType.value;
  571.         if (type === 'save') {
  572.             renderSaveManagerMenu('Save Manager', `
  573.                 <input type="text" id="pytems-sm-save-name" placeholder="Save Name" style="margin-bottom: 10px;" class="input-sm">
  574.                 <span class="sm-buttons">
  575.                     <button id="pytems-sm-Cancel" class="button-sm" style="background-color: #f44336;">Cancel</button>
  576.                     <button id="pytems-sm-save" class="button-sm">Save</button>
  577.                 </span>
  578.             `);
  579.             const smSave = document.getElementById('pytems-sm-save');
  580.             smSave.addEventListener('click', () => {
  581.                 const saveName = document.getElementById('pytems-sm-save-name').value;
  582.                 saveData(saveName);
  583.             });
  584.         } else if (type === 'load') {
  585.             const saveNames = Object.keys(localStorage).filter(key => key.startsWith('pytems-save:')).map(key => key.replace('pytems-save:', ''));
  586.             renderSaveManagerMenu('Save Manager', `
  587.                 <select id="pytems-sm-save-name" style="margin-bottom: 10px;" class="select-sm">
  588.                     ${saveNames.map(name => `<option value="${name}">${name}</option>`).join('')}
  589.                 </select>
  590.                 <span class="sm-buttons">
  591.                     <button id="pytems-sm-Cancel" class="button-sm" style="background-color: #f44336;">Cancel</button>
  592.                     <button id="pytems-sm-load" class="button-sm">Load</button>
  593.                 </span>
  594.             `);
  595.             const smLoad = document.getElementById('pytems-sm-load');
  596.             smLoad.addEventListener('click', () => {
  597.                 const saveName = document.getElementById('pytems-sm-save-name').value;
  598.                 loadData(saveName);
  599.             });
  600.         } else if (type === 'delete') {
  601.             const saveNames = Object.keys(localStorage).filter(key => key.startsWith('pytems-save:')).map(key => key.replace('pytems-save:', ''));
  602.             renderSaveManagerMenu('Save Manager', `
  603.                 <select id="pytems-sm-save-name" style="margin-bottom: 10px;" class="select-sm">
  604.                     ${saveNames.map(name => `<option value="${name}">${name}</option>`).join('')}
  605.                 </select>
  606.                 <span class="sm-buttons">
  607.                     <button id="pytems-sm-Cancel" class="button-sm" style="background-color: #f44336;">Cancel</button>
  608.                     <button id="pytems-sm-delete" class="button-sm">Delete</button>
  609.                 </span>
  610.             `);
  611.             const smDelete = document.getElementById('pytems-sm-delete');
  612.             smDelete.addEventListener('click', () => {
  613.                 const saveName = document.getElementById('pytems-sm-save-name').value;
  614.                 deleteData(saveName);
  615.             });
  616.         }
  617.         smCancel.addEventListener('click', reloadPage);
  618.     });
  619.  
  620.     let darkmodesetting = localStorage.getItem('pytems:darkmode');
  621.     if (darkmodesetting) {
  622.         setTimeout(() => {
  623.             // darkmode
  624.             let customstyle = document.createElement('style');
  625.             customstyle.id = 'pytems-style';
  626.             customstyle.innerHTML = `
  627.             body {
  628.                 color: white !important;
  629.             }   
  630.             .items {
  631.                 background-color: #1e1e1e !important;
  632.                 color: white !important;
  633.             }
  634.             .item {
  635.                 background-color: #2e2e2e !important;
  636.                 color: white !important;
  637.             }
  638.             .item:hover {
  639.                 background: #3e3e3e !important;
  640.             }
  641.             .container {
  642.                 background-color: #1e1e1e !important;
  643.             }
  644.             .reset {
  645.                 color: white !important;
  646.             }
  647.             .sidebar-sorting-item {
  648.                 background-color: #2e2e2e !important;
  649.                 color: white !important;
  650.             }
  651.             .sidebar-input {
  652.                 background-color: #2e2e2e !important;
  653.                 color: white !important;
  654.             }
  655.             .item-selected {
  656.                 background: #3e3e3e !important;
  657.             }
  658.             .instance {
  659.                 background: #2e2e2e !important;
  660.             }
  661.             ::-webkit-scrollbar {
  662.                 width: 10px;
  663.             }
  664.             ::-webkit-scrollbar-track {
  665.                 background: #2e2e2e;
  666.             }
  667.             ::-webkit-scrollbar-thumb {
  668.                 background: #3e3e3e;
  669.             }
  670.             ::-webkit-scrollbar-thumb:hover {
  671.                 background: #4e4e4e;
  672.             }
  673.             input {
  674.                 color: white !important;
  675.                 background-color: #2e2e2e !important;
  676.             }
  677.             img {
  678.                 filter: invert(1) !important;
  679.             }
  680.             `
  681.             let emojiPicker = document.querySelector('emoji-picker');
  682.             emojiPicker.classList.add('dark');
  683.             createButton.style.backgroundColor = 'transparent';
  684.             createButton.style.border = 'solid 2px #4CAF50';
  685.             deleteButton.style.backgroundColor = 'transparent';
  686.             deleteButton.style.border = 'solid 2px #f44336';
  687.             magicCreateButton.style.backgroundColor = 'transparent';
  688.             magicCreateButton.style.border = 'solid 2px #6779d0';
  689.             document.head.appendChild(customstyle);
  690.             let checkImagesInterval = setInterval(() => {
  691.                 let images = document.querySelectorAll('img');
  692.                 if (images.length === 9) {
  693.                     clearInterval(checkImagesInterval);
  694.                     images.forEach(image => {
  695.                         image.style.filter = 'invert(1)';
  696.                     });
  697.                 }
  698.             }, 100);
  699.             let checkCanvasInterval = setInterval(() => {
  700.                 let canvas = document.querySelector('.particles');
  701.                 if (canvas) {
  702.                     clearInterval(checkCanvasInterval);
  703.                     canvas.style.filter = 'invert(1)';
  704.                 }
  705.             }, 100);
  706.             createItemMenu.style.backgroundColor = '#2e2e2e';
  707.             deleteItemMenu.style.backgroundColor = '#2e2e2e';
  708.             magicCreateMenu.style.backgroundColor = '#2e2e2e';
  709.             settingsMenu.style.backgroundColor = '#2e2e2e';
  710.             saveManagerMenu.style.backgroundColor = '#2e2e2e';
  711.         }, 10);
  712.     }
  713.  
  714.     setTimeout(() => {
  715.         let darkmodeToggle = `
  716.         <a data-v-0d6976f8="" target="_blank" class="darkmodetoggle" id="darkmodetoggle" style="margin-top: 3.5px;">
  717.             <img data-v-0d6976f8="" src="https://static-00.iconduck.com/assets.00/moon-icon-1868x2048-ifpp8fum.png" class="coffee" style="width: 18px; height: 18px;">
  718.         </a>
  719.         `
  720.         let settingsToggle = `
  721.         <a data-v-0d6976f8="" target="_blank" class="settingstoggle" id="settingstoggle" style="margin-top: 4px;">
  722.             <img data-v-0d6976f8="" src="https://static-00.iconduck.com/assets.00/gear-icon-2048x2048-5lk2g86a.png" class="coffee" style="width: 18px; height: 18px;">
  723.         </a>
  724.         `
  725.         let saveManager = `
  726.         <a data-v-0d6976f8="" target="_blank" class="saveManager" id="saveManager" style="margin-top: 4px;">
  727.             <img data-v-0d6976f8="" src="https://static-00.iconduck.com/assets.00/save-icon-512x512-552twxqx.png" class="coffee" style="width: 18px; height: 18px;">
  728.         </a>
  729.         `
  730.         let sideControls = document.querySelector('.side-controls');
  731.         sideControls.innerHTML = darkmodeToggle + settingsToggle + saveManager + sideControls.innerHTML;
  732.         let darkmodeButton = document.getElementById('darkmodetoggle');
  733.         darkmodeButton.addEventListener('click', function() {
  734.             if (localStorage.getItem('pytems:darkmode')) {
  735.                 localStorage.removeItem('pytems:darkmode');
  736.                 location.reload();
  737.             } else {
  738.                 localStorage.setItem('pytems:darkmode', 'true');
  739.                 location.reload();
  740.             }
  741.         });
  742.         let settingsButton = document.getElementById('settingstoggle');
  743.         settingsButton.addEventListener('click', function() {
  744.             settingsMenu.style.display = 'flex';
  745.         });
  746.         document.querySelector('.clear').addEventListener('click', function() {
  747.             window.location.reload()
  748.             /*document.querySelectorAll('.instance').forEach(instance => {
  749.                 instance.remove();
  750.             });*/
  751.         });
  752.         let saveManagerButton = document.getElementById('saveManager');
  753.         saveManagerButton.addEventListener('click', function() {
  754.             saveManagerMenu.style.display = 'flex';
  755.             document.querySelectorAll('.sidebar-input').forEach(input => input.disabled = true);
  756.         });
  757.     }, 500);
  758. })();