Function PluginContextProvider

packages/graphiql-react/src/plugin.tsx:71–156

({
  onTogglePluginVisibility,
  children,
  visiblePlugin,
  plugins: $plugins,
  referencePlugin,
})

};

export const PluginContextProvider: FC<PluginContextProviderProps> = ({
  onTogglePluginVisibility,
  children,
  visiblePlugin,
  plugins: $plugins,
  referencePlugin,
}) => {
  const storage = useStorageContext();
  const plugins = (() => {
    const pluginList: GraphiQLPlugin[] = [];
    const pluginTitles: Record<string, true> = {};
    for (const plugin of $plugins || []) {
      if (typeof plugin.title !== 'string' || !plugin.title) {
        throw new Error('All GraphiQL plugins must have a unique title');
      }
      if (pluginTitles[plugin.title]) {
        throw new Error(
          `All GraphiQL plugins must have a unique title, found two plugins with the title '${plugin.title}'`,
        );
      } else {
        pluginList.push(plugin);
        pluginTitles[plugin.title] = true;
      }
    }

    return pluginList;
  })();

  const [$visiblePlugin, internalSetVisiblePlugin] =
    useState<GraphiQLPlugin | null>(() => {
      const storedValue = storage?.get(STORAGE_KEY);
      const pluginForStoredValue = plugins.find(
        plugin => plugin.title === storedValue,
      );
      if (pluginForStoredValue) {
        return pluginForStoredValue;
      }
      if (storedValue) {
        storage?.set(STORAGE_KEY, '');
      }

      if (!visiblePlugin) {
        return null;
      }

      return (
        plugins.find(
          plugin =>
            (typeof visiblePlugin === 'string' ? plugin.title : plugin) ===
            visiblePlugin,
        ) || null
      );
    });

  const setVisiblePlugin: PluginContextType['setVisiblePlugin'] = // eslint-disable-line react-hooks/exhaustive-deps -- false positive, function is optimized by react-compiler, no need to wrap with useCallback
    plugin => {
      const newVisiblePlugin = plugin
        ? plugins.find(