@tailorkit/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/primitives.d.ts

@@ -2,11 +2,11 @@ import type { CSSProperties, ReactNode } from "react";
 import type { TailorKitTheme } from "@tailorkit/core/schema";
 type PrimitiveProps = Record<string, unknown>;
 interface PrimitiveThemeContextValue {
-    screenId: string;
+    viewId: string;
     theme: TailorKitTheme;
 }
 export declare const PrimitiveThemeContext: import("react").Context<PrimitiveThemeContextValue | null>;
-export declare const buildThemeCss: (screenId: string, theme: TailorKitTheme) => string;
+export declare const buildThemeCss: (viewId: string, theme: TailorKitTheme) => string;
 export declare const primitives: {
     readonly Box: ({ props, children }: {
         props: PrimitiveProps;

package/dist/store.d.ts

@@ -0,0 +1,33 @@
+import type { TailorKitSchemaSpecType } from "@tailorkit/core/spec";
+import type { TailorKitApp } from "./tailor-kit";
+export interface TailorKitAppsSnapshot {
+    apps: TailorKitApp[];
+    error: Error | null;
+    status: "error" | "idle" | "loading" | "ready";
+}
+interface TailorKitMetaSnapshot {
+    assetsBaseUrl: string | null;
+    error: Error | null;
+    schema: TailorKitSchemaSpecType | null;
+    status: "error" | "idle" | "loading" | "ready";
+}
+export type TailorKitStore = ReturnType<typeof createTailorKitStore>;
+export declare function createTailorKitStore(baseUrlInput: string | URL, initialApps?: TailorKitApp[]): {
+    baseUrl: URL;
+    views: {
+        getSnapshot: () => import("@tailorkit/core/views").ActiveView | null;
+        subscribe(listener: () => void): () => void;
+        register(entry: Omit<import("./view-registry").ViewEntry, "order">): void;
+        unregister(id: symbol): void;
+    };
+    setProvidedApps(apps: TailorKitApp[] | undefined): void;
+    fetchApps: (options?: {
+        force?: boolean;
+    }) => Promise<void>;
+    fetchMeta: () => Promise<void>;
+    getAppsSnapshot: () => TailorKitAppsSnapshot;
+    getMetaSnapshot: () => TailorKitMetaSnapshot;
+    subscribe: (listener: () => void) => (() => void);
+};
+export declare function toBaseUrl(value: string | URL): URL;
+export {};

package/dist/tailor-kit.d.ts

@@ -1,10 +1,7 @@
 import type { ReactNode } from "react";
-import type { TailorKitSchemaSpecType } from "@tailorkit/core/spec";
-import type { TailorKitTheme, CallbackMap, ComponentDefinition, ComponentProps, Schema, ScreenDefinition, TailorKitSchema } from "@tailorkit/core/schema";
+import type { TailorKitTheme, CallbackMap, ComponentDefinition, ComponentProps, Schema, ViewDefinition, SlotDefinitions, TailorKitSchema } from "@tailorkit/core/schema";
 import type { primitives } from "./primitives";
-import { Root } from "./components";
-import type { UseAppsResult } from "./hooks/use-apps";
-import type { CurrentScreenOptions, ScreenName } from "./hooks/use-current-screen";
+import type { ViewOptions, ViewName } from "./hooks/use-view";
 type AnyComponentDefinition = ComponentDefinition<Schema | undefined, CallbackMap, boolean | undefined>;
 type ComponentRenderer<TComponent extends AnyComponentDefinition> = (args: {
     props: ComponentProps<TComponent>;
@@ -32,57 +29,56 @@ export interface TailorKitApp {
     } | null;
     name?: string;
 }
-export interface TailorKitAppsSnapshot {
-    apps: TailorKitApp[];
-    error: Error | null;
-    status: "error" | "idle" | "loading" | "ready";
-}
-interface TailorKitMetaSnapshot {
-    assetsBaseUrl: string | null;
-    error: Error | null;
-    schema: TailorKitSchemaSpecType | null;
-    status: "error" | "idle" | "loading" | "ready";
-}
-export interface CurrentScreenEntry {
-    context: unknown;
-    id: symbol;
-    order: number;
-    screen: string;
-    status: "error" | "loading" | "ready";
-}
 interface AppViewBaseProps {
     app: TailorKitApp;
     createIframe?: () => HTMLIFrameElement;
     fallback?: ReactNode;
 }
-type AppViewScreenProps<TScreens extends Record<string, ScreenDefinition>, TScreen extends ScreenName<TScreens> = ScreenName<TScreens>> = [ScreenName<TScreens>] extends [never] ? {
+type AppViewViewProps<TViews extends Record<string, ViewDefinition>, TView extends ViewName<TViews> = ViewName<TViews>> = [ViewName<TViews>] extends [never] ? {
     context?: never;
-    screen?: never;
+    view?: never;
     status?: never;
 } : {
     context?: never;
-    screen?: never;
+    view?: never;
     status?: never;
-} | CurrentScreenOptions<TScreens, TScreen>;
-export type AppViewProps<TScreens extends Record<string, ScreenDefinition>, TScreen extends ScreenName<TScreens> = ScreenName<TScreens>> = AppViewBaseProps & AppViewScreenProps<TScreens, TScreen>;
-export interface TailorKitInstance<TScreens extends Record<string, ScreenDefinition> = Record<string, never>> {
-    AppView: (props: AppViewProps<TScreens>) => ReactNode;
-    Root: (props: Omit<Parameters<typeof Root>[0], "tailor">) => ReactNode;
-    getApp: (id: string) => TailorKitApp | undefined;
-    getApps: () => TailorKitApp[];
-    useApps: () => UseAppsResult;
-    useCurrentScreen: <TScreen extends ScreenName<TScreens>>(options: CurrentScreenOptions<TScreens, TScreen>) => void;
+} | ViewOptions<TViews, TView>;
+export type AppViewProps<TViews extends Record<string, ViewDefinition> = RegisteredViews, TView extends ViewName<TViews> = ViewName<TViews>> = {
+    [V in RegisteredSlots]: AppViewBaseProps & {
+        slot: V;
+    } & AppViewViewProps<TViews, Extract<TView, SlotView<V>>>;
+}[RegisteredSlots];
+export interface Register {
+}
+export type RegisteredViews = Register extends {
+    client: TailorKitInstance<infer S>;
+} ? S : Record<`/${string}`, ViewDefinition>;
+type RegisteredSlotMap = Register extends {
+    client: {
+        readonly $slots?: infer V;
+    };
+} ? V : SlotDefinitions;
+export type RegisteredSlots = keyof RegisteredSlotMap & string;
+type SlotView<V extends RegisteredSlots> = RegisteredSlotMap[V] extends {
+    views: readonly (infer P)[];
+} ? Extract<P, string> : never;
+export interface TailorKitInstance<TViews extends Record<string, ViewDefinition> = Record<string, ViewDefinition>, TSlots extends SlotDefinitions = SlotDefinitions> {
+    readonly $slots?: TSlots;
+    readonly $views?: TViews;
+    readonly baseUrl: string | URL;
+    readonly components: Record<string, unknown>;
+    readonly theme: TailorKitTheme;
 }
 type PrimitiveRenderers = typeof primitives;
 type CustomComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
     [TName in Exclude<keyof TComponents, keyof PrimitiveRenderers>]?: ComponentRenderer<TComponents[TName]>;
 };
-export declare function components<TComponents extends Record<string, AnyComponentDefinition>>(_schema: TailorKitSchema<TComponents, Record<string, ScreenDefinition>>, customComponents: CustomComponentRenderers<TComponents>): ComponentRenderers<TComponents>;
+export declare function components<TComponents extends Record<string, AnyComponentDefinition>>(_schema: TailorKitSchema<TComponents, Record<string, ViewDefinition>>, customComponents: CustomComponentRenderers<TComponents>): ComponentRenderers<TComponents>;
 interface TailorKitServerShape {
     $internal: {
         schema: {
             components: Record<string, unknown>;
-            screens: Record<string, unknown>;
+            views: Record<string, unknown>;
         };
     };
 }
@@ -90,29 +86,15 @@ type ServerComponentMap<TTailor extends TailorKitServerShape> = TTailor["$intern
 type ServerComponents<TTailor extends TailorKitServerShape> = {
     [TName in keyof ServerComponentMap<TTailor>]: ServerComponentMap<TTailor>[TName] extends AnyComponentDefinition ? ServerComponentMap<TTailor>[TName] : never;
 };
-type ServerScreenMap<TTailor extends TailorKitServerShape> = TTailor["$internal"]["schema"]["screens"];
-type ServerScreens<TTailor extends TailorKitServerShape> = {
-    [TName in keyof ServerScreenMap<TTailor>]: ServerScreenMap<TTailor>[TName] extends ScreenDefinition ? ServerScreenMap<TTailor>[TName] : never;
+type ServerViewMap<TTailor extends TailorKitServerShape> = TTailor["$internal"]["schema"]["views"];
+type ServerViews<TTailor extends TailorKitServerShape> = {
+    [TName in keyof ServerViewMap<TTailor>]: ServerViewMap<TTailor>[TName] extends ViewDefinition ? ServerViewMap<TTailor>[TName] : never;
 };
 export declare function createTailorKitClient<TTailor extends TailorKitServerShape>(options: {
     baseUrl: string | URL;
     components?: CompleteComponentRenderers<ServerComponents<TTailor>>;
     theme?: TailorKitTheme;
-}): TailorKitInstance<ServerScreens<TTailor>>;
-export type TailorKitStore = ReturnType<typeof createTailorKitStore>;
-declare function createTailorKitStore(baseUrlInput: string | URL): {
-    baseUrl: URL;
-    fetchApps: (options?: {
-        force?: boolean;
-    }) => Promise<void>;
-    fetchMeta: () => Promise<void>;
-    getApp: (id: string) => TailorKitApp | undefined;
-    getApps: () => TailorKitApp[];
-    getAppsSnapshot: () => TailorKitAppsSnapshot;
-    getCurrentScreen: () => CurrentScreenEntry | null;
-    getMetaSnapshot: () => TailorKitMetaSnapshot;
-    registerScreen: (entry: Omit<CurrentScreenEntry, "order">) => void;
-    subscribe: (listener: () => void) => (() => void);
-    unregisterScreen: (id: symbol) => void;
-};
-export type { CurrentScreenOptions } from "./hooks/use-current-screen";
+}): TailorKitInstance<ServerViews<TTailor>, TTailor extends {
+    readonly $slots?: infer V extends SlotDefinitions;
+} ? V : SlotDefinitions>;
+export type { ViewOptions } from "./hooks/use-view";

package/dist/view-registry.d.ts

@@ -0,0 +1,14 @@
+import type { ActiveView, ViewStatus } from "@tailorkit/core/views";
+export interface ViewEntry {
+    id: symbol;
+    view: string;
+    context: unknown;
+    status: ViewStatus;
+    order: number;
+}
+export declare function createViewRegistry(): {
+    getSnapshot: () => ActiveView | null;
+    subscribe(listener: () => void): () => void;
+    register(entry: Omit<ViewEntry, "order">): void;
+    unregister(id: symbol): void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.8",
+  "version": "0.1.0-beta.9",
   "license": "AGPL-3.0-only",
   "repository": {
     "type": "git",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.9",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/core": "0.1.0-beta.8",
-    "@tailorkit/sandbox": "0.1.0-beta.8"
+    "@tailorkit/core": "0.1.0-beta.9",
+    "@tailorkit/sandbox": "0.1.0-beta.9"
   },
   "devDependencies": {
     "@tailorkit/config": "0.0.0",

package/dist/hooks/use-current-screen.d.ts

@@ -1,23 +0,0 @@
-import type { StandardJSONSchemaV1 } from "@standard-schema/spec";
-import type { ScreenDefinition } from "@tailorkit/core/schema";
-import type { TailorKitStore } from "../tailor-kit";
-export type ScreenName<TScreens extends Record<string, ScreenDefinition>> = keyof TScreens & string;
-export type ScreenContext<TScreen> = TScreen extends ScreenDefinition<infer TContext> ? TContext extends StandardJSONSchemaV1 ? StandardJSONSchemaV1.InferOutput<TContext> : Record<string, never> : never;
-interface ReadyScreenOptions<TScreens extends Record<string, ScreenDefinition>, TScreen extends ScreenName<TScreens>> {
-    context: ScreenContext<TScreens[TScreen]>;
-    screen: TScreen;
-    status?: "ready";
-}
-interface LoadingScreenOptions<TScreen extends string> {
-    context?: never;
-    screen: TScreen;
-    status: "loading";
-}
-interface ErrorScreenOptions<TScreen extends string> {
-    context?: never;
-    screen: TScreen;
-    status: "error";
-}
-export type CurrentScreenOptions<TScreens extends Record<string, ScreenDefinition>, TScreen extends ScreenName<TScreens> = ScreenName<TScreens>> = TScreen extends ScreenName<TScreens> ? ReadyScreenOptions<TScreens, TScreen> | LoadingScreenOptions<TScreen> | ErrorScreenOptions<TScreen> : never;
-export declare function createUseCurrentScreen<TScreens extends Record<string, ScreenDefinition>>(store: TailorKitStore): <TScreen extends ScreenName<TScreens>>(options: CurrentScreenOptions<TScreens, TScreen>) => void;
-export {};