@headless-tree/react 1.5.1 → 1.6.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @headless-tree/react
 
+## 1.6.1
+
+## 1.6.0
+
+### Patch Changes
+
+- e2c256d: Added alternative entrypoint for setups using React Compiler. Details on https://headless-tree.lukasbach.com/guides/react-compiler
+
 ## 1.5.1
 
 ## 1.5.0

package/dist/react-compiler/index.d.mts

@@ -0,0 +1,6 @@
+import * as _headless_tree_core from '@headless-tree/core';
+import { TreeConfig } from '@headless-tree/core';
+
+declare const useTree: <T>(config: TreeConfig<T>) => () => _headless_tree_core.TreeInstance<T>;
+
+export { useTree };

package/dist/react-compiler/index.d.ts

@@ -0,0 +1,6 @@
+import * as _headless_tree_core from '@headless-tree/core';
+import { TreeConfig } from '@headless-tree/core';
+
+declare const useTree: <T>(config: TreeConfig<T>) => () => _headless_tree_core.TreeInstance<T>;
+
+export { useTree };

package/dist/react-compiler/index.js

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react-compiler/index.tsx
+var react_compiler_exports = {};
+__export(react_compiler_exports, {
+  useTree: () => useTree
+});
+module.exports = __toCommonJS(react_compiler_exports);
+var import_core = require("@headless-tree/core");
+var import_react = require("react");
+var useTree = (config) => {
+  const [tree] = (0, import_react.useState)(() => ({ current: (0, import_core.createTree)(config) }));
+  const [state, setState] = (0, import_react.useState)(
+    () => tree.current.getState()
+  );
+  (0, import_react.useEffect)(() => {
+    tree.current.setMounted(true);
+    tree.current.rebuildTree();
+    return () => {
+      tree.current.setMounted(false);
+    };
+  }, [tree]);
+  tree.current.setConfig((prev) => __spreadProps(__spreadValues(__spreadValues({}, prev), config), {
+    state: __spreadValues(__spreadValues({}, state), config.state),
+    setState: (state2) => {
+      var _a;
+      setState(state2);
+      (_a = config.setState) == null ? void 0 : _a.call(config, state2);
+    }
+  }));
+  return () => tree.current;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTree
+});

package/dist/react-compiler/index.mjs

@@ -0,0 +1,35 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-FWCSY2DS.mjs";
+
+// src/react-compiler/index.tsx
+import {
+  createTree
+} from "@headless-tree/core";
+import { useEffect, useState } from "react";
+var useTree = (config) => {
+  const [tree] = useState(() => ({ current: createTree(config) }));
+  const [state, setState] = useState(
+    () => tree.current.getState()
+  );
+  useEffect(() => {
+    tree.current.setMounted(true);
+    tree.current.rebuildTree();
+    return () => {
+      tree.current.setMounted(false);
+    };
+  }, [tree]);
+  tree.current.setConfig((prev) => __spreadProps(__spreadValues(__spreadValues({}, prev), config), {
+    state: __spreadValues(__spreadValues({}, state), config.state),
+    setState: (state2) => {
+      var _a;
+      setState(state2);
+      (_a = config.setState) == null ? void 0 : _a.call(config, state2);
+    }
+  }));
+  return () => tree.current;
+};
+export {
+  useTree
+};

package/package.json

@@ -13,7 +13,7 @@
     "checkbox",
     "hook"
   ],
-  "version": "1.5.1",
+  "version": "1.6.1",
   "main": "dist/index.d.ts",
   "module": "dist/index.mjs",
   "types": "dist/index.d.mts",
@@ -38,6 +38,16 @@
         "default": "./dist/react17/index.js"
       }
     },
+    "./react-compiler": {
+      "import": {
+        "types": "./dist/react-compiler/index.d.mts",
+        "default": "./dist/react-compiler/index.mjs"
+      },
+      "require": {
+        "types": "./dist/react-compiler/index.d.ts",
+        "default": "./dist/react-compiler/index.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
@@ -45,7 +55,7 @@
     "provenance": true
   },
   "scripts": {
-    "build": "tsup ./src/index.ts ./src/react17/index.tsx --format esm,cjs --dts",
+    "build": "tsup ./src/index.ts ./src/react17/index.tsx ./src/react-compiler/index.tsx --format esm,cjs --dts",
     "start": "tsup ./src/index.ts --format esm,cjs --dts --watch"
   },
   "repository": {

package/src/react-compiler/index.tsx

@@ -0,0 +1,37 @@
+import {
+  type TreeConfig,
+  type TreeState,
+  createTree,
+} from "@headless-tree/core";
+import { useEffect, useState } from "react";
+
+export const useTree = <T,>(config: TreeConfig<T>) => {
+  const [tree] = useState(() => ({ current: createTree(config) }));
+  const [state, setState] = useState<Partial<TreeState<T>>>(() =>
+    tree.current.getState(),
+  );
+
+  useEffect(() => {
+    (tree.current as any).setMounted(true);
+    tree.current.rebuildTree();
+    return () => {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      (tree.current as any).setMounted(false);
+    };
+  }, [tree]);
+
+  tree.current.setConfig((prev) => ({
+    ...prev,
+    ...config,
+    state: {
+      ...state,
+      ...config.state,
+    },
+    setState: (state) => {
+      setState(state);
+      config.setState?.(state);
+    },
+  }));
+
+  return () => tree.current;
+};