@juo/blocks 1.16.0 → 2.0.0-alpha.2

package/dist/{ExtensionRoot-C3lVJEBl.js → ExtensionRoot-DRpD5EcC.js}

@@ -3,8 +3,9 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { signal, effect, createBlockInstance, layoutSystemEnabled, untracked } from "@juo/blocks";
 import { reportBlockWarning, reportBlockError } from "./observability.js";
-import { L as LAYOUT_SCOPE_ATTR, b as buildGridLayout, a as isStubDefinition, w as withWrapper, s as subscribeContext, c as ThemeStateContext, d as backfillInstanceDefaults, o as onRegisterBlock } from "./css-runtime-ClH0MEYr.js";
-import { g as getInstrumentation } from "./index-JSv6UH_o.js";
+import { b as isStubDefinition, w as withWrapper, s as subscribeContext, c as backfillInstanceDefaults, d as __clearDevtoolsBlockState, o as onRegisterBlock } from "./block-BjJztStr.js";
+import { L as LAYOUT_SCOPE_ATTR, b as buildGridLayout, a as ThemeStateContext } from "./css-runtime-B7tZrBIp.js";
+import { getHook } from "./devtools.js";
 class Block extends HTMLElement {
   constructor() {
     super();
@@ -137,6 +138,7 @@ const _ExtensionRoot = class _ExtensionRoot extends HTMLElement {
      * if it shows up).
      */
     __publicField(this, "unresolvedNames", /* @__PURE__ */ new Set());
+    __publicField(this, "renderedIds", /* @__PURE__ */ new Set());
     __publicField(this, "unregisterListener");
     __publicField(this, "scopeId", null);
     /**
@@ -305,8 +307,12 @@ const _ExtensionRoot = class _ExtensionRoot extends HTMLElement {
             reactive,
             layoutEngineEnabled
           });
-          for (const id of prunedIds) {
-            getInstrumentation().onBlockUnmounted(id);
+          const pruneHook = getHook();
+          if (pruneHook) {
+            for (const id of prunedIds) {
+              __clearDevtoolsBlockState(id);
+              pruneHook.emit("block:unmounted", { id });
+            }
           }
         } catch (error) {
           reportBlockError(error, {
@@ -321,9 +327,13 @@ const _ExtensionRoot = class _ExtensionRoot extends HTMLElement {
           extensionBlocks = [];
         }
         this.unresolvedNames.clear();
+        this.renderedIds.clear();
         for (const block of extensionBlocks) {
-          if (block != null && typeof block === "object" && isStubDefinition(block.definition)) {
-            this.unresolvedNames.add(block.type);
+          if (block != null && typeof block === "object") {
+            this.renderedIds.add(block.id);
+            if (isStubDefinition(block.definition)) {
+              this.unresolvedNames.add(block.type);
+            }
           }
         }
         if (this.unresolvedNames.size > 0 && !this.unregisterListener) {
@@ -373,6 +383,14 @@ const _ExtensionRoot = class _ExtensionRoot extends HTMLElement {
       this.unregisterListener();
       this.unregisterListener = void 0;
     }
+    const hook = getHook();
+    if (hook) {
+      for (const id of this.renderedIds) {
+        __clearDevtoolsBlockState(id);
+        hook.emit("block:unmounted", { id });
+      }
+    }
+    this.renderedIds.clear();
     this.unresolvedNames.clear();
   }
 };