From 326b0cf79ee6e381b146cc327d536ff658ad8d92 Mon Sep 17 00:00:00 2001 From: Martin Trapp <94928215+martrapp@users.noreply.github.com> Date: Sat, 10 Aug 2024 08:16:35 +0200 Subject: [PATCH] doc updates --- .changeset/wet-cycles-give.md | 5 +++++ README.md | 8 ++++++-- package-lock.json | 8 ++++---- package.json | 2 +- src/panel/modus.ts | 2 +- 5 files changed, 17 insertions(+), 8 deletions(-) create mode 100644 .changeset/wet-cycles-give.md diff --git a/.changeset/wet-cycles-give.md b/.changeset/wet-cycles-give.md new file mode 100644 index 0000000..2de0cdb --- /dev/null +++ b/.changeset/wet-cycles-give.md @@ -0,0 +1,5 @@ +--- +'@vtbag/inspection-chamber': patch +--- + +Updates README diff --git a/README.md b/README.md index ec93add..46c1845 100644 --- a/README.md +++ b/README.md @@ -9,11 +9,15 @@ Put your view transitions through their paces in the Inspection Chamber! The @vtbag website can be found at https://vtbag.pages.dev/ ## !!! News !!! -v1.0.4 improves opening the Chamber on mobiles, adds an explicit close button to the inner panel and fixes some styling issues. +v1.0.5 introduces the ability to switch single animations on and off as you navigate through the timeline of view transitions. For example, you can temporarily disable fades while investigating a morph animation or disable morphing to focus on other features of your transition. + +This version also includes numerous smaller improvements, moving the Chamber closer to becoming a stable product rather than just a prototype. For details, see the [CHANGELOG](https://github.com/vtbag/inspection-chamber/blob/main/CHANGELOG.md) -## What happend so far: +## What happened so far: + +v1.0.4 improves opening the Chamber on mobiles, adds an explicit close button to the inner panel and fixes some styling issues. v1.0.3 fixes some teething issues. The main areas affected are: * Better integration into same-document and cross-document transitions. diff --git a/package-lock.json b/package-lock.json index 50b776f..dcb2a98 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "license": "ISC", "devDependencies": { "@changesets/cli": "^2.27.7", - "@eslint/js": "^9.8.0", + "@eslint/js": "^9.9.0", "@types/dom-view-transitions": "^1.0.5", "esbuild": "^0.23.0", "prettier": "^3.3.3", @@ -320,9 +320,9 @@ } }, "node_modules/@eslint/js": { - "version": "9.8.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.8.0.tgz", - "integrity": "sha512-MfluB7EUfxXtv3i/++oh89uzAr4PDI4nn201hsp+qaXqsjAWzinlZEHEfPgAX4doIlKvPG/i0A9dpKxOLII8yA==", + "version": "9.9.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.9.0.tgz", + "integrity": "sha512-hhetes6ZHP3BlXLxmd8K2SNgkhNSi+UcecbnwWKwpP7kyi/uC75DJ1lOOBO3xrC4jyojtGE3YxKZPHfk4yrgug==", "dev": true, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" diff --git a/package.json b/package.json index 42afb51..9665a5a 100644 --- a/package.json +++ b/package.json @@ -36,7 +36,7 @@ }, "devDependencies": { "@changesets/cli": "^2.27.7", - "@eslint/js": "^9.8.0", + "@eslint/js": "^9.9.0", "@types/dom-view-transitions": "^1.0.5", "esbuild": "^0.23.0", "prettier": "^3.3.3", diff --git a/src/panel/modus.ts b/src/panel/modus.ts index 256622f..4a27bd1 100644 --- a/src/panel/modus.ts +++ b/src/panel/modus.ts @@ -41,6 +41,6 @@ export function updateMessage(modus: Modus) { const message: Record = { bypass: `

How to Bypass

Navigation is not intercepted.

  1. Optional: Examine elements by selecting from the View Transition Name list
  2. Navigate your page as usual
`, 'slow-motion': `

View in Slow Motion

  1. Use the slider to set a time stretch factor
  2. Press a link on your page to start a view transition and study the slowed down animations!
`, - 'full-control': `

Take Full Control

  1. Start a transition
  2. Optional: Select animations from the name list
  3. Move freely through the timeline of selected elements, check the single animations, hide old and new images or even animations to get a better view.
  4. To end the inspection, click the [Exit] button in the Full Control panel or the play indicator ([>]) in the top left corner of the viewport.
`, + 'full-control': `

Take Full Control

  1. Start a transition
  2. Optional: Select animations from the name list
  3. Travel back and forth through the timeline of selected elements, check the single animations, hide old and new images or even animations to get a better view.
  4. To end the inspection, click the [Exit] button in the Full Control panel or the play indicator ([>]) in the top left corner of the viewport.
`, compare: `

Compare Side-by-side

Sometimes you need a clear view of where you're coming from and where you're going!

Compare the old and new pages side by side and see what morphs where.

`, };