Function processItem

packages/core/lib/data/walk-app-state.ts:96–158

(
    item: ComponentData,
    path: string[],
    index: number
  )

  };

  const processItem = (
    item: ComponentData,
    path: string[],
    index: number
  ): ComponentData => {
    const mappedItem = mapNodeOrSkip(item, path, index);

    // Only modify the item if the user has returned it, enabling us to prevent unnecessary mapping and creating new references, which results in re-renders
    if (!mappedItem) return item;

    const id = mappedItem.props.id;

    const newProps = {
      ...mapFields(
        mappedItem,
        {
          slot: ({ value, parentId, propPath }) => {
            const content = value as Content;
            const zoneCompound = `${parentId}:${propPath}`;

            const [_, newContent] = processContent(
              path,
              zoneCompound,
              content,
              "slot",
              parentId
            );

            return newContent;
          },
        },
        config
      ).props,
      id,
    };

    processRelatedZones(item, id, path);

    const newItem = { ...mappedItem, props: newProps };

    const thisZoneCompound = path[path.length - 1];
    const [parentId, zone] = thisZoneCompound
      ? thisZoneCompound.split(":")
      : [null, ""];

    newNodeIndex[id] = {
      data: newItem,
      flatData: flattenNode(newItem, config) as ComponentData,
      path,
      parentId,
      zone,
    };

    // For now, we strip type and id from root. This may change in future.
    const finalData: any = { ...newItem, props: { ...newItem.props } };

    if (newProps.id === "root") {
      delete finalData["type"];