maksimr

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
source ~/.nvm/nvm.sh
nvm install node
nvm alias default $(nvm ls --no-alias --no-colors | grep -oE '[0-9]+\.[0-9]+\.[0-9]+' | sort -r | head -n 1)

npx -y github:maksimr/udot use https://github.com/maksimr/dotfiles
npx -y github:maksimr/udot install --module-path=~/.local/bin/udot

maksimr

// @ts-check

main();

/**
 * @returns {Promise<void>}
 */
async function main() {
  /**@type {{version?: string; output?: string; help?: boolean}}*/
  const options = {};

maksimr

import { Tracer } from './tracer';
import express, { Request, Response } from 'express';
import { ErrorHandler, Handler, wrap } from 'async-middleware';
import { spanProcessor } from './span-processor';
import { SpanOptions } from '@opentelemetry/api';

async function main() {
  const tracer = new Tracer({ name: 'example-tracer-node' });
  const app = express();

maksimr

import pg from 'pg';

async function main() {
  const client = new pg.Client({
    host: '127.0.0.1',
    port: 5432,
    user: 'username',
    password: 'password',
    database: 'test'
  });

maksimr

import { CreateBucketCommand, DeleteBucketCommand, DeleteObjectCommand, ListBucketsCommand, ListObjectsCommand, PutObjectCommand, S3Client } from '@aws-sdk/client-s3';
import pg from 'pg';
import QueryStream from 'pg-query-stream'
import { JsonStreamStringify } from 'json-stream-stringify';

/**
 * This is an example of streaming data from a postgresql database to S3
 * with low memory usage
 */
async function main() {

maksimr

import express from "express";
import bodyParser from "body-parser";
import { trace, context } from "@opentelemetry/api";
import { BasicTracerProvider, ConsoleSpanExporter, SimpleSpanProcessor } from "@opentelemetry/sdk-trace-base";
import { AsyncLocalStorageContextManager } from '@opentelemetry/context-async-hooks';

const provider = new BasicTracerProvider();
provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter()));
trace.setGlobalTracerProvider(provider);

maksimr

import inspector from 'inspector';
import { writeFile } from 'fs/promises';
import cron from 'node-cron';

class Profiler {
  private session: inspector.Session;

  constructor() {
    this.session = new inspector.Session();
  }

maksimr

https://nodejs.org/api/n-api.html#node-api

mk -p /tmp/echo/src
pushd /tmp/echo
npm init -y
npm install -S node-addon-api node-api-headers
touch src/index.cpp src/echo.h src/echo.cpp

node-addon-api and node-api-headers contain the C++ headers required to build the extension

maksimr

<link rel="shortcut icon" width=32px>
<canvas style="display: none" id="loader" width="16" height="16"></canvas>

<script>
class Loader {
  constructor(link, canvas) {
    this.link = link;
    this.canvas = canvas;
    this.context = canvas.getContext('2d');
    this.context.lineWidth = 2;

maksimr

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()