charisTheo
/ prerender-skyscanner.js
Created
April 23, 2024 10:35
npm init -y && npm i puppeteer && node prerender-skyscanner.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import puppeteer from 'puppeteer'; | |
| const browser = await puppeteer.launch({ | |
| executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome', | |
| headless: false, | |
| args: [ | |
| '--window-size=1818,1328', | |
| "--no-sandbox", | |
| "--disable-setuid-sandbox", | |
| "--disable-dev-shm-usage", |
charisTheo
/ index.js
Last active
February 15, 2024 15:53
npm init -y && npm i puppeteer && node index.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import puppeteer from 'puppeteer'; | |
| const browser = await puppeteer.launch({ | |
| headless: false, | |
| args: [ | |
| '--window-size=1818,1328', | |
| "--no-sandbox", | |
| "--disable-setuid-sandbox", | |
| "--disable-dev-shm-usage", | |
| "--disable-accelerated-2d-canvas", |
charisTheo
/ webpagetest-inject-resource-hints.txt
Created
July 13, 2020 12:05
Inject resource hints (preload, prefetch, etc) while auditing a page using WebPageTest scripts. Use the textbox in Script (tab) > Enter Script
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| navigate https://www.example.com | |
| addHeader Link: <images/example-image.jpg>; rel=preload; as=image | |
| addHeader Link: <https://fonts.gstatic.com>; rel=preconnect | |
| addHeader Link: </next-page-navigation>; rel=prefetch |
charisTheo
/ plp-pdp-view-transition-mpa.js
Created
February 16, 2023 12:36
Example code for implementing View Transitions on MPAs for navigations between PLP and PDP pages.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const PRODUCT_ANCHOR_ELEMENT_SELECTOR = '[data-component="ProductCardLink"]'; | |
| // get all <a> elemenets in a list of product links | |
| const links = Array.from(document.querySelectorAll(PRODUCT_ANCHOR_ELEMENT_SELECTOR)); | |
| links.map(link => { | |
| link.addEventListener('click', async (e) => { | |
| e.preventDefault(); | |
| const image = link.querySelector('img'); | |
| // View Transition necessary styles |
charisTheo
/ remove-before-edit-element.js
Last active
August 28, 2022 03:56
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var element = document.getElementById('example-element'); | |
| var parentElement = element.parentElement; | |
| var removedElement = parentElement.removeChild(element); // triggers reflow |
charisTheo
/ supergroup_to_group_channel.js
Created
December 1, 2021 12:33
This script migrates all messages and users from a Sendbird supergroup channel to a group channel
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * This script migrates all messages and users | |
| * from a Sendbird supergroup channel to a group channel | |
| * by creating a new group channel and deleting the old supergroup channel. | |
| * | |
| * Note: make sure you have chat history enabled for newly joined members | |
| * Enable it by selecting an App from the Dashboard and toggle the checkbox under | |
| * Settings > Chat > Group Channels > Chat history | |
| * | |
| * To use this script, you need to change APP_ID and API_TOKEN below |
charisTheo
/ RNWebViewFilesToCopy.js
Created
November 4, 2021 15:46
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default [ | |
| 'www/index.html', | |
| 'www/main.css', | |
| 'www/main.js', | |
| 'www/icons/ic-add-room.svg', | |
| 'www/icons/ic-arrow-down-right-24.svg', | |
| 'www/icons/ic-arrow-left.svg', | |
| 'www/icons/ic-call-filled-active.svg', | |
| 'www/icons/ic-call-filled-deactive.svg', | |
| 'www/icons/ic-call-filled-purple.svg', |
charisTheo
/ copySvgToClipboard.js
Created
October 12, 2021 11:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| async function copyImageToClipboard(img) { | |
| const src = img.src | |
| const imageMimeType = getImageMimeTypeFromUrl(src) | |
| const blob = imageMimeType === 'image/svg' | |
| ? await getTextBlobFromUrl(src) | |
| : await getImageBlobFromUrl(src) | |
| await navigator.clipboard.write([ | |
| new ClipboardItem({ | |
| [blob.type]: blob |
charisTheo
/ copyImageToClipboardSafari.js
Created
October 12, 2021 11:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (isSafari()) { | |
| const imageMimeType = getImageMimeTypeFromUrl(src) | |
| await navigator.clipboard.write([ | |
| new ClipboardItem({ | |
| [imageMimeType]: getImageBlobFromUrl(src) | |
| }) | |
| ]) | |
| } |
charisTheo
/ getImageMimeTypeFromUrl
Created
October 12, 2021 11:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function getImageMimeTypeFromUrl(url) { | |
| return `image/${url.match(/([a-z]+)$/)[0]}` | |
| } |
NewerOlder