react-router 0.0.0-experimental-4a8a492a → 0.0.0-experimental-e0f088aa

package/dist/lib/components.d.ts

@@ -2,24 +2,13 @@ import type { InitialEntry, LazyRouteFunction, Location, RelativeRoutingType, Ro
 import { Action as NavigationType } from "@remix-run/router";
 import * as React from "react";
 import type { IndexRouteObject, Navigator, NonIndexRouteObject, RouteMatch, RouteObject } from "./context";
-interface ViewTransition {
-    finished: Promise<void>;
-    ready: Promise<void>;
-    updateCallbackDone: Promise<void>;
-    skipTransition(): void;
-}
-declare global {
-    interface Document {
-        startViewTransition(cb: () => Promise<void> | void): ViewTransition;
-    }
-}
 export interface FutureConfig {
     v7_startTransition: boolean;
 }
 export interface RouterProviderProps {
     fallbackElement?: React.ReactNode;
     router: RemixRouter;
-    future?: FutureConfig;
+    future?: Partial<FutureConfig>;
 }
 /**
  * Given a Remix Router instance, render the appropriate UI
@@ -160,4 +149,3 @@ export declare function createRoutesFromChildren(children: React.ReactNode, pare
  * Renders the result of `matchRoutes()` into a React element.
  */
 export declare function renderMatches(matches: RouteMatch[] | null): React.ReactElement | null;
-export {};

package/dist/lib/context.d.ts

@@ -49,14 +49,6 @@ export interface DataRouterContextObject extends NavigationContextObject {
 }
 export declare const DataRouterContext: React.Context<DataRouterContextObject | null>;
 export declare const DataRouterStateContext: React.Context<import("@remix-run/router").RouterState | null>;
-export type ViewTransitionContextObject = {
-    isTransitioning: false;
-} | {
-    isTransitioning: true;
-    currentLocation: Location;
-    nextLocation: Location;
-};
-export declare const ViewTransitionContext: React.Context<ViewTransitionContextObject>;
 export declare const AwaitContext: React.Context<TrackedPromise | null>;
 export interface NavigateOptions {
     replace?: boolean;

package/dist/main.js

@@ -1,5 +1,5 @@
 /**
- * React Router v0.0.0-experimental-4a8a492a
+ * React Router v0.0.0-experimental-e0f088aa
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/react-router.development.js

@@ -1,5 +1,5 @@
 /**
- * React Router v0.0.0-experimental-4a8a492a
+ * React Router v0.0.0-experimental-e0f088aa
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -20,12 +20,6 @@ const DataRouterStateContext = /*#__PURE__*/React.createContext(null);
 {
   DataRouterStateContext.displayName = "DataRouterState";
 }
-const ViewTransitionContext = /*#__PURE__*/React.createContext({
-  isTransitioning: false
-});
-{
-  ViewTransitionContext.displayName = "ViewTransition";
-}
 const AwaitContext = /*#__PURE__*/React.createContext(null);
 {
   AwaitContext.displayName = "Await";
@@ -791,32 +785,6 @@ function warningOnce(key, cond, message) {
 */
 const START_TRANSITION = "startTransition";
 const startTransitionImpl = React[START_TRANSITION];
-function startTransitionSafe(cb) {
-  if (startTransitionImpl) {
-    startTransitionImpl(cb);
-  } else {
-    cb();
-  }
-}
-class Deferred {
-  constructor() {
-    this.status = "pending";
-    this.promise = new Promise((resolve, reject) => {
-      this.resolve = value => {
-        if (this.status === "pending") {
-          this.status = "resolved";
-          resolve(value);
-        }
-      };
-      this.reject = reason => {
-        if (this.status === "pending") {
-          this.status = "rejected";
-          reject(reason);
-        }
-      };
-    });
-  }
-}
 /**
  * Given a Remix Router instance, render the appropriate UI
  */
@@ -826,101 +794,19 @@ function RouterProvider({
   future
 }) {
   let [state, setStateImpl] = React.useState(router.state);
-  let [pendingState, setPendingState] = React.useState();
-  let [vtContext, setVtContext] = React.useState({
-    isTransitioning: false
-  });
-  let [renderDfd, setRenderDfd] = React.useState();
-  let [transition, setTransition] = React.useState();
-  let [interruption, setInterruption] = React.useState();
   let {
     v7_startTransition
   } = future || {};
-  let optInStartTransition = React.useCallback(cb => {
-    if (v7_startTransition) {
-      startTransitionSafe(cb);
-    } else {
-      cb();
-    }
-  }, [v7_startTransition]);
-  let setState = React.useCallback((newState, {
-    viewTransitionOpts
-  }) => {
-    if (!viewTransitionOpts || typeof document.startViewTransition !== "function") {
-      // Mid-navigation state update, or startViewTransition isn't available
-      optInStartTransition(() => setStateImpl(newState));
-    } else if (transition && renderDfd) {
-      // Interrupting an in-progress transition, cancel and let everything flush
-      // out, and then kick off a new transition from the interruption state
-      renderDfd.resolve();
-      transition.skipTransition();
-      setInterruption({
-        state: newState,
-        currentLocation: viewTransitionOpts.currentLocation,
-        nextLocation: viewTransitionOpts.nextLocation
-      });
+  let setState = React.useCallback(newState => {
+    if (v7_startTransition && startTransitionImpl) {
+      startTransitionImpl(() => setStateImpl(newState));
     } else {
-      // Completed navigation update with opted-in view transitions, let 'er rip
-      setPendingState(newState);
-      setVtContext({
-        isTransitioning: true,
-        currentLocation: viewTransitionOpts.currentLocation,
-        nextLocation: viewTransitionOpts.nextLocation
-      });
+      setStateImpl(newState);
     }
-  }, [optInStartTransition, transition, renderDfd]);
+  }, [setStateImpl, v7_startTransition]);
   // Need to use a layout effect here so we are subscribed early enough to
   // pick up on any render-driven redirects/navigations (useEffect/<Navigate>)
   React.useLayoutEffect(() => router.subscribe(setState), [router, setState]);
-  // When we start a view transition, create a Deferred we can use for the
-  // eventual "completed" render
-  React.useEffect(() => {
-    if (vtContext.isTransitioning) {
-      setRenderDfd(new Deferred());
-    }
-  }, [vtContext.isTransitioning]);
-  // Once the deferred is created, kick off startViewTransition() to update the
-  // DOM and then wait on the Deferred to resolve (indicating the DOM update has
-  // happened)
-  React.useEffect(() => {
-    if (renderDfd && pendingState) {
-      let newState = pendingState;
-      let renderPromise = renderDfd.promise;
-      let transition = document.startViewTransition(async () => {
-        optInStartTransition(() => setStateImpl(newState));
-        await renderPromise;
-      });
-      transition.finished.finally(() => {
-        setRenderDfd(undefined);
-        setTransition(undefined);
-        setPendingState(undefined);
-        setVtContext({
-          isTransitioning: false
-        });
-      });
-      setTransition(transition);
-    }
-  }, [optInStartTransition, pendingState, renderDfd]);
-  // When the new location finally renders and is committed to the DOM, this
-  // effect will run to resolve the transition
-  React.useEffect(() => {
-    if (renderDfd && pendingState && state.location.key === pendingState.location.key) {
-      renderDfd.resolve();
-    }
-  }, [renderDfd, transition, state.location, pendingState]);
-  // If we get interrupted with a new navigation during a transition, we skip
-  // the active transition, let it cleanup, then kick it off again here
-  React.useEffect(() => {
-    if (!vtContext.isTransitioning && interruption) {
-      setPendingState(interruption.state);
-      setVtContext({
-        isTransitioning: true,
-        currentLocation: interruption.currentLocation,
-        nextLocation: interruption.nextLocation
-      });
-      setInterruption(undefined);
-    }
-  }, [vtContext.isTransitioning, interruption]);
   let navigator = React.useMemo(() => {
     return {
       createHref: router.createHref,
@@ -954,8 +840,6 @@ function RouterProvider({
     value: dataRouterContext
   }, /*#__PURE__*/React.createElement(DataRouterStateContext.Provider, {
     value: state
-  }, /*#__PURE__*/React.createElement(ViewTransitionContext.Provider, {
-    value: vtContext
   }, /*#__PURE__*/React.createElement(Router, {
     basename: basename,
     location: state.location,
@@ -964,7 +848,7 @@ function RouterProvider({
   }, state.initialized ? /*#__PURE__*/React.createElement(DataRoutes, {
     routes: router.routes,
     state: state
-  }) : fallbackElement)))), null);
+  }) : fallbackElement))), null);
 }
 function DataRoutes({
   routes,
@@ -1362,5 +1246,5 @@ function createMemoryRouter(routes, opts) {
   }).initialize();
 }
 
-export { Await, MemoryRouter, Navigate, Outlet, Route, Router, RouterProvider, Routes, DataRouterContext as UNSAFE_DataRouterContext, DataRouterStateContext as UNSAFE_DataRouterStateContext, LocationContext as UNSAFE_LocationContext, NavigationContext as UNSAFE_NavigationContext, RouteContext as UNSAFE_RouteContext, ViewTransitionContext as UNSAFE_ViewTransitionContext, mapRouteProperties as UNSAFE_mapRouteProperties, useRouteId as UNSAFE_useRouteId, useRoutesImpl as UNSAFE_useRoutesImpl, createMemoryRouter, createRoutesFromChildren, createRoutesFromChildren as createRoutesFromElements, renderMatches, useBlocker as unstable_useBlocker, useActionData, useAsyncError, useAsyncValue, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes };
+export { Await, MemoryRouter, Navigate, Outlet, Route, Router, RouterProvider, Routes, DataRouterContext as UNSAFE_DataRouterContext, DataRouterStateContext as UNSAFE_DataRouterStateContext, LocationContext as UNSAFE_LocationContext, NavigationContext as UNSAFE_NavigationContext, RouteContext as UNSAFE_RouteContext, mapRouteProperties as UNSAFE_mapRouteProperties, useRouteId as UNSAFE_useRouteId, useRoutesImpl as UNSAFE_useRoutesImpl, createMemoryRouter, createRoutesFromChildren, createRoutesFromChildren as createRoutesFromElements, renderMatches, useBlocker as unstable_useBlocker, useActionData, useAsyncError, useAsyncValue, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes };
 //# sourceMappingURL=react-router.development.js.map