Igloczek

Local Dev Proxy

Automated local development proxy using Caddy. Handles HTTPS (.test domains) and HMR automatically.

Setup (New Device)

1. Install Caddy

brew install caddy

Igloczek

this is the "(Default) Soft" theme I'm using as a base https://marketplace.visualstudio.com/items?itemName=janicweber.soft-grey-theme

and this is the one for dark mode https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

Igloczek

1. Set Cursor to use early access release channel, update it and enable "Play sound on finish"
2. Download sound - https://www.myinstants.com/media/sounds/warcraft-ii-sound-effects-orc-peon-grunt_-_work-complete.mp3
3. Open Cursor app internals - open /Applications/Cursor.app/Contents/Resources/app/out/vs/platform/accessibilitySignal/browser/media
4. Replace done1.mp3 with the downloaded file
5. Enjoy Cursor saying "Work complete!" using the Warcraft 2 orc voice, every time it finishes working on something ❤️

This guide is for macOS only.

Igloczek

Klipper Extruder Calibration Macros

Why?

Klipper and Mainsail lack built-in extruder calibration. These macros automate it.

How It Works

1. Mark the filament at 120mm before running the macro.
2. Run:

EXTRUDER_CALIBRATION

Igloczek

(async function collectSpotifyPlaylist() {
    const TRACK_SELECTOR = '._iQpvk1c9OgRAc8KRTlH';
    
    // Find the correct scroll container
    let scrollContainers = document.querySelectorAll('[data-overlayscrollbars-viewport]');
    let scrollContainer = scrollContainers.length > 1 ? scrollContainers[1] : scrollContainers[0];

    if (!scrollContainer) {
        console.error("Could not find the scrollable playlist container.");
        return;

Igloczek

export const storage = {
  async get(key) {
    return new Promise((resolve, reject) => {
      chrome.storage.local.get(key, (result) => {
        if (chrome.runtime.lastError) {
          return reject(chrome.runtime.lastError)
        }
        resolve(result[key])
      })
    })

Igloczek

// Not sure whether it's genius or stupid, but it definitely works.
// The goal is to reduce chaining critical requests.
// By default in most cases Astro do this: html -> small chunk -> big chunk(s), which is kinda like Require.js, where you need to download file, to know what file you want to download.
// Code below takes this small chunk and inlines it into html, so we have at least one client-side request to make less: html -> big chunk(s).
// Additionally we can add "modulepreload" to start fetching those files faster (not sure where in this particular case it makes any sense, but was easy to add, so I did it).
// For sure this code isn't optimal, I just quickly hacked it just to have PoC, but I belive it won't hurt server-side performance that much.
// If you know some better way to do it, that doesn't require digging through HTML and replacing strings, please let me know.

import fs from "node:fs"
import path from "node:path"

Igloczek

import axios from "axios"
import TTLCache from "@isaacs/ttlcache"

const domainsCache = new TTLCache({
  ttl: 1000 * 60 * 60 * 24,
}) as TTLCache<string, Set<string>>

interface ListConfig {
  url: string
  type: "text" | "json"

Igloczek

// How to use this script?
// 1. Set LinkedIn language to engligh (I just didn't test it on others)
// 2. Go to https://www.linkedin.com/mynetwork/invite-connect/connections/
// 3. Paste this script to the console and watch :)

[...document.querySelectorAll('.mn-connection-card')]
    // Comment out line below, if you want to remove not only people joined your network in the last year
    .filter(el => el.querySelector('.time-badge').innerText.search(/year/igm) === -1)
    .filter(el => el.querySelector('.mn-connection-card__occupation').innerText.search(/recruit|rekru|hr|talent|headhunter|people|resource|hiring|build|job|researcher/gmi) !== -1)
    .forEach((el, index) => {

Igloczek

import path from 'node:path'
import fs from 'node:fs/promises'
import { globby } from 'globby'

const files = await globby('./dist/**/index.html')

await Promise.all(
  files.map(async htmlPath => {
    const pageStyles = []
    const stylesPaths = []