create-libretto 0.6.2 → 0.6.3

package/index.mjs

@@ -29,6 +29,59 @@ const RED = "\x1b[31m";
 const GREEN = "\x1b[32m";
 const CYAN = "\x1b[36m";
 
+// ---------------------------------------------------------------------------
+// Provider → AI SDK package mapping
+// ---------------------------------------------------------------------------
+
+const PROVIDER_SDK_PACKAGES = {
+  openai: "@ai-sdk/openai",
+  anthropic: "@ai-sdk/anthropic",
+  google: "@ai-sdk/google",
+  vertex: "@ai-sdk/google-vertex",
+};
+
+/**
+ * Read `.libretto/config.json` and extract the provider prefix from `ai.model`.
+ * Returns null if config is missing or model is not recognized.
+ */
+function detectProviderFromConfig(targetDir) {
+  const configPath = join(targetDir, ".libretto", "config.json");
+  if (!existsSync(configPath)) return null;
+
+  try {
+    const config = JSON.parse(readFileSync(configPath, "utf-8"));
+    const model = config?.ai?.model;
+    if (typeof model !== "string") return null;
+
+    const provider = model.split("/")[0];
+    if (provider in PROVIDER_SDK_PACKAGES) return provider;
+    return null;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Read the peer-dependency version range for the SDK package from the
+ * installed libretto package.json. Falls back to "latest" if not found.
+ */
+function resolveSdkVersionSpec(targetDir, sdkPackage) {
+  try {
+    const librettoPkgPath = join(
+      targetDir,
+      "node_modules",
+      "libretto",
+      "package.json",
+    );
+    const librettoPkg = JSON.parse(readFileSync(librettoPkgPath, "utf-8"));
+    const range = librettoPkg.peerDependencies?.[sdkPackage];
+    if (range) return `${sdkPackage}@${range}`;
+  } catch {
+    // fall through
+  }
+  return sdkPackage;
+}
+
 // ---------------------------------------------------------------------------
 // Package manager detection
 // ---------------------------------------------------------------------------
@@ -71,6 +124,20 @@ function installCommand(pkgManager) {
   }
 }
 
+/** Return the command for adding a specific package (e.g. `npm install <pkg>`). */
+function addCommand(pkgManager) {
+  switch (pkgManager) {
+    case "yarn":
+      return "yarn add";
+    case "bun":
+      return "bun add";
+    case "pnpm":
+      return "pnpm add";
+    default:
+      return "npm install";
+  }
+}
+
 /** Return the run command for scripts (used in next-steps messaging). */
 function runCommand(pkgManager) {
   switch (pkgManager) {
@@ -320,6 +387,29 @@ export async function scaffoldProject(
       console.error(`\nFailed to run libretto setup.`);
       process.exit(1);
     }
+
+    // 6. Install the AI SDK package for the selected provider
+    const provider = detectProviderFromConfig(targetDir);
+    if (provider) {
+      const sdkPackage = PROVIDER_SDK_PACKAGES[provider];
+      const spec = resolveSdkVersionSpec(targetDir, sdkPackage);
+      const add = addCommand(pkgManager);
+      console.log(`\nInstalling ${spec}...`);
+      const sdkSpinner = createSpinner(`Installing ${sdkPackage}...`);
+      const sdkResult = await runInstallAsync(
+        `${add} ${spec}`,
+        targetDir,
+      );
+      sdkSpinner.stop();
+
+      if (sdkResult.status !== 0) {
+        console.error(
+          `\nFailed to install ${sdkPackage}. Install it manually: ${add} ${spec}`,
+        );
+      } else {
+        console.log(`${GREEN}✓${RESET} Installed ${sdkPackage}`);
+      }
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-libretto",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "Create and set up a Libretto project",
   "license": "MIT",
   "repository": {

package/template/README.md

@@ -2,9 +2,9 @@
 
 Browser automations built with [Libretto](https://libretto.sh).
 
-## Development
+## Quick Start
 
-Start exploring a page interactively:
+Open a page interactively to inspect and prototype:
 
 ```bash
 {{runCommand}} libretto open https://example.com --headed
@@ -16,8 +16,14 @@ Run a workflow:
 {{runCommand}} libretto run src/workflows/star-repo.ts
 ```
 
-## Learn more
+## Agent Skills
 
-- [Libretto docs](https://libretto.sh)
-- [CLI reference](https://libretto.sh/cli-reference/open-and-connect)
-- [Workflow API](https://libretto.sh/library-api/workflow)
+Libretto ships with agent skills that let AI coding assistants (Claude Code, Codex, etc.) build and maintain workflows for you. After running `libretto setup`, the skill files are installed at the root of your project in `.agents/skills/` and `.claude/skills/`. These root-level skill directories are what your AI assistant reads to understand how to use Libretto.
+
+## Links
+
+- [Website](https://libretto.sh)
+- [Documentation](https://libretto.sh/get-started/introduction)
+- [CLI Reference](https://libretto.sh/cli-reference/open-and-connect)
+- [Library API Reference](https://libretto.sh/library-api/workflow)
+- [GitHub](https://github.com/saffron-health/libretto)

package/template/src/index.ts

@@ -1 +1 @@
-export { starRepo } from "./workflows/star-repo.js";
+export { default as starRepo } from "./workflows/star-repo.js";

package/template/src/shared/utils.ts

@@ -1,3 +1,6 @@
+// This is example utility code generated by create-libretto.
+// Feel free to modify or delete it entirely.
+
 export function log(message: string): void {
   console.log(`[libretto] ${message}`);
 }

package/template/src/workflows/star-repo.ts

@@ -1,9 +1,20 @@
+// This is an example workflow generated by create-libretto.
+// Feel free to modify or delete it entirely and create your own workflows.
+
 import { workflow } from "libretto";
 import { log } from "../shared/utils.js";
 
-export const starRepo = workflow("star-repo", async ({ page }) => {
+export default workflow("star-repo", async ({ page }) => {
   log("Navigating to Libretto repo...");
   await page.goto("https://github.com/saffron-health/libretto");
-  await page.locator('button:has-text("Star")').click();
-  log("Starred the repo!");
+
+  const description = await page
+    .locator('meta[name="description"]')
+    .getAttribute("content");
+  log(`Repo description: ${description}`);
+
+  const stars = await page.locator("#repo-stars-counter-star").textContent();
+  log(`Stars: ${stars?.trim()}`);
+
+  log("Done! Edit this workflow or create your own in src/workflows/.");
 });