feat!: move to esm and drop support for vue 2.6

scripts/docs.mjs

@@ -1,11 +1,8 @@
-const { readFileSync, writeFileSync } = require("fs");
-const { resolve } = require("path");
-const commentMark = require("comment-mark");
-const { name, version } = require("../package.json");
+import { readFileSync, writeFileSync } from "node:fs";
+import commentMark from "comment-mark";
+import { getPackageMeta, resolvePath } from "./utils.mjs";
 
-function resolvePath(...parts) {
-  return resolve(__dirname, ...parts);
-}
+const { name, version } = getPackageMeta();
 
 const CDN_PREFIX = "https://cdn.jsdelivr.net/npm/";
 
@@ -41,7 +38,7 @@ const scripts = {
 };
 
 const README_FILES = ["README.md", "README.zh-Hans.md"].map(name =>
-  resolvePath("..", name)
+  resolvePath(import.meta.url, "..", name)
 );
 
 README_FILES.forEach(file => {

scripts/postinstall.js

@@ -1,46 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require("path");
-const fs = require("fs");
-
-const packageFile = path.resolve(__dirname, "../package.json");
-
-const typesPaths = {
-  3: "dist/index.d.ts",
-  2.7: "dist/index.vue2_7.d.ts",
-  2: "dist/index.vue2.d.ts"
-};
-
-function switchVersion(version) {
-  const typesPath = typesPaths[version];
-  const package = JSON.parse(fs.readFileSync(packageFile, "utf8"));
-  if (typesPath !== package.types) {
-    package.types = typesPath;
-    fs.writeFileSync(packageFile, JSON.stringify(package, null, "  "), "utf8");
-  }
-  console.log(`[vue-echarts] Switched to Vue ${version} environment.`);
-}
-
-function loadVue() {
-  try {
-    return require("vue");
-  } catch (e) {
-    return null;
-  }
-}
-
-const Vue = loadVue();
-
-// Align the process with vue-demi
-if (!Vue || typeof Vue.version !== "string") {
-  console.warn(
-    '[vue-echarts] Vue is not found. Please run "npm install vue" to install.'
-  );
-} else if (Vue.version.startsWith("3.")) {
-  switchVersion(3);
-} else if (Vue.version.startsWith("2.7.")) {
-  switchVersion(2.7);
-} else if (Vue.version.startsWith("2.")) {
-  switchVersion(2);
-} else {
-  console.warn(`[vue-echarts] Vue version v${Vue.version} is not supported.`);
-}

scripts/postinstall.mjs

@@ -0,0 +1,57 @@
+import { readFileSync, writeFileSync } from "node:fs";
+import { resolvePath } from "./utils.mjs";
+
+function resolveDist(...paths) {
+  return resolvePath(import.meta.url, "../dist", ...paths);
+}
+
+const typesSource = {
+  3: "index.vue3.d.ts",
+  2: "index.vue2.d.ts"
+};
+
+const typesTargets = [
+  "index.d.ts",
+  "index.d.cts",
+  "csp/index.d.ts",
+  "csp/index.d.cts"
+];
+
+function switchVersion(version) {
+  const source = typesSource[version];
+  const content = readFileSync(resolveDist(source), "utf8");
+
+  typesTargets.forEach(target => {
+    writeFileSync(resolveDist(target), content, "utf8");
+  });
+
+  console.log(`[vue-echarts] Switched to Vue ${version} environment.`);
+}
+
+async function loadVue() {
+  try {
+    const Vue = await import("vue");
+    return Vue;
+  } catch (e) {
+    return null;
+  }
+}
+
+async function main() {
+  const Vue = await loadVue();
+
+  // Align the process with vue-demi
+  if (!Vue || typeof Vue.version !== "string") {
+    console.warn(
+      '[vue-echarts] Vue is not found. Please run "npm install vue" to install.'
+    );
+  } else if (Vue.version.startsWith("3.")) {
+    switchVersion(3);
+  } else if (Vue.version.startsWith("2.7.")) {
+    switchVersion(2);
+  } else {
+    console.warn(`[vue-echarts] Vue version v${Vue.version} is not supported.`);
+  }
+}
+
+main();

scripts/rollup.js

@@ -1,30 +0,0 @@
-import { readFileSync } from "fs";
-
-const VUE_DEMI_IIFE = readFileSync(
-  require.resolve("vue-demi/lib/index.iife.js"),
-  "utf8"
-);
-
-/** @type {import('rollup').Plugin} */
-export const injectVueDemi = {
-  name: "inject-vue-demi",
-  banner() {
-    return `${VUE_DEMI_IIFE};\n;`;
-  }
-};
-
-const EMPTY_FILE_ID = "__rollup_empty__";
-
-/** @type {import('rollup').Plugin} */
-export const ingoreCss = {
-  name: "ignore-css",
-  resolveId(source) {
-    if (source.endsWith(".css")) {
-      return EMPTY_FILE_ID;
-    }
-    return null;
-  },
-  load(id) {
-    return id === EMPTY_FILE_ID ? "" : null;
-  }
-};

scripts/rollup.mjs

@@ -0,0 +1,15 @@
+const EMPTY_FILE_ID = "__rollup_empty__";
+
+/** @type {import('rollup').Plugin} */
+export const ignoreCss = {
+  name: "ignore-css",
+  resolveId(source) {
+    if (source.endsWith(".css")) {
+      return EMPTY_FILE_ID;
+    }
+    return null;
+  },
+  load(id) {
+    return id === EMPTY_FILE_ID ? "" : null;
+  }
+};

scripts/utils.mjs

@@ -0,0 +1,13 @@
+import { readFileSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+export function resolvePath(url, ...parts) {
+  return resolve(dirname(fileURLToPath(url)), ...parts);
+}
+
+export function getPackageMeta() {
+  return JSON.parse(
+    readFileSync(resolvePath(import.meta.url, "../package.json"), "utf8")
+  );
+}