@tailorkit/react 0.1.0-beta.18 → 0.1.0-beta.19

package/dist/preview-manager.d.ts

@@ -3,7 +3,7 @@ export interface PreviewSnapshot {
     revision: number;
     source: string | null;
 }
-export declare function createPreviewManager(baseUrl: URL, onEnded: () => void): {
+export declare function createPreviewManager(baseUrl: URL, onEnded: () => void, onViews?: (appId: string, views: NonNullable<TailorKitApp["views"]>) => void): {
     getSnapshot: (sessionId: string) => PreviewSnapshot;
     updateApp: (app: TailorKitApp) => void;
     subscribe: (app: TailorKitApp, listener: () => void) => (() => void);

package/dist/slot-view.d.ts

@@ -0,0 +1,22 @@
+import type { ActiveView } from "@tailorkit/core/views";
+import type { TailorKitSchemaSpecType } from "@tailorkit/core/spec";
+import type { TailorKitApp } from "./tailorkit";
+/** Select the supported view without reading or composing its context. */
+export declare function selectSlotView(views: NonNullable<TailorKitApp["views"]>, slot: string, activePath: string, schema: TailorKitSchemaSpecType): {
+    slot: string;
+    path: string;
+    instances?: true;
+    disabled?: true;
+} | null;
+/** Match the same path and compose the same ancestor context as the sandbox renderer. */
+export declare function resolveSlotView(views: NonNullable<TailorKitApp["views"]>, slot: string, activeView: ActiveView, schema: TailorKitSchemaSpecType): {
+    view: string;
+    status: "ready";
+    context: Record<string, unknown>;
+    instances: boolean;
+} | {
+    view: string;
+    status: "loading" | "error";
+    context?: never;
+    instances: boolean;
+} | null;

package/dist/store.d.ts

@@ -1,7 +1,8 @@
 import type { TailorKitSchemaSpecType } from "@tailorkit/core/spec";
-import type { TailorKitApp } from "./tailorkit";
+import type { TailorKitApp, TailorKitView } from "./tailorkit";
 export interface TailorKitAppsSnapshot {
     apps: TailorKitApp[];
+    views: TailorKitView[];
     error: Error | null;
     status: "error" | "idle" | "loading" | "ready";
 }
@@ -23,13 +24,14 @@ export declare function createTailorKitStore(baseUrlInput: string | URL, initial
     setProvidedApps(apps: TailorKitApp[] | undefined): void;
     fetchApps: (options?: {
         force?: boolean;
-        scopes?: readonly string[];
     }) => Promise<void>;
-    fetchMeta: () => Promise<void>;
-    getAppsSnapshot: (scopes?: readonly string[]) => TailorKitAppsSnapshot;
+    fetchMeta: (options?: {
+        force?: boolean;
+    }) => Promise<void>;
+    getAppsSnapshot: () => TailorKitAppsSnapshot;
     getMetaSnapshot: () => TailorKitMetaSnapshot;
     subscribe: (listener: () => void) => (() => void);
-    subscribeApps: (scopes: readonly string[] | undefined, listener: () => void) => (() => void);
+    subscribeApps: (listener: () => void) => (() => void);
     previews: {
         getSnapshot: (sessionId: string) => import("./preview-manager").PreviewSnapshot;
         updateApp: (app: TailorKitApp) => void;

package/dist/tailorkit.d.ts

@@ -1,8 +1,11 @@
 import type { ReactNode } from "react";
 import type { TailorKitTheme, CallbackMap, ComponentDefinition, ComponentProps, Schema, ViewDefinition, SlotDefinitions, TailorKitSchema } from "@tailorkit/core/schema";
 import type { primitives } from "./primitives";
-import type { UseView, ViewName, ViewOptions } from "./hooks/use-view";
+import type { UseRegisterView } from "./hooks/use-register-view";
 import type { UseAppsOptions, UseAppsResult } from "./hooks/use-apps";
+import type { UseViewsOptions, UseViewsResult } from "./hooks/use-views";
+import type { UseSlotInstancesOptions, UseSlotInstancesResult } from "./hooks/use-slot-instances";
+import type { SlotComponent } from "./components/slot";
 type AnyComponentDefinition = ComponentDefinition<Schema | undefined, CallbackMap, boolean | undefined>;
 type ComponentRenderer<TComponent extends AnyComponentDefinition> = (args: {
     props: ComponentProps<TComponent>;
@@ -17,6 +20,15 @@ type CompleteComponentRenderers<TComponents extends Record<string, AnyComponentD
     [TName in keyof TComponents]-?: ComponentRenderer<TComponents[TName]>;
 };
 export interface TailorKitApp {
+    scope?: {
+        name: string;
+    };
+    views?: {
+        slot: string;
+        path: string;
+        instances?: true;
+        disabled?: true;
+    }[];
     clientPath?: string;
     description?: string;
     id: string;
@@ -36,28 +48,13 @@ export interface TailorKitApp {
         token: string;
     };
 }
-interface AppViewBaseProps {
+export interface TailorKitView {
+    instances?: true;
+    id: string;
     app: TailorKitApp;
-    createIframe?: () => HTMLIFrameElement;
-    fallback?: ReactNode;
+    slot: string;
+    path: string;
 }
-type AppViewViewProps<TViews extends Record<string, ViewDefinition>, TView extends ViewName<TViews> = ViewName<TViews>> = [ViewName<TViews>] extends [never] ? {
-    context?: never;
-    view?: never;
-    status?: never;
-} : {
-    context?: never;
-    view?: never;
-    status?: never;
-} | ViewOptions<TViews, TView>;
-export type AppViewProps<TViews extends Record<string, ViewDefinition> = Record<`/${string}`, ViewDefinition>, TView extends ViewName<TViews> = ViewName<TViews>, TSlots extends SlotDefinitions = SlotDefinitions> = {
-    [V in keyof TSlots & string]: AppViewBaseProps & {
-        slot: V;
-    } & AppViewViewProps<TViews, Extract<TView, SlotView<TSlots, V>>>;
-}[keyof TSlots & string];
-type SlotView<TSlots extends SlotDefinitions, V extends keyof TSlots & string> = TSlots[V] extends {
-    views: readonly (infer P)[];
-} ? Extract<P, string> : never;
 export interface TailorKitClientConfig {
     readonly baseUrl: string | URL;
     readonly components: Record<string, unknown>;
@@ -66,9 +63,11 @@ export interface TailorKitClientConfig {
 export interface TailorKitInstance<TViews extends Record<string, ViewDefinition> = Record<string, ViewDefinition>, TSlots extends SlotDefinitions = SlotDefinitions, TScopeNames extends string = string> extends TailorKitClientConfig {
     readonly $slots?: TSlots;
     readonly $views?: TViews;
-    readonly AppView: (props: AppViewProps<TViews, ViewName<TViews>, TSlots>) => ReactNode;
+    readonly Slot: SlotComponent<TViews, TSlots>;
     readonly useApps: (options?: UseAppsOptions<TScopeNames>) => UseAppsResult;
-    readonly useView: UseView<TViews>;
+    readonly useViews: (options?: UseViewsOptions<TScopeNames, keyof TSlots & string>) => UseViewsResult;
+    readonly useSlotInstances: (options: UseSlotInstancesOptions<keyof TSlots & string>) => UseSlotInstancesResult;
+    readonly useRegisterView: UseRegisterView<TViews>;
 }
 type PrimitiveRenderers = typeof primitives;
 type CustomComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
@@ -107,4 +106,4 @@ export declare function createTailorKitClient<TTailor extends TailorKitServerSha
 }): TailorKitInstance<ServerViews<TTailor>, TTailor extends {
     readonly $slots?: infer V extends SlotDefinitions;
 } ? V : SlotDefinitions, ServerScopeNames<TTailor>>;
-export type { ViewOptions } from "./hooks/use-view";
+export type { ViewOptions } from "./hooks/use-register-view";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.18",
+  "version": "0.1.0-beta.19",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -23,10 +23,10 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.9",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/app": "0.1.0-beta.18",
-    "@tailorkit/client-platform": "0.1.0-beta.18",
-    "@tailorkit/core": "0.1.0-beta.18",
-    "@tailorkit/sandbox": "0.1.0-beta.18"
+    "@tailorkit/app": "0.1.0-beta.19",
+    "@tailorkit/client-platform": "0.1.0-beta.19",
+    "@tailorkit/core": "0.1.0-beta.19",
+    "@tailorkit/sandbox": "0.1.0-beta.19"
   },
   "devDependencies": {
     "@tailorkit/config": "0.0.0",

package/dist/components/app-view.d.ts

@@ -1,3 +0,0 @@
-import type { ReactNode } from "react";
-import type { AppViewProps } from "../tailorkit";
-export declare const AppView: ({ app, slot, createIframe, fallback, ...viewProps }: AppViewProps) => ReactNode;