@fragno-dev/example-fragment 0.0.16 → 0.0.18

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @fragno-dev/example-fragment
 
+## 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/example-fragment",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "exports": {
     ".": {
       "development": {
@@ -58,7 +58,7 @@
   "type": "module",
   "dependencies": {
     "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/example-fragment"
+  },
+  "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 { createExampleFragmentClients } from "..";
-import type { FragnoPublicClientConfig } from "@fragno-dev/core";
+import type { FragnoPublicClientConfig } from "@fragno-dev/core/client";
 
 export function createExampleFragmentClient(config: FragnoPublicClientConfig = {}) {
   return useFragno(createExampleFragmentClients(config));

package/src/client/solid.ts

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

package/src/client/svelte.ts

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

package/src/client/vanilla.ts

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

package/src/client/vue.ts

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

package/src/index.ts

@@ -1,12 +1,6 @@
-import {
-  defineFragment,
-  defineRoute,
-  defineRoutes,
-  createFragment,
-  type FragnoPublicClientConfig,
-  type FragnoPublicConfig,
-} from "@fragno-dev/core";
-import { createClientBuilder } from "@fragno-dev/core/client";
+import { defineFragment, instantiate, type FragnoPublicConfig } from "@fragno-dev/core";
+import { defineRoutes } from "@fragno-dev/core/route";
+import { createClientBuilder, type FragnoPublicClientConfig } from "@fragno-dev/core/client";
 import { z } from "zod";
 
 import { readFile } from "node:fs/promises";
@@ -21,10 +15,6 @@ type ExampleRouteConfig = {
   initialData: string;
 };
 
-type ExampleRouteDeps = {
-  serverSideData: { value: string };
-};
-
 const getHashFromHostsFileData = async () => {
   const hostsPath =
     platform() === "win32" ? "C:\\Windows\\System32\\drivers\\etc\\hosts" : "/etc/hosts";
@@ -37,8 +27,22 @@ const getHashFromHostsFileData = async () => {
   }
 };
 
-const exampleRoutesFactory = defineRoutes<ExampleRouteConfig, ExampleRouteDeps>().create(
-  ({ deps }) => {
+const exampleFragmentDefinition = defineFragment<ExampleFragmentServerConfig>("example-fragment")
+  .withDependencies(({ config }) => {
+    return {
+      serverSideData: { value: config.initialData ?? "Hello World! This is a server-side data." },
+    };
+  })
+  .providesBaseService(({ deps }) => {
+    return {
+      getData: () => deps.serverSideData.value,
+      getHashFromHostsFileData,
+    };
+  })
+  .build();
+
+const exampleRoutesFactory = defineRoutes(exampleFragmentDefinition).create(
+  ({ defineRoute, deps }) => {
     const { serverSideData } = deps;
 
     return [
@@ -98,19 +102,6 @@ const exampleRoutesFactory = defineRoutes<ExampleRouteConfig, ExampleRouteDeps>(
   },
 );
 
-const exampleFragmentDefinition = defineFragment<ExampleFragmentServerConfig>("example-fragment")
-  .withDependencies(({ config }) => {
-    return {
-      serverSideData: { value: config.initialData ?? "Hello World! This is a server-side data." },
-    };
-  })
-  .providesService(({ deps }) => {
-    return {
-      getData: () => deps.serverSideData.value,
-      getHashFromHostsFileData,
-    };
-  });
-
 export function createExampleFragment(
   serverConfig: ExampleFragmentServerConfig = {},
   options: FragnoPublicConfig = {},
@@ -119,12 +110,11 @@ export function createExampleFragment(
     initialData: serverConfig.initialData ?? "Hello World! This is a server-side data.",
   };
 
-  return createFragment(
-    exampleFragmentDefinition,
-    { ...serverConfig, ...config },
-    [exampleRoutesFactory],
-    options,
-  );
+  return instantiate(exampleFragmentDefinition)
+    .withConfig(config)
+    .withRoutes([exampleRoutesFactory]) //
+    .withOptions(options)
+    .build();
 }
 
 export function createExampleFragmentClients(fragnoConfig: FragnoPublicClientConfig) {
@@ -136,4 +126,4 @@ export function createExampleFragmentClients(fragnoConfig: FragnoPublicClientCon
     useSampleMutator: b.createMutator("POST", "/sample"),
   };
 }
-export type { FragnoRouteConfig } from "@fragno-dev/core/api";
+export type { FragnoRouteConfig } from "@fragno-dev/core";