Damien Seguin dmnsgn

## JavaScript landscape: compilers, bundlers and others by the numbers.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              4 stars
            
          
                dmnsgn
                / JavaScript landscape: compilers, bundlers and others by the numbers.md
            
            
              Last active
              October 3, 2024 22:16
            
              
                A non-exhaustive list of tools for JavaScript development as it has become "complicated".
              
          
    JavaScript landscape: compilers, bundlers and others by the numbers


A non-exhaustive list of tools for JavaScript development as it has become "complicated".

Compilers


Name: language
Stars
Last Commit
Owner/Sponsorship


tsc: JavaScript


Microsoft


[babel]


## foo.js
console.log("foo");

## gist:33e192b43f099b9219d6e9084515df9e
I am attesting that this GitHub handle dmnsgn is linked to the Tezos account tz2AmQarWLeMoQVt2h9a4QYywTUtg8bH5t5B for tzprofiles

sig:spsig1enZE4k2VP8aj8J6kJLQLLXrRVUXmT8R2CTDdKqYqKUdNH4rNxu1DwTcpdvdToMEnYnr5PgZuVohjZFnJiCCcLDz9Jkqnz

## resize-electron-window-from-devtools-in-renderer-process.js
const { remote } = require("electron");
remote.getCurrentWindow().setBounds({
  x: 0,
  y: 0,
  width: 1920,
  height: 1080,
});

## resize-application.applescript
tell application "Google Chrome"
	set bounds of front window to {0, 0, 1440, 900}
end tell

## uuid.js
// Author: Abhishek Dutta, 12 June 2020
// License: CC0 (https://creativecommons.org/choose/zero/)
export default function uuid() {
  var temp_url = URL.createObjectURL(new Blob());
  var uuid = temp_url.toString();
  URL.revokeObjectURL(temp_url);
  return uuid.substr(uuid.lastIndexOf('/') + 1); // remove prefix (e.g. blob:null/, blob:www.test.com/, ...)
}

## es-modules-in-the-browser-almost-now-sw.js
// Disclaimer: this is not stable nor properly tested
// Not sure about the security implications of hijacking the fetch request either

// https://gist.github.com/pilwon/ff55634a29bb4456e0dd
const ES_MODULE_IMPORT_REGEX = /\bimport\s+(?:.+\s+from\s+)?[\'"]([^"\']+)["\']/g;

const packages = new Map().set(
  "lodash/clamp",
  "https://cdn.jsdelivr.net/npm/[email protected]/clamp.js"
);

## es-modules-in-the-browser-app.js
import clamp from "lodash/clamp";

const num = Infinity;
const answer = clamp(num, 0, 42);
console.log(answer);

export default answer;

## package-name-maps.html
<!DOCTYPE html>
<html>

<head>
	<title>ES modules in the browser - almost - now | Package name maps</title>
</head>

<body>
	<!-- Declare the package map -->
	<script type="packagemap">

## es-modules-service-worker.html
<!DOCTYPE html>
<html>

<head>
	<title>ES modules in the browser - almost - now | Service worker</title>
</head>

<body>
	<script>
		// Register
	I am attesting that this GitHub handle dmnsgn is linked to the Tezos account tz2AmQarWLeMoQVt2h9a4QYywTUtg8bH5t5B for tzprofiles

	sig:spsig1enZE4k2VP8aj8J6kJLQLLXrRVUXmT8R2CTDdKqYqKUdNH4rNxu1DwTcpdvdToMEnYnr5PgZuVohjZFnJiCCcLDz9Jkqnz
	const { remote } = require("electron");
	remote.getCurrentWindow().setBounds({
	x: 0,
	y: 0,
	width: 1920,
	height: 1080,
	});
	tell application "Google Chrome"
	set bounds of front window to {0, 0, 1440, 900}
	end tell
	// Author: Abhishek Dutta, 12 June 2020
	// License: CC0 (https://creativecommons.org/choose/zero/)
	export default function uuid() {
	var temp_url = URL.createObjectURL(new Blob());
	var uuid = temp_url.toString();
	URL.revokeObjectURL(temp_url);
	return uuid.substr(uuid.lastIndexOf('/') + 1); // remove prefix (e.g. blob:null/, blob:www.test.com/, ...)
	}
	// Disclaimer: this is not stable nor properly tested
	// Not sure about the security implications of hijacking the fetch request either

	// https://gist.github.com/pilwon/ff55634a29bb4456e0dd
	const ES_MODULE_IMPORT_REGEX = /\bimport\s+(?:.+\s+from\s+)?[\'"]([^"\']+)["\']/g;

	const packages = new Map().set(
	"lodash/clamp",
	"https://cdn.jsdelivr.net/npm/[email protected]/clamp.js"
	);
	import clamp from "lodash/clamp";

	const num = Infinity;
	const answer = clamp(num, 0, 42);
	console.log(answer);

	export default answer;
	<!DOCTYPE html>
	<html>

	<head>
	<title>ES modules in the browser - almost - now \| Package name maps</title>
	</head>

	<body>
	<!-- Declare the package map -->
	<script type="packagemap">