@foxford/den-preact 0.3.1 → 0.4.0

package/chunk-3F3F3ALW.js

@@ -0,0 +1,32 @@
+// src/use-sync-external-store.ts
+import { useDebugValue, useEffect, useMemo, useRef, useSyncExternalStore } from "preact/compat";
+function useSyncExternalStoreWithSelector(subscribe, getSnapshot, _getServerSnapshot, selector, isEqual) {
+  const cache = useRef({ hasValue: false });
+  const getSelection = useMemo(() => {
+    let memo = null;
+    function select(snapshot) {
+      if (memo !== null && Object.is(memo.snapshot, snapshot)) {
+        return memo.selection;
+      }
+      const next = selector(snapshot);
+      const previous = memo === null ? cache.current : { hasValue: true, value: memo.selection };
+      const selection2 = isEqual !== void 0 && previous.hasValue && isEqual(previous.value, next) ? previous.value : next;
+      memo = { selection: selection2, snapshot };
+      return selection2;
+    }
+    return () => select(getSnapshot());
+  }, [getSnapshot, isEqual, selector]);
+  const selection = useSyncExternalStore(subscribe, getSelection);
+  useEffect(() => {
+    cache.current = { hasValue: true, value: selection };
+  }, [selection]);
+  useDebugValue(selection);
+  return selection;
+}
+var use_sync_external_store_default = { useSyncExternalStore, useSyncExternalStoreWithSelector };
+
+export {
+  useSyncExternalStore,
+  useSyncExternalStoreWithSelector,
+  use_sync_external_store_default
+};

package/chunk-3LGXNDYH.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/use-sync-external-store.ts
+var _compat = require('preact/compat');
+function useSyncExternalStoreWithSelector(subscribe, getSnapshot, _getServerSnapshot, selector, isEqual) {
+  const cache = _compat.useRef.call(void 0, { hasValue: false });
+  const getSelection = _compat.useMemo.call(void 0, () => {
+    let memo = null;
+    function select(snapshot) {
+      if (memo !== null && Object.is(memo.snapshot, snapshot)) {
+        return memo.selection;
+      }
+      const next = selector(snapshot);
+      const previous = memo === null ? cache.current : { hasValue: true, value: memo.selection };
+      const selection2 = isEqual !== void 0 && previous.hasValue && isEqual(previous.value, next) ? previous.value : next;
+      memo = { selection: selection2, snapshot };
+      return selection2;
+    }
+    return () => select(getSnapshot());
+  }, [getSnapshot, isEqual, selector]);
+  const selection = _compat.useSyncExternalStore.call(void 0, subscribe, getSelection);
+  _compat.useEffect.call(void 0, () => {
+    cache.current = { hasValue: true, value: selection };
+  }, [selection]);
+  _compat.useDebugValue.call(void 0, selection);
+  return selection;
+}
+var use_sync_external_store_default = { useSyncExternalStore: _compat.useSyncExternalStore, useSyncExternalStoreWithSelector };
+
+
+
+
+
+exports.useSyncExternalStore = _compat.useSyncExternalStore; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.use_sync_external_store_default = use_sync_external_store_default;

package/{chunk-SAZL2GWD.js → chunk-5BDZSAOP.js}

@@ -1,3 +1,6 @@
+import {
+  useSyncExternalStore
+} from "./chunk-3F3F3ALW.js";
 import {
   __spreadValues
 } from "./chunk-5JBD5THX.js";
@@ -77,18 +80,21 @@ function Slot({ name }) {
 
 // src/island.tsx
 import { Component } from "preact";
-import { useEffect, useMemo, useState } from "preact/hooks";
+import { useEffect, useMemo, useRef, useState } from "preact/hooks";
 import {
   activateIslandViewModels,
   browserRequestContext,
   collectDocumentContribution,
+  collectIslandState,
   createIslandContainer,
   describeIsland,
+  getIslandsGeneration,
   hydrateIslandState,
   islandInputsOf,
   registerIsland,
   reportIslandError,
-  resolveEagerUnits
+  resolveEagerUnits,
+  subscribeIslandsGeneration
 } from "@foxford/den/island";
 import { jsx as jsx3 } from "preact/jsx-runtime";
 var failureStyle = {
@@ -131,12 +137,14 @@ function IslandRuntime({
   route,
   slots
 }) {
-  var _a;
-  const [container] = useState(
-    () => createIslandContainer(descriptor, {
-      context: browserRequestContext(),
-      inputs: islandInputsOf(descriptor, denState)
-    })
+  var _a, _b;
+  const inputs = useRef(null);
+  (_a = inputs.current) != null ? _a : inputs.current = islandInputsOf(descriptor, denState);
+  const [container, setContainer] = useState(
+    () => {
+      var _a2;
+      return createIslandContainer(descriptor, { context: browserRequestContext(), inputs: (_a2 = inputs.current) != null ? _a2 : {} });
+    }
   );
   const [seeded, setSeeded] = useState(void 0);
   if (container !== null && denState !== void 0 && denState !== seeded) {
@@ -162,13 +170,35 @@ function IslandRuntime({
       onDocument?.(collectDocumentContribution(container, descriptor));
     });
   }, [activeRoute, container, denState, descriptor, onDocument]);
+  const generation = useSyncExternalStore(subscribeIslandsGeneration, getIslandsGeneration);
+  const builtFor = useRef(generation);
+  useEffect(() => {
+    var _a2;
+    if (generation === builtFor.current || container === null) {
+      return;
+    }
+    builtFor.current = generation;
+    const next = createIslandContainer(descriptor, { context: browserRequestContext(), inputs: (_a2 = inputs.current) != null ? _a2 : {} });
+    if (next === null) {
+      setContainer(null);
+      return;
+    }
+    hydrateIslandState(next, descriptor, collectIslandState(container, descriptor));
+    void container.dispose();
+    setContainer(next);
+    if (denState) {
+      void activateIslandViewModels(next, descriptor, activeRoute).then(() => {
+        onDocument?.(collectDocumentContribution(next, descriptor));
+      });
+    }
+  }, [activeRoute, container, denState, descriptor, generation, onDocument]);
   useEffect(() => {
     if (container === null) {
       return;
     }
     return registerIsland(describeIsland(descriptor, denState));
   }, [container, descriptor, denState]);
-  const appName = (_a = descriptor.name) != null ? _a : "app";
+  const appName = (_b = descriptor.name) != null ? _b : "app";
   if (container === null) {
     return /* @__PURE__ */ jsx3(FailurePlaque, { name: appName, reason: "build" });
   }

package/{chunk-XKEFCZET.cjs → chunk-ZVARQ3IY.cjs}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunk3LGXNDYHcjs = require('./chunk-3LGXNDYH.cjs');
+
+
 var _chunkP4DSWCF6cjs = require('./chunk-P4DSWCF6.cjs');
 
 // src/container-context.tsx
@@ -91,6 +94,9 @@ function Slot({ name }) {
 
 
 
+
+
+
 var failureStyle = {
   background: "#fef2f2",
   border: "1px solid #fca5a5",
@@ -131,12 +137,14 @@ function IslandRuntime({
   route,
   slots
 }) {
-  var _a;
-  const [container] = _hooks.useState.call(void 0, 
-    () => _island.createIslandContainer.call(void 0, descriptor, {
-      context: _island.browserRequestContext.call(void 0, ),
-      inputs: _island.islandInputsOf.call(void 0, descriptor, denState)
-    })
+  var _a, _b;
+  const inputs = _hooks.useRef.call(void 0, null);
+  (_a = inputs.current) != null ? _a : inputs.current = _island.islandInputsOf.call(void 0, descriptor, denState);
+  const [container, setContainer] = _hooks.useState.call(void 0, 
+    () => {
+      var _a2;
+      return _island.createIslandContainer.call(void 0, descriptor, { context: _island.browserRequestContext.call(void 0, ), inputs: (_a2 = inputs.current) != null ? _a2 : {} });
+    }
   );
   const [seeded, setSeeded] = _hooks.useState.call(void 0, void 0);
   if (container !== null && denState !== void 0 && denState !== seeded) {
@@ -162,13 +170,35 @@ function IslandRuntime({
       onDocument == null ? void 0 : onDocument(_island.collectDocumentContribution.call(void 0, container, descriptor));
     });
   }, [activeRoute, container, denState, descriptor, onDocument]);
+  const generation = _chunk3LGXNDYHcjs.useSyncExternalStore.call(void 0, _island.subscribeIslandsGeneration, _island.getIslandsGeneration);
+  const builtFor = _hooks.useRef.call(void 0, generation);
+  _hooks.useEffect.call(void 0, () => {
+    var _a2;
+    if (generation === builtFor.current || container === null) {
+      return;
+    }
+    builtFor.current = generation;
+    const next = _island.createIslandContainer.call(void 0, descriptor, { context: _island.browserRequestContext.call(void 0, ), inputs: (_a2 = inputs.current) != null ? _a2 : {} });
+    if (next === null) {
+      setContainer(null);
+      return;
+    }
+    _island.hydrateIslandState.call(void 0, next, descriptor, _island.collectIslandState.call(void 0, container, descriptor));
+    void container.dispose();
+    setContainer(next);
+    if (denState) {
+      void _island.activateIslandViewModels.call(void 0, next, descriptor, activeRoute).then(() => {
+        onDocument == null ? void 0 : onDocument(_island.collectDocumentContribution.call(void 0, next, descriptor));
+      });
+    }
+  }, [activeRoute, container, denState, descriptor, generation, onDocument]);
   _hooks.useEffect.call(void 0, () => {
     if (container === null) {
       return;
     }
     return _island.registerIsland.call(void 0, _island.describeIsland.call(void 0, descriptor, denState));
   }, [container, descriptor, denState]);
-  const appName = (_a = descriptor.name) != null ? _a : "app";
+  const appName = (_b = descriptor.name) != null ? _b : "app";
   if (container === null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FailurePlaque, { name: appName, reason: "build" });
   }

package/client.cjs

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _chunkXKEFCZETcjs = require('./chunk-XKEFCZET.cjs');
+var _chunkZVARQ3IYcjs = require('./chunk-ZVARQ3IY.cjs');
+require('./chunk-3LGXNDYH.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/client.ts
@@ -56,8 +57,8 @@ function mountApp(descriptor) {
     return;
   }
   hydrated.add(node);
-  _chunkXKEFCZETcjs.installIslandResolver.call(void 0, );
-  const Island = _chunkXKEFCZETcjs.createPreactIsland.call(void 0, descriptor);
+  _chunkZVARQ3IYcjs.installIslandResolver.call(void 0, );
+  const Island = _chunkZVARQ3IYcjs.createPreactIsland.call(void 0, descriptor);
   const onDocument = (contribution) => {
     _island.publishIslandDocument.call(void 0, node, contribution);
   };

package/client.js

@@ -1,7 +1,8 @@
 import {
   createPreactIsland,
   installIslandResolver
-} from "./chunk-SAZL2GWD.js";
+} from "./chunk-5BDZSAOP.js";
+import "./chunk-3F3F3ALW.js";
 import "./chunk-5JBD5THX.js";
 
 // src/client.ts

package/index.cjs

@@ -5,7 +5,8 @@
 
 
 
-var _chunkXKEFCZETcjs = require('./chunk-XKEFCZET.cjs');
+var _chunkZVARQ3IYcjs = require('./chunk-ZVARQ3IY.cjs');
+require('./chunk-3LGXNDYH.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/render-island.tsx
@@ -13,7 +14,7 @@ var _preactrendertostring = require('preact-render-to-string');
 var _jsxruntime = require('preact/jsx-runtime');
 function renderPreactIsland(descriptor, { container, slots }) {
   const View = descriptor.view;
-  const tree = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKEFCZETcjs.ContainerProvider, { value: container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKEFCZETcjs.SlotHost, { fills: slots, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, View, {}) }) });
+  const tree = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVARQ3IYcjs.ContainerProvider, { value: container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVARQ3IYcjs.SlotHost, { fills: slots, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, View, {}) }) });
   const serverRender = descriptor.serverRender;
   if (serverRender) {
     return serverRender(tree, (node) => _preactrendertostring.renderToString.call(void 0, node));
@@ -30,8 +31,8 @@ function renderIslandOnClient() {
 }
 function preactAdapter() {
   return {
-    createIsland: _chunkXKEFCZETcjs.createPreactIsland,
-    installResolver: _chunkXKEFCZETcjs.installIslandResolver,
+    createIsland: _chunkZVARQ3IYcjs.createPreactIsland,
+    installResolver: _chunkZVARQ3IYcjs.installIslandResolver,
     renderIsland: CLIENT_BUNDLE ? renderIslandOnClient : renderPreactIsland,
     type: "preact"
   };
@@ -44,4 +45,4 @@ function preactAdapter() {
 
 
 
-exports.ContainerProvider = _chunkXKEFCZETcjs.ContainerProvider; exports.Slot = _chunkXKEFCZETcjs.Slot; exports.SlotHost = _chunkXKEFCZETcjs.SlotHost; exports.createPreactIsland = _chunkXKEFCZETcjs.createPreactIsland; exports.installIslandResolver = _chunkXKEFCZETcjs.installIslandResolver; exports.preactAdapter = preactAdapter; exports.useContainer = _chunkXKEFCZETcjs.useContainer;
+exports.ContainerProvider = _chunkZVARQ3IYcjs.ContainerProvider; exports.Slot = _chunkZVARQ3IYcjs.Slot; exports.SlotHost = _chunkZVARQ3IYcjs.SlotHost; exports.createPreactIsland = _chunkZVARQ3IYcjs.createPreactIsland; exports.installIslandResolver = _chunkZVARQ3IYcjs.installIslandResolver; exports.preactAdapter = preactAdapter; exports.useContainer = _chunkZVARQ3IYcjs.useContainer;

package/index.js

@@ -5,7 +5,8 @@ import {
   createPreactIsland,
   installIslandResolver,
   useContainer
-} from "./chunk-SAZL2GWD.js";
+} from "./chunk-5BDZSAOP.js";
+import "./chunk-3F3F3ALW.js";
 import "./chunk-5JBD5THX.js";
 
 // src/render-island.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/den-preact",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Den Preact view adapter — остров, серверная отрисовка, слоты, пресет сборки",
   "keywords": [
     "foxford",
@@ -26,7 +26,7 @@
   ],
   "type": "module",
   "dependencies": {
-    "@foxford/den": "^3.4.0",
+    "@foxford/den": "^3.7.0",
     "@foxford/logger": "^1.2.2"
   },
   "peerDependencies": {
@@ -65,10 +65,12 @@
   },
   "files": [
     "README.mdx",
+    "chunk-3F3F3ALW.js",
+    "chunk-3LGXNDYH.cjs",
+    "chunk-5BDZSAOP.js",
     "chunk-5JBD5THX.js",
     "chunk-P4DSWCF6.cjs",
-    "chunk-SAZL2GWD.js",
-    "chunk-XKEFCZET.cjs",
+    "chunk-ZVARQ3IY.cjs",
     "client.cjs",
     "client.d.cts",
     "client.d.ts",
@@ -87,6 +89,6 @@
     "use-sync-external-store.d.ts",
     "use-sync-external-store.js"
   ],
-  "sha": "7da7d38",
+  "sha": "c642307",
   "scripts": {}
 }

package/use-sync-external-store.cjs

@@ -1,33 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-P4DSWCF6.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/use-sync-external-store.ts
-var _compat = require('preact/compat');
-function useSyncExternalStoreWithSelector(subscribe, getSnapshot, _getServerSnapshot, selector, isEqual) {
-  const cache = _compat.useRef.call(void 0, { hasValue: false });
-  const getSelection = _compat.useMemo.call(void 0, () => {
-    let memo = null;
-    function select(snapshot) {
-      if (memo !== null && Object.is(memo.snapshot, snapshot)) {
-        return memo.selection;
-      }
-      const next = selector(snapshot);
-      const previous = memo === null ? cache.current : { hasValue: true, value: memo.selection };
-      const selection2 = isEqual !== void 0 && previous.hasValue && isEqual(previous.value, next) ? previous.value : next;
-      memo = { selection: selection2, snapshot };
-      return selection2;
-    }
-    return () => select(getSnapshot());
-  }, [getSnapshot, isEqual, selector]);
-  const selection = _compat.useSyncExternalStore.call(void 0, subscribe, getSelection);
-  _compat.useEffect.call(void 0, () => {
-    cache.current = { hasValue: true, value: selection };
-  }, [selection]);
-  _compat.useDebugValue.call(void 0, selection);
-  return selection;
-}
-var use_sync_external_store_default = { useSyncExternalStore: _compat.useSyncExternalStore, useSyncExternalStoreWithSelector };
 
 
+var _chunk3LGXNDYHcjs = require('./chunk-3LGXNDYH.cjs');
+require('./chunk-P4DSWCF6.cjs');
 
 
-exports.default = use_sync_external_store_default; exports.useSyncExternalStore = _compat.useSyncExternalStore; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector;
+
+
+exports.default = _chunk3LGXNDYHcjs.use_sync_external_store_default; exports.useSyncExternalStore = _chunk3LGXNDYHcjs.useSyncExternalStore; exports.useSyncExternalStoreWithSelector = _chunk3LGXNDYHcjs.useSyncExternalStoreWithSelector;

package/use-sync-external-store.js

@@ -1,31 +1,9 @@
+import {
+  useSyncExternalStore,
+  useSyncExternalStoreWithSelector,
+  use_sync_external_store_default
+} from "./chunk-3F3F3ALW.js";
 import "./chunk-5JBD5THX.js";
-
-// src/use-sync-external-store.ts
-import { useDebugValue, useEffect, useMemo, useRef, useSyncExternalStore } from "preact/compat";
-function useSyncExternalStoreWithSelector(subscribe, getSnapshot, _getServerSnapshot, selector, isEqual) {
-  const cache = useRef({ hasValue: false });
-  const getSelection = useMemo(() => {
-    let memo = null;
-    function select(snapshot) {
-      if (memo !== null && Object.is(memo.snapshot, snapshot)) {
-        return memo.selection;
-      }
-      const next = selector(snapshot);
-      const previous = memo === null ? cache.current : { hasValue: true, value: memo.selection };
-      const selection2 = isEqual !== void 0 && previous.hasValue && isEqual(previous.value, next) ? previous.value : next;
-      memo = { selection: selection2, snapshot };
-      return selection2;
-    }
-    return () => select(getSnapshot());
-  }, [getSnapshot, isEqual, selector]);
-  const selection = useSyncExternalStore(subscribe, getSelection);
-  useEffect(() => {
-    cache.current = { hasValue: true, value: selection };
-  }, [selection]);
-  useDebugValue(selection);
-  return selection;
-}
-var use_sync_external_store_default = { useSyncExternalStore, useSyncExternalStoreWithSelector };
 export {
   use_sync_external_store_default as default,
   useSyncExternalStore,