NullVoxPopuli

Vite

RFC#570: Background, motivation, reasoning.

Converting an addon to the v2/native format is described in detail here

NOTE: "v2 addons" are also known as "native packages", "native addons", "npm native", etc.

benefits tl;dr:

All of this will be part of what makes up the next edition, Polaris (which is still being defined and explored)

	import fs from 'node:fs';
	import path from 'node:path';
	import { filesize } from 'filesize';
	import { minify } from 'terser';
	import { execa, execaCommand, $ } from 'execa';
	import brotli from 'brotli';

	const options = {
	parse: {
	html5_comments: false,

	import React from 'react';

	export const Foo = <>
	test {expression + expression} test

	{[].map(item => {
	return <div>{item}</div>
	})}

	<div></div>

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { inject as service } from '@ember/service';

	export default class ApplicationController extends Controller {
	queryParams = ['test'];

	appName = 'Ember Twiddle';

	@service router;

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked records = freshArray();

	@action addFirst() {
	log('add:first, expect one each log');
	this.records = [{ id: this.records.length + 1 }, ...this.records ];

	<h2>Checkbox</h2>
	<input
	checked={{this.value}}
	type='checkbox'
	{{on 'input' this.handleInput}}
	{{on 'change' this.handleChange}}
	>

	<button {{on 'click' this.changeValue}}>Change the value externally</button>