@bagelink/workspace 1.7.3 → 1.8.0

package/dist/shared/workspace.Dq-27S1f.mjs

@@ -0,0 +1,560 @@
+import { writeFileSync, existsSync, readFileSync, mkdirSync, readdirSync } from 'node:fs';
+import { resolve } from 'node:path';
+import process from 'node:process';
+import prompts from 'prompts';
+
+function generateNetlifyRedirect(config) {
+  const redirect = `[[redirects]]
+  from = "${config.proxy}/*"
+  to = "${config.host}/:splat"
+  status = 200
+  force = true
+  headers = {X-From = "Netlify"}
+`;
+  return redirect;
+}
+function generateNetlifyConfig(config, additionalConfig) {
+  const redirect = generateNetlifyRedirect(config);
+  if (additionalConfig !== void 0 && additionalConfig !== "") {
+    return `${redirect}
+${additionalConfig}`;
+  }
+  return redirect;
+}
+function writeNetlifyConfig(config, outPath = "./netlify.toml", additionalConfig) {
+  const content = generateNetlifyConfig(config, additionalConfig);
+  const resolvedPath = resolve(outPath);
+  writeFileSync(resolvedPath, content, "utf-8");
+  console.log(`\u2713 Generated netlify.toml at ${resolvedPath}`);
+}
+function setBuildEnvVars(config) {
+  process.env.BGL_PROXY_PATH = config.proxy;
+  process.env.BGL_API_HOST = config.host;
+  if (config.openapi_url !== void 0 && config.openapi_url !== "") {
+    process.env.BGL_OPENAPI_URL = config.openapi_url;
+  }
+}
+
+async function generateWorkspaceConfig(root = process.cwd(), configFile = "bgl.config.ts") {
+  console.log("\n\u{1F527} No bgl.config.ts found. Let's create one!\n");
+  const response = await prompts([
+    {
+      type: "text",
+      name: "projectId",
+      message: "What is your Bagel project ID?",
+      initial: "my-project",
+      validate: (value) => value.length > 0 ? true : "Project ID is required"
+    },
+    {
+      type: "confirm",
+      name: "useCustomHost",
+      message: "Use custom production host?",
+      initial: false
+    },
+    {
+      type: (prev) => prev ? "text" : null,
+      name: "customHost",
+      message: "Enter production host URL:",
+      initial: "https://api.example.com"
+    }
+  ]);
+  if (!response || !response.projectId) {
+    console.log("\n\u274C Config generation cancelled.\n");
+    process.exit(1);
+  }
+  const productionHost = response.useCustomHost === true ? response.customHost : `https://${response.projectId}.bagel.to`;
+  const configContent = `import { defineWorkspace } from '@bagelink/workspace'
+import type { WorkspaceConfig, WorkspaceEnvironment } from '@bagelink/workspace'
+
+const configs: Record<WorkspaceEnvironment, WorkspaceConfig> = {
+	localhost: {
+		host: 'http://localhost:8000',
+		proxy: '/api',
+		openapi_url: 'http://localhost:8000/openapi.json',
+	},
+	development: {
+		host: '${productionHost}',
+		proxy: '/api',
+		openapi_url: '${productionHost}/openapi.json',
+	},
+	production: {
+		host: '${productionHost}',
+		proxy: '/api',
+		openapi_url: '${productionHost}/openapi.json',
+	},
+}
+
+export default defineWorkspace(configs)
+`;
+  const configPath = resolve(root, configFile);
+  writeFileSync(configPath, configContent, "utf-8");
+  console.log(`
+\u2705 Created ${configFile}`);
+  console.log(`   Production host: ${productionHost}`);
+  console.log(`   Local dev host: http://localhost:8000
+`);
+  const setupResponse = await prompts([
+    {
+      type: "confirm",
+      name: "updatePackageJson",
+      message: "Add/update dev scripts in package.json?",
+      initial: true
+    },
+    {
+      type: "confirm",
+      name: "updateViteConfig",
+      message: "Create/update vite.config.ts?",
+      initial: true
+    },
+    {
+      type: "confirm",
+      name: "generateNetlify",
+      message: "Generate netlify.toml for deployment?",
+      initial: true
+    }
+  ]);
+  if (setupResponse.updatePackageJson) {
+    updatePackageJsonScripts(root);
+  }
+  if (setupResponse.updateViteConfig) {
+    updateViteConfig(root);
+  }
+  if (setupResponse.generateNetlify) {
+    const prodConfig = {
+      host: productionHost,
+      proxy: "/api"
+    };
+    writeNetlifyConfig(prodConfig, resolve(root, "netlify.toml"));
+  }
+  console.log("\n\u{1F4A1} You can edit these files to customize your configuration.\n");
+}
+function generateWorkspaceConfigSync(projectId, root = process.cwd(), configFile = "bgl.config.ts", customHost) {
+  const productionHost = customHost ?? `https://${projectId}.bagel.to`;
+  const configContent = `import { defineWorkspace } from '@bagelink/workspace'
+import type { WorkspaceConfig, WorkspaceEnvironment } from '@bagelink/workspace'
+
+const configs: Record<WorkspaceEnvironment, WorkspaceConfig> = {
+	localhost: {
+		host: 'http://localhost:8000',
+		proxy: '/api',
+		openapi_url: 'http://localhost:8000/openapi.json',
+	},
+	development: {
+		host: '${productionHost}',
+		proxy: '/api',
+		openapi_url: '${productionHost}/openapi.json',
+	},
+	production: {
+		host: '${productionHost}',
+		proxy: '/api',
+		openapi_url: '${productionHost}/openapi.json',
+	},
+}
+
+export default defineWorkspace(configs)
+`;
+  const configPath = resolve(root, configFile);
+  writeFileSync(configPath, configContent, "utf-8");
+  console.log(`\u2705 Created ${configPath}`);
+}
+function updatePackageJsonScripts(root) {
+  const packageJsonPath = resolve(root, "package.json");
+  if (!existsSync(packageJsonPath)) {
+    console.log("\u26A0\uFE0F  No package.json found, skipping script update");
+    return;
+  }
+  try {
+    const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+    if (!packageJson.scripts) {
+      packageJson.scripts = {};
+    }
+    const scriptsToAdd = {
+      "dev": "vite",
+      "dev:local": "vite --mode localhost",
+      "build": "vite build",
+      "preview": "vite preview"
+    };
+    let modified = false;
+    for (const [key, value] of Object.entries(scriptsToAdd)) {
+      if (key === "dev" || key === "dev:local") {
+        if (packageJson.scripts[key] !== value) {
+          packageJson.scripts[key] = value;
+          modified = true;
+        }
+      } else {
+        if (!packageJson.scripts[key]) {
+          packageJson.scripts[key] = value;
+          modified = true;
+        }
+      }
+    }
+    if (modified) {
+      writeFileSync(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}
+`, "utf-8");
+      console.log("\u2705 Updated package.json with dev scripts");
+    } else {
+      console.log("\u2139\uFE0F  Scripts already up to date in package.json");
+    }
+  } catch (error) {
+    console.error("\u274C Failed to update package.json:", error);
+  }
+}
+function updateViteConfig(root) {
+  const viteConfigPath = resolve(root, "vite.config.ts");
+  const viteConfigExists = existsSync(viteConfigPath);
+  if (viteConfigExists) {
+    const existingConfig = readFileSync(viteConfigPath, "utf-8");
+    if (existingConfig.includes("@bagelink/workspace")) {
+      console.log("\u2139\uFE0F  vite.config.ts already configured");
+      return;
+    }
+    console.log("\u26A0\uFE0F  vite.config.ts exists. Please manually add the workspace configuration.");
+    console.log("    See: https://github.com/bageldb/bagelink/tree/master/packages/workspace#readme");
+    return;
+  }
+  const viteConfigContent = `import { defineConfig } from 'vite'
+import { createViteProxy } from '@bagelink/workspace'
+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),
+		},
+	}
+})
+`;
+  writeFileSync(viteConfigPath, viteConfigContent, "utf-8");
+  console.log("\u2705 Created vite.config.ts");
+}
+
+async function initWorkspace(root = process.cwd()) {
+  console.log("\n\u{1F680} Creating Bagel workspace...\n");
+  const response = await prompts([
+    {
+      type: "text",
+      name: "workspaceName",
+      message: "Workspace name:",
+      initial: "my-workspace"
+    },
+    {
+      type: "text",
+      name: "projectId",
+      message: "Bagel project ID:",
+      initial: "my-project"
+    },
+    {
+      type: "confirm",
+      name: "createFirstProject",
+      message: "Create first project?",
+      initial: true
+    },
+    {
+      type: (prev) => prev ? "text" : null,
+      name: "firstProjectName",
+      message: "First project name:",
+      initial: "web"
+    }
+  ]);
+  if (!response || !response.workspaceName) {
+    console.log("\n\u274C Workspace creation cancelled.\n");
+    process.exit(1);
+  }
+  const { workspaceName, projectId, createFirstProject, firstProjectName } = response;
+  createWorkspaceRoot(root, workspaceName, projectId);
+  createSharedPackage(root);
+  if (createFirstProject && firstProjectName) {
+    await addProject(firstProjectName, root);
+  }
+  console.log("\n\u2705 Workspace created successfully!");
+  console.log("\nNext steps:");
+  console.log(`  cd ${workspaceName}`);
+  console.log("  bun install");
+  if (createFirstProject) {
+    console.log(`  bun run dev:${firstProjectName}`);
+  } else {
+    console.log("  bgl add <project-name>  # Add a project");
+  }
+  console.log("");
+}
+function createWorkspaceRoot(root, name, projectId) {
+  const workspaceDir = resolve(root, name);
+  if (existsSync(workspaceDir)) {
+    console.error(`\u274C Directory ${name} already exists`);
+    process.exit(1);
+  }
+  mkdirSync(workspaceDir, { recursive: true });
+  const packageJson = {
+    name,
+    private: true,
+    workspaces: ["*", "!node_modules"],
+    scripts: {
+      dev: "bun run --filter './[!shared]*' dev",
+      build: "bun run --filter './[!shared]*' build",
+      typecheck: "tsc --noEmit"
+    },
+    devDependencies: {
+      "@bagelink/workspace": "latest",
+      typescript: "^5.0.0",
+      vite: "latest"
+    }
+  };
+  writeFileSync(
+    resolve(workspaceDir, "package.json"),
+    `${JSON.stringify(packageJson, null, 2)}
+`
+  );
+  const bglConfig = `import { defineWorkspace } from '@bagelink/workspace'
+
+export default defineWorkspace({
+	localhost: {
+		host: 'http://localhost:8000',
+		proxy: '/api',
+		openapi_url: 'http://localhost:8000/openapi.json',
+	},
+	development: {
+		host: 'https://${projectId}.bagel.to',
+		proxy: '/api',
+		openapi_url: 'https://${projectId}.bagel.to/openapi.json',
+	},
+	production: {
+		host: 'https://${projectId}.bagel.to',
+		proxy: '/api',
+		openapi_url: 'https://${projectId}.bagel.to/openapi.json',
+	},
+})
+`;
+  writeFileSync(resolve(workspaceDir, "bgl.config.ts"), bglConfig);
+  const tsConfig = {
+    compilerOptions: {
+      target: "ES2020",
+      useDefineForClassFields: true,
+      module: "ESNext",
+      lib: ["ES2020", "DOM", "DOM.Iterable"],
+      skipLibCheck: true,
+      moduleResolution: "bundler",
+      allowImportingTsExtensions: true,
+      resolveJsonModule: true,
+      isolatedModules: true,
+      noEmit: true,
+      jsx: "preserve",
+      strict: true,
+      noUnusedLocals: true,
+      noUnusedParameters: true,
+      noFallthroughCasesInSwitch: true,
+      baseUrl: ".",
+      paths: {
+        "shared/*": ["./shared/*"]
+      }
+    }
+  };
+  writeFileSync(
+    resolve(workspaceDir, "tsconfig.json"),
+    `${JSON.stringify(tsConfig, null, 2)}
+`
+  );
+  const gitignore = `node_modules
+dist
+.DS_Store
+*.local
+.env.local
+.vite
+`;
+  writeFileSync(resolve(workspaceDir, ".gitignore"), gitignore);
+  console.log(`\u2705 Created workspace: ${name}`);
+}
+function createSharedPackage(root) {
+  const sharedDir = resolve(root, "shared");
+  mkdirSync(sharedDir, { recursive: true });
+  const packageJson = {
+    name: "shared",
+    version: "1.0.0",
+    type: "module",
+    exports: {
+      ".": "./index.ts",
+      "./utils": "./utils/index.ts",
+      "./types": "./types/index.ts"
+    }
+  };
+  writeFileSync(
+    resolve(sharedDir, "package.json"),
+    `${JSON.stringify(packageJson, null, 2)}
+`
+  );
+  writeFileSync(
+    resolve(sharedDir, "index.ts"),
+    "// Shared utilities and exports\nexport * from './utils'\n"
+  );
+  mkdirSync(resolve(sharedDir, "utils"), { recursive: true });
+  writeFileSync(
+    resolve(sharedDir, "utils", "index.ts"),
+    "// Shared utility functions\nexport function formatDate(date: Date): string {\n  return date.toISOString()\n}\n"
+  );
+  mkdirSync(resolve(sharedDir, "types"), { recursive: true });
+  writeFileSync(
+    resolve(sharedDir, "types", "index.ts"),
+    "// Shared types\nexport interface User {\n  id: string\n  name: string\n}\n"
+  );
+  console.log("\u2705 Created shared package");
+}
+async function addProject(name, root = process.cwd()) {
+  const projectDir = resolve(root, name);
+  if (existsSync(projectDir)) {
+    console.error(`\u274C Project ${name} already exists`);
+    process.exit(1);
+  }
+  console.log(`
+\u{1F4E6} Creating project: ${name}
+`);
+  mkdirSync(projectDir, { recursive: true });
+  const isWorkspace = existsSync(resolve(root, "bgl.config.ts"));
+  const packageJson = {
+    name,
+    type: "module",
+    scripts: {
+      dev: "vite",
+      build: "vite build",
+      preview: "vite preview"
+    },
+    dependencies: {},
+    devDependencies: {
+      "@vitejs/plugin-vue": "latest",
+      vite: "latest",
+      vue: "latest"
+    }
+  };
+  if (isWorkspace) {
+    packageJson.dependencies.shared = "workspace:*";
+  }
+  writeFileSync(
+    resolve(projectDir, "package.json"),
+    `${JSON.stringify(packageJson, null, 2)}
+`
+  );
+  const bglConfigContent = isWorkspace ? `import { defineWorkspace } from '@bagelink/workspace'
+import rootWorkspace from '../bgl.config'
+
+export default defineWorkspace({
+	localhost: rootWorkspace('localhost'),
+	development: rootWorkspace('development'),
+	production: rootWorkspace('production'),
+})
+` : `import { defineWorkspace } from '@bagelink/workspace'
+
+export default defineWorkspace({
+	localhost: {
+		host: 'http://localhost:8000',
+		proxy: '/api',
+	},
+	development: {
+		host: 'https://my-project.bagel.to',
+		proxy: '/api',
+	},
+	production: {
+		host: 'https://my-project.bagel.to',
+		proxy: '/api',
+	},
+})
+`;
+  writeFileSync(resolve(projectDir, "bgl.config.ts"), bglConfigContent);
+  const viteConfig = `import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { createViteProxy } from '@bagelink/workspace'
+import workspace from './bgl.config'
+
+export default defineConfig(({ mode }) => {
+	const config = workspace(mode as 'localhost' | 'development' | 'production')
+
+	return {
+		plugins: [vue()],
+		server: {
+			proxy: createViteProxy(config),
+		},
+	}
+})
+`;
+  writeFileSync(resolve(projectDir, "vite.config.ts"), viteConfig);
+  const srcDir = resolve(projectDir, "src");
+  mkdirSync(srcDir, { recursive: true });
+  const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>${name}</title>
+</head>
+<body>
+	<div id="app"></div>
+	<script type="module" src="/src/main.ts"><\/script>
+</body>
+</html>
+`;
+  writeFileSync(resolve(projectDir, "index.html"), indexHtml);
+  const mainTs = `import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
+`;
+  writeFileSync(resolve(srcDir, "main.ts"), mainTs);
+  const appVue = `<script setup lang="ts">
+import { ref } from 'vue'
+${isWorkspace ? "import { formatDate } from 'shared/utils'\n" : ""}
+const count = ref(0)
+<\/script>
+
+<template>
+	<div>
+		<h1>${name}</h1>
+		<button @click="count++">Count: {{ count }}</button>
+		${isWorkspace ? "<p>{{ formatDate(new Date()) }}</p>" : ""}
+	</div>
+</template>
+`;
+  writeFileSync(resolve(srcDir, "App.vue"), appVue);
+  console.log(`\u2705 Created project: ${name}`);
+  if (isWorkspace) {
+    updateWorkspaceScripts(root, name);
+  }
+  console.log("\nNext steps:");
+  console.log(`  cd ${name}`);
+  console.log("  bun install");
+  console.log("  bun run dev");
+  console.log("");
+}
+function updateWorkspaceScripts(root, projectName) {
+  const packageJsonPath = resolve(root, "package.json");
+  if (!existsSync(packageJsonPath)) return;
+  try {
+    const packageJson = JSON.parse(
+      require("fs").readFileSync(packageJsonPath, "utf-8")
+    );
+    if (!packageJson.scripts) {
+      packageJson.scripts = {};
+    }
+    packageJson.scripts[`dev:${projectName}`] = `bun --filter ${projectName} dev`;
+    packageJson.scripts[`build:${projectName}`] = `bun --filter ${projectName} build`;
+    writeFileSync(
+      packageJsonPath,
+      `${JSON.stringify(packageJson, null, 2)}
+`
+    );
+    console.log(`\u2705 Added scripts: dev:${projectName}, build:${projectName}`);
+  } catch (error) {
+    console.warn("\u26A0\uFE0F  Could not update workspace scripts");
+  }
+}
+function listProjects(root = process.cwd()) {
+  try {
+    const items = readdirSync(root, { withFileTypes: true });
+    return items.filter(
+      (item) => item.isDirectory() && item.name !== "node_modules" && item.name !== "shared" && item.name !== ".git" && !item.name.startsWith(".")
+    ).map((item) => item.name);
+  } catch {
+    return [];
+  }
+}
+
+export { generateNetlifyConfig as a, generateNetlifyRedirect as b, generateWorkspaceConfigSync as c, addProject as d, generateWorkspaceConfig as g, initWorkspace as i, listProjects as l, setBuildEnvVars as s, writeNetlifyConfig as w };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/workspace",
   "type": "module",
-  "version": "1.7.3",
+  "version": "1.8.0",
   "description": "Monorepo workspace tooling for Bagel projects with proxy and config management",
   "author": {
     "name": "Bagel Studio",

package/src/index.ts

@@ -34,6 +34,8 @@ export {
 	writeNetlifyConfig,
 }
 
+export { addProject, initWorkspace, listProjects } from './workspace'
+
 /**
  * Define workspace configuration
  * Simple helper to get config from a config map

package/src/init.ts

@@ -1,7 +1,9 @@
+import type { WorkspaceConfig } from './types'
 import { existsSync, readFileSync, writeFileSync } from 'node:fs'
 import { resolve } from 'node:path'
 import process from 'node:process'
 import prompts from 'prompts'
+import { writeNetlifyConfig } from './netlify'
 
 /**
  * Generate bgl.config.ts file interactively
@@ -75,12 +77,12 @@ export default defineWorkspace(configs)
 	console.log(`   Production host: ${productionHost}`)
 	console.log(`   Local dev host: http://localhost:8000\n`)
 
-	// Ask if they want to update package.json and vite.config
+	// Ask if they want to update package.json, vite.config, and netlify.toml
 	const setupResponse = await prompts([
 		{
 			type: 'confirm',
 			name: 'updatePackageJson',
-			message: 'Add dev scripts to package.json?',
+			message: 'Add/update dev scripts in package.json?',
 			initial: true,
 		},
 		{
@@ -89,6 +91,12 @@ export default defineWorkspace(configs)
 			message: 'Create/update vite.config.ts?',
 			initial: true,
 		},
+		{
+			type: 'confirm',
+			name: 'generateNetlify',
+			message: 'Generate netlify.toml for deployment?',
+			initial: true,
+		},
 	])
 
 	if (setupResponse.updatePackageJson) {
@@ -99,6 +107,14 @@ export default defineWorkspace(configs)
 		updateViteConfig(root)
 	}
 
+	if (setupResponse.generateNetlify) {
+		const prodConfig: WorkspaceConfig = {
+			host: productionHost,
+			proxy: '/api',
+		}
+		writeNetlifyConfig(prodConfig, resolve(root, 'netlify.toml'))
+	}
+
 	console.log('\n💡 You can edit these files to customize your configuration.\n')
 }
 
@@ -160,7 +176,7 @@ function updatePackageJsonScripts(root: string): void {
 			packageJson.scripts = {}
 		}
 
-		// Add scripts if they don't exist
+		// Add/overwrite dev scripts
 		const scriptsToAdd = {
 			'dev': 'vite',
 			'dev:local': 'vite --mode localhost',
@@ -168,20 +184,31 @@ function updatePackageJsonScripts(root: string): void {
 			'preview': 'vite preview',
 		}
 
-		let added = false
+		// Always overwrite dev and dev:local, preserve others if they exist
+		let modified = false
 		for (const [key, value] of Object.entries(scriptsToAdd)) {
-			if (!packageJson.scripts[key]) {
-				packageJson.scripts[key] = value
-				added = true
+			if (key === 'dev' || key === 'dev:local') {
+				// Always overwrite these
+				if (packageJson.scripts[key] !== value) {
+					packageJson.scripts[key] = value
+					modified = true
+				}
+			}
+			else {
+				// Only add if doesn't exist
+				if (!packageJson.scripts[key]) {
+					packageJson.scripts[key] = value
+					modified = true
+				}
 			}
 		}
 
-		if (added) {
+		if (modified) {
 			writeFileSync(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}\n`, 'utf-8')
 			console.log('✅ Updated package.json with dev scripts')
 		}
 		else {
-			console.log('ℹ️  Scripts already exist in package.json')
+			console.log('ℹ️  Scripts already up to date in package.json')
 		}
 	}
 	catch (error) {