@bagelink/vue 1.14.15 → 1.15.0

package/src/utils/constants.ts

@@ -1,3 +1,10 @@
+/**
+ * The single mobile breakpoint, matching the CSS media query
+ * `@media (max-width: 910px)` used by all `m_*` utilities.
+ * A viewport is "mobile" when `window.innerWidth <= MOBILE_BREAKPOINT`.
+ */
+export const MOBILE_BREAKPOINT = 910
+
 export const IMAGE_FORMATS = ['jpeg', 'png', 'webp', 'avif', 'apng', 'gif', 'avifs', 'svg', 'bmp', 'jpg', 'heic', 'heif', 'ico', 'cur', 'tif', 'tiff']
 export const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join('|')})$`, 'i')
 export const VIDEO_FORMATS = ['mp4', 'webm', 'ogg', 'mov', 'avi', 'flv', 'wmv', 'mkv', 'ts', 'm3u8']

package/src/utils/index.ts

@@ -172,6 +172,25 @@ export async function appendScript(src: string, options?: { id?: string }): Prom
 	return loadingPromise
 }
 
+/**
+ * Wait for a global (e.g. a CDN script's `window.X`) to become available.
+ * Resolves with the global value, or rejects after `timeout` ms (default 10s).
+ *
+ * @example
+ * await appendScript('https://unpkg.com/leaflet/dist/leaflet.js')
+ * const L = await awaitGlobal('L')
+ */
+export async function awaitGlobal<T = any>(name: string, { timeout = 10_000, interval = 50 }: { timeout?: number, interval?: number } = {}): Promise<T> {
+	const start = Date.now()
+	while ((window as any)[name] === undefined) {
+		if (Date.now() - start > timeout) {
+			throw new Error(`awaitGlobal: window.${name} not available after ${timeout}ms`)
+		}
+		await sleep(interval)
+	}
+	return (window as any)[name] as T
+}
+
 export function appendStyle(src: string): Promise<void> {
 	return new Promise((resolve, reject) => {
 		if (document.querySelector(`link[href="${src}"]`)) {
@@ -198,9 +217,6 @@ export function normalizeDimension(value: string | number | undefined, defaultMe
 	return value
 }
 
-export * as bagelFormUtils from './BagelFormUtils'
-export { useForm } from './BagelFormUtils'
-
 export type { NormalizedOption } from './options'
 export { getOptionIcon, getOptionLabel, getOptionValue, normalizeOption } from './options'
 

package/src/utils/sizeParsing.ts

@@ -7,11 +7,11 @@ export function standardSize(value: number | string | undefined, unit: UnitSize
 	// Handle SizeType values
 	if (typeof value === 'string') {
 		const sizeTypeMap: Record<SizeType, number> = {
-			xSmall: 16,
-			small: 24,
-			medium: 32,
-			large: 48,
-			xLarge: 64
+			xs: 16,
+			sm: 24,
+			md: 32,
+			lg: 48,
+			xl: 64
 		}
 
 		if (value in sizeTypeMap) {

package/vite.config.ts

@@ -7,7 +7,7 @@ import tsconfigPaths from 'vite-tsconfig-paths'
 
 const indexDir = resolve(import.meta.dirname, 'src')
 
-// @ts-ignore - rolldown-vite in root workspace causes plugin type mismatch; build is unaffected
+// @ts-expect-error - rolldown-vite in root workspace causes plugin type mismatch; build is unaffected
 export default defineConfig(() => ({
 	plugins: [
 		tsconfigPaths({ root: indexDir, }),
@@ -23,6 +23,10 @@ export default defineConfig(() => ({
 		},
 	},
 	// experimental: { enableNativePlugin: true },
+	esbuild: {
+		// Strip console.* from the published build; thrown errors are unaffected.
+		drop: ['console', 'debugger'],
+	},
 	build: {
 		minify: 'esbuild', // Arrow functions should preserve scope even with minification
 		lib: {