@nubisco/ui 5.27.1 → 5.27.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubisco/ui",
-  "version": "5.27.1",
+  "version": "5.27.3",
   "description": "Vue 3 UI component library",
   "packageManager": "pnpm@12.3.4+sha512.961aa41fb077da3a04a441d9f8e15ebc0c96da8ef710b2eb67bf9ee7cb0610eabd48f1fd85f51cffe73846785fa0f87c56a3a872a1d893f8446741b5cce45457",
   "repository": {
@@ -139,7 +139,7 @@
     "build": "pnpm run build:lib && pnpm run build:types && pnpm run build:plugins && node scripts/finalize-dist.mjs && pnpm run verify:types",
     "build:lib": "vite build",
     "build:types": "vue-tsc --noEmit false --declaration --emitDeclarationOnly --outDir dist && node scripts/copy-type-modules.mjs && node scripts/rewrite-dist-aliases.mjs dist",
-    "build:plugins": "tsc --project tsconfig.plugins.json",
+    "build:plugins": "tsc --project tsconfig.plugins.json && node scripts/bundle-plugin-vendor.mjs",
     "verify:types": "pnpm run verify:dist-types && pnpm run verify:consumer-types && pnpm run verify:consumer-globals && pnpm run verify:resolution && pnpm run verify:styles && pnpm run verify:glyph-defaults && pnpm run verify:theme-export",
     "verify:dist-types": "node scripts/verify-dist-types.mjs dist",
     "verify:consumer-types": "node scripts/verify-consumer-types.mjs",
@@ -180,15 +180,9 @@
   },
   "peerDependencies": {
     "pixi.js": "^8.0.0",
-    "unplugin-fonts": ">=1.4.0",
     "vue": "^3.5.30",
     "vue-i18n": "^11.3.0"
   },
-  "peerDependenciesMeta": {
-    "unplugin-fonts": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@fontsource/fira-code": "^5.2.7",
@@ -207,6 +201,7 @@
     "eslint-plugin-vue": "^10.8.0",
     "jsdom": "^29.0.1",
     "lint-staged": "^16.4.0",
+    "magic-string": "^1.2.3",
     "markdown-it-container": "^4.0.0",
     "mermaid": "^11.13.0",
     "pixi.js": "^8.19.0",
@@ -217,6 +212,8 @@
     "tinycolor2": "^1.6.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.57.2",
+    "unplugin-fonts": "2.0.0",
+    "unplugin-vue-components": "^32.1.0",
     "vite": "^8.0.2",
     "vite-svg-loader": "^5.1.1",
     "vitepress": "^1.6.4",
@@ -248,9 +245,5 @@
         }
       ]
     ]
-  },
-  "dependencies": {
-    "magic-string": "^1.2.3",
-    "unplugin-vue-components": "^32.1.0"
   }
 }

package/src/plugins/fonts.ts

@@ -1,4 +1,4 @@
-import Unfonts from 'unplugin-fonts/vite'
+import { Unfonts } from './vite/vendor.js'
 
 /**
  * Options accepted by {@link fonts}. This is the exact option object that

package/src/plugins/vite/glyphs.ts

@@ -2,7 +2,8 @@ import { readFile } from 'node:fs/promises'
 import { existsSync } from 'node:fs'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
-import MagicString from 'magic-string'
+import type { Rollup } from 'vite'
+import { MagicString } from './vendor.js'
 import { parse, babelParse } from 'vue/compiler-sfc'
 
 /**
@@ -462,7 +463,12 @@ export function nubiscoGlyphs(options: IGlyphOptions = {}) {
 
       return {
         code: magic.toString(),
-        map: magic.generateMap({ hires: true, source: file }),
+        // Typed as Vite's own source map input, so the published declarations
+        // do not name magic-string, which is bundled and not installed.
+        map: magic.generateMap({
+          hires: true,
+          source: file,
+        }) as Rollup.SourceMapInput,
       }
     },
   }

package/src/plugins/vite/imports.ts

@@ -1,4 +1,5 @@
-import MagicString from 'magic-string'
+import type { Rollup } from 'vite'
+import { MagicString } from './vendor.js'
 import { parse, babelParse } from 'vue/compiler-sfc'
 
 /**
@@ -185,7 +186,12 @@ export function nubiscoImports(options: INubiscoImportOptions) {
 
       return {
         code: magic.toString(),
-        map: magic.generateMap({ hires: true, source: file }),
+        // Typed as Vite's own source map input, so the published declarations
+        // do not name magic-string, which is bundled and not installed.
+        map: magic.generateMap({
+          hires: true,
+          source: file,
+        }) as Rollup.SourceMapInput,
       }
     },
   }

package/src/plugins/vite/index.ts

@@ -2,7 +2,7 @@ import { existsSync, readFileSync } from 'node:fs'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 import type { Plugin } from 'vite'
-import Components from 'unplugin-vue-components/vite'
+import { Components } from './vendor.js'
 import { COMPONENT_MANIFEST } from '../../components/manifest.js'
 import { nubiscoGlyphs, type IGlyphOptions } from './glyphs.js'
 import { nubiscoImports } from './imports.js'

package/src/plugins/vite/vendor.ts

@@ -0,0 +1,21 @@
+/**
+ * The third-party code `@nubisco/ui/vite` and `@nubisco/ui/plugins/fonts` run
+ * on, in one module.
+ *
+ * All three packages are build-time tooling. As dependencies of the library
+ * they put Vite, PostCSS, Sass and the rest of a bundler into the production
+ * dependency tree of every app that installs `@nubisco/ui`, and declaring them
+ * as optional peers does not help, because pnpm resolves an optional peer the
+ * consumer has installed under the library and reports it there. A peer also
+ * lets each app run a different version of the code behind the same plugin.
+ *
+ * So the library build inlines this module, with everything it imports, into
+ * `dist/plugins/vite/vendor.js` (see `scripts/bundle-plugin-vendor.mjs`). The
+ * packages stay devDependencies of the library, pinned where the output they
+ * produce is part of the contract (`unplugin-fonts`), and never reach a
+ * consumer's dependency tree. In the source tree, and in tests, this is a
+ * plain re-export.
+ */
+export { default as Components } from 'unplugin-vue-components/vite'
+export { default as MagicString } from 'magic-string'
+export { default as Unfonts } from 'unplugin-fonts/vite'