@assistant-ui/tap 0.3.1 → 0.3.3

package/dist/react/use-resource.js

@@ -2,9 +2,9 @@
 import { useEffect, useLayoutEffect, useMemo, useState } from "react";
 import {
   createResourceFiber,
-  unmountResource,
-  renderResource,
-  commitResource
+  unmountResourceFiber,
+  renderResourceFiber,
+  commitResourceFiber
 } from "../core/ResourceFiber.js";
 var shouldAvoidLayoutEffect = globalThis.__ASSISTANT_UI_DISABLE_LAYOUT_EFFECT__ === true;
 var useIsomorphicLayoutEffect = shouldAvoidLayoutEffect ? useEffect : useLayoutEffect;
@@ -12,14 +12,14 @@ function useResource(element) {
   const [, rerender] = useState({});
   const fiber = useMemo(
     () => createResourceFiber(element.type, () => rerender({})),
-    [element.type, rerender]
+    [element.type]
   );
-  const result = renderResource(fiber, element.props);
+  const result = renderResourceFiber(fiber, element.props);
   useIsomorphicLayoutEffect(() => {
-    return () => unmountResource(fiber);
-  }, []);
+    return () => unmountResourceFiber(fiber);
+  }, [fiber]);
   useIsomorphicLayoutEffect(() => {
-    commitResource(fiber, result);
+    commitResourceFiber(fiber, result);
   });
   return result.state;
 }

package/dist/react/use-resource.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/use-resource.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useState } from \"react\";\nimport { ResourceElement } from \"../core/types\";\nimport {\n  createResourceFiber,\n  unmountResource,\n  renderResource,\n  commitResource,\n} from \"../core/ResourceFiber\";\n\nconst shouldAvoidLayoutEffect =\n  (globalThis as any).__ASSISTANT_UI_DISABLE_LAYOUT_EFFECT__ === true;\n\nconst useIsomorphicLayoutEffect = shouldAvoidLayoutEffect\n  ? useEffect\n  : useLayoutEffect;\n\nexport function useResource<R, P>(element: ResourceElement<R, P>): R {\n  const [, rerender] = useState({});\n  const fiber = useMemo(\n    () => createResourceFiber(element.type, () => rerender({})),\n    [element.type, rerender],\n  );\n\n  const result = renderResource(fiber, element.props);\n  useIsomorphicLayoutEffect(() => {\n    return () => unmountResource(fiber);\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    commitResource(fiber, result);\n  });\n\n  return result.state;\n}\n"],"mappings":";AAAA,SAAS,WAAW,iBAAiB,SAAS,gBAAgB;AAE9D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,IAAM,0BACH,WAAmB,2CAA2C;AAEjE,IAAM,4BAA4B,0BAC9B,YACA;AAEG,SAAS,YAAkB,SAAmC;AACnE,QAAM,CAAC,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAC;AAChC,QAAM,QAAQ;AAAA,IACZ,MAAM,oBAAoB,QAAQ,MAAM,MAAM,SAAS,CAAC,CAAC,CAAC;AAAA,IAC1D,CAAC,QAAQ,MAAM,QAAQ;AAAA,EACzB;AAEA,QAAM,SAAS,eAAe,OAAO,QAAQ,KAAK;AAClD,4BAA0B,MAAM;AAC9B,WAAO,MAAM,gBAAgB,KAAK;AAAA,EACpC,GAAG,CAAC,CAAC;AACL,4BAA0B,MAAM;AAC9B,mBAAe,OAAO,MAAM;AAAA,EAC9B,CAAC;AAED,SAAO,OAAO;AAChB;","names":[]}
+{"version":3,"sources":["../../src/react/use-resource.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useState } from \"react\";\nimport { ExtractResourceOutput, ResourceElement } from \"../core/types\";\nimport {\n  createResourceFiber,\n  unmountResourceFiber,\n  renderResourceFiber,\n  commitResourceFiber,\n} from \"../core/ResourceFiber\";\n\nconst shouldAvoidLayoutEffect =\n  (globalThis as any).__ASSISTANT_UI_DISABLE_LAYOUT_EFFECT__ === true;\n\nconst useIsomorphicLayoutEffect = shouldAvoidLayoutEffect\n  ? useEffect\n  : useLayoutEffect;\n\nexport function useResource<E extends ResourceElement<any, any>>(\n  element: E,\n): ExtractResourceOutput<E> {\n  const [, rerender] = useState({});\n  const fiber = useMemo(\n    () => createResourceFiber(element.type, () => rerender({})),\n    [element.type],\n  );\n\n  const result = renderResourceFiber(fiber, element.props);\n  useIsomorphicLayoutEffect(() => {\n    return () => unmountResourceFiber(fiber);\n  }, [fiber]);\n  useIsomorphicLayoutEffect(() => {\n    commitResourceFiber(fiber, result);\n  });\n\n  return result.state;\n}\n"],"mappings":";AAAA,SAAS,WAAW,iBAAiB,SAAS,gBAAgB;AAE9D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,IAAM,0BACH,WAAmB,2CAA2C;AAEjE,IAAM,4BAA4B,0BAC9B,YACA;AAEG,SAAS,YACd,SAC0B;AAC1B,QAAM,CAAC,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAC;AAChC,QAAM,QAAQ;AAAA,IACZ,MAAM,oBAAoB,QAAQ,MAAM,MAAM,SAAS,CAAC,CAAC,CAAC;AAAA,IAC1D,CAAC,QAAQ,IAAI;AAAA,EACf;AAEA,QAAM,SAAS,oBAAoB,OAAO,QAAQ,KAAK;AACvD,4BAA0B,MAAM;AAC9B,WAAO,MAAM,qBAAqB,KAAK;AAAA,EACzC,GAAG,CAAC,KAAK,CAAC;AACV,4BAA0B,MAAM;AAC9B,wBAAoB,OAAO,MAAM;AAAA,EACnC,CAAC;AAED,SAAO,OAAO;AAChB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/tap",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "type": "module",
   "description": "Zero-dependency reactive state management inspired by React hooks",
   "main": "dist/index.js",
@@ -18,12 +18,12 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.0.0",
     "@types/react": "*",
-    "@vitest/ui": "^4.0.14",
-    "tsx": "^4.20.6",
+    "@vitest/ui": "^4.0.15",
+    "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.14",
+    "vitest": "^4.0.15",
     "@assistant-ui/x-buildutils": "0.0.1"
   },
   "exports": {
@@ -52,7 +52,6 @@
   },
   "scripts": {
     "build": "tsx build.mts",
-    "lint": "eslint .",
     "test": "vitest",
     "test:run": "vitest run"
   }

package/dist/core/ResourceHandle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResourceHandle.d.ts","sourceRoot":"","sources":["../../src/core/ResourceHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAe1C,yBAAiB,cAAc,CAAC;IAC9B,KAAY,WAAW,GAAG,MAAM,IAAI,CAAC;IAErC,UAAiB,MAAM,CAAC,CAAC,EAAE,CAAC;QAC1B,QAAQ,IAAI,CAAC,CAAC;QACd,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC;QAC7C,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;QAC5B,SAAS,IAAI,IAAI,CAAC;QAClB,OAAO,IAAI,IAAI,CAAC;KACjB;CACF;AA+CD,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,CAAC,EACjC,SAAS,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EAC9B,oBAAkB,KACjB,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CA2B5B,CAAC"}

package/dist/core/ResourceHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/core/ResourceHandle.ts"],"sourcesContent":["import { ResourceElement } from \"./types\";\nimport {\n  createResourceFiber,\n  unmountResource,\n  renderResource,\n  commitResource,\n} from \"./ResourceFiber\";\nimport { UpdateScheduler } from \"./scheduler\";\nimport { tapRef } from \"../hooks/tap-ref\";\nimport { tapState } from \"../hooks/tap-state\";\nimport { tapMemo } from \"../hooks/tap-memo\";\nimport { tapInlineResource } from \"../hooks/tap-inline-resource\";\nimport { tapEffect } from \"../hooks/tap-effect\";\nimport { resource } from \"./resource\";\n\nexport namespace createResource {\n  export type Unsubscribe = () => void;\n\n  export interface Handle<R, P> {\n    getState(): R;\n    subscribe(callback: () => void): Unsubscribe;\n    updateInput(props: P): void;\n    flushSync(): void;\n    dispose(): void;\n  }\n}\n\nconst HandleWrapperResource = resource(\n  <R, P>({\n    element,\n    onUpdateInput,\n    onFlushSync,\n    onDispose,\n  }: {\n    element: ResourceElement<R, P>;\n    onUpdateInput: () => void;\n    onFlushSync: () => void;\n    onDispose: () => void;\n  }): createResource.Handle<R, P> => {\n    const [props, setProps] = tapState(element.props);\n    const value = tapInlineResource({ type: element.type, props });\n    const subscribers = tapRef(new Set<() => void>()).current;\n    const valueRef = tapRef(value);\n\n    tapEffect(() => {\n      if (value !== valueRef.current) {\n        valueRef.current = value;\n        subscribers.forEach((callback) => callback());\n      }\n    });\n\n    const handle = tapMemo(\n      () => ({\n        getState: () => valueRef.current,\n        subscribe: (callback: () => void) => {\n          subscribers.add(callback);\n          return () => subscribers.delete(callback);\n        },\n        updateInput: (props: P) => {\n          onUpdateInput();\n          setProps(() => props);\n        },\n        flushSync: onFlushSync,\n        dispose: onDispose,\n      }),\n      [],\n    );\n\n    return handle;\n  },\n);\n\nexport const createResource = <R, P>(\n  element: ResourceElement<R, P>,\n  delayMount = false,\n): createResource.Handle<R, P> => {\n  let isMounted = !delayMount;\n  const props = {\n    element,\n    onUpdateInput: () => {\n      if (isMounted) return;\n      isMounted = true;\n      commitResource(fiber, lastRender);\n    },\n    onFlushSync: () => {\n      scheduler.flushSync();\n    },\n    onDispose: () => unmountResource(fiber),\n  };\n\n  const scheduler = new UpdateScheduler(() => {\n    lastRender = renderResource(fiber, props);\n    if (isMounted) commitResource(fiber, lastRender);\n  });\n\n  const fiber = createResourceFiber(HandleWrapperResource<R, P>, () =>\n    scheduler.markDirty(),\n  );\n\n  let lastRender = renderResource(fiber, props);\n  if (isMounted) commitResource(fiber, lastRender);\n  return lastRender.state;\n};\n"],"mappings":";AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAczB,IAAM,wBAAwB;AAAA,EAC5B,CAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAKmC;AACjC,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ,KAAK;AAChD,UAAM,QAAQ,kBAAkB,EAAE,MAAM,QAAQ,MAAM,MAAM,CAAC;AAC7D,UAAM,cAAc,OAAO,oBAAI,IAAgB,CAAC,EAAE;AAClD,UAAM,WAAW,OAAO,KAAK;AAE7B,cAAU,MAAM;AACd,UAAI,UAAU,SAAS,SAAS;AAC9B,iBAAS,UAAU;AACnB,oBAAY,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,MAC9C;AAAA,IACF,CAAC;AAED,UAAM,SAAS;AAAA,MACb,OAAO;AAAA,QACL,UAAU,MAAM,SAAS;AAAA,QACzB,WAAW,CAAC,aAAyB;AACnC,sBAAY,IAAI,QAAQ;AACxB,iBAAO,MAAM,YAAY,OAAO,QAAQ;AAAA,QAC1C;AAAA,QACA,aAAa,CAACA,WAAa;AACzB,wBAAc;AACd,mBAAS,MAAMA,MAAK;AAAA,QACtB;AAAA,QACA,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AACF;AAEO,IAAM,iBAAiB,CAC5B,SACA,aAAa,UACmB;AAChC,MAAI,YAAY,CAAC;AACjB,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,eAAe,MAAM;AACnB,UAAI,UAAW;AACf,kBAAY;AACZ,qBAAe,OAAO,UAAU;AAAA,IAClC;AAAA,IACA,aAAa,MAAM;AACjB,gBAAU,UAAU;AAAA,IACtB;AAAA,IACA,WAAW,MAAM,gBAAgB,KAAK;AAAA,EACxC;AAEA,QAAM,YAAY,IAAI,gBAAgB,MAAM;AAC1C,iBAAa,eAAe,OAAO,KAAK;AACxC,QAAI,UAAW,gBAAe,OAAO,UAAU;AAAA,EACjD,CAAC;AAED,QAAM,QAAQ;AAAA,IAAoB;AAAA,IAA6B,MAC7D,UAAU,UAAU;AAAA,EACtB;AAEA,MAAI,aAAa,eAAe,OAAO,KAAK;AAC5C,MAAI,UAAW,gBAAe,OAAO,UAAU;AAC/C,SAAO,WAAW;AACpB;","names":["props"]}