Function Provider

src/ui-solid/Provider.tsx:48–158

(
  props: ProviderProps & {readonly children: JSXElement},
)

const EMPTY_CONTEXT = () => [] as ContextValue;

export const Provider = (
  props: ProviderProps & {readonly children: JSXElement},
): JSXElement => {
  const parentValue =
    useContext(Context)?.value ?? (EMPTY_CONTEXT as Accessor<ContextValue>);
  const [extraThingsById, setExtraThingsById] = createSignal<ExtraThingsById>(
    arrayNew(8, () => ({})) as ExtraThingsById,
  );

  const addExtraThingById = <Offset extends Offsets>(
    thingOffset: Offset,
    id: Id,
    thing: ThingsByOffset[Offset],
  ): void => {
    setExtraThingsById((extraThingsById) =>
      objGet(
        extraThingsById[thingOffset] as IdObj<ThingsByOffset[Offset]>,
        id,
      ) == thing
        ? extraThingsById
        : (arrayWith(extraThingsById, thingOffset, {
            ...(extraThingsById[thingOffset] as IdObj<ThingsByOffset[Offset]>),
            [id]: thing,
          } as ThingsById<ThingsByOffset>[Offset]) as ExtraThingsById),
    );
  };

  const delExtraThingById = (thingOffset: Offsets, id: Id): void => {
    setExtraThingsById((extraThingsById) =>
      !objHas(extraThingsById[thingOffset], id)
        ? extraThingsById
        : (arrayWith(
            extraThingsById,
            thingOffset,
            objDel(
              extraThingsById[thingOffset] as IdObj<
                ThingsByOffset[typeof thingOffset]
              >,
              id,
            ),
          ) as ExtraThingsById),
    );
  };

  const contextValue = createMemo<ContextValue>(() => [
    ...mergeParentThings(
      OFFSET_STORE,
      parentValue(),
      props.store,
      props.storesById,
      extraThingsById(),
    ),
    ...mergeParentThings(
      OFFSET_METRICS,
      parentValue(),
      props.metrics,
      props.metricsById,
      extraThingsById(),