Skip to content

Instantly share code, notes, and snippets.

View vdsabev's full-sized avatar
⭐

Vlad Sabev vdsabev

⭐
96 followers · 33 following
View GitHub Profile
@vdsabev
vdsabev / x-muted-words.txt
Created April 15, 2025 14:11
My list of muted words and phrases on x.com. These only apply to accounts I don't follow, so I'm not missing anything from people I really care about.
episcopalian
presbyterian
baptist
real for that
ate with that
ate that
fuentes
destiny
gaetz
so cooked
@vdsabev
vdsabev / fly.pieter.com.adblock.js
Last active March 13, 2025 07:50
Block ads on fly.pieter.com and fly.zullo.fun (sorry guys I just want to fly around :))
function blockAds() {
const ads = [
'banner',
'beachTextMesh',
'billboard',
'billboard2',
'blimp2Group',
'blimp3Group',
'blimpGroup',
'castle', // Sadly can't only hide the text
@vdsabev
vdsabev / math.test.js
Last active May 16, 2024 20:49
Minimal Node.js test runner
import assert from 'node:assert/strict';
export default {
'tests for sum': {
'1 + 1 should be 2'() {
assert.equal(1 + 1, 2);
},
'2 + 2 should be 4'() {
assert.equal(2 + 2, 4);
},
@vdsabev
vdsabev / reactive.js
Last active October 15, 2023 05:58
Vue's `reactive` in React
const useReactive = (object, dependencies = []) => {
const [_, setState] = useState(0);
return useMemo(
() => toReactive(object, () => setState((state) => state + 1)),
dependencies
);
};
const toReactive = (object, callback) => {
if (!object || typeof object !== 'object') return object;
@vdsabev
vdsabev / lob-scripting.html
Last active October 6, 2023 12:32
Locality of Behavior scripting
<!DOCTYPE html>
<html>
<head>
<title>LoB Scripting</title>
</head>
<body>
<template id="hello">
<h1></h1>
<select>
@vdsabev
vdsabev / css-scope-inline.js
Created September 9, 2023 12:40
Modified css-scope-inline
// Original: https://github.com/gnat/css-scope-inline
// Modified: https://gist.github.com/Gyanreyer/a9d5fe8b91055ea4dc302c1d0ff17452
(() => {
let cssScopeCount = 0;
const scopedSelectorRegex = new RegExp('(:scope)(?![A-Za-z0-9_-])', 'g');
/** @returns {Node[]} */
const getAllChildNodes = (/** @type {NodeList} */ childNodes) =>
[...childNodes].flatMap((childNode) => [
childNode,
@vdsabev
vdsabev / mutagen.html
Last active October 6, 2023 13:01
Mutagen - a mini templating engine based on htmx and Mutation Observer
<!DOCTYPE html>
<html>
<head>
<script src="/mutagen.js"></script>
</head>
<body>
<mg-component src="/profile.html" data='{ "user": { "name": "John Doe", "pictureUrl": "https://placehold.co/128" } }' />
</body>
</html>
@vdsabev
vdsabev / 04-component-fixed-tests.js
Last active November 8, 2020 18:23
describe('Counter', () => {
...
it('should emit value incremented by step', async () => {
await component.setProps({ step: 10 });
component.vm.increment();
expect(component.emitted('input')).toEqual([[10]]);
});
it('should emit value decremented by step', async () => {
@vdsabev
vdsabev / 07-component-reliable-tests.js
Last active November 25, 2020 18:10
import { mount } from '@vue/test-utils';
import Counter from './Counter';
describe('Counter', () => {
let component;
beforeEach(() => {
component = mount(Counter);
});
it('should emit value set to a specific number', async () => {
@vdsabev
vdsabev / 05-component-set-value.vue
Last active November 13, 2020 06:13
<template>
<div>
<button type="button" @click="decrement">-</button>
<input type="text" :value="value" @input="setValue" /> <!-- we removed the argument here -->
<button type="button" @click="increment">+</button>
</div>
</template>