@tailorkit/react 0.1.0-beta.2 → 0.1.0-beta.22

package/dist/primitives.d.ts

@@ -2,37 +2,28 @@ 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, slots }: {
+    readonly Box: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
-    readonly Flex: ({ props, slots }: {
+    readonly Flex: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
-    readonly Grid: ({ props, slots }: {
+    readonly Grid: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
-    readonly Inline: ({ props, slots }: {
+    readonly Inline: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
 };
 export type PrimitiveStyle = CSSProperties;
 export {};
-//# sourceMappingURL=primitives.d.ts.map

package/dist/remote-context.d.ts

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

package/dist/remote-view.d.ts

@@ -1,15 +1,19 @@
+import type { Session } from "@tailorkit/app/client";
 import type { ReactNode } from "react";
 interface RemoteViewHostProps {
     appUrl: string | URL;
+    sourceText?: string;
+    getBackendSession?: (options: {
+        refresh: boolean;
+    }) => Promise<Session>;
     components: Record<string, unknown>;
     createIframe?: () => HTMLIFrameElement;
     props?: Record<string, unknown>;
-    runtimeUrl?: string | URL;
 }
-export declare function RemoteViewHost({ appUrl, components, createIframe, props, runtimeUrl, }: RemoteViewHostProps): ReactNode;
+export declare function RemoteViewHost({ appUrl, sourceText, getBackendSession, components, createIframe, props, }: RemoteViewHostProps): ReactNode;
 interface RemoteViewProps {
     nodeId: string;
 }
-export declare const RemoteView: import("react").MemoExoticComponent<({ nodeId }: RemoteViewProps) => ReactNode>;
+declare function RemoteViewComponent({ nodeId }: RemoteViewProps): ReactNode;
+export declare const RemoteView: import("react").MemoExoticComponent<typeof RemoteViewComponent>;
 export {};
-//# sourceMappingURL=remote-view.d.ts.map

package/dist/scope-query.d.ts

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

package/dist/slot-view.d.ts

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

package/dist/tailorkit.d.ts

@@ -0,0 +1,81 @@
+import type { TailorKitFetchClient, 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 { primitives } from "./primitives";
+import type { UseRegisterView } from "./hooks/use-register-view";
+import type { UseAppsOptions, UseAppsResult } from "./hooks/use-apps";
+import type { UseSlotOptions, UseSlotResult } from "./hooks/use-slot";
+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]>;
+};
+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 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 useApps: (options?: UseAppsOptions<TScopeNames>) => UseAppsResult;
+    readonly useSlot: <TSlot extends keyof TSlots & string>(options: UseSlotOptions<TScopeNames, TSlot>) => UseSlotResult<SlotMultiple<TSlots[TSlot]>>;
+    readonly useRegisterView: UseRegisterView<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;
+};
+export declare function createTailorKitClient<TTailor extends TailorKitServerShape>(options: {
+    baseUrl: string | URL;
+    components?: CompleteComponentRenderers<ServerComponents<TTailor>>;
+    theme?: TailorKitTheme;
+    cache?: TailorKitCacheOptions;
+    fetch?: typeof fetch;
+}): TailorKitInstance<ServerViews<TTailor>, TTailor extends {
+    readonly $slots?: infer V extends SlotDefinitions;
+} ? V : SlotDefinitions, ServerScopeNames<TTailor>>;
+export type { ViewOptions } from "./hooks/use-register-view";

package/package.json

@@ -1,28 +1,18 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.2",
-  "license": "AGPL-3.0-only",
+  "version": "0.1.0-beta.22",
+  "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/AlfieJones/tailorkit.git",
+    "url": "git+https://github.com/tailorkit-labs/TailorKit.git",
     "directory": "packages/react"
   },
   "files": [
     "dist"
   ],
   "type": "module",
-  "imports": {
-    "#*": [
-      "./src/*",
-      "./src/*.ts",
-      "./src/*.tsx",
-      "./src/*/index.ts",
-      "./src/*/index.tsx"
-    ]
-  },
   "exports": {
     ".": {
-      "development": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     }
@@ -33,20 +23,22 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.9",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/core": "0.1.0-beta.2",
-    "@tailorkit/sandbox": "0.1.0-beta.2"
+    "@tailorkit/app": "0.1.0-beta.22",
+    "@tailorkit/client-core": "0.1.0-beta.22",
+    "@tailorkit/client-platform": "0.1.0-beta.22",
+    "@tailorkit/core": "0.1.0-beta.22",
+    "@tailorkit/sandbox": "0.1.0-beta.22"
   },
   "devDependencies": {
     "@tailorkit/config": "0.0.0",
-    "@testing-library/react": "^16.3.2",
-    "@types/node": "26.2.0",
-    "@types/react": "^19.2.18",
-    "happy-dom": "^20.11.6",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "@testing-library/react": "^16.3.3",
+    "@types/node": "26.6.4",
+    "@types/react": "^19.3.0",
+    "happy-dom": "^20.14.5",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "tsup": "^8.5.1",
-    "typescript": "^7.0.2",
-    "vitest": "^4.1.11"
+    "typescript": "^7.0.2"
   },
   "peerDependencies": {
     "react": ">=19.2.6"
@@ -54,6 +46,6 @@
   "scripts": {
     "build": "tsup src/index.ts --format esm --target node20 --clean && tsc -p tsconfig.build.json",
     "check-types": "tsc --noEmit",
-    "test": "vitest run"
+    "test": "vp test run"
   }
 }