minista 4.0.0 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minista",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "type": "module",
   "bin": {
     "minista": "./bin/minista.js"
@@ -66,7 +66,7 @@
   },
   "dependencies": {
     "@mdx-js/rollup": "^3.1.1",
-    "@swc/core": "^1.15.18",
+    "@swc/core": "^1.15.21",
     "archiver": "^7.0.1",
     "cross-spawn": "^7.0.6",
     "image-size": "^2.0.2",
@@ -75,7 +75,7 @@
     "mojigiri": "^0.3.0",
     "node-html-parser": "^7.1.0",
     "picocolors": "^1.1.1",
-    "picomatch": "^4.0.3",
+    "picomatch": "^4.0.4",
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.2.0",
     "sharp": "^0.34.5",

package/src/plugins/archive/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 
@@ -42,7 +42,7 @@ export function pluginArchive(uOpts = {}) {
     enforce: "post",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isBuild
     },
@@ -79,7 +79,7 @@ export function pluginArchive(uOpts = {}) {
                   reject(err)
                 }
               })
-              output.on("close", () => resolve())
+              output.on("close", () => resolve(undefined))
 
               archive.pipe(output)
               archive.glob(`${normalizePath(srcDir)}/**/*`, {
@@ -96,15 +96,19 @@ export function pluginArchive(uOpts = {}) {
             console.log(
               pc.gray(
                 normalizePath(rel + path.sep) +
-                  pc.green(path.basename(finalPath))
-              )
+                  pc.green(path.basename(finalPath)),
+              ),
             )
           } catch (err) {
-            console.error(
-              pc.red(`Error creating archive ${outName}: ${err.message}`)
-            )
+            if (err instanceof Error) {
+              console.error(
+                pc.red(`Error creating archive ${outName}: ${err.message}`),
+              )
+            } else {
+              console.error(pc.red(`An unknown error occurred: ${err}`))
+            }
           }
-        })
+        }),
       )
     },
   }

package/src/plugins/beautify/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 
@@ -46,7 +46,7 @@ export function pluginBeautify(uOpts = {}) {
     enforce: "post",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isBuild
     },

package/src/plugins/bundle/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 
@@ -56,7 +56,7 @@ export function pluginBundle(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isBuild
     },
@@ -134,12 +134,20 @@ export function pluginBundle(uOpts = {}) {
         cssFiles = []
       }
 
-      imageFiles = [...importedImageFiles].map((file) => {
-        const targetItem = Object.values(outputAssets).find((item) =>
-          item.originalFileNames.some((name) => name === file)
+      imageFiles = [...importedImageFiles]
+        .map((file) => {
+          const targetItem = Object.values(outputAssets).find((item) =>
+            item.originalFileNames.some((name) => name === file),
+          )
+          return targetItem?.fileName
+        })
+        .filter(
+          /**
+           * @param {string | undefined} file
+           * @returns {file is string}
+           */
+          (file) => Boolean(file),
         )
-        return targetItem.fileName
-      })
 
       const htmlItems = Object.values(outputAssets).filter((item) => {
         return item.fileName.endsWith(".html")
@@ -160,7 +168,7 @@ export function pluginBundle(uOpts = {}) {
             const basedAssetUrl = getBasedAssetUrl(base, htmlName, file)
             const regExp = new RegExp(
               `(<[^>]*?)(?<!\\.)/${file}([^>]*?>)`,
-              "gs"
+              "gs",
             )
             newHtml = newHtml.replace(regExp, `$1${basedAssetUrl}$2`)
           }

package/src/plugins/comment/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types.js').PluginOptions} PluginOptions */
 /** @typedef {import('./types.js').UserPluginOptions} UserPluginOptions */
 
@@ -27,7 +27,7 @@ export function pluginComment(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isBuild
     },
@@ -47,7 +47,7 @@ export function pluginComment(uOpts = {}) {
     async generateBundle(options, bundle) {
       const outputAssets = filterOutputAssets(bundle)
       const htmlItems = Object.values(outputAssets).filter((item) =>
-        item.fileName.endsWith(".html")
+        item.fileName.endsWith(".html"),
       )
 
       for (const item of htmlItems) {

package/src/plugins/entry/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types.js').PluginOptions} PluginOptions */
 /** @typedef {import('./types.js').UserPluginOptions} UserPluginOptions */
 /** @typedef {import('../ssg/types.js').SsgPage} SsgPage */
@@ -52,7 +52,7 @@ export function pluginEntry(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isBuild
     },
@@ -72,7 +72,7 @@ export function pluginEntry(uOpts = {}) {
             const ssgFileUrl = pathToFileURL(path.resolve(ssgDir, file)).href
             const { ssgPages } = await import(ssgFileUrl)
             return ssgPages
-          })
+          }),
         )
       ).flat()
 
@@ -111,7 +111,7 @@ export function pluginEntry(uOpts = {}) {
           } catch {
             return null
           }
-        })
+        }),
       )
       for (const pair of checks) {
         if (pair) entries[pair[0]] = pair[1]
@@ -138,9 +138,10 @@ export function pluginEntry(uOpts = {}) {
         for (const item of Object.values(outputChunks)) {
           if (item.name !== entryId) continue
           if (!item.code.trim()) continue
+          if (!item.facadeModuleId) continue
 
           const before = normalizePath(
-            path.relative(rootDir, item.facadeModuleId)
+            path.relative(rootDir, item.facadeModuleId),
           )
           const newFileName = item.fileName
           entryChanges[before] = newFileName
@@ -174,7 +175,7 @@ export function pluginEntry(uOpts = {}) {
           const basedAssetUrl = getBasedAssetUrl(base, htmlName, after)
           const regExp = new RegExp(
             `(<[^>]*?)(?<!\\.)/${before}([^>]*?>)`,
-            "gs"
+            "gs",
           )
           newHtml = newHtml.replace(regExp, `$1${basedAssetUrl}$2`)
 

package/src/plugins/image/components/picture.js

@@ -91,7 +91,7 @@ export function Picture({
           }
           const sourceOptimizeObj = cleanObj(sourceOptimizeObjRaw)
           const sourceOptimizeStr = JSON.stringify(
-            mergeObj(defaultOptimize, sourceOptimizeObj)
+            mergeObj(defaultOptimize, sourceOptimizeObj),
           )
 
           return createElement("source", {
@@ -123,7 +123,7 @@ export function Picture({
         }
         const sourceOptimizeObj = cleanObj(sourceOptimizeObjRaw)
         const sourceOptimizeStr = JSON.stringify(
-          mergeObj(defaultOptimize, sourceOptimizeObj)
+          mergeObj(defaultOptimize, sourceOptimizeObj),
         )
 
         return createElement("source", {
@@ -156,7 +156,7 @@ export function Picture({
       }
       const sourceOptimizeObj = cleanObj(sourceOptimizeObjRaw)
       const sourceOptimizeStr = JSON.stringify(
-        mergeObj(defaultOptimize, sourceOptimizeObj)
+        mergeObj(defaultOptimize, sourceOptimizeObj),
       )
 
       return createElement("source", {
@@ -183,6 +183,6 @@ export function Picture({
       "data-minista-image-src": src,
       "data-minista-image-optimize": optimizeStr,
       ...attributes,
-    })
+    }),
   )
 }

package/src/plugins/image/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import ('node-html-parser').HTMLElement} HTMLElement */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
@@ -33,7 +33,11 @@ import {
   getBuildBase,
   getBasedAssetUrl,
 } from "../../shared/url.js"
-import { mergeAlias, filterOutputAssets } from "../../shared/vite.js"
+import {
+  mergeSsrNoExternal,
+  mergeAlias,
+  filterOutputAssets,
+} from "../../shared/vite.js"
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
@@ -73,10 +77,10 @@ export function pluginImage(uOpts = {}) {
   const srcAttr = "data-minista-image-src"
   const optimizeAttr = "data-minista-image-optimize"
   const cpImagePath = normalizePath(
-    path.resolve(__dirname, "components/image.js")
+    path.resolve(__dirname, "components/image.js"),
   )
   const cpPicturePath = normalizePath(
-    path.resolve(__dirname, "components/picture.js")
+    path.resolve(__dirname, "components/picture.js"),
   )
 
   let isDev = false
@@ -120,7 +124,7 @@ export function pluginImage(uOpts = {}) {
   async function selfLoadCache() {
     if (useCache && fs.existsSync(imageCacheFile)) {
       imageCache = JSON.parse(
-        await fs.promises.readFile(imageCacheFile, "utf8")
+        await fs.promises.readFile(imageCacheFile, "utf8"),
       )
     }
     if (useCache) {
@@ -136,7 +140,7 @@ export function pluginImage(uOpts = {}) {
     await fs.promises.writeFile(
       imageCacheFile,
       JSON.stringify(imageCache, null, 2),
-      "utf8"
+      "utf8",
     )
   }
 
@@ -184,7 +188,7 @@ export function pluginImage(uOpts = {}) {
         await fs.promises.writeFile(fullPath, data, "utf8")
 
         urlNameMap[remoteUrl] = normalizePath(path.relative(rootDir, fullPath))
-      })
+      }),
     )
   }
 
@@ -220,7 +224,7 @@ export function pluginImage(uOpts = {}) {
             ...(recipeMap[bufferHash]?.usedPatternMap || {}),
           },
         }
-      })
+      }),
     )
   }
 
@@ -231,9 +235,9 @@ export function pluginImage(uOpts = {}) {
     const tagName = el.tagName.toLowerCase()
     const isTarget = ["img", "source"].includes(tagName)
 
-    let imageName = el.getAttribute(srcAttr).replace(/^\//, "")
+    let imageName = el.getAttribute(srcAttr)?.replace(/^\//, "")
 
-    if (!isTarget || !imageName) return
+    if (!isTarget || !imageName) return {}
 
     if (imageName.startsWith("http")) {
       imageName = urlNameMap[imageName]
@@ -276,10 +280,10 @@ export function pluginImage(uOpts = {}) {
               if (isBuild) entries[pathId] = outFullPath
               recipe.usedPatternMap[patternHash] = pattern
               delete recipe.patternMap[patternHash]
-            }
-          )
+            },
+          ),
         )
-      })
+      }),
     )
   }
 
@@ -288,7 +292,7 @@ export function pluginImage(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isSsr || isBuild
     },
@@ -307,6 +311,9 @@ export function pluginImage(uOpts = {}) {
       if (isDev) {
         base = getServeBase(config.base || base)
         return {
+          ssr: {
+            noExternal: mergeSsrNoExternal(config, ["minista"]),
+          },
           resolve: {
             alias: mergeAlias(config, [
               {
@@ -317,6 +324,13 @@ export function pluginImage(uOpts = {}) {
           },
         }
       }
+      if (isSsr) {
+        return {
+          ssr: {
+            noExternal: mergeSsrNoExternal(config, ["minista"]),
+          },
+        }
+      }
       if (isBuild) {
         base = getBuildBase(config.base || base)
 
@@ -331,7 +345,7 @@ export function pluginImage(uOpts = {}) {
               const ssgFileUrl = pathToFileURL(path.resolve(ssgDir, file)).href
               const { ssgPages } = await import(ssgFileUrl)
               return ssgPages
-            })
+            }),
           )
         ).flat()
 
@@ -353,6 +367,7 @@ export function pluginImage(uOpts = {}) {
 
           for (const el of targetEls) {
             const { optimize, recipe, view } = selfGetElData(el)
+            if (!optimize || !recipe || !view) continue
             const patternMap = getPatternMap(optimize, recipe, view, false)
 
             for (const [patternHash, pattern] of Object.entries(patternMap)) {
@@ -390,6 +405,7 @@ export function pluginImage(uOpts = {}) {
 
       for (const el of targetEls) {
         const { tagName, optimize, recipe, view } = selfGetElData(el)
+        if (!optimize || !recipe || !view) continue
         const patternMap = getPatternMap(optimize, recipe, view, true)
 
         for (const [patternHash, pattern] of Object.entries(patternMap)) {
@@ -463,6 +479,7 @@ export function pluginImage(uOpts = {}) {
 
         for (const el of targetEls) {
           const { tagName, optimize, recipe, view } = selfGetElData(el)
+          if (!optimize || !recipe || !view) continue
           const attrs = getPatternAttrs(optimize, recipe, view, false)
           const srcset = Object.entries(attrs.srcset)
             .map(([size, before]) => {

package/src/plugins/image/types.d.ts

@@ -10,8 +10,8 @@ export type ImageFormat = "inherit" | "jpg" | "png" | "webp" | "avif"
 export type ResolvedImageFormat = Omit<ImageFormat, "inherit">
 
 export type ImageOptimize = {
-  outName?: string
-  remoteName?: string
+  outName: string
+  remoteName: string
   layout: "constrained" | "fixed"
   breakpoints: number[] | { count: number; minWidth: number; maxWidth: number }
   resolutions: number[]

package/src/plugins/image/utils/pattern.js

@@ -23,7 +23,7 @@ export function getPatternName(
   remoteName,
   width,
   height,
-  format
+  format,
 ) {
   const parsed = path.parse(fileName)
 
@@ -49,6 +49,7 @@ export function getPatternName(
  * @returns {{[patternHash: string]: ImagePattern}|{}}
  */
 export function getPatternMap(optimize, recipe, view, resizeOnly) {
+  /** @type {{[patternHash: string]: ImagePattern}} */
   let result = {}
 
   const {
@@ -95,7 +96,7 @@ export function getPatternMap(optimize, recipe, view, resizeOnly) {
       remoteName,
       width,
       height,
-      format
+      format,
     )
 
     /** @type {ImagePattern} */
@@ -121,6 +122,7 @@ export function getPatternMap(optimize, recipe, view, resizeOnly) {
  * @returns {{ srcset: { [key: string]: string }, src: string }}
  */
 export function getPatternAttrs(optimize, recipe, view, resizeOnly) {
+  /** @type {{ srcset: { [key: string]: string }, src: string }} */
   let result = { srcset: {}, src: "" }
 
   const { outName, remoteName, layout, breakpoints, resolutions, format } =
@@ -160,7 +162,7 @@ export function getPatternAttrs(optimize, recipe, view, resizeOnly) {
       remoteName,
       width,
       height,
-      format
+      format,
     )
 
     if (!resizeOnly) {

package/src/plugins/image/utils/size.js

@@ -2,7 +2,7 @@ import { imageSizeFromFile } from "image-size/fromFile"
 
 /**
  * @param {string} fullPath
- * @returns {Promise<{ width: number, height: number } | null>}
+ * @returns {Promise<{ width: number, height: number }>}
  */
 export async function getSize(fullPath) {
   try {
@@ -10,6 +10,6 @@ export async function getSize(fullPath) {
     return { width, height }
   } catch (err) {
     console.error(`Failed to get image size for ${fullPath}`, err)
-    return null
+    return { width: 0, height: 0 }
   }
 }

package/src/plugins/island/index.js

@@ -1,5 +1,5 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
-/** @typedef {import('rolldown-vite').ViteDevServer} ViteDevServer */
+/** @typedef {import('vite').Plugin} Plugin */
+/** @typedef {import('vite').ViteDevServer} ViteDevServer */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 /** @typedef {import('../ssg/types').SsgPage} SsgPage */
@@ -81,7 +81,7 @@ export function pluginIsland(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isSsr || isBuild
     },
@@ -293,8 +293,9 @@ export function pluginIsland(uOpts = {}) {
         for (const item of Object.values(outputChunks)) {
           if (item.name !== entryId) continue
           if (!item.code.trim()) continue
+          if (!entryId) continue
 
-          const patternIndex = entryId.match(/(\d+)(?!.*\d)/)[0] || "1"
+          const patternIndex = entryId.match(/(\d+)(?!.*\d)/)?.[0] || "1"
           const newFileName = item.fileName
           entryChanges[patternIndex] = newFileName
 

package/src/plugins/island/utils/directive.js

@@ -40,6 +40,7 @@ function printNode(node) {
  * @returns {{[key: string]: any}}
  */
 function evalObjectExpr(objExpr) {
+  /** @type {{[key: string]: any}} */
   let out = {}
   for (const prop of objExpr.properties) {
     if (prop.type !== "KeyValueProperty") continue
@@ -64,6 +65,7 @@ export function transformDirectives(code, id, opts) {
   const prefix = rootAttrName ? `${rootAttrName}-` : ""
   const ast = parseSync(code, { syntax: "typescript", tsx: true })
 
+  /** @type {{[key: string]: any}} */
   let importMap = {}
 
   for (const node of ast.body) {
@@ -107,10 +109,11 @@ export function transformDirectives(code, id, opts) {
       const opening = node.opening
       if (opening && Array.isArray(opening.attributes)) {
         const idx = opening.attributes.findIndex(
+          /** @param {any} attr */
           (attr) =>
             attr.type === "JSXAttribute" &&
             attr.name.type === "JSXNamespacedName" &&
-            attr.name.namespace.value === "client"
+            attr.name.namespace.value === "client",
         )
         if (idx !== -1) {
           const [directive] = opening.attributes.splice(idx, 1)
@@ -121,22 +124,25 @@ export function transformDirectives(code, id, opts) {
 
           if (clientName === "only") {
             const fallback = (node.children || []).find(
+              /** @param {any} c */
               (c) =>
                 c.type === "JSXElement" &&
                 Array.isArray(c.opening.attributes) &&
                 c.opening.attributes.some(
+                  /** @param {any} a */
                   (a) =>
                     a.type === "JSXAttribute" &&
                     a.name.value === "slot" &&
-                    a.value?.value === "fallback"
-                )
+                    a.value?.value === "fallback",
+                ),
             )
             if (fallback) {
               ssrNode = fallback
 
               const { opening: origOpening, children: origChildren } = node
               const filteredChildren = (origChildren || []).filter(
-                (c) => c !== fallback
+                /** @param {any} c */
+                (c) => c !== fallback,
               )
               snippetNode = {
                 ...node,
@@ -158,6 +164,10 @@ export function transformDirectives(code, id, opts) {
           let rawJsx = printNode(snippetNode).replace(/;?\s*$/, "")
           let tagNames = new Set()
 
+          /**
+           * @param {*} n
+           * @returns {void}
+           */
           function collect(n) {
             if (!n || typeof n !== "object") return
             if (n.type === "JSXElement") {

package/src/plugins/mdx/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 

package/src/plugins/search/components/search.js

@@ -64,30 +64,32 @@ export function Search(props) {
 
   const [inputValue, setInputValue] = useState("")
 
-  /** @type {import("react").RefObject<HTMLInputElement>} */
+  /** @type {React.RefObject<HTMLInputElement|null>} */
   const inputRef = useRef(null)
 
-  /** @type {[SearchData, React.Dispatch<React.SetStateAction<SearchData>>]} */
-  const [searchData, setSearchData] = useState({
+  /** @type {SearchData} */
+  const defaultSearchData = {
     words: [],
     hits: [],
     pages: [],
-  })
-
-  /** @type {[string[], React.Dispatch<React.SetStateAction<string[]>>]} */
-  const [searchHits, setSearchHits] = useState([])
-
-  /** @type {[SearchPage[], React.Dispatch<React.SetStateAction<SearchPage[]>>]} */
-  const [searchPages, setSearchPages] = useState([])
-
-  /** @type {[string[], React.Dispatch<React.SetStateAction<string[]>>]} */
-  const [searchValues, setSearchValues] = useState([])
-
-  /** @type {[string[], React.Dispatch<React.SetStateAction<string[]>>]} */
-  const [searchHitValues, setSearchHitValues] = useState([])
-
-  /** @type {[SearchResult[], React.Dispatch<React.SetStateAction<SearchResult[]>>]} */
-  const [searchResults, setSearchResults] = useState([])
+  }
+  /** @type {string[]} */
+  const defaultSearchHits = []
+  /** @type {SearchPage[]} */
+  const defaultSearchPages = []
+  /** @type {string[]} */
+  const defaultSearchValues = []
+  /** @type {string[]} */
+  const defaultSearchHitValues = []
+  /** @type {SearchResult[]} */
+  const defaultSearchResults = []
+
+  const [searchData, setSearchData] = useState(defaultSearchData)
+  const [searchHits, setSearchHits] = useState(defaultSearchHits)
+  const [searchPages, setSearchPages] = useState(defaultSearchPages)
+  const [searchValues, setSearchValues] = useState(defaultSearchValues)
+  const [searchHitValues, setSearchHitValues] = useState(defaultSearchHitValues)
+  const [searchResults, setSearchResults] = useState(defaultSearchResults)
 
   const checkValues = searchValues && searchValues.length
   const checkHitValues = searchHitValues && searchHitValues.length
@@ -107,18 +109,18 @@ export function Search(props) {
     const hitValues = mergedInputValues.flatMap((value) =>
       value.length >= minHitLength
         ? searchHits.filter((hit) => new RegExp(value, "i").test(hit))
-        : []
+        : [],
     )
     const mergedHitValues = [...new Set(hitValues)].sort()
     const hitIndexes = mergedHitValues.map((value) =>
-      searchData.words.indexOf(value)
+      searchData.words.indexOf(value),
     )
 
     /** @type {SearchPage[]} */
     const hitPages = searchPages.flatMap((page) => {
       const titleIndexs = page.title.filter((i) => hitIndexes.indexOf(i) !== -1)
       const contentIndexs = page.content.filter(
-        (i) => hitIndexes.indexOf(i) !== -1
+        (i) => hitIndexes.indexOf(i) !== -1,
       )
       if (titleIndexs.length || contentIndexs.length) {
         return {
@@ -142,39 +144,48 @@ export function Search(props) {
       })
       .slice(0, maxHitPages)
 
-    const resultHitPages = sortedHitPages.map((page) => {
-      const targetPage = searchData.pages.find(
-        (dataPage) => dataPage.url === page.url
-      )
-      if (page.title.length) {
-        const targetContent = targetPage.title
-          .map((num) => searchData.words[num])
-          .join(" ")
-        return { url: targetPage.url, content: targetContent }
-      } else {
-        const targetWord = page.content[0]
-        const targetIndex = targetPage.content.indexOf(targetWord)
-        const targetIndexes = targetPage.content.slice(
-          targetIndex,
-          targetIndex + maxHitWords
-        )
-        const targetWords = joinTokens(
-          targetIndexes.map((num) => searchData.words[num])
+    const resultHitPages = sortedHitPages
+      .map((page) => {
+        const targetPage = searchData.pages.find(
+          (dataPage) => dataPage.url === page.url,
         )
-        const targetContent = "..." + targetWords + "..."
-        const targetId = () => {
-          if (!page.toc.length) return ""
-          const targetToc = page.toc
-            .filter((item) => targetIndex >= item[0])
-            .slice(-1)[0]
-          return targetToc ? "#" + targetToc[1] : ""
+        if (!targetPage) return null
+        if (page.title.length) {
+          const targetContent = targetPage?.title
+            .map((num) => searchData.words[num])
+            .join(" ")
+          return { url: targetPage.url, content: targetContent }
+        } else {
+          const targetWord = page.content[0]
+          const targetIndex = targetPage.content.indexOf(targetWord)
+          const targetIndexes = targetPage.content.slice(
+            targetIndex,
+            targetIndex + maxHitWords,
+          )
+          const targetWords = joinTokens(
+            targetIndexes.map((num) => searchData.words[num]),
+          )
+          const targetContent = "..." + targetWords + "..."
+          const targetId = () => {
+            if (!page.toc.length) return ""
+            const targetToc = page.toc
+              .filter((item) => targetIndex >= item[0])
+              .slice(-1)[0]
+            return targetToc ? "#" + targetToc[1] : ""
+          }
+          return { url: targetPage.url + targetId(), content: targetContent }
         }
-        return { url: targetPage.url + targetId(), content: targetContent }
-      }
-    })
+      })
+      .filter(
+        /**
+         * @param {SearchResult | null} file
+         * @returns {file is SearchResult}
+         */
+        (file) => Boolean(file),
+      )
 
     setSearchValues(
-      mergedInputValues.filter((value) => value && !value.includes(" "))
+      mergedInputValues.filter((value) => value && !value.includes(" ")),
     )
     setSearchHitValues(mergedHitValues)
     setSearchResults(resultHitPages)
@@ -232,8 +243,8 @@ export function Search(props) {
           glyphs.map((glyph, glyphIndex) =>
             glyph.match(regValues)
               ? createElement("mark", { key: glyphIndex }, glyph)
-              : createElement("span", { key: glyphIndex }, glyph)
-          )
+              : createElement("span", { key: glyphIndex }, glyph),
+          ),
         )
       } else {
         return createElement("span", { key: wordIndex }, word)
@@ -268,7 +279,7 @@ export function Search(props) {
 
       if (apply === "build") {
         const el = document.querySelector(`[${relativeAttr}]`)
-        const distance = Number(el.getAttribute(relativeAttr)) || 0
+        const distance = Number(el?.getAttribute(relativeAttr)) || 0
         const here = location.pathname
         let segments = here.split("/").filter(Boolean)
         distance > 0 && (segments = segments.slice(0, -distance))
@@ -301,16 +312,18 @@ export function Search(props) {
 
   return createElement(
     "div",
-    Object.assign({}, attributes, className ? { className } : {}, wrapperRest),
-
+    {
+      ...attributes,
+      ...(className ? { className } : {}),
+      ...wrapperRest,
+    },
     createElement(
       "div",
-      Object.assign(
-        {},
-        fieldAttributes,
-        fieldClassName ? { className: fieldClassName } : {},
-        fieldRest
-      ),
+      {
+        ...fieldAttributes,
+        ...(fieldClassName ? { className: fieldClassName } : {}),
+        ...fieldRest,
+      },
       beforeElement || null,
       createElement("input", {
         type: "search",
@@ -321,18 +334,17 @@ export function Search(props) {
         ref: inputRef,
       }),
       resolvedClearElement,
-      afterElement || null
+      afterElement || null,
     ),
 
     checkResults
       ? createElement(
           "ul",
-          Object.assign(
-            {},
-            listAttributes,
-            listClassName ? { className: listClassName } : {},
-            listRest
-          ),
+          {
+            ...listAttributes,
+            ...(listClassName ? { className: listClassName } : {}),
+            ...listRest,
+          },
           searchResults.map((item, index) => {
             const url = basedUrl(item.url)
             return createElement(
@@ -347,20 +359,20 @@ export function Search(props) {
                   createElement(
                     "p",
                     null,
-                    createElement("strong", null, highlight(item.content))
+                    createElement("strong", null, highlight(item.content)),
                   ),
                   showUrl
                     ? createElement(
                         "p",
                         null,
-                        createElement("small", null, url)
+                        createElement("small", null, url),
                       )
-                    : null
-                )
-              )
+                    : null,
+                ),
+              ),
             )
-          })
+          }),
         )
-      : null
+      : null,
   )
 }

package/src/plugins/search/index.js

@@ -1,5 +1,5 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
-/** @typedef {import('rolldown-vite').ViteDevServer} ViteDevServer */
+/** @typedef {import('vite').Plugin} Plugin */
+/** @typedef {import('vite').ViteDevServer} ViteDevServer */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('../ssg/types').SsgPage} SsgPage */
@@ -15,7 +15,11 @@ import { getSearchData } from "./utils/data.js"
 import { mergeObj } from "../../shared/obj.js"
 import { getRootDir, getTempDir } from "../../shared/path.js"
 import { getServeBase, getBuildBase } from "../../shared/url.js"
-import { filterOutputAssets, filterOutputChunks } from "../../shared/vite.js"
+import {
+  mergeSsrNoExternal,
+  filterOutputAssets,
+  filterOutputChunks,
+} from "../../shared/vite.js"
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
@@ -72,7 +76,7 @@ export function pluginSearch(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isBuild
     },
@@ -82,6 +86,18 @@ export function pluginSearch(uOpts = {}) {
 
       if (isDev) {
         base = getServeBase(config.base || base)
+        return {
+          ssr: {
+            noExternal: mergeSsrNoExternal(config, ["minista"]),
+          },
+        }
+      }
+      if (isSsr) {
+        return {
+          ssr: {
+            noExternal: mergeSsrNoExternal(config, ["minista"]),
+          },
+        }
       }
       if (isBuild) {
         base = getBuildBase(config.base || base)
@@ -195,7 +211,7 @@ export function pluginSearch(uOpts = {}) {
 
         const slashCount = (htmlName.match(/\//g) || []).length
         const bodyEl = parsedHtml.querySelector("body")
-        bodyEl.setAttribute(opts.relativeAttr, String(slashCount))
+        bodyEl?.setAttribute(opts.relativeAttr, String(slashCount))
 
         item.source = parsedHtml.toString()
       }
@@ -207,7 +223,7 @@ export function pluginSearch(uOpts = {}) {
         return item.originalFileNames.some((name) => name === before)
       })
       if (afterItem) {
-        const oldPath = path.resolve(options.dir, afterItem.fileName)
+        const oldPath = path.resolve(options.dir || "", afterItem.fileName)
         const newPath = oldPath.replace(/\.txt$/, ".json")
         await fs.promises.rename(oldPath, newPath)
       }

package/src/plugins/search/utils/data.js

@@ -151,6 +151,7 @@ function extractPage(pageEl, ignoreSelectors) {
       }
     }
     if (el.childNodes) {
+      /* @ts-ignore */
       el.childNodes.forEach(walk)
     }
   }
@@ -217,7 +218,7 @@ export function getSearchData(ssgPages, opts) {
   const regHits = new RegExp(`(${regHitsArray.join("|")})`)
   const hitWords = result.words.filter(
     (word) =>
-      word.length >= hit.minLength && regHits.test(word) && word !== "..."
+      word.length >= hit.minLength && regHits.test(word) && word !== "...",
   )
   result.hits = hitWords.map((word) => result.words.indexOf(word))
 

package/src/plugins/sprite/index.js

@@ -1,5 +1,5 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
-/** @typedef {import('rolldown-vite').ViteDevServer} ViteDevServer */
+/** @typedef {import('vite').Plugin} Plugin */
+/** @typedef {import('vite').ViteDevServer} ViteDevServer */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 /** @typedef {import('../ssg/types').SsgPage} SsgPage */
@@ -83,7 +83,7 @@ export function pluginSprite(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isBuild
     },
@@ -206,7 +206,7 @@ export function pluginSprite(uOpts = {}) {
       if (!targetEls.length) return html
 
       for (const el of targetEls) {
-        const assetName = el.getAttribute(srcAttr).replace(/^\//, "")
+        const assetName = el?.getAttribute(srcAttr)?.replace(/^\//, "") || ""
         const symbolId =
           el.getAttribute(symbolIdAttr) || path.parse(assetName).name
         const assetUrl = assetMap[assetName]
@@ -247,7 +247,7 @@ export function pluginSprite(uOpts = {}) {
         if (!targetEls.length) continue
 
         for (const el of targetEls) {
-          const assetName = el.getAttribute(srcAttr).replace(/^\//, "")
+          const assetName = el?.getAttribute(srcAttr)?.replace(/^\//, "") || ""
           const symbolId =
             el.getAttribute(symbolIdAttr) || path.parse(assetName).name
           const before = spriteMap[assetName]

package/src/plugins/sprite/utils/sprite.js

@@ -39,8 +39,8 @@ export async function generateSprite(targetDir, config) {
       const doc = parseHtml(code)
       const el = doc.querySelector("svg")
       const id = path.parse(svgName).name
-      const viewBox = el.getAttribute("viewBox")
-      const { data: content } = optimize(el.innerHTML, config)
+      const viewBox = el?.getAttribute("viewBox")
+      const { data: content } = optimize(el?.innerHTML || "", config)
       if (!id || !viewBox || !content) continue
       symbols[id] = { viewBox, content }
     }
@@ -66,7 +66,7 @@ export async function generateSprite(targetDir, config) {
     symbolList
       .map(
         ({ id, viewBox, content }) =>
-          `<symbol id="${id}" viewBox="${viewBox}">${content}</symbol>`
+          `<symbol id="${id}" viewBox="${viewBox}">${content}</symbol>`,
       )
       .join("\n"),
     `</svg>`,

package/src/plugins/ssg/components/head.js

@@ -18,6 +18,7 @@ export function Head({
 }) {
   /** @type {{ setHeadData?: SetHeadData }} */
   const { setHeadData } = useContext(HeadContext)
+  if (!setHeadData) return null
 
   if (htmlAttributes) setHeadData("htmlAttributes", htmlAttributes)
   if (bodyAttributes) setHeadData("bodyAttributes", bodyAttributes)
@@ -56,6 +57,6 @@ export function HeadProvider({ headData, children }) {
   return createElement(
     HeadContext.Provider,
     { value: { setHeadData } },
-    children
+    children,
   )
 }

package/src/plugins/ssg/index.js

@@ -1,5 +1,5 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
-/** @typedef {import('rolldown-vite').EnvironmentModuleNode} EnvModuleNode */
+/** @typedef {import('vite').Plugin} Plugin */
+/** @typedef {import('vite').EnvironmentModuleNode} EnvModuleNode */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 /** @typedef {import('./types').SsgPage} SsgPage */
@@ -60,20 +60,24 @@ export function pluginSsg(uOpts = {}) {
    * @param {ResolvedPage[]} resolvedPages
    */
   function selfUpdateResolvedToSsgPages(resolvedLayout, resolvedPages) {
-    ssgPages = resolvedPages.map((resolvedPage) => {
-      if (resolvedPage.metadata?.draft === true) {
-        return null
-      }
-      const url = resolvedPage.url
-      const fileName = getHtmlFileName(url)
-      const html = transformHtml({ resolvedLayout, resolvedPage })
-      return {
-        url,
-        fileName,
-        html,
-      }
-    })
-    ssgPages = ssgPages.filter(Boolean)
+    ssgPages = resolvedPages
+      .map((resolvedPage) => {
+        if (resolvedPage.metadata?.draft === true) {
+          return null
+        }
+        const url = resolvedPage.url
+        const fileName = getHtmlFileName(url)
+        const html = transformHtml({ resolvedLayout, resolvedPage })
+        return {
+          url,
+          fileName,
+          html,
+        }
+      })
+      .filter(
+        /** @type {(page: SsgPage | null) => page is SsgPage} */
+        (page) => page !== null,
+      )
   }
 
   return {
@@ -81,7 +85,7 @@ export function pluginSsg(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isSsr || isBuild
     },
@@ -204,7 +208,7 @@ export function pluginSsg(uOpts = {}) {
               next()
             }
           } catch (e) {
-            server.ssrFixStacktrace(e)
+            if (e instanceof Error) server.ssrFixStacktrace(e)
             next(e)
           }
         })
@@ -219,7 +223,7 @@ export function pluginSsg(uOpts = {}) {
          * @param {string | undefined | null} id
          * @returns {string | undefined}
          */
-        const stripQuery = (id) => (id ? id.split("?")[0] : id)
+        const stripQuery = (id) => (id ? id.split("?")[0] : undefined)
 
         /**
          * @param {EnvModuleNode | null | undefined} mod
@@ -295,7 +299,7 @@ export function pluginSsg(uOpts = {}) {
         const invalidated = new Set()
         const clientGraph = server.environments.client.moduleGraph
 
-        const isKnownInClient = (mod) => {
+        const isKnownInClient = (/** @type {EnvModuleNode} */ mod) => {
           if (!mod?.id) return false
           if (clientGraph.getModuleById(mod.id)) return true
           const file = mod.file ?? stripQuery(mod.id)
@@ -317,7 +321,7 @@ export function pluginSsg(uOpts = {}) {
 
         if (hasSsrOnly) {
           const rel = stripQuery(
-            path.relative(server.config.root, modules[0].id),
+            path.relative(server.config.root, modules[0].id || ""),
           )
           server.config.logger.info(
             [pc.dim("(ssr)"), pc.green("page reload"), pc.dim(rel)].join(" "),

package/src/plugins/ssg/types.d.ts

@@ -102,4 +102,4 @@ export type HeadProps = HeadData & {
   children?: React.ReactNode
 }
 
-export type SetHeadData = (key: string, value: any) => void
+export type SetHeadData = (key: keyof HeadData, value: any) => void

package/src/plugins/ssg/utils/layout.js

@@ -30,6 +30,6 @@ export async function resolveLayout(layout) {
   return {
     component: layout.component,
     staticData,
-    metadata: layout.metadata,
+    metadata: layout.metadata ?? {},
   }
 }

package/src/plugins/ssg/utils/tag.js

@@ -1,3 +1,5 @@
+import { createElement } from "react"
+
 /**
  * @param {string | undefined} title
  * @param {boolean} hasCharset
@@ -5,30 +7,24 @@
  * @returns {React.ReactElement[]}
  */
 export function getDefaultHeadTags(title, hasCharset, hasViewport) {
-  return [
-    !hasCharset && {
-      type: "meta",
-      key: null,
-      props: {
-        charSet: "UTF-8",
-      },
-    },
-    !hasViewport && {
-      type: "meta",
-      key: null,
-      props: {
+  /** @type {React.ReactElement[]} */
+  const tags = []
+
+  if (!hasCharset) {
+    tags.push(createElement("meta", { charSet: "UTF-8" }))
+  }
+  if (!hasViewport) {
+    tags.push(
+      createElement("meta", {
         name: "viewport",
         content: "width=device-width, initial-scale=1.0",
-      },
-    },
-    title && {
-      type: "title",
-      key: null,
-      props: {
-        children: title,
-      },
-    },
-  ].filter(Boolean)
+      }),
+    )
+  }
+  if (title) {
+    tags.push(createElement("title", null, title))
+  }
+  return tags
 }
 
 /**
@@ -52,6 +48,7 @@ export function filterHeadTags(tags) {
  */
 export function headTagToStr(tag) {
   const selfClosingTags = new Set(["link", "meta"])
+  /** @type {{ [key: string]: string }} */
   const attrNameMap = { charSet: "charset" }
 
   const tagName = typeof tag?.type === "string" ? tag.type : ""

package/src/plugins/svg/index.js

@@ -1,4 +1,4 @@
-/** @typedef {import('rolldown-vite').Plugin} Plugin */
+/** @typedef {import('vite').Plugin} Plugin */
 /** @typedef {import('./types').PluginOptions} PluginOptions */
 /** @typedef {import('./types').UserPluginOptions} UserPluginOptions */
 
@@ -44,7 +44,7 @@ export function pluginSvg(uOpts = {}) {
     if (!targetEls.length) return html
 
     for (const el of targetEls) {
-      const svgName = el.getAttribute(srcAttr).replace(/^\//, "") ?? ""
+      const svgName = el?.getAttribute(srcAttr)?.replace(/^\//, "") ?? ""
       if (!svgName) continue
 
       let svgData = svgObj[svgName]
@@ -86,7 +86,7 @@ export function pluginSvg(uOpts = {}) {
     enforce: "pre",
     apply(_, { command, isSsrBuild }) {
       isDev = command === "serve"
-      isSsr = command === "build" && isSsrBuild
+      isSsr = command === "build" && Boolean(isSsrBuild)
       isBuild = command === "build" && !isSsrBuild
       return isDev || isBuild
     },

package/src/shared/obj.js

@@ -9,7 +9,7 @@ export function cleanObj(obj) {
     return Object.fromEntries(
       Object.entries(obj)
         .filter(([, v]) => v !== undefined)
-        .map(([k, v]) => [k, cleanObj(v)])
+        .map(([k, v]) => [k, cleanObj(v)]),
     )
   }
   return obj
@@ -28,7 +28,7 @@ export function mergeObj(obj1, obj2) {
 
   for (const key in obj2) {
     if (
-      obj2.hasOwnProperty(key) &&
+      Object.prototype.hasOwnProperty.call(obj2, key) &&
       typeof obj2[key] === "object" &&
       obj2[key] !== null &&
       !Array.isArray(obj2[key])

package/src/shared/vite.js

@@ -1,5 +1,6 @@
-/** @typedef {import('rolldown-vite').UserConfig} UserConfig */
-/** @typedef {import('rolldown-vite').Alias} Alias */
+/** @typedef {import('vite').UserConfig} UserConfig */
+/** @typedef {import('vite').SSROptions} SSROptions */
+/** @typedef {import('vite').Alias} Alias */
 /** @typedef {import('rolldown').OutputBundle} OutputBundle */
 /** @typedef {import('rolldown').OutputAsset} OutputAsset */
 /** @typedef {import('rolldown').OutputChunk} OutputChunk */
@@ -7,11 +8,14 @@
 /**
  * @param {UserConfig} config
  * @param {string[]} modules
- * @returns {UserConfig['ssr']['external']}
+ * @returns {SSROptions['external']}
  */
 export function mergeSsrExternal(config, modules = []) {
   const ssrExternal = config.ssr?.external
 
+  if (ssrExternal === true) {
+    return true
+  }
   if (typeof ssrExternal === "undefined") {
     return modules
   }
@@ -21,10 +25,30 @@ export function mergeSsrExternal(config, modules = []) {
   return ssrExternal
 }
 
+/**
+ * @param {UserConfig} config
+ * @param {string[]} modules
+ * @returns {SSROptions['noExternal']}
+ */
+export function mergeSsrNoExternal(config, modules = []) {
+  const noExternal = config.ssr?.noExternal
+
+  if (noExternal === true) {
+    return true
+  }
+  if (typeof noExternal === "undefined") {
+    return modules
+  }
+  if (Array.isArray(noExternal)) {
+    return Array.from(new Set([...noExternal, ...modules]))
+  }
+  return noExternal
+}
+
 /**
  * @param {UserConfig} config
  * @param {Alias[]} aliases
- * @returns {UserConfig['resolve']['alias']}
+ * @returns {Alias[]}
  */
 export function mergeAlias(config, aliases = []) {
   const existing = config.resolve?.alias
@@ -32,11 +56,11 @@ export function mergeAlias(config, aliases = []) {
   let list = Array.isArray(existing)
     ? [...existing]
     : existing && typeof existing === "object"
-    ? Object.entries(existing).map(([find, replacement]) => ({
-        find,
-        replacement,
-      }))
-    : []
+      ? Object.entries(existing).map(([find, replacement]) => ({
+          find,
+          replacement,
+        }))
+      : []
 
   const findSet = new Set(list.map((item) => item.find))