@microsoft/live-share-react 2.0.0-internal.18 → 2.0.0-internal.19

package/bin/cjs/shared-hooks/useSharedStateRegistry.js

@@ -1,120 +0,0 @@
-"use strict";
-/*!
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the Microsoft Live Share SDK License.
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSharedStateRegistry = void 0;
-const react_1 = __importDefault(require("react"));
-const internal_1 = require("@microsoft/live-share/internal");
-/**
- * Hook used internally to keep track of the SharedSetStateActionMap for each unique key. It sets state values for provided keys and updates components listening to the values.
- *
- * @remarks
- * Use this if you are building a custom `LiveShareProvider` or `AzureProvider` implementation in your app.
- *
- * @param results IAzureContainerResults response or undefined
- * @returns ISharedStateRegistryResponse object
- */
-const useSharedStateRegistry = (results) => {
-    const registeredSharedSetStateActionMapRef = react_1.default.useRef(new Map());
-    const stateMap = useStateMap(results === null || results === void 0 ? void 0 : results.container);
-    /**
-     * @see ISharedStateRegistryResponse.registerSharedSetStateAction
-     */
-    const registerSharedSetStateAction = react_1.default.useCallback((uniqueKey, componentId, setLocalStateAction) => {
-        let actionsMap = registeredSharedSetStateActionMapRef.current.get(uniqueKey);
-        if (actionsMap) {
-            if (!actionsMap.has(componentId)) {
-                actionsMap.set(componentId, setLocalStateAction);
-            }
-        }
-        else {
-            actionsMap = new Map();
-            actionsMap.set(componentId, setLocalStateAction);
-            registeredSharedSetStateActionMapRef.current.set(uniqueKey, actionsMap);
-        }
-        // Set initial values, if known
-        const initialValue = stateMap === null || stateMap === void 0 ? void 0 : stateMap.get(uniqueKey);
-        if (initialValue) {
-            setLocalStateAction(initialValue);
-        }
-    }, [stateMap]);
-    /**
-     * @see ISharedStateRegistryResponse.unregisterSharedSetStateAction
-     */
-    const unregisterSharedSetStateAction = react_1.default.useCallback((uniqueKey, componentId) => {
-        let actionsMap = registeredSharedSetStateActionMapRef.current.get(uniqueKey);
-        if (actionsMap === null || actionsMap === void 0 ? void 0 : actionsMap.has(componentId)) {
-            actionsMap.delete(componentId);
-        }
-    }, []);
-    /**
-     * @see ISharedStateRegistryResponse.updateSharedState
-     */
-    const updateSharedState = react_1.default.useCallback((uniqueKey, value) => {
-        if (!stateMap)
-            return;
-        stateMap === null || stateMap === void 0 ? void 0 : stateMap.set(uniqueKey, value);
-    }, [stateMap]);
-    /**
-     * @see ISharedStateRegistryResponse.deleteSharedState
-     */
-    const deleteSharedState = react_1.default.useCallback((uniqueKey) => {
-        if (!stateMap)
-            return;
-        let actionsMap = registeredSharedSetStateActionMapRef.current.get(uniqueKey);
-        actionsMap === null || actionsMap === void 0 ? void 0 : actionsMap.clear();
-        stateMap.delete(uniqueKey);
-    }, [stateMap]);
-    react_1.default.useEffect(() => {
-        if (!stateMap)
-            return;
-        const valueChangedListener = (changed) => {
-            if (registeredSharedSetStateActionMapRef.current.has(changed.key)) {
-                const value = stateMap === null || stateMap === void 0 ? void 0 : stateMap.get(changed.key);
-                const actionMap = registeredSharedSetStateActionMapRef.current.get(changed.key);
-                actionMap === null || actionMap === void 0 ? void 0 : actionMap.forEach((setLocalStateHandler) => {
-                    setLocalStateHandler(value);
-                });
-            }
-        };
-        stateMap.on("valueChanged", valueChangedListener);
-        // Set initial values
-        stateMap.forEach((value, key) => {
-            const actionMap = registeredSharedSetStateActionMapRef.current.get(key);
-            actionMap === null || actionMap === void 0 ? void 0 : actionMap.forEach((setLocalStateHandler) => {
-                setLocalStateHandler(value);
-            });
-        });
-        return () => {
-            stateMap === null || stateMap === void 0 ? void 0 : stateMap.off("valueChanged", valueChangedListener);
-        };
-    }, [stateMap]);
-    return {
-        registerSharedSetStateAction,
-        unregisterSharedSetStateAction,
-        updateSharedState,
-        deleteSharedState,
-    };
-};
-exports.useSharedStateRegistry = useSharedStateRegistry;
-const useStateMap = (container) => {
-    const [stateMap, setStateMap] = react_1.default.useState();
-    react_1.default.useEffect(() => {
-        if (!container) {
-            return;
-        }
-        const rootDataObject = (0, internal_1.getRootDataObject)(container);
-        const rootDirectory = (0, internal_1.getRootDirectory)(rootDataObject);
-        const turboDir = rootDirectory.getSubDirectory(internal_1.TurboDirectory);
-        turboDir === null || turboDir === void 0 ? void 0 : turboDir.get(internal_1.TurboStateMap).get().then((state) => {
-            setStateMap(state);
-        });
-    }, [container]);
-    return stateMap;
-};
-//# sourceMappingURL=useSharedStateRegistry.js.map

package/bin/cjs/shared-hooks/useSharedStateRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSharedStateRegistry.js","sourceRoot":"","sources":["../../../src/shared-hooks/useSharedStateRegistry.ts"],"names":[],"mappings":"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"}

package/bin/cjs/shared-hooks/useSharedTree.d.ts

@@ -1,57 +0,0 @@
-import { ImplicitFieldSchema, TreeViewConfiguration, InsertableTreeFieldFromImplicitField } from "fluid-framework";
-import { IUseSharedTreeResults } from "../types/index.js";
-/**
- * Creates a new Fluid `SharedTree` instance if one doesn't already exist.
- * @remarks
- * Use the `root` variable from the {@link IUseSharedTreeResults} response from this hook with {@link useTreeNode}.
- * This makes `root` stateful with React whenever a leaf of `root` changes.
- *
- * @param uniqueKey the unique key for the `SharedTree`. If one does not yet exist, a new `SharedTree` will be created.
- * Otherwise it will use the existing one.
- * @param treeViewConfiguration the tree view configuration that contains the `SharedTree` field schema.
- * @param initialData the initial data to load into the `SharedTree` when it is first created.
- * @returns the {@link IUseSharedTreeResults} with the `root` node.
- *
- * @example
- * ```tsx
- * import { SchemaFactory, TreeViewConfiguration } from "fluid-framework";
- * import { useSharedTree, useTreeNode } from "@microsoft/live-share-react";
- * // Declare a schema factory with your unique uuid
- * const sf = new SchemaFactory("fc1db2e8-0000-11ee-be57-0242ac120002");
- * class YourObject extends sf.object("YourObject", {
- *  listChangedCount: sf.number,
- *  list: sf.array(sf.string),
- * }) {
- *  // You can add your own utility functions
- *  insert() {
- *      this.list.insertAtEnd("some text");
- *      this.listChangedCount += 1;
- *  }
- * }
- * const config = new TreeViewConfiguration({ schema: YourObject });
- * const initialData = new YourObject({
- *  number: 0,
- *  list: [],
- * });
- *
- * // Must be child component of <LiveShareProvider> or <AzureProvider>
- * export const YourComponent = () => {
- *  // Get the root node of the `SharedTree` mapped to "some-unique-key"
- *  const { root } = useSharedTree("some-unique-key", config, initialData);
- *  // Makes root stateful / automatically update when the node changes (e.g., node.count)
- *  const { node } = useTreeNode(root);
- *  // node.list is its own TreeNode, so we make it stateful as well
- *  const { node: list } = useTreeNode(node?.list);
- *  if (!node || !list) return (<>"Loading"</>);
- *  return (
- *      <div>
- *          <div>Changed: {node.listChangedCount}</div>
- *          <button onClick={() => node.insert()}>Insert</button>
- *          { list.map((item) => <div key={item}>{item}</div>) }
- *      </div>
- *  );
- * }
- * ```
- */
-export declare function useSharedTree<TSchema extends ImplicitFieldSchema = ImplicitFieldSchema>(uniqueKey: string, treeViewConfiguration: TreeViewConfiguration<TSchema>, initialData: InsertableTreeFieldFromImplicitField<TSchema>): IUseSharedTreeResults<TSchema>;
-//# sourceMappingURL=useSharedTree.d.ts.map

package/bin/cjs/shared-hooks/useSharedTree.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSharedTree.d.ts","sourceRoot":"","sources":["../../../src/shared-hooks/useSharedTree.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EACnB,qBAAqB,EAIrB,oCAAoC,EAEvC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,wBAAgB,aAAa,CACzB,OAAO,SAAS,mBAAmB,GAAG,mBAAmB,EAEzD,SAAS,EAAE,MAAM,EACjB,qBAAqB,EAAE,qBAAqB,CAAC,OAAO,CAAC,EACrD,WAAW,EAAE,oCAAoC,CAAC,OAAO,CAAC,GAC3D,qBAAqB,CAAC,OAAO,CAAC,CAuEhC"}

package/bin/cjs/shared-hooks/useSharedTree.js

@@ -1,123 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSharedTree = useSharedTree;
-const fluid_framework_1 = require("fluid-framework");
-const index_js_1 = require("../shared-hooks/index.js");
-const react_1 = __importDefault(require("react"));
-/**
- * Creates a new Fluid `SharedTree` instance if one doesn't already exist.
- * @remarks
- * Use the `root` variable from the {@link IUseSharedTreeResults} response from this hook with {@link useTreeNode}.
- * This makes `root` stateful with React whenever a leaf of `root` changes.
- *
- * @param uniqueKey the unique key for the `SharedTree`. If one does not yet exist, a new `SharedTree` will be created.
- * Otherwise it will use the existing one.
- * @param treeViewConfiguration the tree view configuration that contains the `SharedTree` field schema.
- * @param initialData the initial data to load into the `SharedTree` when it is first created.
- * @returns the {@link IUseSharedTreeResults} with the `root` node.
- *
- * @example
- * ```tsx
- * import { SchemaFactory, TreeViewConfiguration } from "fluid-framework";
- * import { useSharedTree, useTreeNode } from "@microsoft/live-share-react";
- * // Declare a schema factory with your unique uuid
- * const sf = new SchemaFactory("fc1db2e8-0000-11ee-be57-0242ac120002");
- * class YourObject extends sf.object("YourObject", {
- *  listChangedCount: sf.number,
- *  list: sf.array(sf.string),
- * }) {
- *  // You can add your own utility functions
- *  insert() {
- *      this.list.insertAtEnd("some text");
- *      this.listChangedCount += 1;
- *  }
- * }
- * const config = new TreeViewConfiguration({ schema: YourObject });
- * const initialData = new YourObject({
- *  number: 0,
- *  list: [],
- * });
- *
- * // Must be child component of <LiveShareProvider> or <AzureProvider>
- * export const YourComponent = () => {
- *  // Get the root node of the `SharedTree` mapped to "some-unique-key"
- *  const { root } = useSharedTree("some-unique-key", config, initialData);
- *  // Makes root stateful / automatically update when the node changes (e.g., node.count)
- *  const { node } = useTreeNode(root);
- *  // node.list is its own TreeNode, so we make it stateful as well
- *  const { node: list } = useTreeNode(node?.list);
- *  if (!node || !list) return (<>"Loading"</>);
- *  return (
- *      <div>
- *          <div>Changed: {node.listChangedCount}</div>
- *          <button onClick={() => node.insert()}>Insert</button>
- *          { list.map((item) => <div key={item}>{item}</div>) }
- *      </div>
- *  );
- * }
- * ```
- */
-function useSharedTree(uniqueKey, treeViewConfiguration, initialData) {
-    const [treeView, setTreeView] = react_1.default.useState();
-    const [root, setRoot] = react_1.default.useState();
-    const onFirstInitialize = react_1.default.useCallback((newDDS) => {
-        try {
-            // Create a `treeView` with the provided `treeViewConfiguration`
-            const _treeView = newDDS.viewWith(treeViewConfiguration);
-            if (_treeView.compatibility.canInitialize) {
-                // Set initial data
-                _treeView.initialize(initialData);
-            }
-            // `onFirstInitialize` is only called for the user that created the tree, but we need this object for all clients.
-            // Dispose, since we will call `sharedTree.viewWith` in a `useEffect` down below and set it to state.
-            _treeView.dispose();
-        }
-        catch (err) {
-            console.error(err);
-        }
-    }, [treeViewConfiguration, initialData]);
-    /**
-     * User facing: dynamically load the `SharedTree` DDS for the given unique key.
-     */
-    const { dds: sharedTree } = (0, index_js_1.useDynamicDDS)(uniqueKey, fluid_framework_1.SharedTree, onFirstInitialize);
-    /**
-     * Sets the tree view and root view
-     */
-    react_1.default.useEffect(() => {
-        if (!sharedTree)
-            return;
-        let _treeView = undefined;
-        try {
-            // Create a `treeView` with the provided `treeViewConfiguration`
-            _treeView = sharedTree.viewWith(treeViewConfiguration);
-            setTreeView(_treeView);
-        }
-        catch (err) {
-            console.error(err);
-        }
-        // Listen for changes to root view
-        const updateRoot = () => {
-            if (_treeView === null || _treeView === void 0 ? void 0 : _treeView.compatibility.canView) {
-                setRoot(_treeView.root);
-            }
-            else {
-                setRoot(undefined);
-            }
-        };
-        updateRoot();
-        const unsubscribeToRoot = _treeView === null || _treeView === void 0 ? void 0 : _treeView.events.on("rootChanged", updateRoot);
-        return () => {
-            _treeView === null || _treeView === void 0 ? void 0 : _treeView.dispose();
-            unsubscribeToRoot === null || unsubscribeToRoot === void 0 ? void 0 : unsubscribeToRoot();
-        };
-    }, [sharedTree, treeViewConfiguration]);
-    return {
-        treeView,
-        sharedTree,
-        root,
-    };
-}
-//# sourceMappingURL=useSharedTree.js.map

package/bin/cjs/shared-hooks/useSharedTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSharedTree.js","sourceRoot":"","sources":["../../../src/shared-hooks/useSharedTree.ts"],"names":[],"mappings":";;;;;AAkEA,sCA6EC;AA/ID,qDAQyB;AAEzB,uDAAsE;AACtE,kDAA0B;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,SAAgB,aAAa,CAGzB,SAAiB,EACjB,qBAAqD,EACrD,WAA0D;IAE1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAqB,CAAC;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GACjB,eAAK,CAAC,QAAQ,EAAuC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,eAAK,CAAC,WAAW,CACvC,CAAC,MAAa,EAAQ,EAAE;QACpB,IAAI,CAAC;YACD,gEAAgE;YAChE,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;YACzD,IAAI,SAAS,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC;gBACxC,mBAAmB;gBACnB,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACtC,CAAC;YACD,kHAAkH;YAClH,qGAAqG;YACrG,SAAS,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;IACL,CAAC,EACD,CAAC,qBAAqB,EAAE,WAAW,CAAC,CACvC,CAAC;IACF;;OAEG;IACH,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAa,EACrC,SAAS,EACT,4BAAU,EACV,iBAAiB,CACpB,CAAC;IAEF;;OAEG;IACH,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAI,SAAS,GAAkC,SAAS,CAAC;QACzD,IAAI,CAAC;YACD,gEAAgE;YAChE,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;YACvD,WAAW,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;QAED,kCAAkC;QAClC,MAAM,UAAU,GAAG,GAAS,EAAE;YAC1B,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAAC,OAAO,EAAE,CAAC;gBACnC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,SAAS,CAAC,CAAC;YACvB,CAAC;QACL,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QACb,MAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,EAAE,CAC1C,aAAa,EACb,UAAU,CACb,CAAC;QACF,OAAO,GAAG,EAAE;YACR,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,CAAC;YACrB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,EAAI,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAExC,OAAO;QACH,QAAQ;QACR,UAAU;QACV,IAAI;KACP,CAAC;AACN,CAAC"}

package/bin/cjs/shared-hooks/useTreeNode.d.ts

@@ -1,96 +0,0 @@
-import { TreeChangeEvents, TreeNode } from "fluid-framework";
-import { IUseTreeNodeResults } from "../types/index.js";
-/**
- * Makes a provided Fluid `TreeNode` stateful in React.
- *
- * @param node the Fluid `SharedTree` `TreeNode` instance to make stateful.
- * @param stateChangeType listener type to apply changes for. Default value is "nodeChanged", which has the most optimal performance.
- * Provide "treeChanged" to make all children nodes stateful as well when those child nodes change.
- * When using the default, you must pass all child `TreeNode` values into `useTreeNode` for them to be stateful as well.
- * @returns a stateful version `node`
- *
- * @example
- * Example using default `"nodeChanged"` `stateChangeType`
- * ```tsx
- * import { SchemaFactory, TreeViewConfiguration } from "fluid-framework";
- * import { useSharedTree, useTreeNode } from "@microsoft/live-share-react";
- * // Declare a schema factory with your unique uuid
- * const sf = new SchemaFactory("fc1db2e8-0000-11ee-be57-0242ac120002");
- * class YourObject extends sf.object("YourObject", {
- *  listChangedCount: sf.number,
- *  list: sf.array(sf.string),
- * }) {
- *  // You can add your own utility functions
- *  insert() {
- *      this.list.insertAtEnd("some text");
- *      this.listChangedCount += 1;
- *  }
- * }
- * const config = new TreeViewConfiguration({ schema: YourObject });
- * const initialData = new YourObject({
- *  number: 0,
- *  list: [],
- * });
- *
- * // Must be child component of <LiveShareProvider> or <AzureProvider>
- * export const YourComponent = () => {
- *  // Get the root node of the `SharedTree` mapped to "some-unique-key"
- *  const { root } = useSharedTree("some-unique-key", config, initialData);
- *  // Makes root stateful / automatically update when the node changes (e.g., node.count)
- *  const { node } = useTreeNode(root);
- *  // node.list is its own TreeNode, so we make it stateful as well
- *  const { node: list } = useTreeNode(node?.list);
- *  if (!node || !list) return (<>"Loading"</>);
- *  return (
- *      <div>
- *          <div>Changed: {node.listChangedCount}</div>
- *          <button onClick={() => node.insert()}>Insert</button>
- *          { list.map((item) => <div key={item}>{item}</div>) }
- *      </div>
- *  );
- * }
- * ```
- *
- * @example
- * Example using `"treeChanged"` `stateChangeType`
- * ```tsx
- * import { SchemaFactory, TreeViewConfiguration } from "fluid-framework";
- * import { useSharedTree, useTreeNode } from "@microsoft/live-share-react";
- * // Declare a schema factory with your unique uuid
- * const sf = new SchemaFactory("fc1db2e8-0000-11ee-be57-0242ac120002");
- *
- * class ChildObject extends sf.object("ChildObject", {
- *  count: sf.number,
- * }) {
- *  increment() {
- *      this.count += 1;
- *  }
- * }
- *
- * class YourObject extends sf.object("YourObject", {
- *  child: ChildObject,
- * }) {}
- * const config = new TreeViewConfiguration({ schema: YourObject });
- * const initialData = new YourObject({
- *  child: new ChildObject({ count: 0 }),
- * });
- *
- * // Must be child component of <LiveShareProvider> or <AzureProvider>
- * export const YourComponent = () => {
- *  // Get the root node of the `SharedTree` mapped to "some-unique-key"
- *  const { root } = useSharedTree("some-unique-key", config, initialData);
- *  // Using "treeChanged" prop makes all children nodes stateful as well.
- *  // Use with caution / measure render performance with React dev tools.
- *  const { node } = useTreeNode(root, "treeChanged");
- *  if (!node) return (<>"Loading"</>);
- *  return (
- *      <div>
- *          <div>Changed: {node.child.count}</div>
- *          <button onClick={() => node.increment()}>Insert</button>
- *      </div>
- *  );
- * }
- * ```
- */
-export declare function useTreeNode<TNode extends TreeNode | undefined = TreeNode>(node: TNode, stateChangeType?: keyof TreeChangeEvents): IUseTreeNodeResults<TNode>;
-//# sourceMappingURL=useTreeNode.d.ts.map

package/bin/cjs/shared-hooks/useTreeNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTreeNode.d.ts","sourceRoot":"","sources":["../../../src/shared-hooks/useTreeNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,gBAAgB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAQxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,QAAQ,GAAG,SAAS,GAAG,QAAQ,EACrE,IAAI,EAAE,KAAK,EACX,eAAe,GAAE,MAAM,gBAAgC,GACxD,mBAAmB,CAAC,KAAK,CAAC,CA0C5B"}

package/bin/cjs/shared-hooks/useTreeNode.js

@@ -1,135 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTreeNode = useTreeNode;
-const fluid_framework_1 = require("fluid-framework");
-const react_1 = require("react");
-const tree_node_utils_js_1 = require("./internals/tree-node-utils.js");
-/**
- * Makes a provided Fluid `TreeNode` stateful in React.
- *
- * @param node the Fluid `SharedTree` `TreeNode` instance to make stateful.
- * @param stateChangeType listener type to apply changes for. Default value is "nodeChanged", which has the most optimal performance.
- * Provide "treeChanged" to make all children nodes stateful as well when those child nodes change.
- * When using the default, you must pass all child `TreeNode` values into `useTreeNode` for them to be stateful as well.
- * @returns a stateful version `node`
- *
- * @example
- * Example using default `"nodeChanged"` `stateChangeType`
- * ```tsx
- * import { SchemaFactory, TreeViewConfiguration } from "fluid-framework";
- * import { useSharedTree, useTreeNode } from "@microsoft/live-share-react";
- * // Declare a schema factory with your unique uuid
- * const sf = new SchemaFactory("fc1db2e8-0000-11ee-be57-0242ac120002");
- * class YourObject extends sf.object("YourObject", {
- *  listChangedCount: sf.number,
- *  list: sf.array(sf.string),
- * }) {
- *  // You can add your own utility functions
- *  insert() {
- *      this.list.insertAtEnd("some text");
- *      this.listChangedCount += 1;
- *  }
- * }
- * const config = new TreeViewConfiguration({ schema: YourObject });
- * const initialData = new YourObject({
- *  number: 0,
- *  list: [],
- * });
- *
- * // Must be child component of <LiveShareProvider> or <AzureProvider>
- * export const YourComponent = () => {
- *  // Get the root node of the `SharedTree` mapped to "some-unique-key"
- *  const { root } = useSharedTree("some-unique-key", config, initialData);
- *  // Makes root stateful / automatically update when the node changes (e.g., node.count)
- *  const { node } = useTreeNode(root);
- *  // node.list is its own TreeNode, so we make it stateful as well
- *  const { node: list } = useTreeNode(node?.list);
- *  if (!node || !list) return (<>"Loading"</>);
- *  return (
- *      <div>
- *          <div>Changed: {node.listChangedCount}</div>
- *          <button onClick={() => node.insert()}>Insert</button>
- *          { list.map((item) => <div key={item}>{item}</div>) }
- *      </div>
- *  );
- * }
- * ```
- *
- * @example
- * Example using `"treeChanged"` `stateChangeType`
- * ```tsx
- * import { SchemaFactory, TreeViewConfiguration } from "fluid-framework";
- * import { useSharedTree, useTreeNode } from "@microsoft/live-share-react";
- * // Declare a schema factory with your unique uuid
- * const sf = new SchemaFactory("fc1db2e8-0000-11ee-be57-0242ac120002");
- *
- * class ChildObject extends sf.object("ChildObject", {
- *  count: sf.number,
- * }) {
- *  increment() {
- *      this.count += 1;
- *  }
- * }
- *
- * class YourObject extends sf.object("YourObject", {
- *  child: ChildObject,
- * }) {}
- * const config = new TreeViewConfiguration({ schema: YourObject });
- * const initialData = new YourObject({
- *  child: new ChildObject({ count: 0 }),
- * });
- *
- * // Must be child component of <LiveShareProvider> or <AzureProvider>
- * export const YourComponent = () => {
- *  // Get the root node of the `SharedTree` mapped to "some-unique-key"
- *  const { root } = useSharedTree("some-unique-key", config, initialData);
- *  // Using "treeChanged" prop makes all children nodes stateful as well.
- *  // Use with caution / measure render performance with React dev tools.
- *  const { node } = useTreeNode(root, "treeChanged");
- *  if (!node) return (<>"Loading"</>);
- *  return (
- *      <div>
- *          <div>Changed: {node.child.count}</div>
- *          <button onClick={() => node.increment()}>Insert</button>
- *      </div>
- *  );
- * }
- * ```
- */
-function useTreeNode(node, stateChangeType = "nodeChanged") {
-    // When we return a proxied node to a developer, it's possible they will pass it back to us in this hook.
-    // We can't listen using Tree.on using a proxy node though...
-    // Thus, if we are already listening to a node from another instance of this hook, we look for the unproxied node.
-    const rawNode = (0, tree_node_utils_js_1.getRawNode)(node);
-    const [proxyNode, setProxyNode] = (0, react_1.useState)(rawNode);
-    const treeProxyMapRef = (0, react_1.useRef)(new WeakMap());
-    (0, react_1.useEffect)(() => {
-        if (!rawNode)
-            return;
-        // Set default value
-        setProxyNode(rawNode);
-        function onNodeChanged() {
-            if (!rawNode)
-                return;
-            const proxyNode = (0, tree_node_utils_js_1.buildProxy)(rawNode, treeProxyMapRef.current);
-            setProxyNode(proxyNode);
-        }
-        // Listen to Fluid's base node from their TreeView so Fluid flex nodes continue to work
-        const unsubscribeListeners = [
-            fluid_framework_1.Tree.on(rawNode, "nodeChanged", onNodeChanged),
-        ];
-        if (stateChangeType === "treeChanged") {
-            // Recursively for all child nodes of this node in the tree
-            (0, tree_node_utils_js_1.setUpListenersForNodeChildren)(rawNode, rawNode, treeProxyMapRef.current, unsubscribeListeners, 
-            // TODO: fix typing so casting isn't necessary
-            setProxyNode);
-        }
-        return () => {
-            unsubscribeListeners.forEach((unsubscribe) => unsubscribe());
-        };
-    }, [rawNode, stateChangeType]);
-    return {
-        node: proxyNode,
-    };
-}
-//# sourceMappingURL=useTreeNode.js.map

package/bin/cjs/shared-hooks/useTreeNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTreeNode.js","sourceRoot":"","sources":["../../../src/shared-hooks/useTreeNode.ts"],"names":[],"mappings":";;AAqGA,kCA6CC;AAlJD,qDAAmE;AAEnE,iCAAoD;AACpD,uEAIwC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,SAAgB,WAAW,CACvB,IAAW,EACX,kBAA0C,aAAa;IAEvD,yGAAyG;IACzG,6DAA6D;IAC7D,kHAAkH;IAClH,MAAM,OAAO,GAAG,IAAA,+BAAU,EAAC,IAAI,CAAC,CAAC;IACjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAQ,OAAO,CAAC,CAAC;IAC3D,MAAM,eAAe,GAAG,IAAA,cAAM,EAA8B,IAAI,OAAO,EAAE,CAAC,CAAC;IAE3E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,oBAAoB;QACpB,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,SAAS,aAAa;YAClB,IAAI,CAAC,OAAO;gBAAE,OAAO;YAErB,MAAM,SAAS,GAAG,IAAA,+BAAU,EAAC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;YAC/D,YAAY,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC;QACD,uFAAuF;QACvF,MAAM,oBAAoB,GAAmB;YACzC,sBAAI,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC;SACjD,CAAC;QACF,IAAI,eAAe,KAAK,aAAa,EAAE,CAAC;YACpC,2DAA2D;YAC3D,IAAA,kDAA6B,EACzB,OAAO,EACP,OAAO,EACP,eAAe,CAAC,OAAO,EACvB,oBAAoB;YACpB,8CAA8C;YAC9C,YAAmB,CACtB,CAAC;QACN,CAAC;QACD,OAAO,GAAG,EAAE;YACR,oBAAoB,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/B,OAAO;QACH,IAAI,EAAE,SAAS;KAClB,CAAC;AACN,CAAC"}