[Propose] Convert Repo to mono-repository setup about analytics-next HOT 7 CLOSED

import * as React from 'react';
import { Analytics, AnalyticsBrowser, Context as TContext } from '@segment/analytics-next';
import { useQuery } from 'react-query';
import { AnalyticsSettings, InitOptions } from '@segment/analytics-next/src/analytics';
import { UseQueryOptions } from 'react-query/types/react/types';

type OmittedQueryOption =
  | 'queryKey'
  | 'select'
  | 'queryFn'
  | 'refetchOnMount'
  | 'refetchOnReconnect'
  | 'refetchOnWindowFocus';

type UseSegmentAnalyticsProps = {
  options?: Omit<
    UseQueryOptions<[Analytics, TContext], unknown, { analytics: Analytics; context: TContext }>,
    OmittedQueryOption
  >;
  settings: AnalyticsSettings;
  initOptions?: InitOptions;
};

function useSegmentAnalytics(props: UseSegmentAnalyticsProps) {
  const query = useQuery<[Analytics, TContext], unknown, { analytics: Analytics; context: TContext }>({
    ...(props.options ?? {}),
    queryKey: ['@segment/analytics-next/analytics-browser/load', props.settings.writeKey],
    refetchOnMount: false,
    refetchOnReconnect: false,
    refetchOnWindowFocus: false,
    select(data) {
      return {
        analytics: data[0],
        context: data[1],
      };
    },
    queryFn() {
      // @ts-ignore
      return AnalyticsBrowser.load(props.settings, props.initOptions ?? {});
    },
  });

  return {
    isReady: query.isSuccess,
    analytics: query.data?.analytics,
    context: query.data?.context,
  };
}

const Context = React.createContext<ReturnType<typeof useSegmentAnalytics>>(undefined);

export function useSegmentAnalyticsContext() {
  return React.useContext(Context);
}

type SegmentAnalyticsV2Props = React.PropsWithChildren<UseSegmentAnalyticsProps>;

export function SegmentAnalytics(props: SegmentAnalyticsV2Props) {
  const query = useSegmentAnalytics(props);
  return <Context.Provider value={query}>{props.children}</Context.Provider>;
}