Merge pull request #3338 from motiondivision/feature/next-page-transitions

Exporting APIs for view transitions

Author: mattgperry

packages/motion-dom/src/index.ts

@@ -35,6 +35,7 @@ export * from "./animation/waapi/start-waapi-animation"
 export * from "./animation/waapi/supports/partial-keyframes"
 export * from "./animation/waapi/supports/waapi"
 export * from "./animation/waapi/utils/accelerated-values"
+export * from "./animation/waapi/utils/apply-generator"
 export * from "./animation/waapi/utils/linear"
 
 export * from "./effects/attr"
@@ -121,6 +122,8 @@ export * from "./value/utils/is-motion-value"
 
 export * from "./view"
 export * from "./view/types"
+export * from "./view/utils/get-layer-info"
+export * from "./view/utils/get-view-animations"
 
 /**
  * Deprecated

packages/motion-dom/src/view/start.ts

@@ -10,7 +10,7 @@ import type { ViewTransitionBuilder } from "./index"
 import { ViewTransitionTarget } from "./types"
 import { chooseLayerType } from "./utils/choose-layer-type"
 import { css } from "./utils/css"
-import { getLayerName } from "./utils/get-layer-name"
+import { getViewAnimationLayerInfo } from "./utils/get-layer-info"
 import { getViewAnimations } from "./utils/get-view-animations"
 import { hasTarget } from "./utils/has-target"
 
@@ -150,7 +150,7 @@ export function startViewAnimation(
                 const { pseudoElement } = effect
                 if (!pseudoElement) continue
 
-                const name = getLayerName(pseudoElement)
+                const name = getViewAnimationLayerInfo(pseudoElement)
                 if (!name) continue
 
                 const targetDefinition = targets.get(name.layer)

packages/motion-dom/src/view/utils/get-layer-name.ts renamed to packages/motion-dom/src/view/utils/get-layer-info.ts

@@ -1,4 +1,4 @@
-export function getLayerName(pseudoElement: string) {
+export function getViewAnimationLayerInfo(pseudoElement: string) {
     const match = pseudoElement.match(
         /::view-transition-(old|new|group|image-pair)\((.*?)\)/
     )