@bagelink/vue 1.15.15 → 1.15.26

package/vite.config.ts

@@ -1,42 +1,12 @@
 import { resolve } from 'node:path'
 // import { fileURLToPath, URL } from 'node:url'
 import vue from '@vitejs/plugin-vue'
-import type { Plugin } from 'vite'
 import { defineConfig } from 'vite'
 import dts from 'vite-plugin-dts'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
 const indexDir = resolve(import.meta.dirname, 'src')
 
-/**
- * Wrap the extracted style.css in `@layer bagelink { … }` so that ALL library
- * CSS (incl. component scoped styles) loses to unlayered consumer CSS.
- * Apps can override any bagelink style from a plain <style scoped> block —
- * no specificity hacks needed. Internal bgl-* layers nest inside and keep
- * their relative order. Leading @charset/@import statements must stay at the
- * top of the file per spec, so they are kept outside the wrapper.
- */
-function wrapCssInLayer(layerName = 'bagelink'): Plugin {
-	return {
-		name: 'bagelink:wrap-css-layer',
-		apply: 'build',
-		enforce: 'post',
-		generateBundle(_options, bundle) {
-			for (const asset of Object.values(bundle)) {
-				if (asset.type !== 'asset' || !asset.fileName.endsWith('.css')) { continue }
-				const css = String(asset.source)
-				// split leading @charset/@import statements from the rest
-				// (@import URLs may contain ';' inside quotes, so match quoted strings/url() explicitly)
-				const headMatch = css.match(/^(?:\s*@charset\s+"[^"]*"\s*;|\s*@import\s*(?:url\([^)]*\)|"[^"]*"|'[^']*')[^;{]*;)*/)
-				const head = headMatch?.[0] ?? ''
-				const body = css.slice(head.length)
-				asset.source = `${head}@layer ${layerName}{${body}}`
-			}
-		},
-	}
-}
-
-// @ts-expect-error - rolldown-vite in root workspace causes plugin type mismatch; build is unaffected
 export default defineConfig(() => ({
 	plugins: [
 		tsconfigPaths({ root: indexDir, }),
@@ -45,7 +15,6 @@ export default defineConfig(() => ({
 			entryRoot: indexDir,
 			copyDtsFiles: true,
 		}),
-		wrapCssInLayer(),
 	],
 	resolve: {
 		alias: {