chore: upgrade rollup (#464)

package.json

@@ -85,17 +85,18 @@
   "devDependencies": {
     "@microsoft/api-extractor": "^7.19.5",
     "@playwright/test": "^1.17.1",
-    "@types/fs-extra": "^9.0.13",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@types/fs-extra": "^11.0.2",
+    "@types/node": "^18.17.15",
     "@types/react": "^17.0.42",
     "concurrently": "^7.0.0",
     "domino": "^2.1.6",
-    "fs-extra": "^10.0.1",
+    "fs-extra": "^11.1.1",
     "gzip-size": "^6.0.0",
     "np": "^7.6.1",
     "playwright": "^1.17.2",
     "prettier": "^2.6.0",
-    "rollup": "^2.70.1",
-    "rollup-plugin-terser": "^7.0.2",
+    "rollup": "^3.29.1",
     "tslib": "^2.3.1",
     "tsm": "^2.2.1",
     "typescript": "^4.6.2",

scripts/build-api.ts

@@ -1,5 +1,5 @@
-import type { BuildOptions } from './utils';
-import { join } from 'path';
+import type { BuildOptions } from './utils.js';
+import { join } from 'node:path';
 import { Extractor, ExtractorConfig } from '@microsoft/api-extractor';
 
 export function buildApi(opts: BuildOptions) {

scripts/build-atomics.ts

@@ -6,10 +6,10 @@ import {
   syncCommunicationModulesPlugin,
   versionPlugin,
   watchDir,
-} from './utils';
-import { join } from 'path';
-import { minifyPlugin } from './minify';
-import { webWorkerBlobUrlPlugin } from './build-web-worker';
+} from './utils.js';
+import { join } from 'node:path';
+import { minifyPlugin } from './minify.js';
+import { webWorkerBlobUrlPlugin } from './build-web-worker.js';
 
 export function buildAtomics(opts: BuildOptions): RollupOptions[] {
   const rollups: RollupOptions[] = [];

scripts/build-integration.ts

@@ -1,7 +1,9 @@
-import { BuildOptions, submodulePackageJson } from './utils';
-import { join } from 'path';
+import { BuildOptions, submodulePackageJson } from './utils.js';
+import { join } from 'node:path';
 import type { OutputOptions, RollupOptions } from 'rollup';
-import { readFile } from 'fs-extra';
+import fsExtra from 'fs-extra';
+
+const { readFile } = fsExtra;
 
 export function buildIntegration(opts: BuildOptions): RollupOptions {
   const output: OutputOptions[] = [

scripts/build-main-snippet.ts

@@ -1,6 +1,6 @@
-import { BuildOptions, fileSize, jsBannerPlugin, versionPlugin } from './utils';
-import { join } from 'path';
-import { minifyPlugin } from './minify';
+import { BuildOptions, fileSize, jsBannerPlugin, versionPlugin } from './utils.js';
+import { join } from 'node:path';
+import { minifyPlugin } from './minify.js';
 import type { OutputOptions, Plugin, RollupOptions } from 'rollup';
 
 export function buildMainSnippet(opts: BuildOptions): RollupOptions {

scripts/build-media-implementations.ts

@@ -1,7 +1,7 @@
 import type { OutputOptions, RollupOptions } from 'rollup';
-import { BuildOptions, fileSize, jsBannerPlugin, versionPlugin, watchDir } from './utils';
-import { join } from 'path';
-import { minifyPlugin } from './minify';
+import { BuildOptions, fileSize, jsBannerPlugin, versionPlugin, watchDir } from './utils.js';
+import { join } from 'node:path';
+import { minifyPlugin } from './minify.js';
 
 export function buildMediaImplementation(opts: BuildOptions): RollupOptions {
   const debugOutput: OutputOptions = {

scripts/build-react.ts

@@ -1,5 +1,5 @@
-import { BuildOptions, submodulePackageJson, submodulePath } from './utils';
-import { join } from 'path';
+import { BuildOptions, submodulePackageJson, submodulePath } from './utils.js';
+import { join } from 'node:path';
 import type { RollupOptions } from 'rollup';
 
 export function buildReact(opts: BuildOptions): RollupOptions {

scripts/build-service-worker.ts

@@ -8,11 +8,13 @@ import {
   syncCommunicationModulesPlugin,
   versionPlugin,
   watchDir,
-} from './utils';
-import { join } from 'path';
-import { minifyPlugin } from './minify';
-import { writeFile } from 'fs-extra';
-import { webWorkerBlobUrlPlugin } from './build-web-worker';
+} from './utils.js';
+import { join } from 'node:path';
+import { minifyPlugin } from './minify.js';
+import fsExtra from 'fs-extra';
+import { webWorkerBlobUrlPlugin } from './build-web-worker.js';
+
+const { writeFile } = fsExtra;
 
 export function buildServiceWorker(opts: BuildOptions): RollupOptions {
   const swDebug: OutputOptions = {

scripts/build-services.ts

@@ -1,5 +1,5 @@
-import { BuildOptions, submodulePackageJson } from './utils';
-import { join } from 'path';
+import { BuildOptions, submodulePackageJson } from './utils.js';
+import { join } from 'node:path';
 import type { OutputOptions, RollupOptions } from 'rollup';
 
 export function buildServices(opts: BuildOptions): RollupOptions {

scripts/build-utils.ts

@@ -1,5 +1,5 @@
-import { BuildOptions, submodulePackageJson } from './utils';
-import { join } from 'path';
+import { BuildOptions, submodulePackageJson } from './utils.js';
+import { join } from 'node:path';
 import type { RollupOptions } from 'rollup';
 
 export function buildUtils(opts: BuildOptions): RollupOptions {

scripts/build-web-worker.ts

@@ -6,10 +6,12 @@ import {
   onwarn,
   syncCommunicationModulesPlugin,
   versionPlugin,
-} from './utils';
-import { join } from 'path';
-import { writeFile } from 'fs-extra';
-import { minifyPlugin } from './minify';
+} from './utils.js';
+import { join } from 'node:path';
+import fsExtra from 'fs-extra';
+import { minifyPlugin } from './minify.js';
+
+const { writeFile } = fsExtra;
 
 export async function buildWebWorker(opts: BuildOptions, msgType: MessageType, debug: boolean) {
   const build = await rollup({

scripts/index.ts

@@ -1,15 +1,17 @@
-import type { BuildOptions, PackageJson } from './utils';
-import { buildApi } from './build-api';
-import { buildAtomics } from './build-atomics';
-import { buildIntegration } from './build-integration';
-import { buildMediaImplementation } from './build-media-implementations';
-import { buildMainSnippet } from './build-main-snippet';
-import { buildReact } from './build-react';
-import { buildServiceWorker } from './build-service-worker';
-import { buildServices } from './build-services';
-import { buildUtils } from './build-utils';
-import { emptyDir, ensureDir, readJsonSync, writeFile } from 'fs-extra';
-import { join } from 'path';
+import type { BuildOptions, PackageJson } from './utils.js';
+import { buildApi } from './build-api.js';
+import { buildAtomics } from './build-atomics.js';
+import { buildIntegration } from './build-integration.js';
+import { buildMediaImplementation } from './build-media-implementations.js';
+import { buildMainSnippet } from './build-main-snippet.js';
+import { buildReact } from './build-react.js';
+import { buildServiceWorker } from './build-service-worker.js';
+import { buildServices } from './build-services.js';
+import { buildUtils } from './build-utils.js';
+import fsExtra from 'fs-extra';
+import { join } from 'node:path';
+
+const { emptyDir, ensureDir, readJsonSync, writeFile } = fsExtra;
 
 export async function runBuild(rootDir: string, isDev: boolean, isReleaseBuild: boolean) {
   const opts = createBuildOptions(rootDir, isDev, isReleaseBuild);

scripts/minify.ts

@@ -1,6 +1,6 @@
 import type { BuildOptions } from './utils';
 import type { Plugin } from 'rollup';
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 import type { MinifyOptions } from 'terser';
 
 export function minifyPlugin(opts: BuildOptions, debug: boolean) {

scripts/rollup.config.js

@@ -1,6 +1,9 @@
 // build scripts are generated after tsc runs
 import { runBuild } from '../tsc/scripts/index.js';
-import { join } from 'path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 export default function (cmdArgs) {
   const rootDir = join(__dirname, '..');

scripts/utils.ts

@@ -1,8 +1,10 @@
 import gzipSize from 'gzip-size';
 import { basename, join } from 'path';
-import { readdirSync, readFileSync, readJson, statSync, writeJson } from 'fs-extra';
+import fsExtra from 'fs-extra';
 import type { Plugin, RollupWarning } from 'rollup';
 
+const { readdirSync, readFileSync, readJson, statSync, writeJson } = fsExtra;
+
 export function syncCommunicationModulesPlugin(opts: BuildOptions, msgType: MessageType): Plugin {
   return {
     name: 'syncCommunicationModulesPlugin',