@fragno-dev/chatno 0.0.16 → 0.0.18

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @fragno-dev/chatno
 
+## 0.0.18
+
+### Patch Changes
+
+- Updated dependencies [aabd6d2]
+  - @fragno-dev/core@0.1.10
+
+## 0.0.17
+
+### Patch Changes
+
+- 5ea24d2: refactor: improve Fragment builder and instatiator
+- Updated dependencies [e848208]
+- Updated dependencies [7276378]
+- Updated dependencies [5ea24d2]
+- Updated dependencies [f22c503]
+  - @fragno-dev/core@0.1.9
+
 ## 0.0.16
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragno-dev/chatno",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "exports": {
     ".": {
       "development": {
@@ -58,7 +58,7 @@
     "nanostores": "^1.0.1",
     "openai": "^5.20.0",
     "zod": "^4.0.5",
-    "@fragno-dev/core": "0.1.8"
+    "@fragno-dev/core": "0.1.10"
   },
   "peerDependencies": {
     "typescript": "^5.9.3",
@@ -70,8 +70,15 @@
   "devDependencies": {
     "@types/node": "^22",
     "@fragno-private/typescript-config": "0.0.1",
-    "@fragno-dev/unplugin-fragno": "0.0.3"
+    "@fragno-dev/unplugin-fragno": "0.0.6"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rejot-dev/fragno.git",
+    "directory": "example-fragments/chatno"
+  },
+  "homepage": "https://fragno.dev",
+  "license": "MIT",
   "scripts": {
     "build": "tsdown",
     "build:watch": "tsdown --watch",

package/src/client/react.ts

@@ -1,6 +1,6 @@
 import { useFragno } from "@fragno-dev/core/react";
 import { createChatnoClients } from "..";
-import type { FragnoPublicClientConfig } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
 
 export function createChatnoClient(config: FragnoPublicClientConfig = {}) {
   return useFragno(createChatnoClients(config));

package/src/client/solid.ts

@@ -1,6 +1,6 @@
 import { useFragno } from "@fragno-dev/core/solid";
 import { createChatnoClients } from "..";
-import type { FragnoPublicClientConfig } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
 
 export function createChatnoClient(config: FragnoPublicClientConfig = {}) {
   return useFragno(createChatnoClients(config));

package/src/client/svelte.ts

@@ -1,6 +1,6 @@
 import { useFragno } from "@fragno-dev/core/svelte";
 import { createChatnoClients } from "..";
-import type { FragnoPublicClientConfig } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
 
 export function createChatnoClient(config: FragnoPublicClientConfig = {}) {
   return useFragno(createChatnoClients(config));

package/src/client/vanilla.ts

@@ -1,6 +1,6 @@
 import { useFragno } from "@fragno-dev/core/vanilla";
 import { createChatnoClients } from "..";
-import type { FragnoPublicClientConfig } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
 
 export function createChatnoClient(config: FragnoPublicClientConfig = {}) {
   return useFragno(createChatnoClients(config));

package/src/client/vue.ts

@@ -1,6 +1,6 @@
 import { useFragno } from "@fragno-dev/core/vue";
 import { createChatnoClients } from "..";
-import type { FragnoPublicClientConfig } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
 
 export function createChatnoClient(config: FragnoPublicClientConfig = {}) {
   return useFragno(createChatnoClients(config));

package/src/index.test.ts

@@ -1,34 +1,21 @@
 import { describe, it, expect, assert } from "vitest";
 import { createFragmentForTest } from "@fragno-dev/core/test";
-import { chatnoDefinition, healthRoute, simpleStreamRoute } from "./index";
-import { chatRouteFactory } from "./server/chatno-api";
+import { chatnoDefinition, routes } from "./index";
 
 describe("chatno", () => {
-  const routes = [chatRouteFactory, healthRoute, simpleStreamRoute] as const;
   const fragment = createFragmentForTest(chatnoDefinition, routes, {
     config: {
       openaiApiKey: "test-key",
     },
   });
 
-  // Test with just healthRoute
-  const fragmentJustHealth = createFragmentForTest(chatnoDefinition, [healthRoute] as const, {
+  // Test with just the factory (which includes both health and simple-stream routes)
+  const fragmentJustFactory = createFragmentForTest(chatnoDefinition, [routes[1]!] as const, {
     config: {
       openaiApiKey: "test-key",
     },
   });
 
-  // Test with just a factory
-  const fragmentJustFactory = createFragmentForTest(
-    chatnoDefinition,
-    [simpleStreamRoute] as const,
-    {
-      config: {
-        openaiApiKey: "test-key",
-      },
-    },
-  );
-
   it("services - should return OpenAI URL from getOpenAIURL service", () => {
     const openaiURL = fragment.services.getOpenAIURL();
 
@@ -82,18 +69,31 @@ describe("chatno", () => {
     expect(response.data).toEqual({ status: "ok" });
   });
 
-  it("routes - should test health route with simple fragment", async () => {
-    const response = await fragmentJustHealth.callRoute("GET", "/health");
+  it("routes - should test simple stream with factory fragment", async () => {
+    const response = await fragmentJustFactory.callRoute("GET", "/simple-stream");
 
-    assert(response.type === "json");
+    assert(response.type === "jsonStream");
     expect(response.status).toBe(200);
-    expect(response.data).toEqual({ status: "ok" });
+    const data = await Array.fromAsync(response.stream);
+    expect(data).toEqual([
+      { message: "Item 1" },
+      { message: "Item 2" },
+      { message: "Item 3" },
+      { message: "Item 4" },
+      { message: "Item 5" },
+      { message: "Item 6" },
+      { message: "Item 7" },
+      { message: "Item 8" },
+      { message: "Item 9" },
+      { message: "Item 10" },
+    ]);
   });
 
-  it("routes - should test simple stream with factory fragment", async () => {
-    const response = await fragmentJustFactory.callRoute("GET", "/simple-stream");
+  it("routes - should test health route with factory fragment", async () => {
+    const response = await fragmentJustFactory.callRoute("GET", "/health");
 
-    assert(response.type === "jsonStream");
+    assert(response.type === "json");
     expect(response.status).toBe(200);
+    expect(response.data).toEqual({ status: "ok" });
   });
 });

package/src/index.ts

@@ -1,14 +1,13 @@
 import {
   defineFragment,
-  defineRoute,
-  createFragment,
-  type FragnoPublicClientConfig,
-  type FragnoPublicConfig,
+  instantiate,
   defineRoutes,
+  type FragnoPublicConfig,
 } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
+import { createClientBuilder } from "@fragno-dev/core/client";
 import OpenAI from "openai";
 import { z } from "zod";
-import { createClientBuilder } from "@fragno-dev/core/client";
 import { chatRouteFactory } from "./server/chatno-api";
 import { computed } from "nanostores";
 
@@ -18,23 +17,6 @@ export interface ChatnoServerConfig {
   systemPrompt?: string;
 }
 
-const healthRoute = defineRoute({
-  method: "GET",
-  path: "/health",
-  outputSchema: z.object({
-    status: z.literal("ok"),
-  }),
-  handler: async (_ctx, { json }) => {
-    return json({ status: "ok" });
-  },
-});
-
-const DEFAULT_SYSTEM_PROMPT = `You are an AI assistant integrated into a dashboard.`;
-
-interface SimpleStreamService {
-  generateStreamMessages: () => AsyncGenerator<{ message: string }>;
-}
-
 export const chatnoDefinition = defineFragment<ChatnoServerConfig>("chatno")
   .withDependencies(({ config }) => {
     return {
@@ -43,8 +25,8 @@ export const chatnoDefinition = defineFragment<ChatnoServerConfig>("chatno")
       }),
     };
   })
-  .providesService(({ deps, defineService }) => {
-    return defineService({
+  .providesBaseService(({ deps }) => {
+    return {
       getOpenAIURL: () => deps.openaiClient.baseURL,
       generateStreamMessages: async function* () {
         for (let i = 0; i < 10; i++) {
@@ -52,12 +34,23 @@ export const chatnoDefinition = defineFragment<ChatnoServerConfig>("chatno")
           yield { message: `Item ${i + 1}` };
         }
       },
-    });
-  });
+    };
+  })
+  .build();
 
-const simpleStreamRoute = defineRoutes<ChatnoServerConfig, {}, SimpleStreamService>().create(
-  ({ services }) => {
+const healthAndStreamRoutesFactory = defineRoutes(chatnoDefinition).create(
+  ({ defineRoute, services }) => {
     return [
+      defineRoute({
+        method: "GET",
+        path: "/health",
+        outputSchema: z.object({
+          status: z.literal("ok"),
+        }),
+        handler: async (_ctx, { json }) => {
+          return json({ status: "ok" });
+        },
+      }),
       defineRoute({
         method: "GET",
         path: "/simple-stream",
@@ -78,20 +71,18 @@ const simpleStreamRoute = defineRoutes<ChatnoServerConfig, {}, SimpleStreamServi
   },
 );
 
-export { healthRoute, simpleStreamRoute };
-export const routes = [chatRouteFactory, healthRoute, simpleStreamRoute] as const;
+export const routes = [chatRouteFactory, healthAndStreamRoutesFactory] as const;
 
 // Server-side factory
 export function createChatno(
   chatnoConfig: ChatnoServerConfig,
   fragnoConfig: FragnoPublicConfig = {},
 ) {
-  const config = {
-    model: chatnoConfig.model ?? "gpt-5-nano",
-    systemPrompt: chatnoConfig.systemPrompt ?? DEFAULT_SYSTEM_PROMPT,
-  };
-
-  return createFragment(chatnoDefinition, { ...chatnoConfig, ...config }, routes, fragnoConfig);
+  return instantiate(chatnoDefinition)
+    .withConfig(chatnoConfig)
+    .withRoutes(routes)
+    .withOptions(fragnoConfig)
+    .build();
 }
 
 // Generic client-side factory

package/src/server/chatno-api.ts

@@ -1,11 +1,11 @@
-import OpenAI from "openai";
 import { z } from "zod";
 import type {
   EasyInputMessage,
   ResponseFunctionToolCall,
   ResponseInputItem,
 } from "openai/resources/responses/responses.mjs";
-import { defineRoute, defineRoutes } from "@fragno-dev/core";
+import type { chatnoDefinition } from "../index";
+import { defineRoutes } from "@fragno-dev/core";
 
 export const ChatMessageSchema = z.object({
   type: z.literal("chat"),
@@ -64,19 +64,13 @@ export const ResponseEventSchema = z.discriminatedUnion("type", [
   ResponseTextDoneEventSchema,
 ]);
 
-type ChatRouteConfig = {
-  model: "gpt-5-mini" | "4o-mini";
-  systemPrompt: string;
-};
+const DEFAULT_SYSTEM_PROMPT = `You are an AI assistant integrated into a dashboard.`;
 
-type ChatRouteDeps = {
-  openaiClient: OpenAI;
-};
-
-export const chatRouteFactory = defineRoutes<ChatRouteConfig, ChatRouteDeps>().create(
-  ({ config, deps }) => {
+// Export function to create the chat route factory with the definition
+export const chatRouteFactory = defineRoutes<typeof chatnoDefinition>().create(
+  ({ config, deps, defineRoute }) => {
     const { openaiClient } = deps;
-    const { model, systemPrompt } = config;
+    const { model = "gpt-5-nano", systemPrompt = DEFAULT_SYSTEM_PROMPT } = config;
 
     return [
       defineRoute({