chore: release v0.15.0

CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.5.0
+
+# Improves
+
+- Support vite6.
+- Reduce bundle size.
+- Improve plugin integration support
+
 ## 0.14.3
 
 Bump client deps.

global.d.ts

@@ -5,5 +5,5 @@ type DeepPartial<T> = T extends object ? {
   T
 
 declare module 'html.mjs' {
-  export const html: string
+  export function html(title: string, module: string): string
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-bundle-analyzer",
-  "version": "0.14.3",
+  "version": "0.15.0",
   "description": "a modern vite bundle analyzer tool",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

pre-compile.mts

@@ -5,14 +5,37 @@ import path from 'path'
 import fsp from 'fs/promises'
 
 import { readAll } from './src/server/shared'
-import { injectHTMLTag } from './src/server/render'
-import type { Descriptor } from './src/server/render'
 
 const defaultWd = process.cwd()
 
 const clientPath = path.join(defaultWd, 'dist', 'client')
 const clientAssetsPath = path.join(clientPath, 'assets')
 
+export interface Descriptor {
+  kind: 'script' | 'style' | 'title'
+  text: string
+  attrs?: string[]
+}
+
+interface InjectHTMLTagOptions {
+  html: string
+  injectTo: 'body' | 'head'
+  descriptors: Descriptor | Descriptor[]
+}
+
+// Refactor this function
+function injectHTMLTag(options: InjectHTMLTagOptions) {
+  const regExp = options.injectTo === 'head' ? /([ \t]*)<\/head>/i : /([ \t]*)<\/body>/i
+  options.descriptors = Array.isArray(options.descriptors) ? options.descriptors : [options.descriptors]
+  const descriptors = options.descriptors.map(d => {
+    if (d.attrs && d.attrs.length > 0) {
+      return `<${d.kind} ${d.attrs.join(' ')}>${d.text}</${d.kind}>`
+    }
+    return `<${d.kind}>${d.text}</${d.kind}>`
+  })
+  return options.html.replace(regExp, (match) => `${descriptors.join('\n')}${match}`)
+}
+
 async function main() {
   const clientAssetsPaths = await readAll(clientAssetsPath)
   const clientAssets = await Promise.all(clientAssetsPaths.map(async (p) => {
@@ -26,14 +49,26 @@ async function main() {
     html,
     injectTo: 'head',
     descriptors: [
+      { text: '<--title-->', kind: 'title' },
       ...assets.map(({ fileType, content }) => ({
         kind: fileType === 'js' ? 'script' : 'style',
         text: content,
         attrs: fileType === 'js' ? ['type="module"'] : []
       })) satisfies Descriptor[]
     ]
   })
-  process.stdout.write(`export const html =  ${JSON.stringify(html)}`)
+  html = injectHTMLTag({
+    html,
+    injectTo: 'body',
+    descriptors: {
+      kind: 'script',
+      text: '<--module-->'
+    } satisfies Descriptor | Descriptor[]
+  })
+
+  process.stdout.write(`export function html (title, module) {
+    return ${JSON.stringify(html)}.replace('<--title-->', title).replace('<--module-->', module)
+    }`)
 }
 
 main()

src/server/render.ts

@@ -20,24 +20,6 @@ export interface Descriptor {
   text: string
   attrs?: string[]
 }
-interface InjectHTMLTagOptions {
-  html: string
-  injectTo: 'body' | 'head'
-  descriptors: Descriptor | Descriptor[]
-}
-
-// Refactor this function
-export function injectHTMLTag(options: InjectHTMLTagOptions) {
-  const regExp = options.injectTo === 'head' ? /([ \t]*)<\/head>/i : /([ \t]*)<\/body>/i
-  options.descriptors = Array.isArray(options.descriptors) ? options.descriptors : [options.descriptors]
-  const descriptors = options.descriptors.map(d => {
-    if (d.attrs && d.attrs.length > 0) {
-      return `<${d.kind} ${d.attrs.join(' ')}>${d.text}</${d.kind}>`
-    }
-    return `<${d.kind}>${d.text}</${d.kind}>`
-  })
-  return options.html.replace(regExp, (match) => `${descriptors.join('\n')}${match}`)
-}
 
 // https://tc39.es/ecma262/#sec-putvalue
 // Using var instead of set attr to window we can reduce 9 bytes
@@ -50,23 +32,8 @@ export function generateInjectCode(analyzeModule: Module[], mode: string) {
 // In built mode according flag inject a fake chunk at the output
 
 export async function renderView(analyzeModule: Module[], options: RenderOptions) {
-  let { html } = await import('html.mjs')
-  html = injectHTMLTag({
-    html,
-    injectTo: 'head',
-    descriptors: [
-      { text: options.title, kind: 'title' }
-    ]
-  })
-  html = injectHTMLTag({
-    html,
-    injectTo: 'body',
-    descriptors: {
-      kind: 'script',
-      text: generateInjectCode(analyzeModule, options.mode)
-    }
-  })
-  return html
+  const { html } = await import('html.mjs')
+  return html(options.title, generateInjectCode(analyzeModule, options.mode))
 }
 
 export function arena() {