Merge pull request #481 from Simon-He95/codex/perf-size-six-pack

perf: optimize streaming renderer defaults

Author: Simon-He95

package.json

@@ -144,7 +144,7 @@
     "check:ssr": "vitest --run test/ssr-import.test.ts test/ssr-render-to-string.test.ts",
     "release:verify": "pnpm run build:parser && pnpm run build:core && pnpm lint && pnpm typecheck && pnpm exec vitest --run --testTimeout=10000 && pnpm run test:api:strict && MARKSTREAM_SMOKE_SKIP_BUILD=1 pnpm run test:smoke:pack && MARKSTREAM_SMOKE_SKIP_BUILD=1 pnpm run test:smoke:pack:optional",
     "release:verify:e2e": "pnpm run release:verify && pnpm run test:e2e:virtual-scroll && pnpm run test:e2e:virtual-scroll:stress",
-    "prepublishOnly": "pnpm run build:parser && npm run build && pnpm run check:workspace-deps-published && MARKSTREAM_SMOKE_SKIP_BUILD=1 pnpm run test:smoke:pack && MARKSTREAM_SMOKE_SKIP_BUILD=1 pnpm run test:smoke:pack:optional",
+    "prepublishOnly": "pnpm run build:parser && npm run build:pack && pnpm run check:workspace-deps-published && MARKSTREAM_SMOKE_SKIP_BUILD=1 pnpm run test:smoke:pack && MARKSTREAM_SMOKE_SKIP_BUILD=1 pnpm run test:smoke:pack:optional",
     "play": "pnpm run -C playground dev",
     "play:angular": "pnpm run -C playground-angular dev",
     "play:vue2": "pnpm run -C playground-vue2 dev",
@@ -175,6 +175,7 @@
     "build:parser": "pnpm run -C packages/markdown-parser build",
     "build:core": "pnpm run -C packages/markstream-core build",
     "build": "pnpm run build:core && vite build --mode npm && node scripts/write-tailwind-types.mjs && vite build --config vite.config.tailwind.ts --mode npm && node scripts/copy-tailwind-css.mjs && node scripts/generate-px-css.mjs && pnpm run build:dts",
+    "build:pack": "pnpm run build:core && vite build --mode npm && node scripts/write-tailwind-types.mjs && vite build --config vite.config.tailwind.ts --mode npm && node scripts/copy-tailwind-css.mjs && node scripts/generate-px-css.mjs && pnpm run build:dts:pack",
     "build:analyze": "ANALYZE=true pnpm build",
     "size:check": "node scripts/check-package-size.mjs",
     "docs:dev": "vitepress dev docs",
@@ -195,7 +196,8 @@
     "prompts:list": "node ./bin/markstream-vue.mjs prompts list",
     "prompts:dir": "node ./bin/markstream-vue.mjs prompts dir",
     "prebuild:dts": "node ./scripts/prepare-dts-entry.cjs",
-    "build:dts": "rollup -c ./scripts/rollup.dts.config.mjs && node ./scripts/clean-dts.cjs",
+    "build:dts": "rollup -c ./scripts/rollup.dts.config.mjs && node ./scripts/clean-dts.cjs --strip-comments",
+    "build:dts:pack": "rollup -c ./scripts/rollup.dts.config.mjs && node ./scripts/clean-dts.cjs --strip-comments",
     "build:demo": "vite build",
     "build:view": "vite preview",
     "changelog": "conventional-changelog -p angular --tag-prefix markstream-vue@ -i CHANGELOG.md -s -r 1",

scripts/clean-dts.cjs

@@ -4,6 +4,8 @@ const process = require('node:process')
 
 const distDir = path.resolve(__dirname, '..', 'dist')
 const typesDir = path.join(distDir, 'types')
+const STRIP_DTS_COMMENTS = process.env.STRIP_DTS_COMMENTS === '1'
+  || process.argv.includes('--strip-comments')
 
 function rewriteTypesEntry(content) {
   return content
@@ -15,12 +17,42 @@ function referencesTypesDir(content) {
   return /from\s+['"]\.\/types\/|import\(['"]\.\/types\//.test(content)
 }
 
+function stripDeclarationComments(content) {
+  if (!STRIP_DTS_COMMENTS)
+    return content
+
+  return content.replace(/\/\*\*[\s\S]*?\*\//g, (comment) => {
+    return /@(?:deprecated|default|see|example|public|remarks)\b/.test(comment)
+      ? comment
+      : ''
+  })
+}
+
+function stripDistDeclarationComments(dir = distDir) {
+  for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+    const fullPath = path.join(dir, entry.name)
+    if (entry.isDirectory()) {
+      stripDistDeclarationComments(fullPath)
+      continue
+    }
+
+    if (!entry.name.endsWith('.d.ts'))
+      continue
+
+    const content = fs.readFileSync(fullPath, 'utf8')
+    const stripped = stripDeclarationComments(content)
+    if (stripped !== content)
+      fs.writeFileSync(fullPath, stripped)
+  }
+}
+
 const sourcePath = path.join(typesDir, 'exports.d.ts')
 const targetPath = path.join(distDir, 'index.d.ts')
 
 if (fs.existsSync(targetPath)) {
   const bundledContent = fs.readFileSync(targetPath, 'utf8')
   if (!referencesTypesDir(bundledContent)) {
+    stripDistDeclarationComments()
     if (fs.existsSync(typesDir))
       fs.rmSync(typesDir, { recursive: true, force: true })
     console.log('Keeping bundled', targetPath)
@@ -31,5 +63,6 @@ if (fs.existsSync(targetPath)) {
 if (fs.existsSync(sourcePath)) {
   const content = rewriteTypesEntry(fs.readFileSync(sourcePath, 'utf8'))
   fs.writeFileSync(targetPath, content)
+  stripDistDeclarationComments()
   console.log('Rewrote', targetPath, 'from', sourcePath)
 }

src/components/MarkdownCodeBlockNode/MarkdownCodeBlockNode.vue

@@ -4,7 +4,12 @@ import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useSafeI18n } from '../../composables/useSafeI18n'
 import { hideTooltip, showTooltipForAnchor } from '../../composables/useSingletonTooltip'
 import { useViewportPriority } from '../../composables/viewportPriority'
-import { getLanguageIcon, languageIconsRevision, languageMap, normalizeLanguageIdentifier } from '../../utils'
+import {
+  getLanguageIcon,
+  languageIconsRevision,
+  languageMap,
+  normalizeLanguageIdentifier,
+} from '../../utils/languageIcon'
 import CodeBlockShell from '../CodeBlockNode/CodeBlockShell.vue'
 
 const props = withDefaults(