update

scripts/dev.js

@@ -1,13 +1,11 @@
-const inquirer = require('inquirer');
-const rollup = require('rollup');
-const servor = require('servor');
-const logger = require('./logger');
-const projects = require('./getProjects')();
-const creatRollupConfig = require('./creatRollupConfig');
-const openBrowser = require('servor/utils/openBrowser');
+import inquirer from 'inquirer';
+import servor from 'servor';
+import projects from './projects.js';
+import openBrowser from 'servor/utils/openBrowser.js';
+import { Parcel } from '@parcel/core';
+import { fileURLToPath } from 'url';
 
-async function develop(projectPath) {
-    const config = creatRollupConfig(projectPath);
+async function develop(name) {
     const { url } = await servor({
         root: 'docs',
         fallback: 'index.html',
@@ -15,30 +13,35 @@ async function develop(projectPath) {
         port: 8081,
     });
     openBrowser(url);
-    const watcher = rollup.watch(config);
-    watcher.on('event', (event) => {
-        switch (event.code) {
-            case 'START':
-                logger.log('checking rollup version...');
-                break;
-            case 'BUNDLE_START':
-                logger.log(`bundling ${config.output.file}...`);
-                break;
-            case 'BUNDLE_END':
-                logger.success(`${config.output.file} bundled in ${event.duration}ms.`);
-                logger.success('Watching for changes...');
-                break;
-            case 'END':
-                logger.success('finished building all bundles');
-                break;
-            case 'ERROR':
-                logger.warn(`error: ${event.error}`);
-                break;
-            case 'FATAL':
-                logger.warn(`fatal: ${event.error}`);
-                break;
-            default:
-                logger.warn(`unknown event: ${event.code}`);
+
+    const dir = projects[name];
+    const bundler = new Parcel({
+        entries: `${dir}/src/index.js`,
+        defaultConfig: '@parcel/config-default',
+        mode: 'development',
+        defaultTargetOptions: {
+            engines: {
+                browsers: ['last 1 Chrome version'],
+            },
+        },
+        env: {
+            NODE_ENV: 'development',
+        },
+        additionalReporters: [
+            {
+                packageName: '@parcel/reporter-cli',
+                resolveFrom: fileURLToPath(import.meta.url),
+            },
+        ],
+    });
+
+    bundler.watch(async (error, event) => {
+        if (error) throw error;
+        if (event.type === 'buildSuccess') {
+            const bundles = event.bundleGraph.getBundles();
+            console.log(`[${name}]`, `✨ Built ${bundles.length} bundles in ${event.buildTime}ms!`);
+        } else if (event.type === 'buildFailure') {
+            console.log(`[${name}]`, event.diagnostics);
         }
     });
 }
@@ -53,10 +56,5 @@ inquirer
         },
     ])
     .then((answers) => {
-        develop(projects[answers.project]);
-    })
-    .catch((err) => {
-        logger.fatal(err);
+        develop(answers.project);
     });
-
-module.exports = develop;

scripts/getProjects.js

@@ -1,15 +0,0 @@
-const path = require('path');
-const glob = require('glob');
-
-module.exports = function getProjects() {
-    return glob
-        .sync(path.join(process.cwd(), 'packages/*'))
-        .filter((item) => {
-            return !item.includes('artplayer-document');
-        })
-        .reduce((result, item) => {
-            const name = item.split(path.sep).pop();
-            result[name] = item;
-            return result;
-        }, {});
-};

scripts/logger.js

@@ -1,27 +1,27 @@
-const chalk = require('chalk');
-const { format } = require('util');
+import chalk from 'chalk';
+import { format } from 'util';
 
 const prefix = 'artplayer-cli';
 const sep = chalk.gray('·');
 
-exports.log = function log(...args) {
+export function log(...args) {
     const msg = format.apply(format, args);
     console.log(chalk.white(prefix), sep, msg);
-};
+}
 
-exports.fatal = function fatal(...args) {
+export function fatal(...args) {
     if (args[0] instanceof Error) args[0] = args[0].message.trim();
     const msg = format.apply(format, args);
     console.error(chalk.red(prefix), sep, msg);
     process.exit(1);
-};
+}
 
-exports.success = function success(...args) {
+export function success(...args) {
     const msg = format.apply(format, args);
     console.log(chalk.green(prefix), sep, msg);
-};
+}
 
-exports.warn = function warn(...args) {
+export function warn(...args) {
     const msg = format.apply(format, args);
     console.log(chalk.yellow(prefix), sep, msg);
-};
+}

scripts/projects.js

@@ -0,0 +1,8 @@
+import path from 'path';
+import glob from 'glob';
+
+export default glob.sync(path.join(process.cwd(), 'packages/*')).reduce((result, item) => {
+    const name = item.split(path.sep).pop();
+    result[name] = item;
+    return result;
+}, {});