@archie/devtools 0.1.15 → 0.1.17

package/dist/client/client.js

@@ -10271,7 +10271,7 @@ function isPreviewOrigin(origin) {
 var DEFAULT_SCRIPT_ID = "archie-inspector-script";
 var R2_INSPECTOR_BASE_URL = "https://pub-bf238c278d9644b39ec34ecaca1d315c.r2.dev";
 function readBuildVersion() {
-  return "0.1.15" ? "0.1.15" : null;
+  return "0.1.17" ? "0.1.17" : null;
 }
 var REMOTE_INSPECTOR_VERSION = readBuildVersion();
 var isRemoteInspectorUrlVersioned = REMOTE_INSPECTOR_VERSION !== null;
@@ -10791,7 +10791,7 @@ var SETTLE_QUIET_MS = 400;
 var SETTLE_TIMEOUT_MS = 8e3;
 var SETTLE_POLL_MS = 50;
 function readPackageVersion() {
-  return true ? "0.1.15" : "unknown";
+  return true ? "0.1.17" : "unknown";
 }
 var DEFAULT_ARCHIE_COMMAND_ORIGINS = getAllowedOrigins(true);
 function originPatternToRegExp(pattern) {

package/dist/client/client.mjs

@@ -10236,7 +10236,7 @@ function isPreviewOrigin(origin) {
 var DEFAULT_SCRIPT_ID = "archie-inspector-script";
 var R2_INSPECTOR_BASE_URL = "https://pub-bf238c278d9644b39ec34ecaca1d315c.r2.dev";
 function readBuildVersion() {
-  return "0.1.15" ? "0.1.15" : null;
+  return "0.1.17" ? "0.1.17" : null;
 }
 var REMOTE_INSPECTOR_VERSION = readBuildVersion();
 var isRemoteInspectorUrlVersioned = REMOTE_INSPECTOR_VERSION !== null;
@@ -10756,7 +10756,7 @@ var SETTLE_QUIET_MS = 400;
 var SETTLE_TIMEOUT_MS = 8e3;
 var SETTLE_POLL_MS = 50;
 function readPackageVersion() {
-  return true ? "0.1.15" : "unknown";
+  return true ? "0.1.17" : "unknown";
 }
 var DEFAULT_ARCHIE_COMMAND_ORIGINS = getAllowedOrigins(true);
 function originPatternToRegExp(pattern) {

package/dist/inspector.standalone.js

@@ -2035,6 +2035,7 @@
             // feature-detect on this flag: a frozen 2.0.x inspector disables
             // design mode on "inspect" and needs the legacy "design" mode.
             unifiedInspectArrange: true,
+            selectOnlyInspect: true,
             // ARCH-1065: the M2 codemod's data-agent-* grammar is readable
             // (`bindingChain` on element data) and slice-field-queryable
             // (`QUERY_SLICE_FIELD`). Hosts MUST feature-detect on this flag
@@ -2977,7 +2978,13 @@
           // single-element selection (via publishSelectionToDesignMode), at
           // which point it lights up the resize/drag controls on that element.
           if (pageSupportsUnifiedDesignMode()) {
-            dispatchHostCommand({ type: "set-design-mode", enabled: true })
+            // selectOnly: selection without DnD/arrange. Explicitly disabled so a
+            // prior full-inspect session is turned off; a later non-selectOnly
+            // inspect re-dispatches enabled:true on every entry.
+            dispatchHostCommand({
+              type: "set-design-mode",
+              enabled: !(options && options.selectOnly),
+            })
           }
           if (isInspecting) {
             // Recovery re-send (focus/visibility/online): the session is
@@ -3976,6 +3983,13 @@
         })
       }
 
+      // SVG-as-image never advances animations, so entrance animations would
+      // rasterize at their first frame; a huge negative delay renders the end.
+      var CAPTURE_FREEZE_ANIMATIONS_CSS =
+        "*,*::before,*::after{animation-delay:-1e6s!important;" +
+        "animation-duration:1s!important;animation-iteration-count:1!important;" +
+        "transition:none!important}"
+
       /**
        * CSS text for the capture clone: same-origin sheets have their
        * `@media` flattened against the LIVE viewport (see `flattenStyleRules`)
@@ -4048,7 +4062,11 @@
           CSS_INLINE_TIMEOUT_MS,
           null
         ).then(function () {
-          return renderNodes(topNodes, pieces).replace(/:root\b/g, "html")
+          return (
+            renderNodes(topNodes, pieces).replace(/:root\b/g, "html") +
+            "\n" +
+            CAPTURE_FREEZE_ANIMATIONS_CSS
+          )
         })
       }
 
@@ -5029,11 +5047,13 @@
           setEditorModeFromHost(event.data.mode || "off", {
             hostControlledHistory: event.data.hostControlledHistory !== false,
             theme: event.data.theme || null,
+            selectOnly: event.data.selectOnly === true,
           })
         } else if (event.data && event.data.type === "SYNC_EDITOR_STATE") {
           setEditorModeFromHost(event.data.mode || "off", {
             hostControlledHistory: event.data.hostControlledHistory !== false,
             theme: event.data.theme || null,
+            selectOnly: event.data.selectOnly === true,
           })
         } else if (event.data && event.data.type === "SET_INSPECTOR_THEME") {
           updateInspectorTheme(event.data.theme || null)
@@ -5060,6 +5080,7 @@
         } else if (event.data && event.data.type === "START_INSPECTION") {
           setEditorModeFromHost("inspect", {
             hostControlledHistory: true,
+            selectOnly: event.data.selectOnly === true,
           })
         } else if (event.data && event.data.type === "STOP_INSPECTION") {
           setEditorModeFromHost("off", {

package/dist/{inspector.standalone@0.1.15.js → inspector.standalone@0.1.17.js}

@@ -2035,6 +2035,7 @@
             // feature-detect on this flag: a frozen 2.0.x inspector disables
             // design mode on "inspect" and needs the legacy "design" mode.
             unifiedInspectArrange: true,
+            selectOnlyInspect: true,
             // ARCH-1065: the M2 codemod's data-agent-* grammar is readable
             // (`bindingChain` on element data) and slice-field-queryable
             // (`QUERY_SLICE_FIELD`). Hosts MUST feature-detect on this flag
@@ -2977,7 +2978,13 @@
           // single-element selection (via publishSelectionToDesignMode), at
           // which point it lights up the resize/drag controls on that element.
           if (pageSupportsUnifiedDesignMode()) {
-            dispatchHostCommand({ type: "set-design-mode", enabled: true })
+            // selectOnly: selection without DnD/arrange. Explicitly disabled so a
+            // prior full-inspect session is turned off; a later non-selectOnly
+            // inspect re-dispatches enabled:true on every entry.
+            dispatchHostCommand({
+              type: "set-design-mode",
+              enabled: !(options && options.selectOnly),
+            })
           }
           if (isInspecting) {
             // Recovery re-send (focus/visibility/online): the session is
@@ -3976,6 +3983,13 @@
         })
       }
 
+      // SVG-as-image never advances animations, so entrance animations would
+      // rasterize at their first frame; a huge negative delay renders the end.
+      var CAPTURE_FREEZE_ANIMATIONS_CSS =
+        "*,*::before,*::after{animation-delay:-1e6s!important;" +
+        "animation-duration:1s!important;animation-iteration-count:1!important;" +
+        "transition:none!important}"
+
       /**
        * CSS text for the capture clone: same-origin sheets have their
        * `@media` flattened against the LIVE viewport (see `flattenStyleRules`)
@@ -4048,7 +4062,11 @@
           CSS_INLINE_TIMEOUT_MS,
           null
         ).then(function () {
-          return renderNodes(topNodes, pieces).replace(/:root\b/g, "html")
+          return (
+            renderNodes(topNodes, pieces).replace(/:root\b/g, "html") +
+            "\n" +
+            CAPTURE_FREEZE_ANIMATIONS_CSS
+          )
         })
       }
 
@@ -5029,11 +5047,13 @@
           setEditorModeFromHost(event.data.mode || "off", {
             hostControlledHistory: event.data.hostControlledHistory !== false,
             theme: event.data.theme || null,
+            selectOnly: event.data.selectOnly === true,
           })
         } else if (event.data && event.data.type === "SYNC_EDITOR_STATE") {
           setEditorModeFromHost(event.data.mode || "off", {
             hostControlledHistory: event.data.hostControlledHistory !== false,
             theme: event.data.theme || null,
+            selectOnly: event.data.selectOnly === true,
           })
         } else if (event.data && event.data.type === "SET_INSPECTOR_THEME") {
           updateInspectorTheme(event.data.theme || null)
@@ -5060,6 +5080,7 @@
         } else if (event.data && event.data.type === "START_INSPECTION") {
           setEditorModeFromHost("inspect", {
             hostControlledHistory: true,
+            selectOnly: event.data.selectOnly === true,
           })
         } else if (event.data && event.data.type === "STOP_INSPECTION") {
           setEditorModeFromHost("off", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archie/devtools",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "DevTools for Archie generated applications - Route synchronization and editor communication",
   "sideEffects": false,
   "repository": {