@tailorkit/app 0.1.0-beta.7 → 0.1.0-beta.8

package/dist/builder.js

@@ -117,7 +117,6 @@ var createTailorKitUploadManifest = (logos) => tailorkitUploadManifestSchema.par
 });
 
 // src/builder/index.ts
-var preactExternal = /^preact(?:\/.*)?$/u;
 var preactPackageJson = "preact/package.json";
 var preactPackageJsonModuleId = "\0tailorkit-preact-package-json";
 var buildApp = async (options = {}) => {
@@ -139,7 +138,6 @@ var buildApp = async (options = {}) => {
       watch: options.watch ? {} : null,
       minify: "oxc",
       rollupOptions: {
-        external: (id) => id !== preactPackageJson && id !== preactPackageJsonModuleId && preactExternal.test(id),
         output: {
           comments: {
             annotation: false,

package/dist/index.d.ts

@@ -62,10 +62,10 @@ export declare const createScreen: <const TPath extends AppScreenPath>(path: TPa
     loading?: View<Record<string, never>>;
 }) => ScreenDefinition<TPath>;
 export declare const defineClient: <const TScreens extends ScreenDefinitions>(client: TailorKitClient<TScreens> & RequireScreenPaths<TScreens> & RequireMatchingScreenKeys<TScreens>) => TailorKitClientWithMeta<TScreens>;
-export declare const createRemoteComponent: <TProps extends object, TSlots extends readonly string[]>(name: string, options: {
+export declare const createRemoteComponent: <TProps extends object, TChildren extends boolean = false>(name: string, options?: {
     callbacks?: Record<string, number>;
-    slots: TSlots;
+    children?: TChildren;
 }) => View<TProps & {
-    children?: ComponentChildren;
+    children?: TChildren extends true ? ComponentChildren : never;
 }>;
 export {};

package/dist/index.js

@@ -43,14 +43,9 @@ var componentTagPrefix = "tailorkit-";
 var toComponentTagName = (name) => `${componentTagPrefix}${name.replaceAll(/([a-z0-9])([A-Z])/gu, "$1-$2").replaceAll(/[\s_]+/gu, "-").toLowerCase()}`;
 var toCallbackEventName = (name) => `tailorkitcallback${name.replaceAll(/[^A-Za-z0-9_$]/gu, "").toLowerCase()}`;
 var toEventProp = (event) => `on${event}`;
-var createRemoteComponent = (name, options) => {
+var createRemoteComponent = (name, options = {}) => {
   const tagName = toComponentTagName(name);
-  const callbacks = options.callbacks;
-  if (!callbacks || Object.keys(callbacks).length === 0) {
-    return function RemoteComponent({ children, ...props }) {
-      return h(tagName, props, children);
-    };
-  }
+  const callbacks = options.callbacks ?? {};
   return function RemoteComponent({ children, ...props }) {
     const nextProps = { ...props };
     const callbackMap = {};
@@ -66,10 +61,14 @@ var createRemoteComponent = (name, options) => {
         callback(...(event.detail ?? []).slice(0, inputCount));
       };
     }
+    const serializedProps = Object.fromEntries(
+      Object.entries(nextProps).filter(([, value]) => typeof value !== "function")
+    );
+    nextProps["data-tailorkit-props"] = JSON.stringify(serializedProps);
     if (Object.keys(callbackMap).length > 0) {
       nextProps["data-tailorkit-callbacks"] = JSON.stringify(callbackMap);
     }
-    return h(tagName, nextProps, children);
+    return h(tagName, nextProps, options.children ? children : void 0);
   };
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/app",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.8",
   "license": "AGPL-3.0-only",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@tailorkit/core": "0.1.0-beta.7",
+    "@tailorkit/core": "0.1.0-beta.8",
     "cosmiconfig": "^10.0.0",
     "vite": "^8.2.2",
     "zod": "^4.4.3"