AriPerkkio

@mixin increase-specificity($times: 1) {
  $selector: "";

  @for $index from 1 through $times {
    $selector: #{$selector}#{&};
  }

  &#{$selector} {
    @content;
  }

AriPerkkio

$ npm --no-git-tag-version version ${npm_package_version}-snapshot-${GIT_COMMIT}
$ npm publish --tag snapshot 

AriPerkkio

printHeadings();

function printHeadings() {
  const headings = document.querySelectorAll("h1,h2,h3,h4,h5,h6");

  const formatted = Array.from(headings).map((element) => {
    const tag = element.tagName;
    const padding = parseInt(tag.charAt(1)) - 1;
    const text = element.textContent?.replace(/\s{2,}/g, " ");

AriPerkkio

type InvertTree<Tree extends Leaf> = Tree extends {
  left: infer Left;
  right: infer Right;
}
  ? Left extends Leaf
    ? Right extends Leaf
      ? { left: InvertTree<Right>; right: InvertTree<Left>; id: Tree["id"] }
      : { left: undefined; right: InvertTree<Left>; id: Tree["id"] } // There is left but no right
    : Right extends Leaf
    ? { left: InvertTree<Right>; right: undefined; id: Tree["id"] } // There is right but no left

AriPerkkio

/* Typings */
type TicTacToe<
  MovesOrNextBoard extends Board | Turn[], // On initial round this will be a Turn[], on next rounds it will be a Board with some moves done
  MovesOrMissing extends Turn[] = [], // On initial round this will be empty, on next rounds it will be the moves
  PreviousMark extends ValidMark | undefined = undefined, // On initial round this will be missing, on next rounds it will be the mark of the last move
  CurrentBoard extends Board = ResolveBoardFromArgs<MovesOrNextBoard>, // Parsed argument
  Moves extends Turn[] = ResolveNextMovesFromArgs<MovesOrNextBoard, MovesOrMissing> // Parsed argument
> =
  Moves extends [infer NextMove, ...infer NextMoves] ?
    NextMove extends Turn ?

AriPerkkio

/*
$ node --watch --no-warnings --experimental-vm-modules --experimental-import-meta-resolve vm.mjs
*/
import vm from "node:vm";
import { readFileSync } from "node:fs";
import { fileURLToPath } from "node:url";
import { JSDOM } from "jsdom";

const server = {
  async fetchModule(filename) {

AriPerkkio

/*
 * Run as `node process.mjs` and open Chrome DevTools or similar debugging tool
*/
import { fork } from "node:child_process";
import { fileURLToPath } from "node:url";
import inspector from "node:inspector";

const filename = fileURLToPath(import.meta.url);

if (!process.env.SOME_FLAG) {

AriPerkkio

import { writeFileSync } from "node:fs";
import inspector from "node:inspector";

function firstMethod() {}
function secondMethod() {}

const session = new inspector.Session();
const collectedCoverage = [];

session.connect();

AriPerkkio

/*
rm -rf ./profiling
node --cpu-prof --cpu-prof-dir=./profiling index.mjs
*/

import { fileURLToPath } from "node:url";
import vm from "node:vm";
import { Worker, isMainThread } from "node:worker_threads";

globalThis.variableInGlobalScope = "Hello world";

AriPerkkio

Rule: react-hooks/no-nested-components

• Message: Component "Header" is declared during render. You should move this declaration outside of render to ensure this component's state is persisted across re-renders of its parent. If this component is memoized, you should still refactor the component to be able to move it outside of render. If you want to reset its state use a key instead (see https://reactjs.org/docs/lists-and-keys.html#keys).
• Path: tannerlinsley/react-table/old-examples/expanding/src/App.js
• Link

  90 |         // Build our expander column
  91 |         id: 'expander', // Make sure it has an ID
> 92 |         Header: ({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) => (