@tailorkit/react 0.1.0-beta.3 → 0.1.0-beta.32

package/dist/primitives.d.ts

@@ -1,38 +1,28 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { PrimitiveProps } from "@tailorkit/client-core";
 import type { TailorKitTheme } from "@tailorkit/core/schema";
-type PrimitiveProps = Record<string, unknown>;
+import type { CSSProperties, ReactNode } from "react";
 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 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-view.d.ts

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

package/dist/tailorkit.d.ts

@@ -0,0 +1,45 @@
+import type { AnyComponentDefinition, ComponentRenderer, ComponentRenderers, CompleteComponentRenderers, TailorKitClientConfig, TailorKitApp, SlotMultiple, TailorKitCacheOptions } from "@tailorkit/client-core";
+import type { TailorKitTheme, ViewDefinition, SlotDefinitions, TailorKitContract, ToolImplementations } from "@tailorkit/core/schema";
+import type { ReactNode } from "react";
+import type { RenderSlotComponent } from "./components/render-slot";
+import type { UseAppsOptions, UseAppsResult } from "./hooks/use-apps";
+import type { UseViewContext } from "./hooks/use-view-context";
+import type { UseViewsOptions, UseViewsResult } from "./hooks/use-views";
+import type { primitives } from "./primitives";
+export type { TailorKitClientConfig } from "@tailorkit/client-core";
+export type { TailorKitApp } from "@tailorkit/client-core";
+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 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 PrimitiveRenderers = typeof primitives;
+type CustomComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
+    [TName in Exclude<keyof TComponents, keyof PrimitiveRenderers>]?: ComponentRenderer<TComponents[TName], ReactNode>;
+};
+export declare const components: <TComponents extends Record<string, AnyComponentDefinition>>(_contract: {
+    components: TComponents;
+}, customComponents: CustomComponentRenderers<TComponents>) => ComponentRenderers<TComponents, ReactNode>;
+export declare const createClient: <const TContract extends TailorKitContract>(options: {
+    contract: TContract;
+    tools?: ToolImplementations<NoInfer<TContract["tools"]>, "client">;
+    baseUrl: string | URL;
+    assetsBaseUrl?: string | URL;
+    components?: CompleteComponentRenderers<NoInfer<TContract["components"]>, ReactNode>;
+    theme?: TailorKitTheme;
+    cache?: TailorKitCacheOptions;
+    fetch?: typeof fetch;
+} & (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,29 +1,41 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.3",
-  "license": "AGPL-3.0-only",
+  "version": "0.1.0-beta.32",
+  "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",
-    "src"
+    "dist"
   ],
   "type": "module",
   "imports": {
-    "#*": [
-      "./src/*",
-      "./src/*.ts",
-      "./src/*.tsx",
-      "./src/*/index.ts",
-      "./src/*/index.tsx"
-    ]
+    "#*": {
+      "development": [
+        "./src/*",
+        "./src/*.ts",
+        "./src/*.tsx",
+        "./src/*/index.ts",
+        "./src/*/index.tsx"
+      ],
+      "types": [
+        "./dist/*",
+        "./dist/*.d.ts",
+        "./dist/*/index.d.ts"
+      ],
+      "default": [
+        "./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,21 +45,25 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.9",
+    "@nanostores/react": "2.0.1",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/core": "0.1.0-beta.3",
-    "@tailorkit/sandbox": "0.1.0-beta.3"
+    "@tailorkit/app": "0.1.0-beta.32",
+    "@tailorkit/client-core": "0.1.0-beta.32",
+    "@tailorkit/client-platform": "0.1.0-beta.32",
+    "@tailorkit/core": "0.1.0-beta.32",
+    "@tailorkit/sandbox": "0.1.0-beta.32",
+    "nanostores": "1.5.5"
   },
   "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.6",
+    "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"
@@ -55,6 +71,8 @@
   "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",
+    "lint": "vp lint .",
+    "lint:fix": "vp lint --fix ."
   }
 }