Roman Vasilev unlight

## migratingRules.md

      
              1 file
            
          
              2 forks
            
          
              2 comments
            
          
              57 stars
            
          
                Jaid
                / migratingRules.md
            
            
              Last active
              February 21, 2024 10:48
            
              
                ESLint rules for migrating projects from CommonJS to ESM
              
          
    ESLint rules

The ESM standard is considered stable in NodeJS and well supported by a lot of modern JavaScript tools.
ESLint does a good job validating and fixing ESM code (as long as you don't use top-level await, coming in ESLint v8). Make sure to enable the latest ECMA features in the ESLint config.

.eslint.json

{

  
## plink-plonk.js
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

## links.org

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                kidd
                / links.org
            
            
              Created
              February 3, 2020 18:24
            
          
    testing


  https://github.com/jmcdo29/testing-nestjs/tree/master/apps/
  https://blog.theodo.com/2019/06/test-nestjs-with-jest-typescript/
  https://stackoverflow.com/questions/55366037/inject-typeorm-repository-into-nestjs-service-for-mock-data-testing
  https://stackoverflow.com/questions/59177653/nestjs-architecture-and-testing
  nestjs/nest#363

templates


  https://github.com/TimurRK/nestjs-example/
  https://github.com/beaussart/nest-onion-boilerplate


## st4-changelog.md

      
              1 file
            
          
              10 forks
            
          
              32 comments
            
          
              201 stars
            
          
                jfcherng
                / st4-changelog.md
            
            
              Last active
              April 20, 2024 00:25
            
              
                Sublime Text 4 changelog just because it's not on the official website yet.
              
          
    This gist will no longer be updated as the changelog will be on the official website.

Sublime Text/Merge Official Discord chat server: https://discord.gg/D43Pecu
Sublime Text/Merge 中文 Telegram 交流群組： https://t.me/sublime_tw

Converted via https://domchristie.github.io/turndown
About Sublime Text 4


## differential-js-loader.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              8 stars
            
          
                WebReflection
                / differential-js-loader.md
            
            
              Last active
              July 28, 2020 12:44
            
              
                Differential JS Loader
              
          
    This is an alternative to the Modern Script Loading tchnique, that doesn't need to wait for the load event.
Compatibility

This technique has been successfully tested down to IE9.
<!DOCTYPE html>
<html lang="en">

  
## inline-js-modules.js
const env = {
  m1: `import {func} from './m2.mjs'; console.log(func());`,
  m2: `export function func() { return 'abc'; }`
};

const inlineModule = (env, text) => `data:text/javascript;base64,${
  btoa(inlineModules(env, text))
}`;

const inlineModules = (env, text) => text.replace(

## dynamic-loader.component.ts
import {
  Component,
  ChangeDetectionStrategy,
  ViewChild,
  ViewContainerRef,
  ComponentFactoryResolver,
  Injector, Input, OnChanges,
  SimpleChanges, EventEmitter, OnDestroy, Output, ChangeDetectorRef, OnInit
} from '@angular/core';
import {takeUntil} from 'rxjs/operators';

## _objectsFlattening.js
const obj = { a: { b: 1, c: 2, d: { e:4 , f:[1,2,3,4,5,6,7,8,9,0]} }, g:42 };

const res = Object.fromEntries(flatProps(objectRecursiveEntries(obj)));
/*
{
    "a.b": 1,
    "a.c": 2,
    "a.d.e": 4,
    "a.d.f.0": 1,
    "a.d.f.1": 2,

## custom-elements-pattern.md

      
              1 file
            
          
              3 forks
            
          
              1 comment
            
          
              59 stars
            
          
                WebReflection
                / custom-elements-pattern.md
            
            
              Last active
              May 17, 2024 23:30
            
              
                Handy Custom Elements' Patterns
              
          
    Handy Custom Elements' Patterns


^{Photo by Ricardo Gomez Angel on Unsplash}
This gist is a collection of common patterns I've personally used here and there with Custom Elements.
These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.

  
## Jenkinsfile
// change 'agent' lines as appropriate

pipeline {
  agent none

  stages {

    stage('Run CI?') {
      agent any
      steps {
	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()
	const env = {
	m1: `import {func} from './m2.mjs'; console.log(func());`,
	m2: `export function func() { return 'abc'; }`
	};

	const inlineModule = (env, text) => `data:text/javascript;base64,${
	btoa(inlineModules(env, text))
	}`;

	const inlineModules = (env, text) => text.replace(
	import {
	Component,
	ChangeDetectionStrategy,
	ViewChild,
	ViewContainerRef,
	ComponentFactoryResolver,
	Injector, Input, OnChanges,
	SimpleChanges, EventEmitter, OnDestroy, Output, ChangeDetectorRef, OnInit
	} from '@angular/core';
	import {takeUntil} from 'rxjs/operators';
	const obj = { a: { b: 1, c: 2, d: { e:4 , f:[1,2,3,4,5,6,7,8,9,0]} }, g:42 };

	const res = Object.fromEntries(flatProps(objectRecursiveEntries(obj)));
	/*
	{
	"a.b": 1,
	"a.c": 2,
	"a.d.e": 4,
	"a.d.f.0": 1,
	"a.d.f.1": 2,
	// change 'agent' lines as appropriate

	pipeline {
	agent none

	stages {

	stage('Run CI?') {
	agent any
	steps {