From ecc0aadf124feb880d3b0418c2dcbde90c33a183 Mon Sep 17 00:00:00 2001 From: Adir Amsalem Date: Sun, 28 Dec 2025 15:59:40 +0200 Subject: [PATCH] chore: rename to tanstack-ai-adapter --- README.md | 12 ++++----- examples/image-generation.ts | 2 +- examples/video-generation.ts | 2 +- examples/web/package.json | 2 +- examples/web/src/App.tsx | 51 +++++++++++++++++++++++++++++------- package.json | 2 +- pnpm-lock.yaml | 2 +- 7 files changed, 53 insertions(+), 20 deletions(-) diff --git a/README.md b/README.md index 6498b64..5342c2a 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,11 @@ -# @decartai/tanstack-ai +# @decartai/tanstack-ai-adapter Decart adapter for [TanStack AI](https://tanstack.com/ai) - image and video generation. ## Installation ```bash -npm install @decartai/tanstack-ai @tanstack/ai +npm install @decartai/tanstack-ai-adapter @tanstack/ai ``` ## Setup @@ -22,7 +22,7 @@ Or pass it directly when creating adapters. ```typescript import { generateImage } from "@tanstack/ai"; -import { decartImage } from "@decartai/tanstack-ai"; +import { decartImage } from "@decartai/tanstack-ai-adapter"; const result = await generateImage({ adapter: decartImage("lucy-pro-t2i"), @@ -35,7 +35,7 @@ console.log(result.images[0].b64Json); // Base64 image data ### With Explicit API Key ```typescript -import { createDecartImage } from "@decartai/tanstack-ai"; +import { createDecartImage } from "@decartai/tanstack-ai-adapter"; const adapter = createDecartImage("lucy-pro-t2i", "your-api-key"); ``` @@ -47,7 +47,7 @@ Video generation uses an async job/polling pattern. ```typescript import { setTimeout } from "node:timers/promises"; import { generateVideo, getVideoJobStatus } from "@tanstack/ai"; -import { decartVideo } from "@decartai/tanstack-ai"; +import { decartVideo } from "@decartai/tanstack-ai-adapter"; const { jobId } = await generateVideo({ adapter: decartVideo("lucy-pro-t2v"), @@ -95,7 +95,7 @@ console.log("Video ready:", videoUrl); Full TypeScript support with model-specific type safety: ```typescript -import type { DecartImageModel, DecartVideoModel } from "@decartai/tanstack-ai"; +import type { DecartImageModel, DecartVideoModel } from "@decartai/tanstack-ai-adapter"; ``` ## License diff --git a/examples/image-generation.ts b/examples/image-generation.ts index febc225..91586d3 100644 --- a/examples/image-generation.ts +++ b/examples/image-generation.ts @@ -1,6 +1,6 @@ import { mkdirSync, writeFileSync } from "node:fs"; import path from "node:path"; -import { decartImage } from "@decartai/tanstack-ai"; +import { decartImage } from "@decartai/tanstack-ai-adapter"; import { generateImage } from "@tanstack/ai"; console.log("Generating image..."); diff --git a/examples/video-generation.ts b/examples/video-generation.ts index d3fa35a..963263a 100644 --- a/examples/video-generation.ts +++ b/examples/video-generation.ts @@ -1,7 +1,7 @@ import { mkdirSync, writeFileSync } from "node:fs"; import path from "node:path"; import { setTimeout } from "node:timers/promises"; -import { decartVideo } from "@decartai/tanstack-ai"; +import { decartVideo } from "@decartai/tanstack-ai-adapter"; import { generateVideo, getVideoJobStatus } from "@tanstack/ai"; const { jobId } = await generateVideo({ diff --git a/examples/web/package.json b/examples/web/package.json index 97b0926..e01a895 100644 --- a/examples/web/package.json +++ b/examples/web/package.json @@ -9,7 +9,7 @@ "preview": "vite preview" }, "dependencies": { - "@decartai/tanstack-ai": "workspace:*", + "@decartai/tanstack-ai-adapter": "workspace:*", "@tanstack/ai": "^0.2.0", "@tanstack/react-ai-devtools": "^0.1.1", "@tanstack/react-devtools": "^0.9.0", diff --git a/examples/web/src/App.tsx b/examples/web/src/App.tsx index a8e4c13..9c1fab4 100644 --- a/examples/web/src/App.tsx +++ b/examples/web/src/App.tsx @@ -1,11 +1,13 @@ -import { useState } from "react"; +import { createDecartImage } from "@decartai/tanstack-ai-adapter"; import { generateImage } from "@tanstack/ai"; -import { createDecartImage } from "@decartai/tanstack-ai"; -import { TanStackDevtools } from "@tanstack/react-devtools"; import { aiDevtoolsPlugin } from "@tanstack/react-ai-devtools"; +import { TanStackDevtools } from "@tanstack/react-devtools"; +import { useState } from "react"; function App() { - const [apiKey, setApiKey] = useState(localStorage.getItem("DECART_API_KEY") || ""); + const [apiKey, setApiKey] = useState( + localStorage.getItem("DECART_API_KEY") || "" + ); const [prompt, setPrompt] = useState("A beautiful sunset over the ocean"); const [imageUrl, setImageUrl] = useState(null); const [loading, setLoading] = useState(false); @@ -44,11 +46,24 @@ function App() { }; return ( -
+

Decart TanStack AI Demo

-