npm - @bndynet/vue-site - Versions diffs - 0.1.4 → 0.1.5 - Mend

@bndynet/vue-site 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/bin/vue-site.mjs CHANGED Viewed

@@ -158,16 +158,33 @@ function readPackageRepositoryUrl() {
   return tryReadRepositoryFromDir(cwd)
 }
-const entryCode = [
-  `import { createSiteApp } from '${pkgDir.replace(/\\/g, '/')}/dist/index.es.js'`,
-  `import '${pkgDir.replace(/\\/g, '/')}/dist/style.css'`,
-  `import siteConfig from '/${foundConfig}'`,
-  `import { repositoryUrl } from '${VIRTUAL_PACKAGE}'`,
-  `;(async () => {`,
-  `  const app = await createSiteApp({ ...siteConfig, packageRepository: repositoryUrl })`,
-  `  app.mount('#app')`,
-  `})()`,
-].join('\n')
+/** Root-relative path for Vite (`./foo` -> `/foo`). */
+function resolveBootstrapUrl(path) {
+  const t = String(path).trim()
+  if (!t) throw new Error('[vue-site] bootstrap path is empty')
+  if (t.startsWith('/')) return t
+  return '/' + t.replace(/^\.\//, '')
+}
+// Static import bundles bootstrap for production; dynamic import with vite-ignore is not emitted.
+function buildEntryCode(siteConfig) {
+  const bs = siteConfig?.bootstrap
+  const bootstrapImport =
+    bs != null && String(bs).trim() !== ''
+      ? `import '${resolveBootstrapUrl(bs)}'\n`
+      : ''
+  return [
+    bootstrapImport,
+    `import { createSiteApp } from '${pkgDir.replace(/\\/g, '/')}/dist/index.es.js'`,
+    `import '${pkgDir.replace(/\\/g, '/')}/dist/style.css'`,
+    `import siteConfig from '/${foundConfig}'`,
+    `import { repositoryUrl } from '${VIRTUAL_PACKAGE}'`,
+    `;(async () => {`,
+    `  const app = await createSiteApp({ ...siteConfig, packageRepository: repositoryUrl })`,
+    `  app.mount('#app')`,
+    `})()`,
+  ].join('\n')
+}
 const htmlTemplate = `<!DOCTYPE html>
 <html lang="en">
@@ -215,7 +232,7 @@ async function loadSiteConfig() {
   }
 }
-function vueSitePlugin() {
+function vueSitePlugin(entryCode) {
   return [
     {
       name: 'vue-site:virtual-entry',
@@ -254,8 +271,8 @@ function vueSitePlugin() {
 }
 async function buildViteConfig(options = {}) {
-  const { cliBase } = options
-  const siteConfig = await loadSiteConfig()
+  const { cliBase, siteConfig: siteConfigOption } = options
+  const siteConfig = siteConfigOption ?? (await loadSiteConfig())
   const env = siteConfig.env || {}
   const {
     port,
@@ -358,9 +375,11 @@ async function buildViteConfig(options = {}) {
     }
   }
+  const entryCode = buildEntryCode(siteConfig)
   const baseConfig = {
     root: cwd,
-    plugins: [vue(vueOpts), ...vueSitePlugin(), ...(userPlugins || [])],
+    plugins: [vue(vueOpts), ...vueSitePlugin(entryCode), ...(userPlugins || [])],
     resolve: {
       alias: {
         vue: resolve(vuePath, 'dist/vue.runtime.esm-bundler.js'),
@@ -386,7 +405,8 @@ async function buildViteConfig(options = {}) {
 async function run() {
   const { command, cliBase } = parseCliArgv()
-  const viteConfig = await buildViteConfig({ cliBase })
+  const siteConfig = await loadSiteConfig()
+  const viteConfig = await buildViteConfig({ cliBase, siteConfig })
   if (command === 'dev') {
     const server = await createServer(viteConfig)
@@ -398,6 +418,11 @@ async function run() {
     const hadHtml = fs.existsSync(tempHtml)
     if (!hadHtml) {
+      const bs = siteConfig?.bootstrap
+      const bootstrapImport =
+        bs != null && String(bs).trim() !== ''
+          ? `import '${resolveBootstrapUrl(bs)}'\n`
+          : ''
       const buildHtml = `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -408,7 +433,7 @@ async function run() {
 <body>
   <div id="app"></div>
   <script type="module">
-import { createSiteApp } from '${pkgDir.replace(/\\/g, '/')}/dist/index.es.js'
+${bootstrapImport}import { createSiteApp } from '${pkgDir.replace(/\\/g, '/')}/dist/index.es.js'
 import '${pkgDir.replace(/\\/g, '/')}/dist/style.css'
 import siteConfig from './${foundConfig}'
 import { repositoryUrl } from '${VIRTUAL_PACKAGE}'

package/dist/index.es.js CHANGED Viewed

@@ -38128,18 +38128,8 @@ const CS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     };
   }
 });
-function lA(e) {
-  const a = e.trim();
-  if (!a) throw new Error("[vue-site] bootstrap path is empty");
-  return a.startsWith("/") ? a : "/" + a.replace(/^\.\//, "");
-}
-async function sA(e) {
-  if (e.bootstrap == null || String(e.bootstrap).trim() === "") return;
-  await import(lA(String(e.bootstrap)));
-}
-async function fA(e) {
+async function pA(e) {
   var d, h, s, y;
-  await sA(e);
   const a = GI(e.nav), c = fS(a), o = ["light", "dark", ...((h = (d = e.theme) == null ? void 0 : d.extraThemes) == null ? void 0 : h.filter((f) => f.id !== "light" && f.id !== "dark").map((f) => f.id)) ?? []], i = bS(e.theme), u = me("light");
   mS(
     u,
@@ -38151,13 +38141,13 @@ async function fA(e) {
   const r = tL(hA);
   return r.provide(XI, u), r.provide(dI, { config: e, resolvedNav: a }), r.use(c), e.configureApp && await Promise.resolve(e.configureApp(r)), r;
 }
-function MA(e) {
+function kA(e) {
   return e;
 }
 export {
   eI as builtinThemePalettes,
-  fA as createSiteApp,
-  MA as defineConfig,
+  pA as createSiteApp,
+  kA as defineConfig,
   XI as themeRefKey,
   Rt as useSiteConfig,
   xS as useTheme

package/dist/types.d.ts CHANGED Viewed

@@ -97,11 +97,17 @@ export interface SiteConfig {
     packageRepository?: string | null;
     /** Development / build environment configuration */
     env?: SiteEnvConfig;
+    /**
+     * Same as `env.watchPackages` (CLI only). Used when `env.watchPackages` is omitted.
+     */
+    watchPackages?: SiteEnvConfig['watchPackages'];
     /**
      * Optional. Path to a module under the site root (Vite `root`), loaded once **before** the Vue app
      * is created. Omit or leave unset to skip. Use for global side effects (polyfills, telemetry,
      * `window` setup). Relative to root, e.g. `./bootstrap.ts` or `src/bootstrap.ts` (resolved as
      * `/bootstrap.ts`, `/src/bootstrap.ts`).
+     * The `vue-site` CLI injects a static import for this path so it is included in production builds;
+     * if you call `createSiteApp` from a custom entry, import that module yourself before mounting.
      */
     bootstrap?: string;
     /**

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@bndynet/vue-site",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "description": "A configurable Vue 3 site framework with sidebar navigation, markdown rendering, and theme switching.",
   "repository": {