view-transitions-mock 0.0.1 → 1.0.0

package/README.md

@@ -6,7 +6,32 @@ Mock support for `document.startViewTransition` in browsers with no support.
 
 This library mocks `document.startViewTransition` along with `document.activeViewTransition`. With the mock installed, you can safely call `document.startViewTransition()` – and rely on its promises and what not – without it throwing an error in browsers that have no support for it.
 
-This way, you don’t need to sprinkle the `if (document.startViewTransition) …` check throughout your code.
+This way, you don’t need to sprinkle `if (document.startViewTransition) …` checks throughout your code.
+
+- Without `view-transitions-mock`:
+
+    ```javascript
+    document.querySelector('button').addEventListener('click', async () => {
+      if (document.startViewTransition) {
+        document.querySelector('#thing').style.viewTransitionName = 'the-thing';
+        const t = document.startViewTransition(updateTheDOM);
+        await t.finished;
+        document.querySelector('#thing').style.viewTransitionName = '';
+      } else {
+        updateTheDOM();
+      }
+    });
+
+- With `view-transitions-mock` registered:
+
+    ```javascript
+    document.querySelector('button').addEventListener('click', async () => {
+        document.querySelector('#thing').style.viewTransitionName = 'the-thing';
+        const t = document.startViewTransition(updateTheDOM);
+        await t.finished;
+        document.querySelector('#thing').style.viewTransitionName = '';
+    });
+    ```
 
 ## Installation
 
@@ -27,7 +52,28 @@ npm i view-transitions-mock
 
 2. Done.
 
-TIP: To force the registration, call `register(true)` instead of `register()`. Doing so will override the native implementation of View Transitions.
+## Registration Configuration
+
+By default, the registation of `view-transitions-mock` checks whether `document.startViewTransition` and View Transition Types are supported or not. When both are supported, it won’t register the mock.
+
+You can tweak the registration by passing an object with the following properties into the `register` function:
+
+- `requireTypes` _(`Boolean`, default value: `true`)_: Require support for View Transition Types.
+- `forced` _(`Boolean`, default value: `false`)_: Force register the mock, regardless of support.
+
+For example, if you are not relying on View Transition Types, call `register` as follows so that it does not register the mock in Firefox 144–146 which does not have support for View Transition Types:
+
+```javascript
+import { register } from "view-transitions-mock";
+register({ requireTypes: false });
+```
+
+Or if you want to disable native support for Same-Document View Transitions entirely – handy if you want to test how your site looks without View Transitions – call `register` as follows:
+
+```javascript
+import { register } from "view-transitions-mock";
+register({ forced: true });
+```
 
 ## License
 

package/dist/index.d.ts

@@ -23,7 +23,13 @@ declare module "types" {
     }
     interface ViewTransitionTypeSet extends Set<string> {
     }
-    export { ViewTransition, ViewTransitionUpdateCallback, StartViewTransitionOptions, ViewTransitionTypeSet, };
+    type ViewTransitionPhase = "pending-capture" | "update-callback-called" | "animating" | "done";
+    const possibleViewTransitionPhases: ViewTransitionPhase[];
+    type RegistrationTrigger = {
+        requireTypes: boolean;
+        forced: boolean;
+    };
+    export { ViewTransition, ViewTransitionUpdateCallback, StartViewTransitionOptions, ViewTransitionTypeSet, ViewTransitionPhase, possibleViewTransitionPhases, RegistrationTrigger, };
 }
 declare module "classes/ViewTransitionTypeSet" {
     /**
@@ -41,33 +47,37 @@ declare module "classes/ViewTransition" {
      * Copyright 2026 Google LLC
      * SPDX-License-Identifier: Apache-2.0
      */
-    import { ViewTransition as ViewTransitionInterface, ViewTransitionUpdateCallback } from "types";
+    import WatchablePromise from "watchable-promise";
+    import { ViewTransition as ViewTransitionInterface, ViewTransitionUpdateCallback, ViewTransitionPhase } from "types";
     import { ViewTransitionTypeSet } from "classes/ViewTransitionTypeSet";
     const setAllowClassCreation: (value: boolean) => void;
     export { setAllowClassCreation };
     class ViewTransition implements ViewTransitionInterface {
         #private;
-        constructor(updateCallback: ViewTransitionUpdateCallback);
-        skipTransition: () => Promise<void>;
-        get finished(): Promise<void>;
-        get ready(): Promise<void>;
-        get updateCallbackDone(): Promise<void>;
+        constructor();
+        skipTransition: () => undefined;
+        get updateCallbackDone(): WatchablePromise<void>;
+        get ready(): WatchablePromise<void>;
+        get finished(): WatchablePromise<void>;
         get types(): ViewTransitionTypeSet;
+        set phase(phase: ViewTransitionPhase);
+        get phase(): ViewTransitionPhase;
+        set updateCallback(callback: ViewTransitionUpdateCallback);
+        get updateCallback(): ViewTransitionUpdateCallback | null;
     }
     export { ViewTransition };
 }
 declare module "same-document" {
-    /**
-     * Copyright 2026 Google LLC
-     * SPDX-License-Identifier: Apache-2.0
-     */
     import { ViewTransitionUpdateCallback, StartViewTransitionOptions } from "types";
     import { ViewTransition } from "classes/ViewTransition";
     const startViewTransition: (params?: ViewTransitionUpdateCallback | StartViewTransitionOptions) => ViewTransition;
     const getActiveViewTranstion: () => ViewTransition | null;
-    export { startViewTransition, getActiveViewTranstion };
+    const skipTheViewTransition: (transition: ViewTransition, reason?: any) => Promise<undefined>;
+    export { startViewTransition, getActiveViewTranstion, skipTheViewTransition };
 }
 declare module "index" {
-    const register: (force?: boolean) => void;
-    export { register };
+    import { RegistrationTrigger } from "types";
+    const register: (registrationTrigger?: RegistrationTrigger) => void;
+    const unregister: () => void;
+    export { register, unregister };
 }

package/dist/index.js

@@ -1,5 +1,81 @@
+// node_modules/watchable-promise/dist/index.js
+var WatchablePromise = class _WatchablePromise extends Promise {
+  #settled = false;
+  #state = "pending";
+  #value;
+  #resolve;
+  #reject;
+  constructor(executor) {
+    let resolve;
+    let reject;
+    super((res, rej) => {
+      resolve = res;
+      reject = rej;
+    });
+    this.#resolve = resolve;
+    this.#reject = reject;
+    this.then(
+      (value) => {
+        this.#state = "fulfilled";
+        this.#value = value;
+        this.#settled = true;
+      },
+      (reason) => {
+        this.#state = "rejected";
+        this.#value = reason;
+        this.#settled = true;
+      }
+    );
+    executor(this.#resolve, this.#reject);
+  }
+  resolve(value) {
+    return this.#resolve(value);
+  }
+  reject(reason) {
+    return this.#reject(reason);
+  }
+  get settled() {
+    return this.#settled;
+  }
+  get state() {
+    return this.#state;
+  }
+  get value() {
+    return this.#value;
+  }
+  static from(existingPromise) {
+    return new _WatchablePromise((resolve, reject) => {
+      existingPromise.then(resolve, reject);
+    });
+  }
+  static withResolvers() {
+    let resolve;
+    let reject;
+    const promise = new _WatchablePromise((res, rej) => {
+      resolve = res;
+      reject = rej;
+    });
+    return { promise, resolve, reject };
+  }
+  static get [Symbol.species]() {
+    return Promise;
+  }
+  get [Symbol.toStringTag]() {
+    return "WatchablePromise";
+  }
+};
+var index_default = WatchablePromise;
+
+// src/types.ts
+var possibleViewTransitionPhases = [
+  "pending-capture",
+  "update-callback-called",
+  "animating",
+  "done"
+];
+
 // src/classes/ViewTransitionTypeSet.ts
-var ViewTransitionTypeSet = class extends Set {
+var ViewTransitionTypeSet2 = class extends Set {
   constructor() {
     super();
   }
@@ -10,110 +86,95 @@ var allowClassCreation = false;
 var setAllowClassCreation = (value) => {
   allowClassCreation = value;
 };
-var ViewTransition = class {
-  constructor(updateCallback) {
-    // We need this flag to be able to skip the transition before it actually starts.
-    this.#isBeingSkipped = false;
-    this.#start = async () => {
-      if (this.#isBeingSkipped == false) {
-        try {
-          await this.#flushTheUpdateCallbackQueue();
-          this.#resolveReady();
-          this.#resolveFinished();
-        } catch (e) {
-          this.#rejectReady();
-          this.#rejectFinished();
-        }
-      }
-    };
+var ViewTransition2 = class {
+  constructor() {
+    this.#updateCallback = null;
+    // The phase – One of the possible VT phases, initially "pending-capture"
+    this.#phase = possibleViewTransitionPhases[0];
+    // #start = async (): Promise<void> => {
+    //   if (this.#isBeingSkipped == false) {
+    //     try {
+    //       await this.#flushTheUpdateCallbackQueue();
+    //       this.#ready.resolve();
+    //       this.#finished.resolve();
+    //     } catch (e) {
+    //       this.#ready.reject();
+    //       this.#finished.reject();
+    //     }
+    //   }
+    // };
     // @ref https://drafts.csswg.org/css-view-transitions-1/#dom-viewtransition-skiptransition
-    // Spec: If this’s phase is not "done", then skip the view transition for this with an "AbortError" DOMException.
-    this.skipTransition = async () => {
-      this.#isBeingSkipped = true;
-      await this.#rejectReady(
-        new DOMException("Transition was skipped", "AbortError")
-      );
-      if (this.#updateCallbackState == "pending") {
-        try {
-          await this.#flushTheUpdateCallbackQueue();
-        } catch (e) {
-        }
-      }
-      if (this.#updateCallbackState == "resolved") {
-        this.#resolveFinished();
-      } else {
-        this.#rejectFinished();
+    this.skipTransition = () => {
+      if (this.#phase !== "done") {
+        skipTheViewTransition(
+          this,
+          new DOMException(
+            "ViewTransition.skipTransition() was called",
+            "AbortError"
+          )
+        );
       }
-    };
-    this.#flushTheUpdateCallbackQueue = async () => {
-      try {
-        this.#updateCallback();
-        this.#updateCallbackState = "resolved";
-        this.#resolveUpdateCallbackDone();
-      } catch (e) {
-        this.#updateCallbackState = "rejected";
-        this.#rejectUpdateCallbackDone();
-      }
-      return this.#updateCallbackDone;
+      return void 0;
     };
     if (!allowClassCreation) {
       throw new TypeError("Illegal constructor");
     }
-    this.#updateCallbackState = "pending";
-    this.#updateCallbackDone = new Promise((res, rej) => {
-      this.#resolveUpdateCallbackDone = res;
-      this.#rejectUpdateCallbackDone = rej;
+    this.#updateCallbackDone = new index_default((resolve, reject) => {
     });
-    this.#ready = new Promise((res, rej) => {
-      this.#resolveReady = res;
-      this.#rejectReady = rej;
+    this.#ready = new index_default((resolve, reject) => {
     });
-    this.#finished = new Promise((res, rej) => {
-      this.#resolveFinished = res;
-      this.#rejectFinished = rej;
+    this.#finished = new index_default((resolve, reject) => {
     });
-    this.#types = new ViewTransitionTypeSet();
-    this.#updateCallback = updateCallback;
-    window.queueMicrotask(this.#start);
+    this.#types = new ViewTransitionTypeSet2();
   }
   // The promises and their resolve/reject functions
   #finished;
-  // @ts-ignore
-  #resolveFinished;
-  // @ts-ignore
-  #rejectFinished;
   #ready;
-  // @ts-ignore
-  #resolveReady;
-  // @ts-ignore
-  #rejectReady;
   #updateCallbackDone;
-  // @ts-ignore
-  #resolveUpdateCallbackDone;
-  // @ts-ignore
-  #rejectUpdateCallbackDone;
-  #updateCallbackState;
   #types;
   #updateCallback;
-  #isBeingSkipped;
-  #start;
-  #flushTheUpdateCallbackQueue;
-  get finished() {
-    return this.#finished;
+  #phase;
+  // @TODO: The spec defines this as Promise<undefined>
+  get updateCallbackDone() {
+    return this.#updateCallbackDone;
   }
+  // @TODO: The spec defines this as Promise<undefined>
   get ready() {
     return this.#ready;
   }
-  get updateCallbackDone() {
-    return this.#updateCallbackDone;
+  // @TODO: The spec defines this as Promise<undefined>
+  get finished() {
+    return this.#finished;
   }
   get types() {
     return this.#types;
   }
+  // @TODO: This should not be exposed
+  set phase(phase) {
+    if (!possibleViewTransitionPhases.includes(phase)) {
+      throw new Error("Invalid phase");
+    }
+    this.#phase = phase;
+  }
+  // @TODO: This should not be exposed
+  get phase() {
+    return this.#phase;
+  }
+  // @TODO: This should not be expose
+  set updateCallback(callback) {
+    this.#updateCallback = callback;
+  }
+  get updateCallback() {
+    return this.#updateCallback;
+  }
+  // @TODO: transitionRoot
+  // @TODO: waitUntil
 };
 
 // src/same-document.ts
 var activeViewTransition = null;
+var updateCallbackQueue = [];
+var renderingSuppression = false;
 var startViewTransition = (params) => {
   let callback = null;
   let types = [];
@@ -127,44 +188,235 @@ var startViewTransition = (params) => {
     callback = () => {
     };
   }
-  if (activeViewTransition) {
-    activeViewTransition.skipTransition();
-    activeViewTransition = null;
-  }
   setAllowClassCreation(true);
-  const transition = new ViewTransition(callback);
+  const transition = new ViewTransition2();
   setAllowClassCreation(false);
   types.forEach((t) => transition.types.add(t));
-  activeViewTransition = transition;
-  transition.finished.then(() => {
+  transition.updateCallback = callback;
+  if (document.visibilityState === "hidden") {
+    skipTheViewTransition(
+      transition,
+      new DOMException(
+        `The document's visibility state is "hidden"`,
+        "InvalidStateError"
+      )
+    );
+    return transition;
+  }
+  if (activeViewTransition) {
+    skipTheViewTransition(
+      activeViewTransition,
+      new DOMException(
+        "Document.startViewTransition() was called",
+        "AbortError"
+      )
+    );
     activeViewTransition = null;
+  }
+  activeViewTransition = transition;
+  window.queueMicrotask(async () => {
+    await performPendingOperations();
   });
   return transition;
 };
 var getActiveViewTranstion = () => {
   return activeViewTransition;
 };
+var performPendingOperations = async () => {
+  if (activeViewTransition) {
+    if (activeViewTransition.phase === "pending-capture") {
+      await setupViewTransition(activeViewTransition);
+    }
+    if (activeViewTransition.phase === "animating") {
+      await handleTransitionFrame(activeViewTransition);
+    }
+    requestAnimationFrame(async () => {
+      await performPendingOperations();
+    });
+  }
+};
+var setupViewTransition = async (transition) => {
+  await flushTheUpdateCallbackQueue();
+  renderingSuppression = true;
+  window.queueMicrotask(async () => {
+    if (transition.phase === "done") return;
+    scheduleTheUpdateCallback(transition);
+  });
+};
+var scheduleTheUpdateCallback = (transition) => {
+  updateCallbackQueue.push(transition);
+  window.queueMicrotask(async () => {
+    await flushTheUpdateCallbackQueue();
+  });
+};
+var skipTheViewTransition = async (transition, reason) => {
+  if (transition.phase === "done") {
+    throw new Error('Assertion failed: transition\u2019s phase is not "done"');
+  }
+  if (possibleViewTransitionPhases.indexOf(transition.phase) < possibleViewTransitionPhases.indexOf("update-callback-called")) {
+    scheduleTheUpdateCallback(transition);
+  }
+  renderingSuppression = false;
+  if (document.activeViewTransition === transition) {
+    clearViewTransition(transition);
+  }
+  transition.phase = "done";
+  await transition.ready.reject(reason);
+  await transition.updateCallbackDone.resolve();
+  if (transition.updateCallbackDone.state === "fulfilled") {
+    await transition.finished.resolve(transition.updateCallbackDone.value);
+  } else {
+    await transition.finished.reject();
+  }
+  if (transition.finished.state === "fulfilled") return void 0;
+};
+var flushTheUpdateCallbackQueue = async () => {
+  for (const transition of updateCallbackQueue) {
+    await callTheUpdateCallback(transition);
+  }
+  updateCallbackQueue = [];
+};
+var handleTransitionFrame = async (transition) => {
+  let hasActiveAnimations = false;
+  if (hasActiveAnimations === false) {
+    transition.phase = "done";
+    clearViewTransition(transition);
+    await transition.finished.resolve();
+    return;
+  }
+};
+var callTheUpdateCallback = async (transition) => {
+  if (!(transition.phase === "done" || possibleViewTransitionPhases.indexOf(transition.phase) < possibleViewTransitionPhases.indexOf("update-callback-called"))) {
+    debugger;
+    throw new Error(
+      `Assertion failed: transition\u2019s phase is "done", or before "update-callback-called". The transition\u2019s phase is "${transition.phase}"`
+    );
+  }
+  if (transition.phase !== "done") {
+    transition.phase = "update-callback-called";
+  }
+  let callbackPromise = null;
+  if (transition.updateCallback === null) {
+    callbackPromise = new index_default((resolve, reject) => {
+    });
+    await callbackPromise.resolve(void 0);
+  } else {
+    callbackPromise = new index_default((resolve, reject) => {
+    });
+    await callbackPromise.resolve(await transition.updateCallback());
+  }
+  let fulfillSteps = async () => {
+    await transition.updateCallbackDone.resolve();
+    await activateViewTransition(transition);
+  };
+  let rejectSteps = async (reason) => {
+    await transition.updateCallbackDone.reject(reason);
+    if (transition.phase === "done") return;
+    await transition.ready.resolve();
+    await skipTheViewTransition(transition, reason);
+  };
+  if (callbackPromise.state === "fulfilled") {
+    await fulfillSteps();
+  } else {
+    await rejectSteps(callbackPromise.value);
+  }
+};
+var activateViewTransition = async (transition) => {
+  if (transition.phase === "done") return;
+  renderingSuppression = false;
+  transition.phase = "animating";
+  await transition.ready.resolve();
+};
+var clearViewTransition = (transition) => {
+  if (transition !== activeViewTransition) {
+    throw new Error(
+      "Assertion failed: transition !== document.activeViewTransition"
+    );
+  }
+  activeViewTransition = null;
+};
 
 // src/index.ts
 var registered = false;
-var register = (force = false) => {
+var nativeImplementations = {
+  ViewTransition: window.ViewTransition,
+  ViewTransitionTypeSet: window.ViewTransitionTypeSet,
+  startViewTransition: document.startViewTransition,
+  activeViewTransition: Reflect.getOwnPropertyDescriptor(
+    Document.prototype,
+    "activeViewTransition"
+  )
+};
+var defaultRegistrationTrigger = {
+  requireTypes: true,
+  forced: false
+};
+var register = (registrationTrigger = defaultRegistrationTrigger) => {
   if (registered) return;
-  if (!document.startViewTransition || force) {
+  const requireTypesSupport = registrationTrigger.requireTypes;
+  const forceRegister = registrationTrigger.forced;
+  const hasSameDocumentViewTransitionsSupport = !!document.startViewTransition;
+  const hasViewTransitionTypesSupport = hasSameDocumentViewTransitionsSupport && nativeImplementations.ViewTransition && "types" in nativeImplementations.ViewTransition.prototype;
+  const needsRegistration = !hasSameDocumentViewTransitionsSupport || hasSameDocumentViewTransitionsSupport && !hasViewTransitionTypesSupport && requireTypesSupport || forceRegister;
+  if (needsRegistration) {
     Reflect.defineProperty(window, "ViewTransition", {
-      value: ViewTransition
+      value: ViewTransition2,
+      configurable: true
     });
     Reflect.defineProperty(window, "ViewTransitionTypeSet", {
-      value: ViewTransitionTypeSet
+      value: ViewTransitionTypeSet2,
+      configurable: true
     });
     Reflect.defineProperty(document, "activeViewTransition", {
-      get: getActiveViewTranstion
+      get: getActiveViewTranstion,
+      configurable: true
+    });
+    Reflect.defineProperty(document, "startViewTransition", {
+      value: startViewTransition,
+      configurable: true,
+      writable: true
     });
-    document.startViewTransition = startViewTransition;
     registered = true;
     console.info("Support for Same-Document View Transitions is now mocked");
   }
 };
+var unregister = () => {
+  if (!registered) return;
+  if (nativeImplementations.ViewTransition) {
+    Reflect.defineProperty(window, "ViewTransition", {
+      value: nativeImplementations.ViewTransition
+    });
+  } else {
+    Reflect.deleteProperty(window, "ViewTransition");
+  }
+  if (nativeImplementations.ViewTransitionTypeSet) {
+    Reflect.defineProperty(window, "ViewTransitionTypeSet", {
+      value: nativeImplementations.ViewTransitionTypeSet
+    });
+  } else {
+    Reflect.deleteProperty(window, "ViewTransitionTypeSet");
+  }
+  if (nativeImplementations.activeViewTransition) {
+    Reflect.defineProperty(
+      document,
+      "activeViewTransition",
+      nativeImplementations.activeViewTransition
+    );
+  } else {
+    Reflect.deleteProperty(document, "activeViewTransition");
+  }
+  if (nativeImplementations.startViewTransition) {
+    document.startViewTransition = nativeImplementations.startViewTransition;
+  } else {
+    Reflect.deleteProperty(document, "startViewTransition");
+  }
+  registered = false;
+  console.info(
+    "Support for Same-Document View Transitions is no longer mocked"
+  );
+};
 export {
-  register
+  register,
+  unregister
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/classes/ViewTransitionTypeSet.ts", "../src/classes/ViewTransition.ts", "../src/same-document.ts", "../src/index.ts"],
-  "sourcesContent": ["/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { ViewTransitionTypeSet as ViewTransitionTypeSetInterface } from \"../types\";\n\nclass ViewTransitionTypeSet\n  extends Set<string>\n  implements ViewTransitionTypeSetInterface\n{\n  constructor() {\n    super();\n  }\n}\nexport { ViewTransitionTypeSet };\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {\n  ViewTransition as ViewTransitionInterface,\n  ViewTransitionUpdateCallback,\n} from \"../types\";\nimport { ViewTransitionTypeSet } from \"./ViewTransitionTypeSet\";\n\ntype ResolveFunction = (value: void | PromiseLike<void>) => void;\ntype RejectFunction = (reason?: any) => void;\ntype PromiseStatus = \"pending\" | \"resolved\" | \"rejected\";\n\nlet allowClassCreation = false;\nconst setAllowClassCreation = (value: boolean): void => {\n  allowClassCreation = value;\n};\nexport { setAllowClassCreation };\n\nclass ViewTransition implements ViewTransitionInterface {\n  // The promises and their resolve/reject functions\n  #finished: Promise<void>;\n  // @ts-ignore\n  #resolveFinished: ResolveFunction;\n  // @ts-ignore\n  #rejectFinished: RejectFunction;\n\n  #ready: Promise<void>;\n  // @ts-ignore\n  #resolveReady: ResolveFunction;\n  // @ts-ignore\n  #rejectReady: RejectFunction;\n\n  #updateCallbackDone: Promise<void>;\n  // @ts-ignore\n  #resolveUpdateCallbackDone: ResolveFunction;\n  // @ts-ignore\n  #rejectUpdateCallbackDone: RejectFunction;\n  #updateCallbackState: PromiseStatus;\n\n  #types: ViewTransitionTypeSet;\n  #updateCallback: ViewTransitionUpdateCallback;\n\n  // We need this flag to be able to skip the transition before it actually starts.\n  #isBeingSkipped = false;\n\n  constructor(updateCallback: ViewTransitionUpdateCallback) {\n    // Prevent externals from creating an instance\n    if (!allowClassCreation) {\n      throw new TypeError(\"Illegal constructor\");\n    }\n\n    // The updateCallbackDone promise.\n    this.#updateCallbackState = \"pending\";\n    this.#updateCallbackDone = new Promise((res, rej) => {\n      this.#resolveUpdateCallbackDone = res;\n      this.#rejectUpdateCallbackDone = rej;\n    });\n\n    // The ready promise.\n    this.#ready = new Promise((res, rej) => {\n      this.#resolveReady = res;\n      this.#rejectReady = rej;\n    });\n\n    // The finished promise.\n    this.#finished = new Promise((res, rej) => {\n      this.#resolveFinished = res;\n      this.#rejectFinished = rej;\n    });\n\n    // The types\n    this.#types = new ViewTransitionTypeSet();\n\n    // The updateCallback\n    this.#updateCallback = updateCallback;\n\n    // Start the transition\n    window.queueMicrotask(this.#start);\n  }\n\n  #start = async (): Promise<void> => {\n    if (this.#isBeingSkipped == false) {\n      try {\n        await this.#flushTheUpdateCallbackQueue();\n        this.#resolveReady();\n        this.#resolveFinished();\n      } catch (e) {\n        this.#rejectReady();\n        this.#rejectFinished();\n      }\n    }\n  };\n\n  // @ref https://drafts.csswg.org/css-view-transitions-1/#dom-viewtransition-skiptransition\n  // Spec: If this\u2019s phase is not \"done\", then skip the view transition for this with an \"AbortError\" DOMException.\n  skipTransition = async (): Promise<void> => {\n    this.#isBeingSkipped = true;\n\n    // Spec: Reject transition\u2019s ready promise with reason.\n    // @TODO: Ready should not reject if already resolved\n    await this.#rejectReady(\n      new DOMException(\"Transition was skipped\", \"AbortError\"),\n    );\n\n    // Spec: If transition\u2019s phase is before \"update-callback-called\", then schedule the update callback for transition.\n    if (this.#updateCallbackState == \"pending\") {\n      try {\n        await this.#flushTheUpdateCallbackQueue();\n      } catch (e) {}\n    }\n\n    // Spec: Resolve transition\u2019s finished promise with the result of reacting to transition\u2019s update callback done promise\n    if (this.#updateCallbackState == \"resolved\") {\n      this.#resolveFinished();\n    } else {\n      this.#rejectFinished();\n    }\n  };\n\n  #flushTheUpdateCallbackQueue = async (): Promise<void> => {\n    try {\n      this.#updateCallback();\n\n      this.#updateCallbackState = \"resolved\";\n      this.#resolveUpdateCallbackDone();\n    } catch (e) {\n      this.#updateCallbackState = \"rejected\";\n      this.#rejectUpdateCallbackDone();\n    }\n\n    return this.#updateCallbackDone;\n  };\n\n  get finished(): Promise<void> {\n    return this.#finished;\n  }\n\n  get ready(): Promise<void> {\n    return this.#ready;\n  }\n\n  get updateCallbackDone(): Promise<void> {\n    return this.#updateCallbackDone;\n  }\n\n  get types(): ViewTransitionTypeSet {\n    return this.#types;\n  }\n}\n\nexport { ViewTransition };\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {\n  ViewTransitionUpdateCallback,\n  StartViewTransitionOptions,\n} from \"./types\";\nimport {\n  ViewTransition,\n  setAllowClassCreation,\n} from \"./classes/ViewTransition\";\n\nlet activeViewTransition: ViewTransition | null = null;\n\nconst startViewTransition = (\n  params?: ViewTransitionUpdateCallback | StartViewTransitionOptions,\n): ViewTransition => {\n  let callback: ViewTransitionUpdateCallback | null | undefined = null;\n  let types: string[] = [];\n\n  // Extract the callback and types\n  if (typeof params === \"function\") {\n    callback = params;\n  } else if (params && typeof params === \"object\") {\n    callback = params.update;\n    types = params.types ?? [];\n  }\n\n  // Make sure there is a callback\n  if (!callback) {\n    callback = () => {};\n  }\n\n  // If there already is a ViewTransition active, skip that first\n  if (activeViewTransition) {\n    activeViewTransition.skipTransition();\n    activeViewTransition = null;\n  }\n\n  // Create the (Mocked) View Transition\n  setAllowClassCreation(true);\n  const transition = new ViewTransition(callback);\n  setAllowClassCreation(false);\n  types.forEach((t) => transition.types.add(t));\n\n  // Store it as the activeViewTransition\n  activeViewTransition = transition;\n  transition.finished.then(() => {\n    activeViewTransition = null;\n  });\n\n  // Return it\n  return transition;\n};\n\nconst getActiveViewTranstion = (): ViewTransition | null => {\n  return activeViewTransition;\n};\n\nexport { startViewTransition, getActiveViewTranstion };\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { startViewTransition, getActiveViewTranstion } from \"./same-document\";\n\nimport { ViewTransition } from \"./classes/ViewTransition\";\nimport { ViewTransitionTypeSet } from \"./classes/ViewTransitionTypeSet\";\n\nlet registered = false;\n\nconst register = (force: boolean = false): void => {\n  if (registered) return;\n\n  if (!document.startViewTransition || force) {\n    Reflect.defineProperty(window, \"ViewTransition\", {\n      value: ViewTransition,\n    });\n\n    Reflect.defineProperty(window, \"ViewTransitionTypeSet\", {\n      value: ViewTransitionTypeSet,\n    });\n\n    Reflect.defineProperty(document, \"activeViewTransition\", {\n      get: getActiveViewTranstion,\n    });\n\n    document.startViewTransition = startViewTransition;\n\n    registered = true;\n\n    console.info(\"Support for Same-Document View Transitions is now mocked\");\n  }\n};\n\nexport { register };\n"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../node_modules/watchable-promise/src/index.ts", "../src/types.ts", "../src/classes/ViewTransitionTypeSet.ts", "../src/classes/ViewTransition.ts", "../src/same-document.ts", "../src/index.ts"],
+  "sourcesContent": ["class WatchablePromise<T> extends Promise<T> {\n  #settled = false;\n  #state: \"pending\" | \"fulfilled\" | \"rejected\" = \"pending\";\n  #value: T | any;\n  #resolve: (value: T | PromiseLike<T>) => void;\n  #reject: (reason?: any) => void;\n\n  constructor(\n    executor: (\n      resolve: (value: T | PromiseLike<T>) => void,\n      reject: (reason?: any) => void,\n    ) => void,\n  ) {\n    let resolve: (value: T | PromiseLike<T>) => void;\n    let reject: (reason?: any) => void;\n\n    super((res, rej) => {\n      resolve = res;\n      reject = rej;\n    });\n\n    // @ts-ignore\n    this.#resolve = resolve;\n    // @ts-ignore\n    this.#reject = reject;\n\n    this.then(\n      (value) => {\n        this.#state = \"fulfilled\";\n        this.#value = value;\n        this.#settled = true;\n      },\n      (reason) => {\n        this.#state = \"rejected\";\n        this.#value = reason;\n        this.#settled = true;\n      },\n    );\n\n    executor(this.#resolve, this.#reject);\n  }\n\n  resolve(value: T) {\n    return this.#resolve(value);\n  }\n\n  reject(reason?: any) {\n    return this.#reject(reason);\n  }\n\n  get settled() {\n    return this.#settled;\n  }\n\n  get state() {\n    return this.#state;\n  }\n\n  get value() {\n    return this.#value;\n  }\n\n  static from<T>(existingPromise: Promise<T>): WatchablePromise<T> {\n    return new WatchablePromise<T>((resolve, reject) => {\n      existingPromise.then(resolve, reject);\n    });\n  }\n\n  static withResolvers<T>() {\n    let resolve: (value: T | PromiseLike<T>) => void;\n    let reject: (reason?: any) => void;\n    const promise = new WatchablePromise<T>((res, rej) => {\n      resolve = res;\n      reject = rej;\n    });\n    // @ts-ignore\n    return { promise, resolve, reject };\n  }\n\n  static get [Symbol.species]() {\n    return Promise;\n  }\n\n  get [Symbol.toStringTag]() {\n    return \"WatchablePromise\";\n  }\n}\n\nexport default WatchablePromise;\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\ndeclare global {\n  interface Document {\n    activeViewTransition: ViewTransition | null;\n    startViewTransition(\n      callbackOptions?:\n        | ViewTransitionUpdateCallback\n        | StartViewTransitionOptions,\n    ): ViewTransition;\n  }\n}\n\ninterface ViewTransition {\n  readonly finished: Promise<void>;\n  readonly ready: Promise<void>;\n  readonly updateCallbackDone: Promise<void>;\n  readonly types: ViewTransitionTypeSet;\n  skipTransition(): void;\n}\n\ntype ViewTransitionUpdateCallback = () => void | Promise<void>;\n\ninterface StartViewTransitionOptions {\n  update: ViewTransitionUpdateCallback | null;\n  types?: string[] | null;\n}\n\ninterface ViewTransitionTypeSet extends Set<string> {}\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#viewtransition-phase\ntype ViewTransitionPhase =\n  | \"pending-capture\"\n  | \"update-callback-called\"\n  | \"animating\"\n  | \"done\";\n\nconst possibleViewTransitionPhases: ViewTransitionPhase[] = [\n  \"pending-capture\",\n  \"update-callback-called\",\n  \"animating\",\n  \"done\",\n];\n\ntype RegistrationTrigger = {\n  requireTypes: boolean;\n  forced: boolean;\n};\n\nexport {\n  ViewTransition,\n  ViewTransitionUpdateCallback,\n  StartViewTransitionOptions,\n  ViewTransitionTypeSet,\n  ViewTransitionPhase,\n  possibleViewTransitionPhases,\n  RegistrationTrigger,\n};\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { ViewTransitionTypeSet as ViewTransitionTypeSetInterface } from \"../types\";\n\nclass ViewTransitionTypeSet\n  extends Set<string>\n  implements ViewTransitionTypeSetInterface\n{\n  constructor() {\n    super();\n  }\n}\nexport { ViewTransitionTypeSet };\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport WatchablePromise from \"watchable-promise\";\n\nimport {\n  ViewTransition as ViewTransitionInterface,\n  ViewTransitionUpdateCallback,\n  ViewTransitionPhase,\n  possibleViewTransitionPhases,\n} from \"../types\";\nimport { ViewTransitionTypeSet } from \"./ViewTransitionTypeSet\";\nimport { skipTheViewTransition } from \"../same-document\";\n\ntype ResolveFunction = (value: void | PromiseLike<void>) => void;\ntype RejectFunction = (reason?: any) => void;\n\nlet allowClassCreation = false;\nconst setAllowClassCreation = (value: boolean): void => {\n  allowClassCreation = value;\n};\nexport { setAllowClassCreation };\n\nclass ViewTransition implements ViewTransitionInterface {\n  // The promises and their resolve/reject functions\n  #finished: WatchablePromise<void>;\n  #ready: WatchablePromise<void>;\n  #updateCallbackDone: WatchablePromise<void>;\n\n  #types: ViewTransitionTypeSet;\n  #updateCallback: ViewTransitionUpdateCallback | null = null;\n\n  // The phase \u2013 One of the possible VT phases, initially \"pending-capture\"\n  #phase = possibleViewTransitionPhases[0];\n\n  constructor() {\n    // Prevent externals from creating an instance\n    if (!allowClassCreation) {\n      throw new TypeError(\"Illegal constructor\");\n    }\n\n    // The updateCallbackDone promise.\n    this.#updateCallbackDone = new WatchablePromise((resolve, reject) => {});\n\n    // The ready promise.\n    this.#ready = new WatchablePromise((resolve, reject) => {});\n\n    // The finished promise.\n    this.#finished = new WatchablePromise((resolve, reject) => {});\n\n    // The types\n    this.#types = new ViewTransitionTypeSet();\n  }\n\n  // #start = async (): Promise<void> => {\n  //   if (this.#isBeingSkipped == false) {\n  //     try {\n  //       await this.#flushTheUpdateCallbackQueue();\n  //       this.#ready.resolve();\n  //       this.#finished.resolve();\n  //     } catch (e) {\n  //       this.#ready.reject();\n  //       this.#finished.reject();\n  //     }\n  //   }\n  // };\n\n  // @ref https://drafts.csswg.org/css-view-transitions-1/#dom-viewtransition-skiptransition\n  skipTransition = (): undefined => {\n    // 1. If this\u2019s phase is not \"done\", then skip the view transition for this with an \"AbortError\" DOMException.\n    if (this.#phase !== \"done\") {\n      skipTheViewTransition(\n        this,\n        new DOMException(\n          \"ViewTransition.skipTransition() was called\",\n          \"AbortError\",\n        ),\n      );\n    }\n\n    return undefined;\n  };\n\n  // @TODO: The spec defines this as Promise<undefined>\n  get updateCallbackDone(): WatchablePromise<void> {\n    return this.#updateCallbackDone;\n  }\n\n  // @TODO: The spec defines this as Promise<undefined>\n  get ready(): WatchablePromise<void> {\n    return this.#ready;\n  }\n\n  // @TODO: The spec defines this as Promise<undefined>\n  get finished(): WatchablePromise<void> {\n    return this.#finished;\n  }\n\n  get types(): ViewTransitionTypeSet {\n    return this.#types;\n  }\n\n  // @TODO: This should not be exposed\n  set phase(phase: ViewTransitionPhase) {\n    if (!possibleViewTransitionPhases.includes(phase)) {\n      throw new Error(\"Invalid phase\");\n    }\n    this.#phase = phase;\n  }\n\n  // @TODO: This should not be exposed\n  get phase(): ViewTransitionPhase {\n    return this.#phase;\n  }\n\n  // @TODO: This should not be expose\n  set updateCallback(callback: ViewTransitionUpdateCallback) {\n    this.#updateCallback = callback;\n  }\n\n  get updateCallback(): ViewTransitionUpdateCallback | null {\n    return this.#updateCallback;\n  }\n\n  // @TODO: transitionRoot\n  // @TODO: waitUntil\n}\n\nexport { ViewTransition };\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport WatchablePromise from \"watchable-promise\";\n\nimport {\n  ViewTransitionUpdateCallback,\n  StartViewTransitionOptions,\n  possibleViewTransitionPhases,\n} from \"./types\";\nimport {\n  ViewTransition,\n  setAllowClassCreation,\n} from \"./classes/ViewTransition\";\n\nlet activeViewTransition: ViewTransition | null = null;\n\n// @TODO: Implement https://drafts.csswg.org/css-view-transitions-1/#page-visibility-change-steps\n\n// update callback queue \u2013 A list, initially empty.\nlet updateCallbackQueue: any[] = [];\n\nlet renderingSuppression = false;\n\nconst startViewTransition = (\n  params?: ViewTransitionUpdateCallback | StartViewTransitionOptions,\n): ViewTransition => {\n  let callback: ViewTransitionUpdateCallback | null | undefined = null;\n  let types: string[] = [];\n\n  // Extract the callback and types\n  if (typeof params === \"function\") {\n    callback = params;\n  } else if (params && typeof params === \"object\") {\n    callback = params.update;\n    types = params.types ?? [];\n  }\n\n  // @TODO: This is not spec compliant. Remove this.\n  // Make sure there is a callback\n  if (!callback) {\n    callback = () => {};\n  }\n\n  // @ref https://drafts.csswg.org/css-view-transitions-1/#ViewTransition-prepare\n\n  // 1. Let transition be a new ViewTransition object in this\u2019s relevant Realm.\n  setAllowClassCreation(true);\n  const transition = new ViewTransition();\n  setAllowClassCreation(false);\n  types.forEach((t) => transition.types.add(t));\n\n  // 2. If updateCallback is provided, set transition\u2019s update callback to updateCallback.\n  transition.updateCallback = callback;\n\n  // 3. Let document be this\u2019s relevant global object\u2019s associated document.\n  // @NOTIMPLEMENTED\n\n  // 4. If document\u2019s visibility state is \"hidden\", then skip transition with an \"InvalidStateError\" DOMException, and return transition.\n  if (document.visibilityState === \"hidden\") {\n    skipTheViewTransition(\n      transition,\n      new DOMException(\n        'The document\\'s visibility state is \"hidden\"',\n        \"InvalidStateError\",\n      ),\n    );\n    return transition;\n  }\n\n  // 5. If document\u2019s active view transition is not null, then skip that view transition with an \"AbortError\" DOMException in this\u2019s relevant Realm.\n  if (activeViewTransition) {\n    skipTheViewTransition(\n      activeViewTransition,\n      new DOMException(\n        \"Document.startViewTransition() was called\",\n        \"AbortError\",\n      ),\n    );\n    activeViewTransition = null;\n  }\n\n  // 6. Set document\u2019s active view transition to transition.\n  // NOTE: The view transition process continues in setup view transition, via perform pending transition operations.\n  activeViewTransition = transition;\n  window.queueMicrotask(async () => {\n    await performPendingOperations();\n  });\n\n  // 7. Return transition.\n  return transition;\n};\n\nconst getActiveViewTranstion = (): ViewTransition | null => {\n  return activeViewTransition;\n};\n\nconst performPendingOperations = async () => {\n  // 1. If document\u2019s active view transition is not null, then:\n  if (activeViewTransition) {\n    // 1.1. If document\u2019s active view transition\u2019s phase is \"pending-capture\", then setup view transition for document\u2019s active view transition.\n    if (activeViewTransition.phase === \"pending-capture\") {\n      await setupViewTransition(activeViewTransition);\n    }\n\n    // 1.2 Otherwise, if document\u2019s active view transition\u2019s phase is \"animating\", then handle transition frame for document\u2019s active view transition.\n    if (activeViewTransition.phase === \"animating\") {\n      // @TODO: I think we can diverge from the spec here and replace the call to handleTransitionFrame\n      // by a callback that awaits for Promise.allSettled(allAnimations.map(a => a.finished)).\n      // When doing so, we could return early here, bypassing the rAF below.\n      //\n      // However, for this to work correctly it would also require a window.resize listener to\n      // make sure the activeViewTransition gets skipped when the VP (and thus SCB changes)\n      // This check is also part of handleTransitionFrame.\n      await handleTransitionFrame(activeViewTransition);\n    }\n\n    // @NOTE: The spec says performPendingOperations should be implemented\n    // as part of the of the \u201Cupdate the rendering loop\u201D from the html spec.\n    // To fake this, We need to do this non-spec compliant call here,\n    // to make sure performPendingOperations runs at the next frame.\n    requestAnimationFrame(async () => {\n      await performPendingOperations();\n    });\n  }\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#setup-view-transition-algorithm instead\nconst setupViewTransition = async (transition: ViewTransition) => {\n  // 1. Let document be transition\u2019s relevant global object\u2019s associated document.\n  // @NOTIMPLEMENTED\n\n  // 2. Flush the update callback queue.\n  await flushTheUpdateCallbackQueue();\n\n  // 3. Capture the old state for transition.\n  // If failure is returned, then skip the view transition for transition with an \"InvalidStateError\" DOMException\n  // in transition\u2019s relevant Realm, and return.\n  // @NOTIMPLEMENTED\n\n  // 4. Set document\u2019s rendering suppression for view transitions to true.\n  renderingSuppression = true;\n\n  // 5. Queue a global task on the DOM manipulation task source, given transition\u2019s relevant global object,\n  // to perform the following steps:\n  window.queueMicrotask(async () => {\n    // 1. If transition\u2019s phase is \"done\", then abort these steps.\n    if (transition.phase === \"done\") return;\n\n    // 2. schedule the update callback for transition.\n    scheduleTheUpdateCallback(transition);\n\n    // 3. Flush the update callback queue.\n    // @NOTIMPLMENTED \u2013 As per https://github.com/w3c/csswg-drafts/issues/11987, it is noticed that\n    // scheduleTheUpdateCallback includes a call to flushTheUpdateCallbackQueue, which makes this call\n    // obsolute. Furthermore, when enabling this line right here, there is an assertion that fails.\n    // await flushTheUpdateCallbackQueue();\n  });\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#schedule-the-update-callback\nconst scheduleTheUpdateCallback = (transition: ViewTransition) => {\n  // 1. Append transition to transition\u2019s relevant settings object\u2019s update callback queue.\n  // @TODO: What is \u201Crelevant settings object\u201D?\n  // @TODO: Monitor https://github.com/w3c/csswg-drafts/issues/11986\n  updateCallbackQueue.push(transition);\n\n  // 2. Queue a global task on the DOM manipulation task source, given transition\u2019s relevant global object, to flush the update callback queue.\n  window.queueMicrotask(async () => {\n    await flushTheUpdateCallbackQueue();\n  });\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#skip-the-view-transition\nconst skipTheViewTransition = async (\n  transition: ViewTransition,\n  reason?: any,\n) => {\n  // 1. Let document be transition\u2019s relevant global object\u2019s associated document.\n  // @NOTIMPLEMENTED\n\n  // 2. Assert: transition\u2019s phase is not \"done\".\n  if (transition.phase === \"done\") {\n    throw new Error('Assertion failed: transition\u2019s phase is not \"done\"');\n  }\n\n  // 3. If transition\u2019s phase is before \"update-callback-called\", then schedule the update callback for transition.\n  if (\n    possibleViewTransitionPhases.indexOf(transition.phase) <\n    possibleViewTransitionPhases.indexOf(\"update-callback-called\")\n  ) {\n    scheduleTheUpdateCallback(transition);\n  }\n\n  // 4. Set rendering suppression for view transitions to false.\n  renderingSuppression = false;\n\n  // 5. If document\u2019s active view transition is transition, Clear view transition transition.\n  if (document.activeViewTransition === transition) {\n    clearViewTransition(transition);\n  }\n\n  // 6. Set transition\u2019s phase to \"done\".\n  transition.phase = \"done\";\n\n  // 7. Reject transition\u2019s ready promise with reason.\n  // The ready promise may already be resolved at this point, if skipTransition() is called after we start animating.\n  // In that case, this step is a no-op.\n  await transition.ready.reject(reason);\n\n  // 8. Resolve transition\u2019s finished promise with the result of reacting to transition\u2019s update callback done promise\n  //   - If the promise was fulfilled, then return undefined.\n  // @TODO: Which promise is \u201Cthe promise\u201D? The finished one or the updateCallbackDone one?\n  // @TODO: Monitor https://github.com/w3c/csswg-drafts/issues/11990\n  await transition.updateCallbackDone.resolve();\n\n  if (transition.updateCallbackDone.state === \"fulfilled\") {\n    await transition.finished.resolve(transition.updateCallbackDone.value);\n  } else {\n    await transition.finished.reject();\n  }\n\n  // @TODO: Do we need to return something else when it is not fullfilled?\n  if (transition.finished.state === \"fulfilled\") return undefined;\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#flush-the-update-callback-queue\n//\n// @TODO: Monitor https://github.com/w3c/csswg-drafts/issues/11986\n// This function takes a document but it doesn\u2019t really do anything\nconst flushTheUpdateCallbackQueue = async () => {\n  // 1. For each transition in document\u2019s update callback queue, call the update callback given transition.\n  // @TODO: Should we try-catch this?\n  for (const transition of updateCallbackQueue) {\n    await callTheUpdateCallback(transition);\n  }\n\n  // 2. Set document\u2019s update callback queue to an empty list.\n  updateCallbackQueue = [];\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#handle-transition-frame\nconst handleTransitionFrame = async (transition: ViewTransition) => {\n  // 1. Let document be transition\u2019s relevant global object\u2019s associated document.\n  // @NOTIMPLEMENTED\n\n  // 2. Let hasActiveAnimations be a boolean, initially false.\n  let hasActiveAnimations = false;\n\n  // 3. For each element of transition\u2019s transition root pseudo-element\u2019s inclusive descendants:\n  // 3.1 For each animation whose timeline is a document timeline associated with document, and contains at least one associated effect whose effect target is element, set hasActiveAnimations to true if any of the following conditions are true:\n  // - animation\u2019s play state is paused or running.\n  // - document\u2019s pending animation event queue has any events associated with animation.\n  // @NOTIMPLEMENTED\n\n  // 4. If hasActiveAnimations is false:\n  if (hasActiveAnimations === false) {\n    // 4.1 Set transition\u2019s phase to \"done\".\n    transition.phase = \"done\";\n\n    // 4.2 Clear view transition transition.\n    clearViewTransition(transition);\n\n    // 4.3 Resolve transition\u2019s finished promise.\n    await transition.finished.resolve();\n\n    // 4.4 Return.\n    return;\n  }\n\n  // 5. If transition\u2019s initial snapshot containing block size is not equal to the snapshot containing block size,\n  // then skip the view transition for transition with an \"InvalidStateError\" DOMException in transition\u2019s relevant Realm, and return.\n  // @TODO: Implement this\n\n  // 6. Update pseudo-element styles for transition.\n  // If failure is returned, then skip the view transition for transition with an \"InvalidStateError\" DOMException in transition\u2019s relevant Realm, and return.\n  // @NOTIMPLEMENTED\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#call-the-update-callback\nconst callTheUpdateCallback = async (transition: ViewTransition) => {\n  // 1. Assert: transition\u2019s phase is \"done\", or before \"update-callback-called\".\n  if (\n    !(\n      transition.phase === \"done\" ||\n      possibleViewTransitionPhases.indexOf(transition.phase) <\n        possibleViewTransitionPhases.indexOf(\"update-callback-called\")\n    )\n  ) {\n    debugger;\n    throw new Error(\n      `Assertion failed: transition\u2019s phase is \"done\", or before \"update-callback-called\". The transition\u2019s phase is \"${transition.phase}\"`,\n    );\n  }\n\n  // 2. If transition\u2019s phase is not \"done\", then set transition\u2019s phase to \"update-callback-called\".\n  if (transition.phase !== \"done\") {\n    transition.phase = \"update-callback-called\";\n  }\n\n  // 3. Let callbackPromise be null.\n  let callbackPromise = null;\n\n  // 4. If transition\u2019s update callback is null, then set callbackPromise to a promise resolved with undefined, in transition\u2019s relevant Realm.\n  if (transition.updateCallback === null) {\n    callbackPromise = new WatchablePromise((resolve, reject) => {});\n    await callbackPromise.resolve(undefined);\n  }\n\n  // 5. Otherwise, set callbackPromise to the result of invoking transition\u2019s update callback.\n  else {\n    callbackPromise = new WatchablePromise((resolve, reject) => {});\n    await callbackPromise.resolve(await transition.updateCallback());\n  }\n\n  // 6. Let fulfillSteps be the following steps:\n  let fulfillSteps = async () => {\n    // 1. Resolve transition\u2019s update callback done promise with undefined.\n    await transition.updateCallbackDone.resolve();\n\n    // 2. Activate transition.\n    await activateViewTransition(transition);\n  };\n\n  // 7. Let rejectSteps be the following steps given reason:\n  let rejectSteps = async (reason: any) => {\n    // 1. Reject transition\u2019s update callback done promise with reason.\n    await transition.updateCallbackDone.reject(reason);\n\n    // 2. If transition\u2019s phase is \"done\", then return.\n    if (transition.phase === \"done\") return;\n\n    // 3. Mark as handled transition\u2019s ready promise.\n    // @ref: https://webidl.spec.whatwg.org/#mark-a-promise-as-handled\n    await transition.ready.resolve(); // @TODO: Is this correct?\n\n    // 4. Skip the view transition transition with reason.\n    await skipTheViewTransition(transition, reason);\n  };\n\n  // 8. React to callbackPromise with fulfillSteps and rejectSteps.\n  // @TODO: Monitor https://github.com/w3c/csswg-drafts/issues/11990\n  if (callbackPromise.state === \"fulfilled\") {\n    await fulfillSteps();\n  } else {\n    await rejectSteps(callbackPromise.value);\n  }\n\n  // 9. To skip a transition after a timeout, the user agent may perform the following steps in parallel:\n  // @TODO\n\n  // 9.1. Wait for an implementation-defined duration.\n  // @TODO\n\n  // 9.2. Queue a global task on the DOM manipulation task source, given transition\u2019s relevant global object, to perform the following steps:\n  // @TODO\n\n  // 9.2.1. If transition\u2019s phase is \"done\", then return.\n  // @TODO\n\n  // 9.2.2. Skip transition with a \"TimeoutError\" DOMException.\n  // @TODO\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#activate-view-transition\nconst activateViewTransition = async (transition: ViewTransition) => {\n  // 1. If transition\u2019s phase is \"done\", then return.\n  if (transition.phase === \"done\") return;\n\n  // 2. Set transition\u2019s relevant global object\u2019s associated document\u2019s rendering suppression for view transitions to false.\n  renderingSuppression = false;\n\n  // 3. If transition\u2019s initial snapshot containing block size is not equal to the snapshot containing block size, then skip transition with an \"InvalidStateError\" DOMException in transition\u2019s relevant Realm, and return.\n  // @TODO: Implement this\n\n  // 4. Capture the new state for transition.\n  // If failure is returned, then skip transition with an \"InvalidStateError\" DOMException in transition\u2019s relevant Realm, and return.\n  // @NOTIMPLEMENTED\n\n  // 5. For each capturedElement of transition\u2019s named elements' values:\n  // @NOTIMPLEMENTED\n\n  // 6. Setup transition pseudo-elements for transition.\n  // @NOTIMPLEMENTED\n\n  // 7. Update pseudo-element styles for transition.\n  // If failure is returned, then skip the view transition for transition with an \"InvalidStateError\" DOMException in transition\u2019s relevant Realm, and return.\n  // @NOTIMPLEMENTED\n\n  // 8. Set transition\u2019s phase to \"animating\".\n  transition.phase = \"animating\";\n\n  // 9. Resolve transition\u2019s ready promise.\n  await transition.ready.resolve();\n};\n\n// @ref https://drafts.csswg.org/css-view-transitions-1/#clear-view-transition\nconst clearViewTransition = (transition: ViewTransition) => {\n  // 1. Let document be transition\u2019s relevant global object\u2019s associated document.\n  // @NOTIMPLEMENTED\n\n  // 2. Assert: document\u2019s active view transition is transition.\n  if (transition !== activeViewTransition) {\n    throw new Error(\n      \"Assertion failed: transition !== document.activeViewTransition\",\n    );\n  }\n\n  // 3. For each capturedElement of transition\u2019s named elements' values:\n  // @NOTIMPLEMENTED\n\n  // 4. Set document\u2019s show view transition tree to false.\n  // @NOTIMPLEMENTED\n\n  // 5. Set document\u2019s active view transition to null.\n  activeViewTransition = null;\n};\n\nexport { startViewTransition, getActiveViewTranstion, skipTheViewTransition };\n", "/**\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { startViewTransition, getActiveViewTranstion } from \"./same-document\";\n\nimport { ViewTransition } from \"./classes/ViewTransition\";\nimport { ViewTransitionTypeSet } from \"./classes/ViewTransitionTypeSet\";\nimport { RegistrationTrigger } from \"./types\";\n\nlet registered = false;\n\n// Store native implementations if they exist\nconst nativeImplementations = {\n  ViewTransition: window.ViewTransition,\n  ViewTransitionTypeSet: (window as any).ViewTransitionTypeSet,\n  startViewTransition: document.startViewTransition,\n  activeViewTransition: Reflect.getOwnPropertyDescriptor(\n    Document.prototype,\n    \"activeViewTransition\",\n  ),\n};\n\nconst defaultRegistrationTrigger = {\n  requireTypes: true,\n  forced: false,\n};\n\nconst register = (\n  registrationTrigger: RegistrationTrigger = defaultRegistrationTrigger,\n): void => {\n  if (registered) return;\n\n  const requireTypesSupport = registrationTrigger.requireTypes;\n  const forceRegister = registrationTrigger.forced;\n\n  const hasSameDocumentViewTransitionsSupport = !!document.startViewTransition;\n  const hasViewTransitionTypesSupport =\n    hasSameDocumentViewTransitionsSupport &&\n    nativeImplementations.ViewTransition &&\n    \"types\" in nativeImplementations.ViewTransition.prototype;\n\n  const needsRegistration =\n    !hasSameDocumentViewTransitionsSupport ||\n    (hasSameDocumentViewTransitionsSupport &&\n      !hasViewTransitionTypesSupport &&\n      requireTypesSupport) ||\n    forceRegister;\n\n  if (needsRegistration) {\n    Reflect.defineProperty(window, \"ViewTransition\", {\n      value: ViewTransition,\n      configurable: true,\n    });\n\n    Reflect.defineProperty(window, \"ViewTransitionTypeSet\", {\n      value: ViewTransitionTypeSet,\n      configurable: true,\n    });\n\n    Reflect.defineProperty(document, \"activeViewTransition\", {\n      get: getActiveViewTranstion,\n      configurable: true,\n    });\n\n    Reflect.defineProperty(document, \"startViewTransition\", {\n      value: startViewTransition,\n      configurable: true,\n      writable: true,\n    });\n\n    registered = true;\n\n    console.info(\"Support for Same-Document View Transitions is now mocked\");\n  }\n};\n\nconst unregister = (): void => {\n  if (!registered) return;\n\n  if (nativeImplementations.ViewTransition) {\n    Reflect.defineProperty(window, \"ViewTransition\", {\n      value: nativeImplementations.ViewTransition,\n    });\n  } else {\n    Reflect.deleteProperty(window, \"ViewTransition\");\n  }\n\n  if (nativeImplementations.ViewTransitionTypeSet) {\n    Reflect.defineProperty(window, \"ViewTransitionTypeSet\", {\n      value: nativeImplementations.ViewTransitionTypeSet,\n    });\n  } else {\n    Reflect.deleteProperty(window, \"ViewTransitionTypeSet\");\n  }\n\n  if (nativeImplementations.activeViewTransition) {\n    Reflect.defineProperty(\n      document,\n      \"activeViewTransition\",\n      nativeImplementations.activeViewTransition,\n    );\n  } else {\n    Reflect.deleteProperty(document, \"activeViewTransition\");\n  }\n\n  if (nativeImplementations.startViewTransition) {\n    document.startViewTransition = nativeImplementations.startViewTransition;\n  } else {\n    Reflect.deleteProperty(document, \"startViewTransition\");\n  }\n\n  registered = false;\n\n  console.info(\n    \"Support for Same-Document View Transitions is no longer mocked\",\n  );\n};\n\nexport { register, unregister };\n"],
+  "mappings": "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",
+  "names": ["ViewTransitionTypeSet", "ViewTransition", "ViewTransitionTypeSet", "ViewTransition", "ViewTransition", "ViewTransitionTypeSet"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "view-transitions-mock",
-    "version": "0.0.1",
+    "version": "1.0.0",
     "description": "Mock support for Same-Document View Transitions",
     "type": "module",
     "module": "dist/index.js",
@@ -10,8 +10,8 @@
     ],
     "scripts": {
         "clean": "rm -rf ./dist",
-        "lint": "prettier --check '{src,test,demo}/**/*.{ts,tsx,js,jsx}'",
-        "format": "prettier --write '{src,test,demo}/**/*.{ts,tsx,js,jsx}'",
+        "lint": "prettier --check '{src,tests,demo}/**/*.{ts,tsx,js,jsx}'",
+        "format": "prettier --write '{src,tests,demo}/**/*.{ts,tsx,js,jsx}'",
         "prebuild": "npm run clean",
         "build": "esbuild src/index.ts --sourcemap --bundle --outfile=dist/index.js --platform=browser --format=esm && tsc --declaration --emitDeclarationOnly --outFile dist/index.d.ts",
         "start": "concurrently --kill-others 'npm run watch' 'npm run serve'",
@@ -20,9 +20,11 @@
         "dev": "npm run start",
         "prepack": "npm run require-license-headers && npm run require-pristine-tree && npm run test",
         "prepublish": "npm run build",
-        "pretest": "npm run build",
-        "test": "echo \"No tests specified\"",
+        "type-check": "tsc --noEmit",
+        "pretest": "npm run build && npx playwright install --with-deps",
+        "test": "playwright test",
         "preversion": "npm run require-license-headers && npm run require-pristine-tree && npm run test",
+        "prepare": "husky install",
         "require-license-headers": "addlicense -check -f=./LICENSE src",
         "require-pristine-tree": "exit $(git status --porcelain | wc -l)",
         "add-license-headers": "addlicense -c 'Google LLC' -l apache -s=only -f=./LICENSE ."
@@ -46,9 +48,15 @@
     },
     "homepage": "https://github.com/GoogleChromeLabs/view-transitions-mock#readme",
     "devDependencies": {
+        "@playwright/test": "^1.42.1",
+        "@types/node": "^25.0.8",
         "concurrently": "^9.2.1",
         "esbuild": "^0.27.2",
+        "husky": "^8.0.0",
         "prettier": "^3.4.1",
         "typescript": "^5.7.2"
+    },
+    "dependencies": {
+        "watchable-promise": "^2.1.3"
     }
 }