From 8888d9fe5c27da9262b037b04cd07fed977c0b8a Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 19 Jul 2024 10:20:36 +0800
Subject: [PATCH] perf(plugin-md-power): optimize package build

---
 plugins/plugin-md-power/package.json          |  6 +--
 .../src/client/components/CodeSandbox.vue     |  2 +-
 .../src/client/components/PDFViewer.vue       |  2 +-
 .../src/client/components/Plot.vue            |  2 +-
 .../src/client/components/Replit.vue          |  2 +-
 .../src/client/composables/pdf.ts             |  2 +-
 .../src/client/composables/size.ts            |  2 +-
 .../src/node/features/codeSandbox.ts          |  2 +-
 .../src/node/features/codepen.ts              |  2 +-
 .../src/node/features/icons/writer.ts         |  2 +-
 .../src/node/features/jsfiddle.ts             |  2 +-
 .../src/node/features/langRepl.ts             |  2 +-
 .../plugin-md-power/src/node/features/pdf.ts  |  2 +-
 .../src/node/features/replit.ts               |  2 +-
 .../src/node/features/video/bilibili.ts       |  2 +-
 .../src/node/features/video/youtube.ts        |  2 +-
 plugins/plugin-md-power/src/shared/index.ts   |  3 ++
 plugins/plugin-md-power/tsconfig.build.json   | 14 ------
 plugins/plugin-md-power/tsup.config.ts        | 45 +++++++++++++++++++
 19 files changed, 66 insertions(+), 32 deletions(-)
 delete mode 100644 plugins/plugin-md-power/tsconfig.build.json
 create mode 100644 plugins/plugin-md-power/tsup.config.ts

diff --git a/plugins/plugin-md-power/package.json b/plugins/plugin-md-power/package.json
index 0a7d0cb4..23e6e3a3 100644
--- a/plugins/plugin-md-power/package.json
+++ b/plugins/plugin-md-power/package.json
@@ -31,10 +31,10 @@
     "lib"
   ],
   "scripts": {
-    "build": "pnpm run copy && pnpm run ts",
-    "clean": "rimraf --glob ./lib ./*.tsbuildinfo",
+    "build": "pnpm copy && pnpm tsup",
+    "clean": "rimraf --glob ./lib",
     "copy": "cpx \"src/**/*.{d.ts,vue,css,scss,jpg,png}\" lib",
-    "ts": "tsc -b tsconfig.build.json"
+    "tsup": "tsup --config tsup.config.ts"
   },
   "peerDependencies": {
     "@iconify/json": "^2",
diff --git a/plugins/plugin-md-power/src/client/components/CodeSandbox.vue b/plugins/plugin-md-power/src/client/components/CodeSandbox.vue
index 6d4a6a9f..77322c48 100644
--- a/plugins/plugin-md-power/src/client/components/CodeSandbox.vue
+++ b/plugins/plugin-md-power/src/client/components/CodeSandbox.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { CodeSandboxTokenMeta } from '../../shared/codeSandbox.js'
+import type { CodeSandboxTokenMeta } from '../../shared/index.js'
 
 const props = defineProps<CodeSandboxTokenMeta>()
 
diff --git a/plugins/plugin-md-power/src/client/components/PDFViewer.vue b/plugins/plugin-md-power/src/client/components/PDFViewer.vue
index edaecc8e..1c496d47 100644
--- a/plugins/plugin-md-power/src/client/components/PDFViewer.vue
+++ b/plugins/plugin-md-power/src/client/components/PDFViewer.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onMounted, toRefs } from 'vue'
-import type { PDFTokenMeta } from '../../shared/pdf.js'
+import type { PDFTokenMeta } from '../../shared/index.js'
 import { useSize } from '../composables/size.js'
 import { usePDF } from '../composables/pdf.js'
 
diff --git a/plugins/plugin-md-power/src/client/components/Plot.vue b/plugins/plugin-md-power/src/client/components/Plot.vue
index 988693f5..bc88ab16 100644
--- a/plugins/plugin-md-power/src/client/components/Plot.vue
+++ b/plugins/plugin-md-power/src/client/components/Plot.vue
@@ -2,7 +2,7 @@
 import { computed, ref, shallowRef } from 'vue'
 import { onClickOutside, useMediaQuery } from '@vueuse/core'
 import { usePageFrontmatter } from 'vuepress/client'
-import type { PlotOptions } from '../../shared/plot.js'
+import type { PlotOptions } from '../../shared/index.js'
 import { pluginOptions } from '../options.js'
 
 const props = defineProps<Omit<PlotOptions, 'tag'>>()
diff --git a/plugins/plugin-md-power/src/client/components/Replit.vue b/plugins/plugin-md-power/src/client/components/Replit.vue
index e1a11adc..ebd82385 100644
--- a/plugins/plugin-md-power/src/client/components/Replit.vue
+++ b/plugins/plugin-md-power/src/client/components/Replit.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref } from 'vue'
-import type { ReplitTokenMeta } from '../../shared/replit.js'
+import type { ReplitTokenMeta } from '../../shared/index.js'
 import Loading from './Loading.vue'
 
 const props = defineProps<ReplitTokenMeta>()
diff --git a/plugins/plugin-md-power/src/client/composables/pdf.ts b/plugins/plugin-md-power/src/client/composables/pdf.ts
index 2a2287d1..0d3dd6a0 100644
--- a/plugins/plugin-md-power/src/client/composables/pdf.ts
+++ b/plugins/plugin-md-power/src/client/composables/pdf.ts
@@ -13,7 +13,7 @@
 
 import { ensureEndingSlash, isLinkHttp } from 'vuepress/shared'
 import { withBase } from 'vuepress/client'
-import type { PDFEmbedType, PDFTokenMeta } from '../../shared/pdf.js'
+import type { PDFEmbedType, PDFTokenMeta } from '../../shared/index.js'
 import { pluginOptions } from '../options.js'
 import { checkIsMobile, checkIsSafari, checkIsiPad } from '../utils/is.js'
 
diff --git a/plugins/plugin-md-power/src/client/composables/size.ts b/plugins/plugin-md-power/src/client/composables/size.ts
index 893985d2..de87b569 100644
--- a/plugins/plugin-md-power/src/client/composables/size.ts
+++ b/plugins/plugin-md-power/src/client/composables/size.ts
@@ -15,7 +15,7 @@ import type { MaybeRef } from '@vueuse/core'
 import { useEventListener } from '@vueuse/core'
 import type { Ref, ShallowRef, ToRefs } from 'vue'
 import { computed, isRef, onMounted, ref, shallowRef, toValue, watch } from 'vue'
-import type { SizeOptions } from '../../shared/size.js'
+import type { SizeOptions } from '../../shared/index.js'
 
 export interface SizeInfo<T extends HTMLElement> {
   el: ShallowRef<T | undefined>
diff --git a/plugins/plugin-md-power/src/node/features/codeSandbox.ts b/plugins/plugin-md-power/src/node/features/codeSandbox.ts
index 6c95e7af..95da8062 100644
--- a/plugins/plugin-md-power/src/node/features/codeSandbox.ts
+++ b/plugins/plugin-md-power/src/node/features/codeSandbox.ts
@@ -6,7 +6,7 @@
 import type { PluginWithOptions } from 'markdown-it'
 import { resolveAttrs } from '../utils/resolveAttrs.js'
 import { parseRect } from '../utils/parseRect.js'
-import type { CodeSandboxTokenMeta } from '../../shared/codeSandbox.js'
+import type { CodeSandboxTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
 
 export const codeSandboxPlugin: PluginWithOptions<never> = (md) => {
diff --git a/plugins/plugin-md-power/src/node/features/codepen.ts b/plugins/plugin-md-power/src/node/features/codepen.ts
index b57b375a..9b01e320 100644
--- a/plugins/plugin-md-power/src/node/features/codepen.ts
+++ b/plugins/plugin-md-power/src/node/features/codepen.ts
@@ -6,7 +6,7 @@
 import type { PluginWithOptions } from 'markdown-it'
 import { resolveAttrs } from '../utils/resolveAttrs.js'
 import { parseRect } from '../utils/parseRect.js'
-import type { CodepenTokenMeta } from '../../shared/codepen.js'
+import type { CodepenTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
 
 const CODEPEN_LINK = 'https://codepen.io/'
diff --git a/plugins/plugin-md-power/src/node/features/icons/writer.ts b/plugins/plugin-md-power/src/node/features/icons/writer.ts
index 6a770d7c..5ee96470 100644
--- a/plugins/plugin-md-power/src/node/features/icons/writer.ts
+++ b/plugins/plugin-md-power/src/node/features/icons/writer.ts
@@ -4,7 +4,7 @@ import { getIconContentCSS, getIconData } from '@iconify/utils'
 import { fs, logger } from 'vuepress/utils'
 import { isPackageExists } from 'local-pkg'
 import { customAlphabet } from 'nanoid'
-import type { IconsOptions } from '../../../shared/icons.js'
+import type { IconsOptions } from '../../../shared/index.js'
 import { interopDefault } from '../../utils/package.js'
 import { parseRect } from '../../utils/parseRect.js'
 
diff --git a/plugins/plugin-md-power/src/node/features/jsfiddle.ts b/plugins/plugin-md-power/src/node/features/jsfiddle.ts
index c960a2d6..5c4cb092 100644
--- a/plugins/plugin-md-power/src/node/features/jsfiddle.ts
+++ b/plugins/plugin-md-power/src/node/features/jsfiddle.ts
@@ -5,7 +5,7 @@
 import type { PluginWithOptions } from 'markdown-it'
 import { resolveAttrs } from '../utils/resolveAttrs.js'
 import { parseRect } from '../utils/parseRect.js'
-import type { JSFiddleTokenMeta } from '../../shared/jsfiddle.js'
+import type { JSFiddleTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
 
 export const jsfiddlePlugin: PluginWithOptions<never> = (md) => {
diff --git a/plugins/plugin-md-power/src/node/features/langRepl.ts b/plugins/plugin-md-power/src/node/features/langRepl.ts
index a5857d61..1447917a 100644
--- a/plugins/plugin-md-power/src/node/features/langRepl.ts
+++ b/plugins/plugin-md-power/src/node/features/langRepl.ts
@@ -3,7 +3,7 @@ import container from 'markdown-it-container'
 import type Token from 'markdown-it/lib/token.mjs'
 import type { App } from 'vuepress/core'
 import { fs, getDirname, path } from 'vuepress/utils'
-import type { ReplEditorData, ReplOptions } from '../../shared/repl.js'
+import type { ReplEditorData, ReplOptions } from '../../shared/index.js'
 
 const RE_INFO = /^(#editable)?(.*)$/
 
diff --git a/plugins/plugin-md-power/src/node/features/pdf.ts b/plugins/plugin-md-power/src/node/features/pdf.ts
index 6c16f40c..7f71c244 100644
--- a/plugins/plugin-md-power/src/node/features/pdf.ts
+++ b/plugins/plugin-md-power/src/node/features/pdf.ts
@@ -5,7 +5,7 @@
  */
 import { path } from 'vuepress/utils'
 import type { PluginWithOptions } from 'markdown-it'
-import type { PDFTokenMeta } from '../../shared/pdf.js'
+import type { PDFTokenMeta } from '../../shared/index.js'
 import { resolveAttrs } from '../utils/resolveAttrs.js'
 import { parseRect } from '../utils/parseRect.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
diff --git a/plugins/plugin-md-power/src/node/features/replit.ts b/plugins/plugin-md-power/src/node/features/replit.ts
index cb4f6c93..02387d95 100644
--- a/plugins/plugin-md-power/src/node/features/replit.ts
+++ b/plugins/plugin-md-power/src/node/features/replit.ts
@@ -6,7 +6,7 @@
 import type { PluginWithOptions } from 'markdown-it'
 import { resolveAttrs } from '../utils/resolveAttrs.js'
 import { parseRect } from '../utils/parseRect.js'
-import type { ReplitTokenMeta } from '../../shared/replit.js'
+import type { ReplitTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
 
 export const replitPlugin: PluginWithOptions<never> = (md) => {
diff --git a/plugins/plugin-md-power/src/node/features/video/bilibili.ts b/plugins/plugin-md-power/src/node/features/video/bilibili.ts
index 3b8a8aab..e931449d 100644
--- a/plugins/plugin-md-power/src/node/features/video/bilibili.ts
+++ b/plugins/plugin-md-power/src/node/features/video/bilibili.ts
@@ -6,7 +6,7 @@
  */
 import { URLSearchParams } from 'node:url'
 import type { PluginWithOptions } from 'markdown-it'
-import type { BilibiliTokenMeta } from '../../../shared/video.js'
+import type { BilibiliTokenMeta } from '../../../shared/index.js'
 import { resolveAttrs } from '../../utils/resolveAttrs.js'
 import { parseRect } from '../../utils/parseRect.js'
 import { timeToSeconds } from '../../utils/timeToSeconds.js'
diff --git a/plugins/plugin-md-power/src/node/features/video/youtube.ts b/plugins/plugin-md-power/src/node/features/video/youtube.ts
index 89f81175..88966942 100644
--- a/plugins/plugin-md-power/src/node/features/video/youtube.ts
+++ b/plugins/plugin-md-power/src/node/features/video/youtube.ts
@@ -3,7 +3,7 @@
  */
 import { URLSearchParams } from 'node:url'
 import type { PluginWithOptions } from 'markdown-it'
-import type { YoutubeTokenMeta } from '../../../shared/video.js'
+import type { YoutubeTokenMeta } from '../../../shared/index.js'
 import { resolveAttrs } from '../../utils/resolveAttrs.js'
 import { parseRect } from '../../utils/parseRect.js'
 import { timeToSeconds } from '../../utils/timeToSeconds.js'
diff --git a/plugins/plugin-md-power/src/shared/index.ts b/plugins/plugin-md-power/src/shared/index.ts
index a943a2ec..c0d66be5 100644
--- a/plugins/plugin-md-power/src/shared/index.ts
+++ b/plugins/plugin-md-power/src/shared/index.ts
@@ -4,8 +4,11 @@ export * from './icons.js'
 export * from './video.js'
 export * from './codepen.js'
 export * from './codeSandbox.js'
+export * from './repl.js'
 export * from './replit.js'
 export * from './jsfiddle.js'
 export * from './plot.js'
 
 export * from './plugin.js'
+
+export * from './size.js'
diff --git a/plugins/plugin-md-power/tsconfig.build.json b/plugins/plugin-md-power/tsconfig.build.json
deleted file mode 100644
index cbc74047..00000000
--- a/plugins/plugin-md-power/tsconfig.build.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "extends": "../tsconfig.build.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "types": [
-      "vuepress/client-types",
-      "vite/client",
-      "webpack-env"
-    ],
-    "outDir": "./lib"
-  },
-  "files": [],
-  "include": ["./src"]
-}
diff --git a/plugins/plugin-md-power/tsup.config.ts b/plugins/plugin-md-power/tsup.config.ts
new file mode 100644
index 00000000..3647ccf9
--- /dev/null
+++ b/plugins/plugin-md-power/tsup.config.ts
@@ -0,0 +1,45 @@
+import { type Options, defineConfig } from 'tsup'
+
+const config = [
+  { dir: 'composables', files: ['codeRepl.ts', 'pdf.ts', 'rustRepl.ts', 'size.ts'] },
+  { dir: 'utils', files: ['http.ts', 'is.ts', 'link.ts', 'sleep.ts'] },
+  { dir: '', files: ['index.ts', 'options.ts'] },
+]
+
+const clientExternal = [
+  /composables\/.*\.js$/,
+  /utils\/.*\.js$/,
+  /.*\/options\.js$/,
+  /shared\/index\.js$/,
+]
+
+export default defineConfig(() => {
+  const DEFAULT_OPTIONS: Options = {
+    dts: true,
+    sourcemap: false,
+    splitting: false,
+    format: 'esm',
+  }
+  return [
+    // shared
+    {
+      ...DEFAULT_OPTIONS,
+      entry: ['./src/shared/index.ts'],
+      outDir: './lib/shared',
+    },
+    // node
+    {
+      ...DEFAULT_OPTIONS,
+      entry: ['./src/node/index.ts'],
+      outDir: './lib/node',
+      target: 'node18',
+    },
+    // client
+    ...config.map(({ dir, files }) => ({
+      ...DEFAULT_OPTIONS,
+      entry: files.map(file => `./src/client/${dir}/${file}`),
+      outDir: `./lib/client/${dir}`,
+      external: clientExternal,
+    }) as Options),
+  ]
+})