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

package/dist/primitives.d.ts

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

package/dist/tailorkit.d.ts

@@ -1,81 +1,37 @@
-import type { TailorKitFetchClient, TailorKitCacheOptions } from "@tailorkit/client-core";
+import type { AnyComponentDefinition, ComponentRenderer, ComponentRenderers, CompleteComponentRenderers, TailorKitClientConfig, TailorKitApp, TailorKitServerShape, ServerComponents, ServerViews, ServerSlots, ServerScopeNames, 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, CallbackMap, ComponentDefinition, ComponentProps, Schema, ViewDefinition, SlotDefinitions, TailorKitSchema } from "@tailorkit/core/schema";
+import type { TailorKitTheme, ViewDefinition, SlotDefinitions, TailorKitSchema } 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";
 import type { UseViewsOptions, UseViewsResult } from "./hooks/use-views";
-import type { SlotComponent } from "./components/slot";
-type AnyComponentDefinition = ComponentDefinition<Schema | undefined, CallbackMap, boolean | undefined>;
-type ComponentRenderer<TComponent extends AnyComponentDefinition> = (args: {
-    props: ComponentProps<TComponent>;
-    children?: TComponent extends {
-        children: true;
-    } ? ReactNode : never;
-}) => ReactNode;
-type ComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
-    [TName in keyof TComponents]?: ComponentRenderer<TComponents[TName]>;
-};
-type CompleteComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
-    [TName in keyof TComponents]-?: ComponentRenderer<TComponents[TName]>;
-};
+import type { RenderSlotComponent } from "./components/render-slot";
 export type { TailorKitApp } from "@tailorkit/client-core";
-export interface TailorKitClientConfig {
-    readonly baseUrl: string | URL;
-    readonly fetchClient?: TailorKitFetchClient;
-    readonly components: Record<string, unknown>;
-    readonly theme: TailorKitTheme;
+export interface TailorKitProviderProps {
+    apps?: TailorKitApp[];
+    children?: ReactNode;
 }
 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 Slot: SlotComponent<TViews, TSlots>;
+    readonly Provider: (props: TailorKitProviderProps) => ReactNode;
+    readonly RenderSlot: RenderSlotComponent<TViews, TSlots>;
     readonly useApps: (options?: UseAppsOptions<TScopeNames>) => UseAppsResult;
     readonly useViews: <TSlot extends keyof TSlots & string>(options: UseViewsOptions<TScopeNames, TSlot>) => UseViewsResult<SlotMultiple<TSlots[TSlot]>>;
     readonly useViewContext: UseViewContext<TViews>;
 }
-type SlotMultiple<TSlot> = TSlot extends {
-    multiple: infer TMultiple extends boolean;
-} ? TMultiple : TSlot extends {
-    multiple?: infer TMultiple extends boolean;
-} ? TMultiple | false : false;
 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, ViewDefinition>>, customComponents: CustomComponentRenderers<TComponents>): ComponentRenderers<TComponents>;
-interface TailorKitServerShape {
-    $internal: {
-        schema: {
-            components: Record<string, unknown>;
-            views: Record<string, unknown>;
-        };
-    };
-}
-type ServerComponentMap<TTailor extends TailorKitServerShape> = TTailor["$internal"]["schema"]["components"];
-type ServerComponents<TTailor extends TailorKitServerShape> = {
-    [TName in keyof ServerComponentMap<TTailor>]: ServerComponentMap<TTailor>[TName] extends AnyComponentDefinition ? ServerComponentMap<TTailor>[TName] : never;
-};
-type ServerViewMap<TTailor extends TailorKitServerShape> = TTailor["$internal"]["schema"]["views"];
-type ServerScopeNames<TTailor extends TailorKitServerShape> = TTailor extends {
-    handler: (request: Request, options: infer TOptions) => unknown;
-} ? TOptions extends {
-    authenticate: infer TAuthenticate;
-} ? TAuthenticate extends (...args: infer _TArgs) => infer TResult ? Extract<Awaited<TResult>, {
-    scopes: unknown;
-}> extends {
-    scopes: infer TScopes;
-} ? keyof TScopes & string : never : never : never : never;
-type ServerViews<TTailor extends TailorKitServerShape> = {
-    [TName in keyof ServerViewMap<TTailor>]: ServerViewMap<TTailor>[TName] extends ViewDefinition ? ServerViewMap<TTailor>[TName] : never;
+    [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: {
     baseUrl: string | URL;
-    components?: CompleteComponentRenderers<ServerComponents<TTailor>>;
+    components?: CompleteComponentRenderers<ServerComponents<TTailor>, ReactNode>;
     theme?: TailorKitTheme;
     cache?: TailorKitCacheOptions;
     fetch?: typeof fetch;
-}): TailorKitInstance<ServerViews<TTailor>, TTailor extends {
-    readonly $slots?: infer V extends SlotDefinitions;
-} ? V : SlotDefinitions, ServerScopeNames<TTailor>>;
+}): TailorKitInstance<ServerViews<TTailor>, ServerSlots<TTailor>, ServerScopeNames<TTailor>>;
 export type { ViewOptions } from "./hooks/use-view-context";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.23",
+  "version": "0.1.0-beta.25",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -22,12 +22,14 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.9",
+    "@nanostores/react": "2.0.1",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/app": "0.1.0-beta.23",
-    "@tailorkit/client-core": "0.1.0-beta.23",
-    "@tailorkit/client-platform": "0.1.0-beta.23",
-    "@tailorkit/core": "0.1.0-beta.23",
-    "@tailorkit/sandbox": "0.1.0-beta.23"
+    "@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",
+    "nanostores": "1.5.4"
   },
   "devDependencies": {
     "@tailorkit/config": "0.0.0",

package/dist/components/render.d.ts

@@ -1,19 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
-type ElementProps<TTagName extends ElementType> = ComponentPropsWithoutRef<TTagName> & {
-    ref?: Ref<unknown>;
-};
-export interface RenderProps {
-    render?: ReactElement<Record<string, unknown>>;
-}
-export type ComponentProps<TTagName extends ElementType> = ElementProps<TTagName> & RenderProps;
-export declare function useRender<TTagName extends ElementType>({ defaultTagName, props, render, }: {
-    defaultTagName: TTagName;
-    props: ElementProps<TTagName>;
-    render?: ReactElement<Record<string, unknown>>;
-}): ReactNode;
-export declare function mergeProps<TProps extends Record<string, unknown>>(...propSets: (TProps | Record<string, unknown> | undefined)[]): TProps;
-export declare function composeRefs<T>(...refs: (Ref<T> | undefined)[]): Ref<T>;
-export type HtmlProps<TElement extends HTMLElement> = HTMLAttributes<TElement> & {
-    ref?: Ref<TElement>;
-};
-export {};

package/dist/components/root.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import type { TailorKitApp, TailorKitClientConfig } from "../tailorkit";
-import type { ComponentProps } from "./render";
-export interface RootProps extends ComponentProps<"div"> {
-    apps?: TailorKitApp[];
-    children?: ReactNode;
-    client: TailorKitClientConfig;
-}
-export declare function Root({ apps: appsProp, children, render, client, ...props }: RootProps): ReactNode;

package/dist/components/slot.d.ts

@@ -1,51 +0,0 @@
-import type { ViewInstance } from "@tailorkit/app/client";
-import type { SlotDefinitions, ViewDefinition } from "@tailorkit/core/schema";
-import type { ReactNode } from "react";
-import type { ViewContext, ViewName } from "../hooks/use-view-context";
-import type { TailorKitApp } from "../tailorkit";
-type DefaultViews = Record<`/${string}`, ViewDefinition>;
-type ContextPaths<TViews extends Record<string, ViewDefinition>, TView extends ViewName<TViews>> = {
-    [P in ViewName<TViews>]: P extends "/" | TView ? P : TView extends `${P}/${string}` ? P : never;
-}[ViewName<TViews>];
-type ContextFields<TView> = undefined extends ViewContext<TView> ? Partial<Exclude<ViewContext<TView>, undefined>> : ViewContext<TView>;
-export type SlotContext<TViews extends Record<string, ViewDefinition>, TView extends ViewName<TViews>> = {
-    [P in ContextPaths<TViews, TView>]: (context: ContextFields<TViews[P]>) => void;
-}[ContextPaths<TViews, TView>] extends (context: infer TContext) => void ? TContext : never;
-type InstanceProps<TSlot, TKey extends string, TValue> = boolean extends (TSlot extends {
-    multiple?: infer T;
-} ? T : false) ? {
-    [K in TKey]?: TValue;
-} : TSlot extends {
-    multiple: true;
-} ? {
-    [K in TKey]: TValue;
-} : {
-    [K in TKey]?: never;
-};
-export type SlotProps<TSlots extends SlotDefinitions = SlotDefinitions> = {
-    [TSlot in keyof TSlots & string]: {
-        app: TailorKitApp;
-        name: TSlot;
-    } & InstanceProps<TSlots[TSlot], "instanceKey", string>;
-}[keyof TSlots & string];
-export type ControlledSlotProps<TViews extends Record<string, ViewDefinition> = DefaultViews, TSlots extends SlotDefinitions = SlotDefinitions> = {
-    [TSlot in keyof TSlots & string]: {
-        [TView in Extract<ViewName<TViews>, TSlots[TSlot]["views"][number]>]: {
-            app: TailorKitApp;
-            name: TSlot;
-            view: TView;
-        } & (({
-            context: SlotContext<TViews, TView>;
-            status: "ready";
-        } & InstanceProps<TSlots[TSlot], "instance", ViewInstance>) | {
-            context?: never;
-            status: "loading" | "error";
-            instance?: never;
-        });
-    }[Extract<ViewName<TViews>, TSlots[TSlot]["views"][number]>];
-}[keyof TSlots & string];
-export type SlotComponent<TViews extends Record<string, ViewDefinition> = DefaultViews, TSlots extends SlotDefinitions = SlotDefinitions> = ((props: SlotProps<TSlots>) => ReactNode) & {
-    Controlled: (props: ControlledSlotProps<TViews, TSlots>) => ReactNode;
-};
-export declare const Slot: SlotComponent;
-export {};

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

@@ -1,2 +0,0 @@
-/** Keep equivalent JSON context values stable without requiring callers to memoize. */
-export declare function useStableContext<T>(value: T): T;

package/dist/remote-context.d.ts

@@ -1,8 +0,0 @@
-import type { HostToIframePayload } from "@tailorkit/sandbox/protocol";
-import type { NodeStore } from "@tailorkit/client-core";
-export interface RemoteViewContext {
-    components: Record<string, unknown>;
-    dispatch: (payload: HostToIframePayload) => void;
-    store: NodeStore;
-}
-export declare const RemoteUIContext: import("react").Context<RemoteViewContext | null>;

package/dist/scope-query.d.ts

@@ -1 +0,0 @@
-export { appendScopeSelection, normalizeScopeSelection } from "@tailorkit/client-core";

package/dist/slot-view.d.ts

@@ -1 +0,0 @@
-export { resolveSlotView, selectSlotView } from "@tailorkit/client-core";