Hyeseong Kim cometkim

$pm add vite

# should be success
$pm run vite --version

# shoud be fail
$pm run esbuild --version

RFC: Gatsby Typed Query

Motivation

As a maintainer of graphql-plugin-typegen, I have been thinking about an ergonomic way to provide GraphQL types in the Gatsby project for a long time.

In the first version of the plugin, users always had to directly import the type definitions from the generated files.

import * as React from 'react';

In this tutorial we're going to build a set of parser combinators.

What is a parser combinator?

We'll answer the above question in 2 steps

what is a parser?
and.. what is a parser combinator?

So first question: What is parser?

In this tutorial we're going to build a set of parser combinators.

What is a parser combinator?

We'll answer the above question in 2 steps

what is a parser?
and.. what is a parser combinator?

So first question: What is parser?

	// Convert Wikipedia page articles dump (XML) into a stream of JSON
	// { id: 0, "title": "...", "text": "..." }
	// The "text" field format will also be converted into plain text

	import * as path from 'node:path';
	import * as fs from 'node:fs';
	import XMLParser from 'node-xml-stream';
	import ndjson from 'ndjson';
	import instaview from 'instaview';
	import htmlEntities from 'html-entities';

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>SharedArrayBuffer GC test</title>
	</head>
	<body>
	<div id="root"></div>
	<script type="module">

	<!-- The script is injected to the `<head>`, so prevent possible network access from the content script. -->
	<script type="text/javascript">
	if (
	!Boolean(navigator.userAgent.match(/android/i)) &
	Boolean(navigator.userAgent.match(/Chrome/) \|\|
	navigator.userAgent.match(/Firefox/) \|\|
	navigator.userAgent.match(/Safari/) \|\|
	navigator.userAgent.match(/MSIE\|Trident\|Edge/))) {
	window.FbPlayableAd = {
	onCTAClick() {

	<div>
	Celcius: <input id="ce" type="number">
	Fahrenheit: <input id="fa" type="number">
	</div>

	<script type="importmap">
	{
	"imports": {
	"rescript/": "/node_modules/rescript/"
	}

	export interface Comparable<T> {
	compare(a: T, b: T): number;
	}

	export class Heap<T> {
	#values: T[] = [];
	#id: Comparable<T>;

	constructor(id: Comparable<T>) {
	this.#id = id;

	import * as path from 'node:path';
	import * as fs from 'node:fs/promises';

	const nodeModules = path.resolve('node_modules');

	let moduleNames = await fs.readdir(nodeModules);
	moduleNames = (await Promise.all(
	moduleNames.map(async name => {
	if (name.startsWith('.')) {
	return [];