@bagelink/workspace 1.7.33 → 1.7.35

package/src/composable.ts

@@ -0,0 +1,65 @@
+/**
+ * Runtime workspace configuration
+ * Provides access to workspace config injected at build time
+ */
+export interface RuntimeWorkspaceConfig {
+	/** API proxy path (e.g., '/api') */
+	proxy: string
+	/** API host URL (e.g., 'https://project.bagel.to') */
+	host: string
+	/** OpenAPI specification URL (if configured) */
+	openapiUrl?: string
+	/** Current environment mode */
+	mode: 'localhost' | 'development' | 'production'
+}
+
+/**
+ * Get workspace configuration at runtime
+ * Config is injected as environment variables during build
+ *
+ * @example
+ * ```ts
+ * import { useWorkspace } from '@bagelink/workspace'
+ *
+ * const { proxy, host } = useWorkspace()
+ * const auth = initAuth({ baseURL: proxy })
+ * ```
+ *
+ * @example In Vue component
+ * ```vue
+ * <script setup>
+ * import { useWorkspace } from '@bagelink/workspace'
+ *
+ * const { proxy, host, mode } = useWorkspace()
+ * </script>
+ * ```
+ */
+export function useWorkspace(): RuntimeWorkspaceConfig {
+	// Access env variables injected by the Vite plugin
+	const proxy = import.meta.env.VITE_BGL_PROXY || '/api'
+	const host = import.meta.env.VITE_BGL_HOST || ''
+	const openapiUrl = import.meta.env.VITE_BGL_OPENAPI_URL
+	const mode = (import.meta.env.MODE as RuntimeWorkspaceConfig['mode']) || 'development'
+
+	return {
+		proxy,
+		host,
+		openapiUrl,
+		mode,
+	}
+}
+
+/**
+ * Get the full API URL by combining host and proxy
+ *
+ * @example
+ * ```ts
+ * import { getApiUrl } from '@bagelink/workspace'
+ *
+ * const apiUrl = getApiUrl() // 'https://project.bagel.to/api'
+ * ```
+ */
+export function getApiUrl(): string {
+	const { host, proxy } = useWorkspace()
+	return `${host}${proxy}`
+}

package/src/index.ts

@@ -34,10 +34,14 @@ export {
 	writeNetlifyConfig,
 }
 
+export { getApiUrl, useWorkspace } from './composable'
+export type { RuntimeWorkspaceConfig } from './composable'
 export { getWorkspaceInfo, isWorkspace } from './detect'
 export { runDev } from './dev'
 export { setupLint } from './lint'
 export { generateSDK, generateSDKForWorkspace } from './sdk'
+export { bagelink } from './vite'
+export type { BagelinkPluginOptions } from './vite'
 export { addProject, initWorkspace, listProjects } from './workspace'
 
 /**

package/src/init.ts

@@ -233,25 +233,31 @@ function updateViteConfig(root: string): void {
 		}
 
 		// Ask to overwrite
-		console.log('⚠️  vite.config.ts exists. Please manually add the workspace configuration.')
-		console.log('    See: https://github.com/bageldb/bagelink/tree/master/packages/workspace#readme')
+		console.log('⚠️  vite.config.ts exists. Please manually add the bagelink plugin:')
+		console.log('')
+		console.log('    import { bagelink } from \'@bagelink/workspace/vite\'')
+		console.log('    import workspace from \'./bgl.config\'')
+		console.log('')
+		console.log('    plugins: [')
+		console.log('      vue(),')
+		console.log('      bagelink({ workspace }),')
+		console.log('    ]')
+		console.log('')
 		return
 	}
 
-	// Create new vite.config.ts
+	// Create new vite.config.ts with plugin
 	const viteConfigContent = `import { defineConfig } from 'vite'
-import { createViteProxy } from '@bagelink/workspace'
+import vue from '@vitejs/plugin-vue'
+import { bagelink } from '@bagelink/workspace/vite'
 import workspace from './bgl.config'
 
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-	const config = workspace(mode as 'localhost' | 'development' | 'production')
-
-	return {
-		server: {
-			proxy: createViteProxy(config),
-		},
-	}
+export default defineConfig({
+	plugins: [
+		vue(),
+		bagelink({ workspace }),
+	],
 })
 `
 

package/src/netlify.ts

@@ -5,9 +5,13 @@ import process from 'node:process'
 
 /**
  * Generate netlify.toml redirect configuration
+ * Uses environment variables for flexibility across environments
  */
 export function generateNetlifyRedirect(config: WorkspaceConfig): string {
-	const redirect = `[[redirects]]
+	const redirect = `# API Proxy Configuration
+# Environment variables are set in Netlify UI or netlify.toml [build.environment] section
+
+[[redirects]]
   from = "${config.proxy}/*"
   to = "${config.host}/:splat"
   status = 200
@@ -18,13 +22,49 @@ export function generateNetlifyRedirect(config: WorkspaceConfig): string {
 	return redirect
 }
 
+/**
+ * Generate netlify.toml with environment variable template
+ * Provides a standard config that can be reused across projects
+ */
+export function generateNetlifyConfigTemplate(): string {
+	return `# Standard Netlify configuration for Bagelink projects
+# Uses environment variables for proxy configuration
+
+[build.environment]
+  # Set these in Netlify UI or override here
+  # BGL_PROXY_PATH = "/api"
+  # BGL_API_HOST = "https://your-project.bagel.to"
+
+[[redirects]]
+  # Proxy API requests to backend
+  # Uses BGL_PROXY_PATH and BGL_API_HOST from environment
+  from = "/api/*"
+  to = "https://your-project.bagel.to/:splat"
+  status = 200
+  force = true
+  headers = {X-From = "Netlify"}
+
+# Example: Multiple API backends
+# [[redirects]]
+#   from = "/api/v2/*"
+#   to = "https://api-v2.example.com/:splat"
+#   status = 200
+#   force = true
+`
+}
+
 /**
  * Generate complete netlify.toml file
  */
 export function generateNetlifyConfig(
 	config: WorkspaceConfig,
 	additionalConfig?: string,
+	useTemplate: boolean = false,
 ): string {
+	if (useTemplate) {
+		return generateNetlifyConfigTemplate()
+	}
+
 	const redirect = generateNetlifyRedirect(config)
 
 	if (additionalConfig !== undefined && additionalConfig !== '') {
@@ -40,13 +80,24 @@ export function generateNetlifyConfig(
 export function writeNetlifyConfig(
 	config: WorkspaceConfig,
 	outPath: string = './netlify.toml',
-	additionalConfig?: string
+	additionalConfig?: string,
+	useTemplate: boolean = false,
 ): void {
-	const content = generateNetlifyConfig(config, additionalConfig)
+	const content = generateNetlifyConfig(config, additionalConfig, useTemplate)
 	const resolvedPath = resolve(outPath)
 
 	writeFileSync(resolvedPath, content, 'utf-8')
 	console.log(`✓ Generated netlify.toml at ${resolvedPath}`)
+
+	if (!useTemplate) {
+		console.log('\n💡 Tip: For environment-based config, set these in Netlify UI:')
+		console.log(`   BGL_PROXY_PATH = "${config.proxy}"`)
+		console.log(`   BGL_API_HOST = "${config.host}"`)
+		if (config.openapi_url) {
+			console.log(`   BGL_OPENAPI_URL = "${config.openapi_url}"`)
+		}
+		console.log('')
+	}
 }
 
 /**

package/src/vite.ts

@@ -0,0 +1,135 @@
+import type { Plugin, ResolvedConfig } from 'vite'
+import type { WorkspaceConfig, WorkspaceEnvironment } from './types'
+import process from 'node:process'
+import { fileURLToPath } from 'node:url'
+import { createViteProxy } from './proxy'
+
+export interface BagelinkPluginOptions {
+	/**
+	 * Path to shared package relative to project
+	 * @default '../shared'
+	 */
+	sharedPath?: string
+
+	/**
+	 * Whether to include @shared alias
+	 * @default true
+	 */
+	includeSharedAlias?: boolean
+
+	/**
+	 * Additional path aliases beyond @ and @shared
+	 */
+	additionalAliases?: Record<string, string>
+
+	/**
+	 * Whether to auto-configure proxy
+	 * @default true
+	 */
+	configureProxy?: boolean
+}
+
+/**
+ * Vite plugin for Bagelink workspace integration
+ * Automatically configures proxy and path aliases based on bgl.config.ts
+ *
+ * @example
+ * ```ts
+ * import { defineConfig } from 'vite'
+ * import vue from '@vitejs/plugin-vue'
+ * import { bagelink } from '@bagelink/workspace/vite'
+ * import workspace from './bgl.config'
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     vue(),
+ *     bagelink({ workspace })
+ *   ]
+ * })
+ * ```
+ *
+ * @example With custom options
+ * ```ts
+ * import { defineConfig } from 'vite'
+ * import vue from '@vitejs/plugin-vue'
+ * import { bagelink } from '@bagelink/workspace/vite'
+ * import workspace from './bgl.config'
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     vue(),
+ *     bagelink({
+ *       workspace,
+ *       sharedPath: '../packages/shared',
+ *       additionalAliases: {
+ *         '@utils': fileURLToPath(new URL('./src/utils', import.meta.url))
+ *       }
+ *     })
+ *   ]
+ * })
+ * ```
+ */
+export function bagelink(options: {
+	workspace: (mode: WorkspaceEnvironment) => WorkspaceConfig
+	config?: BagelinkPluginOptions
+}): Plugin {
+	const { workspace, config = {} } = options
+	let resolvedConfig: ResolvedConfig
+	let workspaceConfig: WorkspaceConfig
+
+	return {
+		name: 'vite-plugin-bagelink',
+		enforce: 'pre',
+
+		configResolved(resolved) {
+			resolvedConfig = resolved
+			workspaceConfig = workspace(resolved.mode as WorkspaceEnvironment)
+		},
+
+		config(userConfig, { mode }) {
+			workspaceConfig = workspace(mode as WorkspaceEnvironment)
+
+			// Build alias configuration
+			const alias: Record<string, string> = {}
+
+			// Add @shared alias if enabled
+			if (config.includeSharedAlias !== false) {
+				const sharedPath = config.sharedPath ?? '../shared'
+				// Resolve relative to the project root
+				alias['@shared'] = fileURLToPath(new URL(sharedPath, `file://${process.cwd()}/`))
+			}
+
+			// Add @ alias pointing to src
+			alias['@'] = fileURLToPath(new URL('./src', `file://${process.cwd()}/`))
+
+			// Add any additional aliases
+			if (config.additionalAliases) {
+				Object.assign(alias, config.additionalAliases)
+			}
+
+			// Build server config with proxy
+			const server = config.configureProxy !== false
+				? {
+					proxy: createViteProxy(workspaceConfig),
+				}
+				: undefined
+
+			// Inject workspace config as environment variables
+			const define = {
+				'import.meta.env.VITE_BGL_PROXY': JSON.stringify(workspaceConfig.proxy),
+				'import.meta.env.VITE_BGL_HOST': JSON.stringify(workspaceConfig.host),
+				...(workspaceConfig.openapi_url && {
+					'import.meta.env.VITE_BGL_OPENAPI_URL': JSON.stringify(workspaceConfig.openapi_url),
+				}),
+			}
+
+			return {
+				resolve: {
+					alias,
+				},
+				define,
+				...(server && { server }),
+			}
+		},
+	}
+}

package/src/workspace.ts

@@ -87,13 +87,27 @@ function createWorkspaceRoot(root: string, name: string, projectId: string): voi
 		private: true,
 		workspaces: ['*', '!node_modules'],
 		scripts: {
-			dev: 'bun scripts/dev.ts',
+			'dev': 'bgl dev',
+			'dev:local': 'bgl dev --mode localhost',
 			'dev:verbose': 'bun run --filter \'./[!shared]*\' dev',
-			build: 'bun run --filter \'./[!shared]*\' build',
-			typecheck: 'tsc --noEmit',
+			'build': 'bun run --filter \'./[!shared]*\' build',
+			'typecheck': 'tsc --noEmit',
+			'lint': 'eslint . --cache',
+			'lint:fix': 'eslint . --cache --fix',
+		},
+		dependencies: {
+			'@bagelink/auth': 'latest',
+			'@bagelink/sdk': 'latest',
+			'@bagelink/vue': 'latest',
+			'pinia': 'latest',
+			'vue': 'latest',
+			'vue-router': 'latest',
 		},
 		devDependencies: {
+			'@bagelink/lint-config': 'latest',
 			'@bagelink/workspace': 'latest',
+			'@vitejs/plugin-vue': 'latest',
+			'eslint': 'latest',
 			'typescript': '^5.0.0',
 			'vite': 'latest',
 		},
@@ -372,18 +386,14 @@ export default defineWorkspace({
 	// vite.config.ts
 	const viteConfig = `import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { createViteProxy } from '@bagelink/workspace'
+import { bagelink } from '@bagelink/workspace/vite'
 import workspace from './bgl.config'
 
-export default defineConfig(({ mode }) => {
-	const config = workspace(mode as 'localhost' | 'development' | 'production')
-
-	return {
-		plugins: [vue()],
-		server: {
-			proxy: createViteProxy(config),
-		},
-	}
+export default defineConfig({
+	plugins: [
+		vue(),
+		bagelink({ workspace }),
+	],
 })
 `