Function TsConfigProvider

packages/web/src/components/use-tsconfig-json.tsx:32–59

({ channel, session, children }: ProviderPropsType)

 * An interface for working with tsconfig.json.
 */
export function TsConfigProvider({ channel, session, children }: ProviderPropsType) {
  const [source, setSource] = useState(session['tsconfig.json'] || '');
  const [validationError, setValidationError] = useState<string | null>(null);

  const onChangeSource = useCallback(
    (source: string) => {
      setSource(source);

      const error = getValidationError(source);
      setValidationError(error);

      if (error === null) {
        channel.push('tsconfig.json:update', {
          source,
        });
      }
    },
    [setSource, channel, setValidationError],
  );

  const context: TsConfigContextValue = {
    source,
    onChangeSource,
    validationError,
  };

  return <TsConfigContext.Provider value={context}>{children}</TsConfigContext.Provider>;
}

export function useTsconfigJson() {
  const context = useContext(TsConfigContext);