Herrington Darkholme HerringtonDarkholme

Using open source software can be a double-edged sword: We enjoy the latest features and innovations, but we hate frequent and sometimes tedious upgrades.

Bevy is a fast and flexible game engine written in Rust. It aims to provide a modern and modular architecture, notably Entity Component System(ECS), that allows developers to craft rich and interactive experiences. However, the shiny new engine is also an evolving project that periodically introduces breaking changes in its API. Bevy's migration guide is comprehensive, but daunting. It is sometimes overwhelmingly long because it covers many topics and scenarios.

In this article, we will show you how to make migration easier by using some command line tools such as git, cargo and ast-grep. These tools can help you track the changes, search for specific patterns in your code, and automate API migration. Hope

	type ComponentPublicInstance<C, Options> = {
	$options: Options & 'intersection anything'
	} & ExtractComputedReturns<C>

	type WhatEver<T> = T extends 1 ? true : false

	type MixinToOptionTypes<T> = T extends ComponentOptionsBase<
	infer C, 1, 1
	>
	? OptionTypesType<C>

	# I am comment

	# Basic Data type
	123 # int
	12.3 # float
	6.0221409e+23 # scentific notation
	true # bool
	"string"

	# String Operation

	// https://www.typescriptlang.org/play?ts=4.1.2#code/C4TwDgpgBAsg9gEwgGwDwwHxQLxQN4BQUxUwEAzsAFxQCMATAMwEC+UAZLAaJFAII58AOwgB3ABQBKGvCRo8AQxoNGLDC27hoAIUF4RE6bEQpUAVyEBrIXFFD1m3gGFBAztsfQAIoN2c+BARIAMbICgBO0ABuEVDBNC4EMeFQCoIGcQQKAHRp7Jw5ZJRBEKER0bEIND5JsQBG6WJQCAR1uRycbUXAQA

	type Model<M> = {
	test: 123
	} & M
	type A = {new(): Model<{a: 123}>}
	type B = {new(): Model<unknown>}
	type C = A & B
	type D = B & A

	<a class="worker" href="javascript:alert('not prevented')">preventDefault works!</a>
	<a class="non-worker" href="javascript:alert('not prevented')">preventDefault doesn't work...</a>
	<script>
	function createWorker(fn) {
	const blob = new Blob([`(${fn.toString()})()`], {type: 'application/javascript'})
	const url = URL.createObjectURL(blob)
	return new Worker(url)
	}

	const WAITING = 0

	/**
	* This gist demonstrates how powerful TypeScript's new tuple type is.
	* Say, we want to write a function that receive multiple arguments, and return a tuple of arguments' types.
	* For example, `getTypes(1, true, 'str')` return a tuple `['number', 'boolean', 'string']`.
	* We can do that in type safe way in TypeScript now! And actually we can do the computation at compile time!
	* This is so like dependent type in TypeScript!
	* Reference: https://github.com/Microsoft/TypeScript/pull/24897
	*/

	Error processing request. Cannot set property 'typeParameters' of undefined
	TypeError: Cannot set property 'typeParameters' of undefined
	at assignContextualParameterTypes (/project/node_modules/typescript/lib/tsserver.js:36049:38)
	at checkFunctionExpressionOrObjectLiteralMethod (/project/node_modules/typescript/lib/tsserver.js:36336:29)
	at checkObjectLiteralMethod (/project/node_modules/typescript/lib/tsserver.js:37103:38)
	at checkObjectLiteral (/project/node_modules/typescript/lib/tsserver.js:33798:32)
	at checkExpressionWorker (/project/node_modules/typescript/lib/tsserver.js:37192:28)
	at checkExpression (/project/node_modules/typescript/lib/tsserver.js:37144:42)
	at checkExpressionForMutableLocation (/project/node_modules/typescript/lib/tsserver.js:37088:24)
	at checkPropertyAssignment (/project/node_modules/typescript/lib/tsserver.js:37096:20)

	export type HTML = {
	div: IfTag<HTML, 'div'>
	p: IfTag<HTML, 'p'>
	ul: UL<HTML>
	ol: OL<HTML>
	img: () => HTML
	}

	export type Comp<Parent, End extends string> = {
	props(prop: {[k: string]: any}): Comp<Parent, End>

	h('div', {class: 'el-autocomplete', directive: ['clickoutside']}, [
	h('el-input', { props: {
	value: this.value,
	disabled: this.disabled,
	placeholder: this.placeholder,
	name: this.name,
	size: this.size,
	}, on: {
	change: this.handleChange.bind(this),
	focus: this.handleFocus.bind(this),