@tailorkit/app 0.1.0-beta.21 → 0.1.0-beta.23

package/README.md

@@ -1,3 +1,5 @@
 # TailorKit App
 
 The SDK for building TailorKit extensions.
+
+Apps require Preact 11. Install `preact@^11` alongside the SDK.

package/dist/builder.js

@@ -75,7 +75,7 @@ function validateLogoAsset(content, contentType) {
 import { build as viteBuild } from "vite";
 
 // src/preact-version.ts
-var MINIMUM_PREACT_MAJOR_VERSION = 10;
+var MINIMUM_PREACT_MAJOR_VERSION = 11;
 var parsePreactVersion = (version) => {
   const match = /^(\d+)\./u.exec(version);
   if (!match?.[1]) {
@@ -1086,7 +1086,7 @@ function getInstalledPreactVersion(root) {
     }
   } catch (error) {
     throw new Error(
-      `TailorKit requires Preact to build an app. Install preact@^10 and try again.`,
+      `TailorKit requires Preact to build an app. Install preact@^11 and try again.`,
       { cause: error }
     );
   }

package/dist/{chunk-RHCGWGSG.js → chunk-LQJEPSUZ.js}

@@ -6,7 +6,7 @@ import {
 // src/views.ts
 import { createContext, h, render } from "preact";
 import { useContext } from "preact/hooks";
-var preactVersion = "10.29.8";
+var preactVersion = "11.0.0";
 var defineView = (options) => {
   const path = options.view;
   const Context2 = createContext(
@@ -106,10 +106,10 @@ var createRemoteComponent = (name, options = {}) => {
 };
 
 // src/preact.ts
-import { createStore as createStore2 } from "@tanstack/store";
-import { useSelector } from "@tanstack/preact-store";
+import { atom as atom2, computed } from "nanostores";
+import { useStore } from "@nanostores/preact";
 import { createContext as createContext2, h as h2 } from "preact";
-import { useCallback, useContext as useContext2, useEffect, useMemo, useRef } from "preact/hooks";
+import { useCallback, useContext as useContext2, useEffect, useLayoutEffect, useMemo, useRef } from "preact/hooks";
 
 // src/client/connection.ts
 import { createORPCClient } from "@orpc/client";
@@ -408,7 +408,7 @@ function waitForRetry(signal, delayMs) {
 }
 
 // src/client/query-store.ts
-import { createStore } from "@tanstack/store";
+import { atom } from "nanostores";
 var pendingQuery = { data: void 0, error: null, status: "pending" };
 function serializeInput(input) {
   return JSON.stringify({ input, defined: input !== void 0 }, (_key, value) => {
@@ -419,7 +419,7 @@ function serializeInput(input) {
   });
 }
 var QueryStore = class {
-  state = createStore(/* @__PURE__ */ new Map());
+  state = atom(/* @__PURE__ */ new Map());
   entries = /* @__PURE__ */ new Map();
   disposed = false;
   client;
@@ -442,7 +442,7 @@ var QueryStore = class {
     current.observers += 1;
     const publish = (state) => {
       if (!this.disposed && this.entries.get(key) === current) {
-        this.state.setState((previous) => new Map(previous).set(key, state));
+        this.state.set(new Map(this.state.get()).set(key, state));
       }
     };
     if (first) {
@@ -474,11 +474,9 @@ var QueryStore = class {
       if (current.observers === 0 && this.entries.get(key) === current) {
         this.entries.delete(key);
         current.stop?.();
-        this.state.setState((previous) => {
-          const next = new Map(previous);
-          next.delete(key);
-          return next;
-        });
+        const next = new Map(this.state.get());
+        next.delete(key);
+        this.state.set(next);
       }
     };
   }
@@ -490,7 +488,7 @@ var QueryStore = class {
       entry.stop?.();
       entry.stop = void 0;
     }
-    this.state.setState(() => /* @__PURE__ */ new Map());
+    this.state.set(/* @__PURE__ */ new Map());
     if (this.ownsClient) {
       this.client.close();
     }
@@ -511,10 +509,10 @@ function ClientProvider({ children, client, onError }) {
     () => new QueryStore(client ?? createClient(), !client, (error) => errorHandler.current?.(error)),
     [client]
   );
-  useEffect(() => () => store.dispose(), [store]);
+  useLayoutEffect(() => () => store.dispose(), [store]);
   return h2(Context.Provider, { value: store }, children);
 }
-function useStore() {
+function useQueryStore() {
   const store = useContext2(Context);
   if (!store) {
     throw new Error("TailorKit backend hooks require a ClientProvider at the app root.");
@@ -522,17 +520,21 @@ function useStore() {
   return store;
 }
 function useQuery(ref, ...[input, options]) {
-  const store = useStore();
+  const store = useQueryStore();
   const enabled = options?.enabled ?? true;
   const name = ref.name;
   const serialized = serializeInput(input);
   const key = `${name}\0${serialized}`;
   const stableInput = useMemo(() => JSON.parse(serialized).input, [serialized]);
   const stableReference = useMemo(() => reference(name, "query"), [name]);
-  const state = useSelector(
-    store.state,
-    (queries) => enabled ? queries.get(key) ?? pendingQuery : pendingQuery
+  const query = useMemo(
+    () => computed(
+      store.state,
+      (queries) => enabled ? queries.get(key) ?? pendingQuery : pendingQuery
+    ),
+    [store, key, enabled]
   );
+  const state = useStore(query);
   useEffect(() => {
     if (enabled) {
       return store.watch(key, stableReference, stableInput);
@@ -548,25 +550,25 @@ function useQuery(ref, ...[input, options]) {
 }
 var idleCall = { data: void 0, error: null, status: "idle" };
 function useCall(kind, ref, options) {
-  const store = useStore();
+  const store = useQueryStore();
   const name = ref.name;
   const identity = useMemo(
     () => ({
       store,
       name,
       kind,
-      state: createStore2(idleCall)
+      state: atom2(idleCall)
     }),
     [store, name, kind]
   );
-  const state = useSelector(identity.state);
+  const state = useStore(identity.state);
   const current = useRef({ identity, sequence: 0, mounted: true });
   if (current.current.identity !== identity) {
     current.current = { identity, sequence: current.current.sequence + 1, mounted: true };
   }
   const callbacks = useRef(options);
   callbacks.current = options;
-  useEffect(() => {
+  useLayoutEffect(() => {
     current.current.mounted = true;
     return () => {
       current.current.mounted = false;
@@ -579,21 +581,21 @@ function useCall(kind, ref, options) {
       const settings = callbacks.current;
       const args = input;
       const isCurrent = () => current.current.mounted && current.current.identity === identity && current.current.sequence === sequence;
-      identity.state.setState(() => ({ ...idleCall, status: "pending" }));
+      identity.state.set({ ...idleCall, status: "pending" });
       let data;
       try {
         data = kind === "mutation" ? await store.client.mutate(reference(name, "mutation"), args) : await store.client.action(reference(name, "action"), args);
       } catch (error) {
         const failure = appError(error);
         if (isCurrent()) {
-          identity.state.setState(() => ({ data: void 0, error: failure, status: "error" }));
+          identity.state.set({ data: void 0, error: failure, status: "error" });
           settings.onError?.(failure, args);
         }
         store.onError(failure);
         throw failure;
       }
       if (isCurrent()) {
-        identity.state.setState(() => ({ data, error: null, status: "success" }));
+        identity.state.set({ data, error: null, status: "success" });
         settings.onSuccess?.(data, args);
       }
       return data;
@@ -609,7 +611,7 @@ function useCall(kind, ref, options) {
   );
   const reset = useCallback(() => {
     current.current.sequence += 1;
-    identity.state.setState(() => idleCall);
+    identity.state.set(idleCall);
   }, [identity]);
   return {
     ...state,

package/dist/client/query-store.d.ts

@@ -10,7 +10,7 @@ export declare const pendingQuery: QueryState<never>;
 export declare function serializeInput(input: unknown): string;
 /** One subscription per active query/input pair, scoped to this provider's client. */
 export declare class QueryStore {
-    readonly state: import("@tanstack/store").Store<Map<string, QueryState<unknown>>, never>;
+    readonly state: import("nanostores").PreinitializedWritableAtom<Map<string, QueryState<unknown>>> & object;
     private readonly entries;
     private disposed;
     readonly client: Client;

package/dist/client.js

@@ -10,7 +10,7 @@ import {
   useAction,
   useMutation,
   useQuery
-} from "./chunk-RHCGWGSG.js";
+} from "./chunk-LQJEPSUZ.js";
 import {
   AppError,
   appError

package/dist/index.js

@@ -10,7 +10,7 @@ import {
   useAction,
   useMutation,
   useQuery
-} from "./chunk-RHCGWGSG.js";
+} from "./chunk-LQJEPSUZ.js";
 import {
   action,
   and,

package/dist/preact-version.d.ts

@@ -1,4 +1,4 @@
-export declare const MINIMUM_PREACT_MAJOR_VERSION = 10;
+export declare const MINIMUM_PREACT_MAJOR_VERSION = 11;
 export interface PreactVersionCheck {
     major: number;
     version: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/app",
-  "version": "0.1.0-beta.21",
+  "version": "0.1.0-beta.23",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -45,12 +45,12 @@
     "access": "public"
   },
   "dependencies": {
+    "@nanostores/preact": "1.1.0",
     "@orpc/client": "2.0.0-beta.40",
     "@orpc/contract": "2.0.0-beta.40",
-    "@tanstack/preact-store": "0.13.4",
-    "@tanstack/store": "0.11.2",
     "cosmiconfig": "^10.0.1",
     "drizzle-orm": "1.0.0-rc.4-5d5b77c",
+    "nanostores": "1.5.4",
     "vite": "npm:@voidzero-dev/vite-plus-core@1.0.0",
     "zod": "^4.6.5"
   },
@@ -59,13 +59,13 @@
     "@tailorkit/config": "0.0.0",
     "@types/node": "26.6.4",
     "happy-dom": "^20.14.5",
-    "preact": "^10.29.8",
+    "preact": "^11.0.0",
     "tsup": "^8.5.1",
     "typescript": "^7.0.2",
     "vite-plus": "1.0.0"
   },
   "peerDependencies": {
-    "preact": "^10.0.0"
+    "preact": "^11.0.0"
   },
   "scripts": {
     "build": "tsup --config tsup.config.ts && tsc -p tsconfig.build.json",