3a56d77415
* feat: add support for `jsxImportSource`, new JSX transform * WIP: solid renderer * [Renderer] Solid (#656) * feat: add support for `jsxImportSource`, new JSX transform * WIP: solid renderer * Solid renderer: fix SSR of children, hydration (top level) Caveat: cannot hydrate children/descendants of hydrated parents * Fix hydration of fragments * fix: SyntaxError in React/Preact renderers * fix: errors in React/Preact renderers * feat: update react external * chore: update examples * chore: delete old changelog * chore: update astro config Co-authored-by: Nate Moore <nate@skypack.dev> * Changing the preact to Solid (#669) * chore: use new client:visible syntax * fix: dev script issue * chore: cleanup SolidJS example * docs: update framework example docs * chore: cleanup framework-multiple example * fix: remove SolidJS false-positives from Preact renderer * chore: add changeset Co-authored-by: eyelidlessness <eyelidlessness@users.noreply.github.com> Co-authored-by: Abdullah Mzaien <s201540830@kfupm.edu.sa>
73 lines
2.3 KiB
JavaScript
73 lines
2.3 KiB
JavaScript
import esbuild from 'esbuild';
|
|
import svelte from '../utils/svelte-plugin.js';
|
|
import del from 'del';
|
|
import { promises as fs } from 'fs';
|
|
import { dim, green, red, yellow } from 'kleur/colors';
|
|
import glob from 'tiny-glob';
|
|
|
|
/** @type {import('esbuild').BuildOptions} */
|
|
const defaultConfig = {
|
|
minify: false,
|
|
format: 'esm',
|
|
platform: 'node',
|
|
// There's an issue with 'node12.20' compiling ESM to CJS
|
|
// so use 'node13.2' instead. V8 support should be similar.
|
|
target: 'node13.2',
|
|
sourcemap: 'inline',
|
|
sourcesContent: false,
|
|
};
|
|
|
|
export default async function build(...args) {
|
|
const config = Object.assign({}, defaultConfig);
|
|
const isDev = args.slice(-1)[0] === 'IS_DEV';
|
|
const patterns = args
|
|
.filter((f) => !!f) // remove empty args
|
|
.map((f) => f.replace(/^'/, '').replace(/'$/, '')); // Needed for Windows: glob strings contain surrounding string chars??? remove these
|
|
let entryPoints = [].concat(...(await Promise.all(patterns.map((pattern) => glob(pattern, { filesOnly: true, absolute: true })))));
|
|
|
|
const { type = 'module', dependencies = {} } = await fs.readFile('./package.json').then((res) => JSON.parse(res.toString()));
|
|
const format = type === 'module' ? 'esm' : 'cjs';
|
|
const outdir = 'dist';
|
|
await clean(outdir);
|
|
|
|
if (!isDev) {
|
|
await esbuild.build({
|
|
...config,
|
|
bundle: entryPoints.length === 1, // Note: only use `bundle` with a single entrypoint!
|
|
entryPoints,
|
|
outdir,
|
|
format,
|
|
plugins: [svelte({ isDev })],
|
|
});
|
|
return;
|
|
}
|
|
|
|
const builder = await esbuild.build({
|
|
...config,
|
|
watch: {
|
|
onRebuild(error, result) {
|
|
const date = new Date().toISOString();
|
|
if (error || (result && result.errors.length)) {
|
|
console.error(dim(`[${date}] `) + red(error || result.errors.join('\n')));
|
|
} else {
|
|
if (result.warnings.length) {
|
|
console.log(dim(`[${date}] `) + yellow('⚠ updated with warnings:\n' + result.warnings.join('\n')));
|
|
}
|
|
console.log(dim(`[${date}] `) + green('✔ updated'));
|
|
}
|
|
},
|
|
},
|
|
entryPoints,
|
|
outdir,
|
|
format,
|
|
plugins: [svelte({ isDev })],
|
|
});
|
|
|
|
process.on('beforeExit', () => {
|
|
builder.stop && builder.stop();
|
|
});
|
|
}
|
|
|
|
async function clean(outdir) {
|
|
return del([`${outdir}/**`, `!${outdir}/**/*.d.ts`]);
|
|
}
|