@easybits.cloud/html-tailwind-generator 0.1.2 → 0.1.4

package/README.md

@@ -32,6 +32,8 @@ All API keys can be set via environment variables instead of passing them explic
 
 **Priority**: If both `OPENAI_API_KEY` and `ANTHROPIC_API_KEY` are set, OpenAI takes precedence. To force Anthropic, pass `anthropicApiKey` explicitly and omit `openaiApiKey`.
 
+**Planned**: Mix providers — use Anthropic for text generation + DALL-E for images (best of both). This is on the roadmap; [open an issue](https://github.com/blissito/easybits/issues) to bump priority.
+
 ## Quick Start
 
 ### Generate a landing page (server-side)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easybits.cloud/html-tailwind-generator",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "AI-powered landing page generator with Tailwind CSS — canvas editor, streaming generation, and one-click deploy",
   "license": "PolyForm-Noncommercial-1.0.0",
   "type": "module",

package/src/generate.ts

@@ -6,10 +6,10 @@ import { searchImage } from "./images/pexels";
 import { generateImage } from "./images/dalleImages";
 import type { Section3 } from "./types";
 
-function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {
+async function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {
   const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;
   if (openaiKey) {
-    const { createOpenAI } = require("@ai-sdk/openai");
+    const { createOpenAI } = await import("@ai-sdk/openai");
     const openai = createOpenAI({ apiKey: openaiKey });
     return openai(opts.modelId || opts.defaultOpenai);
   }
@@ -172,7 +172,7 @@ export async function generateLanding(options: GenerateOptions): Promise<Section
   } = options;
 
   const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;
-  const model = resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai: "gpt-4o", defaultAnthropic: "claude-sonnet-4-6" });
+  const model = await resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai: "gpt-4o", defaultAnthropic: "claude-sonnet-4-6" });
 
   // Build prompt content (supports multimodal with reference image)
   const extra = extraInstructions ? `\nAdditional instructions: ${extraInstructions}` : "";

package/src/refine.ts

@@ -2,10 +2,10 @@ import { streamText } from "ai";
 import { createAnthropic } from "@ai-sdk/anthropic";
 import { enrichImages } from "./images/enrichImages";
 
-function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {
+async function resolveModel(opts: { openaiApiKey?: string; anthropicApiKey?: string; modelId?: string; defaultOpenai: string; defaultAnthropic: string }) {
   const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;
   if (openaiKey) {
-    const { createOpenAI } = require("@ai-sdk/openai");
+    const { createOpenAI } = await import("@ai-sdk/openai");
     const openai = createOpenAI({ apiKey: openaiKey });
     return openai(opts.modelId || opts.defaultOpenai);
   }
@@ -83,7 +83,7 @@ export async function refineLanding(options: RefineOptions): Promise<string> {
   const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;
   const defaultOpenai = referenceImage ? "gpt-4o" : "gpt-4o-mini";
   const defaultAnthropic = referenceImage ? "claude-sonnet-4-6" : "claude-haiku-4-5-20251001";
-  const model = resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai, defaultAnthropic });
+  const model = await resolveModel({ openaiApiKey, anthropicApiKey, modelId, defaultOpenai, defaultAnthropic });
 
   // Build content (supports multimodal with reference image)
   const content: any[] = [];