@bagelink/vue 1.6.73 → 1.6.77

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.6.73",
+  "version": "1.6.77",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/ModalForm.vue

@@ -2,7 +2,7 @@
 import type { Path } from '@bagelink/vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
 import type { ModalFormOptions } from '../plugins/modalTypes'
-import { Btn, Modal, useBagel, BagelForm } from '@bagelink/vue'
+import { Btn, Modal, BagelForm } from '@bagelink/vue'
 import { ref } from 'vue'
 
 // eslint-disable-next-line vue/prop-name-casing
@@ -16,8 +16,6 @@ const emit = defineEmits<{
 	'update:visible': [value: boolean]
 }>()
 
-const bagel = useBagel()
-
 const modal = ref<ComponentExposed<typeof Modal>>()
 
 const formData = defineModel<T>('modelValue', {
@@ -40,8 +38,11 @@ async function runSubmit() {
 		closeModal()
 	} catch (err: any) {
 		submitting.value = false
-		if (props.onError) { props.onError(err) }
-		else { bagel.onError?.(err) }
+		if (props.onError) {
+			props.onError(err)
+		} else {
+			console.error('[ModalForm] Submit error:', err)
+		}
 	}
 }
 

package/src/components/form/inputs/Upload/upload.ts

@@ -1,31 +1,24 @@
 import type { AxiosResponse } from 'axios'
 import type { BglFile, BglFilePatch, UploadOptions } from './upload.types.d.ts'
 import axios from 'axios'
-import { getBagelInstance } from '../../../../composables/useBagel'
 
-// Helper to get file version from config
-const getFileVersion = () => getBagelInstance()?.fileVersion ?? 'files'
+// Using default 'files' endpoint - axios baseURL will be configured via SDK init
+const FILES_ENDPOINT = 'files'
 
 export const files = {
-	setBaseUrl: (baseUrl?: string) => {
-		if (baseUrl === undefined || baseUrl === '') { return }
-		baseUrl = baseUrl.replace(/\/$/, '')
-		axios.defaults.baseURL = baseUrl
-	},
-
 	get: async (pathKey?: string): Promise<AxiosResponse<BglFile>> => {
-		return axios.get(`/${getFileVersion()}/`, { params: { path_key: pathKey } })
+		return axios.get(`/${FILES_ENDPOINT}/`, { params: { path_key: pathKey } })
 	},
 
 	put: async (
 		bglFilePatch: BglFilePatch,
 		pathKey?: string
 	): Promise<AxiosResponse<BglFile>> => {
-		return axios.put(`/${getFileVersion()}/`, bglFilePatch, { params: { path_key: pathKey } })
+		return axios.put(`/${FILES_ENDPOINT}/`, bglFilePatch, { params: { path_key: pathKey } })
 	},
 
 	delete: async (pathKey?: string) => {
-		return axios.delete(`/${getFileVersion()}/`, { params: { path_key: pathKey } })
+		return axios.delete(`/${FILES_ENDPOINT}/`, { params: { path_key: pathKey } })
 	},
 
 	upload: async (
@@ -36,7 +29,7 @@ export const files = {
 		// Backend expects multipart field name "file"
 		formData.append('file', file)
 		formData.append('upload', file)
-		return axios.post(`/${getFileVersion()}/upload`, formData, {
+		return axios.post(`/${FILES_ENDPOINT}/upload`, formData, {
 			headers: { 'Content-Type': 'multipart/form-data' },
 			onUploadProgress: options?.onUploadProgress,
 			params: { dir_path: options?.dirPath, tags: options?.tags },
@@ -44,6 +37,6 @@ export const files = {
 	},
 
 	list: async (dirPath?: string): Promise<AxiosResponse<BglFile[]>> => {
-		return axios.get(`/${getFileVersion()}/list`, { params: { dir_path: dirPath } })
+		return axios.get(`/${FILES_ENDPOINT}/list`, { params: { dir_path: dirPath } })
 	}
 }

package/src/components/form/inputs/Upload/useFileUpload.ts

@@ -1,6 +1,5 @@
 import type { MaybeRefOrGetter } from 'vue'
 import type { BglFile, QueueFile } from './upload.types'
-import { useBagel } from '@bagelink/vue'
 import { ref, computed, onMounted, toValue, } from 'vue'
 import { files } from './upload'
 
@@ -14,8 +13,6 @@ interface UseFileUploadProps {
 }
 
 export function useFileUpload(props: UseFileUploadProps = {}) {
-	files.setBaseUrl(useBagel().host)
-
 	const namespace = props.namespace || 'default'
 
 	const fileQueue = ref<QueueFile[]>([])

package/src/composables/index.ts

@@ -5,7 +5,6 @@ import { getFallbackSchema } from '@bagelink/vue'
 import { computed, ref, toValue, watch } from 'vue'
 
 export { useAddToCalendar } from './useAddToCalendar'
-export { getBagelInstance, setBagelInstance, useBagel } from './useBagel'
 export { useDevice } from './useDevice'
 export { useExcel } from './useExcel'
 export { usePolling } from './usePolling'

package/src/index.ts

@@ -3,7 +3,6 @@ export * from './components/form/useBagelFormState'
 export * from './composables'
 export * from './directives'
 export {
-	bagelInjectionKey,
 	type BagelOptions,
 	BagelVue,
 	i18nTInjectionKey,

package/src/plugins/bagel.ts

@@ -1,15 +1,14 @@
 import type { InjectionKey, Plugin } from 'vue'
-import { Bagel } from '@bagelink/sdk'
 import FloatingVue from 'floating-vue'
 import { inject } from 'vue'
 
 import lightboxPlugin from '../components/lightbox/index'
-import { setBagelInstance } from '../composables/useBagel'
 import { ripple, pattern } from '../directives'
 import { useLang } from '../utils'
 import clickOutside from '../utils/clickOutside'
+import { ModalPlugin } from './useModal'
+import { ToastPlugin, type BagelToastOptions } from './useToast'
 
-export const bagelInjectionKey = Symbol('bagel') as InjectionKey<Bagel>
 export const i18nTInjectionKey = Symbol('bagel') as InjectionKey<(key: string) => string>
 
 export function injectI18nT(injectionKey: typeof i18nTInjectionKey = i18nTInjectionKey) {
@@ -22,29 +21,23 @@ export interface BagelOptions {
 	availableLangs?: string[]
 	defaultLang?: string
 	language?: string
-	host?: string
-	fileBaseUrl?: string
-	fileVersion?: string
-	onError?: (err: Error) => void
-
 	i18nT?: (key: string) => string
+	toast?: BagelToastOptions
 }
-export const BagelVue: Plugin<BagelOptions> = {
-	install: (app, options) => {
-		const bagel = new Bagel({
-			host: options.host,
-			fileBaseUrl: options.fileBaseUrl,
-			fileVersion: options.fileVersion,
-			onError: options.onError
-		})
-
-		// Set global Bagel instance for the composable
-		setBagelInstance(bagel)
 
+export const BagelVue: Plugin<BagelOptions> = {
+	install: (app, options = {}) => {
+		// Install directives
 		app.directive('click-outside', clickOutside)
 		app.directive('ripple', ripple)
 		app.directive('pattern', pattern)
+
+		// Install UI plugins
 		app.use(lightboxPlugin)
+		app.use(ModalPlugin)
+		app.use(ToastPlugin, options.toast || {})
+
+		// Install FloatingVue for tooltips/popovers
 		app.use(FloatingVue, {
 			themes: {
 				'bgl-theme': {
@@ -54,14 +47,15 @@ export const BagelVue: Plugin<BagelOptions> = {
 				},
 			},
 		})
+
+		// Setup language configuration
 		const { availableLangs, defaultLang, lang } = useLang()
 		if (options.availableLangs) { availableLangs.value = options.availableLangs }
 		if (options.defaultLang) { defaultLang.value = options.defaultLang }
 		if (options.language) { lang.value = options.language }
-		app.config.globalProperties.$bagel = bagel
-		app.provide(bagelInjectionKey, bagel)
-		app.config.globalProperties.$i18T
-			= options.i18nT || ((key?: string) => key)
+
+		// Setup i18n translation function
+		app.config.globalProperties.$i18T = options.i18nT || ((key?: string) => key)
 		app.provide(i18nTInjectionKey, options.i18nT || ((key: string) => key))
 	},
 }

package/src/utils/index.ts

@@ -206,27 +206,21 @@ export { useLang } from './lang'
 export { formatString } from './strings'
 export { useDebounceFn } from '@vueuse/core'
 
-import { getBagelInstance } from '../composables/useBagel'
-
 const URL_REGEX = /^https?:\/\/|^\/\//
 
 export function pathKeyToURL(pathKey?: string) {
-	if (pathKey === undefined || pathKey === '' || URL_REGEX.test(pathKey)) { return pathKey }
-
-	const bagel = getBagelInstance()
-	if (!bagel) {
-		console.warn('Bagel instance is not initialized. Please install BagelVue plugin.')
+	if (pathKey === undefined || pathKey === '' || URL_REGEX.test(pathKey)) {
 		return pathKey
 	}
 
+	// For static files from the API server, return relative path
 	if (pathKey.startsWith('static/')) {
-		if (bagel.host === undefined || bagel.host === '') {
-			console.warn('Bagel host is not configured. Please set it in BagelVue options.')
-			return pathKey
-		}
-		return `${bagel.host}/${pathKey}`
+		return `/${pathKey}`
 	}
-	const baseUrl = bagel.fileBaseUrl ?? 'https://files.bagel.design'
+
+	// For uploaded files, use the default file server
+	// TODO: Make this configurable via SDK init
+	const baseUrl = 'https://files.bagel.design'
 	return `${baseUrl}/${pathKey}`
 }
 

package/src/composables/useBagel.ts

@@ -1,21 +0,0 @@
-import type { Bagel } from '@bagelink/sdk'
-import { shallowRef } from 'vue'
-
-// Global state for the Bagel instance (using shallowRef to avoid deep reactivity on class instance)
-const bagelInstance = shallowRef<Bagel | null>(null)
-
-export function useBagel(): Bagel {
-	const instance = bagelInstance.value
-	if (!instance) {
-		throw new Error('Bagel instance is not initialized. Please install BagelVue plugin first.')
-	}
-	return instance
-}
-
-export function setBagelInstance(instance: Bagel) {
-	bagelInstance.value = instance
-}
-
-export function getBagelInstance(): Bagel | null {
-	return bagelInstance.value
-}