| // Mouse vs touch detection, supporting devices which are capable of both | |
| // by default set using touch for all touch enabled devices | |
| let userUsesTouch = | |
| 'ontouchstart' in document.documentElement || | |
| navigator.maxTouchPoints > 0 || | |
| navigator.msMaxTouchPoints > 0; | |
| if (userUsesTouch) { | |
| catchMouse(); |
| // taken from https://stackoverflow.com/questions/11849562/how-to-save-the-output-of-a-console-logobject-to-a-file | |
| (function(console){ | |
| console.save = function(data, filename){ | |
| if(!data) { | |
| console.error('Console.save: No data') | |
| return; | |
| } |
| // Context https://stackoverflow.com/a/72640597/861615 | |
| // Save the original `Date` function | |
| const OriginalDate = Date; | |
| const fakeDateArgs = [2022, 5, 3]; // beware month is 0 based | |
| let fakeDate; | |
| // Replace it with our own | |
| Date = function Date(...args) { | |
| // Called via `new`? | |
| if (!new.target) { |
| function setCaptchaLang(lang) { | |
| const container = document.getElementById('captcha_container'); | |
| // Get GoogleCaptcha iframe | |
| const iframeGoogleCaptcha = container.querySelector('iframe'); | |
| // Get language code from iframe | |
| const actualLang = iframeGoogleCaptcha.getAttribute("src").match(/hl=(.*?)&/).pop(); |
| function execute(action, callback) { | |
| // create real promise, because execute method does not return the real one | |
| // (missing documentation what actually returns) | |
| const promise = new Promise((resolve, reject) => { | |
| grecaptcha.ready(() => | |
| grecaptcha.execute(key, { action }).then(token => { | |
| resolve(token); | |
| }, | |
| reject) | |
| ); |
| // ==UserScript== | |
| // @name Aliexpress - precheck order detail | |
| // @namespace https://aliexpress.com/ | |
| // @version 1.0.0 | |
| // @description precheck checkboxes in order detail | |
| // @author luckylooke | |
| // @match https://trade.aliexpress.com/order_detail.htm* | |
| // @grant none | |
| // ==/UserScript== |
| // ==UserScript== | |
| // @name Aliexpress feedback | |
| // @namespace https://feedback.aliexpress.com/ | |
| // @version 1.1.0 | |
| // @description prefill 5-star rating in aliexpress feedback | |
| // @author luckylooke | |
| // @match https://feedback.aliexpress.com/management/leaveFeedback.htm* | |
| // @grant none | |
| // ==/UserScript== |
How to design library the most efficient way?
I have an idea about ideal lib design. But seems to be not easy to achieve it. I want to support [standard ES6 module], also other common use cases supported by [UMD]. BUT there is one more use case I want to support and so there is where the problem begins. I want to be able to switch parts of a library to different implementation.
The library is provided as pure standard ES6 module, without UMD or similar bundler specific wraps.
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Pure JS spinner</title> | |
| <style> | |
| #spinner { font-size: 6em; } | |
| </style> | |
| </head> |
| // install latest stable node | |
| nvm install stable | |
| // install yoman | |
| npm install -g yo | |
| // yoman automaticly check enviroment via yoman doctor, copypaste sugested command into terminal | |
| echo "export NODE_PATH=$NODE_PATH:/home/ubuntu/.nvm/versions/node/v5.3.0/lib/node_modules" >> ~/.bashrc && source ~/.bashrc | |
| // you can check again that everything is OK now | |
| yo doctor |