Function createStore

packages/joint-react/src/data/create-store.ts:144–243

(options?: StoreOptions)

 * ```
 */
export function createStore(options?: StoreOptions): Store {
  const { initialElements } = options || {};

  const graph = createGraph(options);
  // set elements to the graph
  setElements({
    graph,
    initialElements,
  });
  // create store data - caching the elements and links for the react
  const data = createStoreData();
  const elementsEvents = subscribeHandler(forceUpdate);

  const unsubscribe = listenToCellChange(graph, onCellChange);

  data.updateStore(graph);
  graph.on('batch:stop', onBatchStop);

  const measuredNodes = new Set<dia.Cell.ID>();

  /**
   * Force update the graph.
   * This function is called when the graph is updated.
   * It checks if there are any unsized links and processes them.
   * @returns changed ids
   */
  function forceUpdate(): Set<dia.Cell.ID> {
    return data.updateStore(graph);
  }
  /**
   * This function is called when a cell changes.
   * It checks if the graph has an active batch and returns if it does.
   * Otherwise, it notifies the subscribers of the elements events.
   * @param cell - The cell that changed.
   */
  function onCellChange() {
    if (graph.hasActiveBatch()) {
      return;
    }

    elementsEvents.notifySubscribers();
  }

  /**
   * This function is called when the batch stops.
   */
  function onBatchStop() {
    elementsEvents.notifySubscribers();
  }

  /**
   * Cleanup the store.
   */
  function destroy() {
    unsubscribe();
    graph.off('batch:stop', onBatchStop);
    graph.clear();
    data.destroy();