@tailorkit/react 0.1.0-beta.25 → 0.1.0-beta.26

package/dist/hooks/use-view-context.d.ts

@@ -1,6 +1,6 @@
 import type { ViewDefinition } from "@tailorkit/core/schema";
 import type { ViewName, ViewState } from "@tailorkit/client-core";
-export type { ViewName, ViewContext, ViewOptions, ViewState } from "@tailorkit/client-core";
+export type { ViewName, ViewContext, ViewContextInput, ViewOptions, ViewState, } from "@tailorkit/client-core";
 type DefaultViews = Record<`/${string}`, ViewDefinition>;
 export type UseViewContext<TViews extends Record<string, ViewDefinition>> = <TView extends ViewName<TViews>>(view: TView, options: ViewState<TViews, NoInfer<TView>>) => void;
 export declare function useViewContext<TViews extends Record<string, ViewDefinition> = DefaultViews, TView extends ViewName<TViews> = ViewName<TViews>>(view: TView, options: ViewState<TViews, NoInfer<TView>>): void;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { RenderSlot } from "./components/render-slot";
 export type { ControlledRenderSlotProps, RenderSlotComponent, RenderSlotContext, RenderSlotProps, } from "./components/render-slot";
-export { components, createTailorKitClient } from "./tailorkit";
+export { components, createClient } from "./tailorkit";
 export type { TailorKitApp, TailorKitClientConfig, TailorKitInstance, TailorKitProviderProps, } from "./tailorkit";
 export type { UseAppsOptions, UseAppsResult } from "./hooks/use-apps";
 export type { SlotItem, UseViewsOptions, UseViewsResult } from "./hooks/use-views";

package/dist/index.js

@@ -74,6 +74,7 @@ var RemoteErrorBoundary = class extends Component {
 function RemoteViewHost({
   appUrl,
   sourceText,
+  toolBridge,
   getBackendSession,
   components: components2,
   createIframe,
@@ -89,8 +90,8 @@ function RemoteViewHost({
     store.setProps(props);
   }, [props, store]);
   useEffect(
-    () => store.mount({ appUrl, sourceText, getBackendSession, createIframe }),
-    [appUrl, sourceText, getBackendSession, createIframe, store]
+    () => store.mount({ appUrl, sourceText, toolBridge, getBackendSession, createIframe }),
+    [appUrl, sourceText, toolBridge, getBackendSession, createIframe, store]
   );
   if (snapshot.status === "error" && snapshot.error) {
     return createElement("div", null, formatError(snapshot.error));
@@ -178,6 +179,7 @@ function SlotRenderer(options) {
       {
         appUrl: snapshot.appUrl,
         sourceText: snapshot.sourceText,
+        toolBridge: snapshot.toolBridge,
         getBackendSession: snapshot.getBackendSession,
         components: client.components,
         props: snapshot.props
@@ -191,9 +193,10 @@ function SlotRenderer(options) {
 import {
   createTailorKitClientConfig,
   createComponentRegistry,
-  createTailorKitStore
+  createTailorKitStore,
+  createTailorKitFetchClient
 } from "@tailorkit/client-core";
-import { createElement as createElement2, useEffect as useEffect4, useMemo as useMemo8, useState } from "react";
+import { createElement as createElement2, useEffect as useEffect4, useMemo as useMemo8 } from "react";
 
 // src/hooks/use-view-context.ts
 import { useEffect as useEffect3, useMemo as useMemo4 } from "react";
@@ -254,10 +257,10 @@ function useViews(options) {
 }
 
 // src/tailorkit.tsx
-function components(_schema, customComponents) {
+function components(_contract, customComponents) {
   return customComponents;
 }
-function createTailorKitClient(options) {
+function createClient(options) {
   return createReactTailorKitClient(options);
 }
 function createReactTailorKitClient(options) {
@@ -273,18 +276,37 @@ function createReactTailorKitClient(options) {
     };
   });
   const clientConfig = createTailorKitClientConfig({ ...options, components: wrappedComponents });
+  const subjectClients = /* @__PURE__ */ new Map();
+  subjectClients.set(void 0, clientConfig.fetchClient);
   const client = {
     ...clientConfig,
-    Provider: function TailorKitProvider({ children, apps }) {
-      const [store] = useState(
-        () => createTailorKitStore(client.baseUrl, apps, client.fetchClient)
-      );
+    Provider: function TailorKitProvider({ children, apps, subjectId }) {
+      const store = useMemo8(() => {
+        let fetchClient = subjectClients.get(subjectId);
+        if (!fetchClient) {
+          fetchClient = createTailorKitFetchClient({ ...options });
+          fetchClient.endpoints.setSubject(subjectId);
+          subjectClients.set(subjectId, fetchClient);
+        }
+        return createTailorKitStore({
+          baseUrl: client.baseUrl,
+          contract: client.contract,
+          tools: client.tools,
+          apps,
+          client: fetchClient,
+          assetsBaseUrl: client.assetsBaseUrl
+        });
+      }, [subjectId]);
       useEffect4(() => {
         store.setProvidedApps(apps);
       }, [store, apps]);
       useEffect4(() => () => store.previews.dispose(), [store]);
       const context = useMemo8(() => ({ store, client }), [store]);
-      return createElement2(TailorkitContext.Provider, { value: context }, children);
+      return createElement2(
+        TailorkitContext.Provider,
+        { value: context, key: subjectId ?? "installation" },
+        children
+      );
     },
     RenderSlot: Object.assign(
       function ClientRenderSlot(props) {
@@ -319,6 +341,6 @@ function createReactTailorKitClient(options) {
 export {
   RenderSlot,
   components,
-  createTailorKitClient,
+  createClient,
   primitives
 };

package/dist/remote-view.d.ts

@@ -1,8 +1,10 @@
+import type { ToolBridge } from "@tailorkit/app/client";
 import type { Session } from "@tailorkit/app/client";
 import type { ReactNode } from "react";
 interface RemoteViewHostProps {
     appUrl: string | URL;
     sourceText?: string;
+    toolBridge?: ToolBridge;
     getBackendSession?: (options: {
         refresh: boolean;
     }) => Promise<Session>;
@@ -10,7 +12,7 @@ interface RemoteViewHostProps {
     createIframe?: () => HTMLIFrameElement;
     props?: Record<string, unknown>;
 }
-export declare function RemoteViewHost({ appUrl, sourceText, getBackendSession, components, createIframe, props, }: RemoteViewHostProps): ReactNode;
+export declare function RemoteViewHost({ appUrl, sourceText, toolBridge, getBackendSession, components, createIframe, props, }: RemoteViewHostProps): ReactNode;
 interface RemoteViewProps {
     nodeId: string;
 }

package/dist/tailorkit.d.ts

@@ -1,8 +1,8 @@
-import type { AnyComponentDefinition, ComponentRenderer, ComponentRenderers, CompleteComponentRenderers, TailorKitClientConfig, TailorKitApp, TailorKitServerShape, ServerComponents, ServerViews, ServerSlots, ServerScopeNames, SlotMultiple } from "@tailorkit/client-core";
+import type { AnyComponentDefinition, ComponentRenderer, ComponentRenderers, CompleteComponentRenderers, TailorKitClientConfig, TailorKitApp, SlotMultiple } from "@tailorkit/client-core";
 export type { TailorKitClientConfig } from "@tailorkit/client-core";
 import type { TailorKitCacheOptions } from "@tailorkit/client-core";
 import type { ReactNode } from "react";
-import type { TailorKitTheme, ViewDefinition, SlotDefinitions, TailorKitSchema } from "@tailorkit/core/schema";
+import type { TailorKitTheme, ViewDefinition, SlotDefinitions, TailorKitContract, ToolImplementations } from "@tailorkit/core/schema";
 import type { primitives } from "./primitives";
 import type { UseViewContext } from "./hooks/use-view-context";
 import type { UseAppsOptions, UseAppsResult } from "./hooks/use-apps";
@@ -11,6 +11,8 @@ import type { RenderSlotComponent } from "./components/render-slot";
 export type { TailorKitApp } from "@tailorkit/client-core";
 export interface TailorKitProviderProps {
     apps?: TailorKitApp[];
+    /** Cache partition for the authenticated product principal. */
+    subjectId?: string;
     children?: ReactNode;
 }
 export interface TailorKitInstance<TViews extends Record<string, ViewDefinition> = Record<string, ViewDefinition>, TSlots extends SlotDefinitions = SlotDefinitions, TScopeNames extends string = string> extends TailorKitClientConfig {
@@ -26,12 +28,21 @@ type PrimitiveRenderers = typeof primitives;
 type CustomComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
     [TName in Exclude<keyof TComponents, keyof PrimitiveRenderers>]?: ComponentRenderer<TComponents[TName], ReactNode>;
 };
-export declare function components<TComponents extends Record<string, AnyComponentDefinition>>(_schema: TailorKitSchema<TComponents, Record<string, ViewDefinition>>, customComponents: CustomComponentRenderers<TComponents>): ComponentRenderers<TComponents, ReactNode>;
-export declare function createTailorKitClient<TTailor extends TailorKitServerShape>(options: {
+export declare function components<TComponents extends Record<string, AnyComponentDefinition>>(_contract: {
+    components: TComponents;
+}, customComponents: CustomComponentRenderers<TComponents>): ComponentRenderers<TComponents, ReactNode>;
+export declare function createClient<const TContract extends TailorKitContract>(options: {
+    contract: TContract;
+    tools?: ToolImplementations<NoInfer<TContract["tools"]>, "client">;
     baseUrl: string | URL;
-    components?: CompleteComponentRenderers<ServerComponents<TTailor>, ReactNode>;
+    assetsBaseUrl?: string | URL;
+    components?: CompleteComponentRenderers<NoInfer<TContract["components"]>, ReactNode>;
     theme?: TailorKitTheme;
     cache?: TailorKitCacheOptions;
     fetch?: typeof fetch;
-}): TailorKitInstance<ServerViews<TTailor>, ServerSlots<TTailor>, ServerScopeNames<TTailor>>;
+} & (keyof ToolImplementations<TContract["tools"], "client"> extends never ? {
+    tools?: ToolImplementations<TContract["tools"], "client">;
+} : {
+    tools: ToolImplementations<TContract["tools"], "client">;
+})): TailorKitInstance<TContract["views"], TContract["slots"], keyof TContract["scopes"] & string>;
 export type { ViewOptions } from "./hooks/use-view-context";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.25",
+  "version": "0.1.0-beta.26",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -24,11 +24,11 @@
     "@floating-ui/react-dom": "^2.1.9",
     "@nanostores/react": "2.0.1",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/app": "0.1.0-beta.25",
-    "@tailorkit/client-core": "0.1.0-beta.25",
-    "@tailorkit/client-platform": "0.1.0-beta.25",
-    "@tailorkit/core": "0.1.0-beta.25",
-    "@tailorkit/sandbox": "0.1.0-beta.25",
+    "@tailorkit/app": "0.1.0-beta.26",
+    "@tailorkit/client-core": "0.1.0-beta.26",
+    "@tailorkit/client-platform": "0.1.0-beta.26",
+    "@tailorkit/core": "0.1.0-beta.26",
+    "@tailorkit/sandbox": "0.1.0-beta.26",
     "nanostores": "1.5.4"
   },
   "devDependencies": {