@foxford/den-preact 0.1.1 → 0.2.1-beta-3141d32-20260904

package/{chunk-MBFQZ6VG.js → chunk-7GQ7NIUN.js}

@@ -76,6 +76,7 @@ function Slot({ name }) {
 }
 
 // src/island.tsx
+import { Component } from "preact";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import {
   activateIslandViewModels,
@@ -84,9 +85,43 @@ import {
   describeIsland,
   hydrateIslandState,
   registerIsland,
+  reportIslandError,
   resolveEagerUnits
 } from "@foxford/den/island";
-import { jsx as jsx3, jsxs as jsxs2 } from "preact/jsx-runtime";
+import { jsx as jsx3 } from "preact/jsx-runtime";
+var failureStyle = {
+  background: "#fef2f2",
+  border: "1px solid #fca5a5",
+  borderRadius: 8,
+  color: "#b91c1c",
+  fontSize: 14,
+  padding: 12
+};
+function FailurePlaque({ name, reason }) {
+  const text = reason === "build" ? `\u041E\u0441\u0442\u0440\u043E\u0432 \xAB${name}\xBB \u0443\u043F\u0430\u043B \u043F\u0440\u0438 \u0441\u0431\u043E\u0440\u043A\u0435 \u2014 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442.` : `\u041E\u0441\u0442\u0440\u043E\u0432 \xAB${name}\xBB \u0443\u043F\u0430\u043B \u2014 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442.`;
+  return /* @__PURE__ */ jsx3("div", { style: failureStyle, children: text });
+}
+var IslandViewErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    reportIslandError(error, { appName: this.props.appName, phase: "render" });
+    if (!this.state.failed) {
+      this.setState({ failed: true });
+    }
+  }
+  render() {
+    if (this.state.failed) {
+      return /* @__PURE__ */ jsx3(FailurePlaque, { name: this.props.appName, reason: "render" });
+    }
+    return this.props.children;
+  }
+};
 function IslandRuntime({
   descriptor,
   denState,
@@ -126,28 +161,12 @@ function IslandRuntime({
     }
     return registerIsland(describeIsland(descriptor, denState));
   }, [container, descriptor, denState]);
+  const appName = (_a = descriptor.name) != null ? _a : "app";
   if (container === null) {
-    return /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        style: {
-          background: "#fef2f2",
-          border: "1px solid #fca5a5",
-          borderRadius: 8,
-          color: "#b91c1c",
-          fontSize: 14,
-          padding: 12
-        },
-        children: [
-          "\u041E\u0441\u0442\u0440\u043E\u0432 \xAB",
-          (_a = descriptor.name) != null ? _a : "app",
-          "\xBB \u0443\u043F\u0430\u043B \u043F\u0440\u0438 \u0441\u0431\u043E\u0440\u043A\u0435 \u2014 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442."
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsx3(FailurePlaque, { name: appName, reason: "build" });
   }
   const View = descriptor.view;
-  return /* @__PURE__ */ jsx3(ContainerProvider, { value: container, children: /* @__PURE__ */ jsx3(SlotHost, { fills: slots, children: /* @__PURE__ */ jsx3(View, {}) }) });
+  return /* @__PURE__ */ jsx3(ContainerProvider, { value: container, children: /* @__PURE__ */ jsx3(SlotHost, { fills: slots, children: /* @__PURE__ */ jsx3(IslandViewErrorBoundary, { appName, children: /* @__PURE__ */ jsx3(View, {}) }) }) });
 }
 function createPreactIsland(descriptor) {
   return function Island(props) {

package/{chunk-J2T5F5Q5.cjs → chunk-H2QOAMNS.cjs}

@@ -87,6 +87,41 @@ function Slot({ name }) {
 
 
 
+
+
+var failureStyle = {
+  background: "#fef2f2",
+  border: "1px solid #fca5a5",
+  borderRadius: 8,
+  color: "#b91c1c",
+  fontSize: 14,
+  padding: 12
+};
+function FailurePlaque({ name, reason }) {
+  const text = reason === "build" ? `\u041E\u0441\u0442\u0440\u043E\u0432 \xAB${name}\xBB \u0443\u043F\u0430\u043B \u043F\u0440\u0438 \u0441\u0431\u043E\u0440\u043A\u0435 \u2014 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442.` : `\u041E\u0441\u0442\u0440\u043E\u0432 \xAB${name}\xBB \u0443\u043F\u0430\u043B \u2014 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442.`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: failureStyle, children: text });
+}
+var IslandViewErrorBoundary = class extends _preact.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    _island.reportIslandError.call(void 0, error, { appName: this.props.appName, phase: "render" });
+    if (!this.state.failed) {
+      this.setState({ failed: true });
+    }
+  }
+  render() {
+    if (this.state.failed) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FailurePlaque, { name: this.props.appName, reason: "render" });
+    }
+    return this.props.children;
+  }
+};
 function IslandRuntime({
   descriptor,
   denState,
@@ -126,28 +161,12 @@ function IslandRuntime({
     }
     return _island.registerIsland.call(void 0, _island.describeIsland.call(void 0, descriptor, denState));
   }, [container, descriptor, denState]);
+  const appName = (_a = descriptor.name) != null ? _a : "app";
   if (container === null) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        style: {
-          background: "#fef2f2",
-          border: "1px solid #fca5a5",
-          borderRadius: 8,
-          color: "#b91c1c",
-          fontSize: 14,
-          padding: 12
-        },
-        children: [
-          "\u041E\u0441\u0442\u0440\u043E\u0432 \xAB",
-          (_a = descriptor.name) != null ? _a : "app",
-          "\xBB \u0443\u043F\u0430\u043B \u043F\u0440\u0438 \u0441\u0431\u043E\u0440\u043A\u0435 \u2014 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442."
-        ]
-      }
-    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FailurePlaque, { name: appName, reason: "build" });
   }
   const View = descriptor.view;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContainerProvider, { value: container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SlotHost, { fills: slots, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, View, {}) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContainerProvider, { value: container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SlotHost, { fills: slots, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IslandViewErrorBoundary, { appName, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, View, {}) }) }) });
 }
 function createPreactIsland(descriptor) {
   return function Island(props) {

package/client.cjs

@@ -1,7 +1,7 @@
 "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 _chunkJ2T5F5Q5cjs = require('./chunk-J2T5F5Q5.cjs');
+var _chunkH2QOAMNScjs = require('./chunk-H2QOAMNS.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/client.ts
@@ -44,26 +44,38 @@ function hydrateApp(descriptor) {
   mountApp(descriptor);
 }
 function mountApp(descriptor) {
+  var _a, _b;
+  const appName = (_a = descriptor.name) != null ? _a : "app";
   const node = document.querySelector(`[${ROOT_MARK}="${descriptor.name}"]`);
   if (node === null) {
-    logger.error(`\u0443\u0437\u0435\u043B \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${descriptor.name}\xBB \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u2014 \u043E\u0436\u0438\u0432\u043B\u044F\u0442\u044C \u043D\u0435\u0447\u0435\u0433\u043E`);
+    logger.error(`\u0443\u0437\u0435\u043B \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${appName}\xBB \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u2014 \u043E\u0436\u0438\u0432\u043B\u044F\u0442\u044C \u043D\u0435\u0447\u0435\u0433\u043E`);
     return;
   }
   if (hydrated.has(node)) {
-    logger.warn(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${descriptor.name}\xBB \u0443\u0436\u0435 \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E \u2014 \u0432\u0442\u043E\u0440\u043E\u0439 \u0432\u0445\u043E\u0434 \u043F\u0440\u043E\u043F\u0443\u0449\u0435\u043D`);
+    logger.warn(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${appName}\xBB \u0443\u0436\u0435 \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E \u2014 \u0432\u0442\u043E\u0440\u043E\u0439 \u0432\u0445\u043E\u0434 \u043F\u0440\u043E\u043F\u0443\u0449\u0435\u043D`);
     return;
   }
   hydrated.add(node);
-  _chunkJ2T5F5Q5cjs.installIslandResolver.call(void 0, );
-  const Island = _chunkJ2T5F5Q5cjs.createPreactIsland.call(void 0, descriptor);
+  _chunkH2QOAMNScjs.installIslandResolver.call(void 0, );
+  const Island = _chunkH2QOAMNScjs.createPreactIsland.call(void 0, descriptor);
   const onDocument = (contribution) => {
     _island.publishIslandDocument.call(void 0, node, contribution);
   };
-  _preact.hydrate.call(void 0, _preact.h.call(void 0, Island, { denState: readState(descriptor.name), onDocument, route: currentRoute() }), node);
-  logger.info(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${descriptor.name}\xBB \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E`);
+  try {
+    _preact.hydrate.call(void 0, _preact.h.call(void 0, Island, { denState: readState((_b = descriptor.name) != null ? _b : ""), onDocument, route: currentRoute() }), node);
+    logger.info(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${appName}\xBB \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E`);
+  } catch (error) {
+    _island.reportIslandError.call(void 0, error, { appName, phase: "hydrate" });
+    throw error;
+  }
   _island.onIslandNavigate.call(void 0, node, (route) => {
-    logger.debug(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${descriptor.name}\xBB: \u043F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0430 \xAB${route.pathname}\xBB`);
-    _preact.render.call(void 0, _preact.h.call(void 0, Island, { onDocument, route }), node);
+    logger.debug(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${appName}\xBB: \u043F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0430 \xAB${route.pathname}\xBB`);
+    try {
+      _preact.render.call(void 0, _preact.h.call(void 0, Island, { onDocument, route }), node);
+    } catch (error) {
+      _island.reportIslandError.call(void 0, error, { appName, phase: "navigate" });
+      throw error;
+    }
   });
 }
 

package/client.js

@@ -1,12 +1,12 @@
 import {
   createPreactIsland,
   installIslandResolver
-} from "./chunk-MBFQZ6VG.js";
+} from "./chunk-7GQ7NIUN.js";
 import "./chunk-5JBD5THX.js";
 
 // src/client.ts
 import { h, hydrate, render } from "preact";
-import { onIslandNavigate, publishIslandDocument } from "@foxford/den/island";
+import { onIslandNavigate, publishIslandDocument, reportIslandError } from "@foxford/den/island";
 import { log } from "@foxford/logger";
 var logger = log.getLogger("den-preact").getLogger("client");
 var ROOT_MARK = "data-den-root";
@@ -42,13 +42,15 @@ function hydrateApp(descriptor) {
   mountApp(descriptor);
 }
 function mountApp(descriptor) {
+  var _a, _b;
+  const appName = (_a = descriptor.name) != null ? _a : "app";
   const node = document.querySelector(`[${ROOT_MARK}="${descriptor.name}"]`);
   if (node === null) {
-    logger.error(`\u0443\u0437\u0435\u043B \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${descriptor.name}\xBB \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u2014 \u043E\u0436\u0438\u0432\u043B\u044F\u0442\u044C \u043D\u0435\u0447\u0435\u0433\u043E`);
+    logger.error(`\u0443\u0437\u0435\u043B \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${appName}\xBB \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u2014 \u043E\u0436\u0438\u0432\u043B\u044F\u0442\u044C \u043D\u0435\u0447\u0435\u0433\u043E`);
     return;
   }
   if (hydrated.has(node)) {
-    logger.warn(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${descriptor.name}\xBB \u0443\u0436\u0435 \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E \u2014 \u0432\u0442\u043E\u0440\u043E\u0439 \u0432\u0445\u043E\u0434 \u043F\u0440\u043E\u043F\u0443\u0449\u0435\u043D`);
+    logger.warn(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${appName}\xBB \u0443\u0436\u0435 \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E \u2014 \u0432\u0442\u043E\u0440\u043E\u0439 \u0432\u0445\u043E\u0434 \u043F\u0440\u043E\u043F\u0443\u0449\u0435\u043D`);
     return;
   }
   hydrated.add(node);
@@ -57,11 +59,21 @@ function mountApp(descriptor) {
   const onDocument = (contribution) => {
     publishIslandDocument(node, contribution);
   };
-  hydrate(h(Island, { denState: readState(descriptor.name), onDocument, route: currentRoute() }), node);
-  logger.info(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${descriptor.name}\xBB \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E`);
+  try {
+    hydrate(h(Island, { denState: readState((_b = descriptor.name) != null ? _b : ""), onDocument, route: currentRoute() }), node);
+    logger.info(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${appName}\xBB \u043E\u0436\u0438\u0432\u043B\u0435\u043D\u043E`);
+  } catch (error) {
+    reportIslandError(error, { appName, phase: "hydrate" });
+    throw error;
+  }
   onIslandNavigate(node, (route) => {
-    logger.debug(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${descriptor.name}\xBB: \u043F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0430 \xAB${route.pathname}\xBB`);
-    render(h(Island, { onDocument, route }), node);
+    logger.debug(`\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \xAB${appName}\xBB: \u043F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0430 \xAB${route.pathname}\xBB`);
+    try {
+      render(h(Island, { onDocument, route }), node);
+    } catch (error) {
+      reportIslandError(error, { appName, phase: "navigate" });
+      throw error;
+    }
   });
 }
 export {

package/index.cjs

@@ -5,7 +5,7 @@
 
 
 
-var _chunkJ2T5F5Q5cjs = require('./chunk-J2T5F5Q5.cjs');
+var _chunkH2QOAMNScjs = require('./chunk-H2QOAMNS.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/render-island.tsx
@@ -13,7 +13,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, _chunkJ2T5F5Q5cjs.ContainerProvider, { value: container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2T5F5Q5cjs.SlotHost, { fills: slots, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, View, {}) }) });
+  const tree = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2QOAMNScjs.ContainerProvider, { value: container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2QOAMNScjs.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 +30,8 @@ function renderIslandOnClient() {
 }
 function preactAdapter() {
   return {
-    createIsland: _chunkJ2T5F5Q5cjs.createPreactIsland,
-    installResolver: _chunkJ2T5F5Q5cjs.installIslandResolver,
+    createIsland: _chunkH2QOAMNScjs.createPreactIsland,
+    installResolver: _chunkH2QOAMNScjs.installIslandResolver,
     renderIsland: CLIENT_BUNDLE ? renderIslandOnClient : renderPreactIsland,
     type: "preact"
   };
@@ -44,4 +44,4 @@ function preactAdapter() {
 
 
 
-exports.ContainerProvider = _chunkJ2T5F5Q5cjs.ContainerProvider; exports.Slot = _chunkJ2T5F5Q5cjs.Slot; exports.SlotHost = _chunkJ2T5F5Q5cjs.SlotHost; exports.createPreactIsland = _chunkJ2T5F5Q5cjs.createPreactIsland; exports.installIslandResolver = _chunkJ2T5F5Q5cjs.installIslandResolver; exports.preactAdapter = preactAdapter; exports.useContainer = _chunkJ2T5F5Q5cjs.useContainer;
+exports.ContainerProvider = _chunkH2QOAMNScjs.ContainerProvider; exports.Slot = _chunkH2QOAMNScjs.Slot; exports.SlotHost = _chunkH2QOAMNScjs.SlotHost; exports.createPreactIsland = _chunkH2QOAMNScjs.createPreactIsland; exports.installIslandResolver = _chunkH2QOAMNScjs.installIslandResolver; exports.preactAdapter = preactAdapter; exports.useContainer = _chunkH2QOAMNScjs.useContainer;

package/index.js

@@ -5,7 +5,7 @@ import {
   createPreactIsland,
   installIslandResolver,
   useContainer
-} from "./chunk-MBFQZ6VG.js";
+} from "./chunk-7GQ7NIUN.js";
 import "./chunk-5JBD5THX.js";
 
 // src/render-island.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/den-preact",
-  "version": "0.1.1",
+  "version": "0.2.1-beta-3141d32-20260904",
   "description": "Den Preact view adapter — остров, серверная отрисовка, слоты, пресет сборки",
   "keywords": [
     "foxford",
@@ -8,6 +8,13 @@
     "preact",
     "view"
   ],
+  "homepage": "https://github.com/foxford/frontend-platform",
+  "bugs": "https://github.com/foxford/frontend-platform/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/foxford/frontend-platform.git",
+    "directory": "packages/den-preact"
+  },
   "license": "MIT",
   "author": "Foxford Co",
   "maintainers": [
@@ -19,7 +26,7 @@
   ],
   "type": "module",
   "dependencies": {
-    "@foxford/den": "^3.2.2",
+    "@foxford/den": "^3.2.5",
     "@foxford/logger": "^1.2.2"
   },
   "peerDependencies": {
@@ -49,13 +56,18 @@
       "import": "./preset.js",
       "require": "./preset.cjs",
       "types": "./preset.d.ts"
+    },
+    "./use-sync-external-store": {
+      "import": "./use-sync-external-store.js",
+      "require": "./use-sync-external-store.cjs",
+      "types": "./use-sync-external-store.d.ts"
     }
   },
   "files": [
     "README.mdx",
     "chunk-5JBD5THX.js",
-    "chunk-J2T5F5Q5.cjs",
-    "chunk-MBFQZ6VG.js",
+    "chunk-7GQ7NIUN.js",
+    "chunk-H2QOAMNS.cjs",
     "chunk-P4DSWCF6.cjs",
     "client.cjs",
     "client.d.cts",
@@ -69,8 +81,12 @@
     "preset.cjs",
     "preset.d.cts",
     "preset.d.ts",
-    "preset.js"
+    "preset.js",
+    "use-sync-external-store.cjs",
+    "use-sync-external-store.d.cts",
+    "use-sync-external-store.d.ts",
+    "use-sync-external-store.js"
   ],
-  "sha": "788ce37",
+  "sha": "3141d32",
   "scripts": {}
 }

package/preset.cjs

@@ -4,6 +4,12 @@
 var _presetvite = require('@preact/preset-vite'); var _presetvite2 = _interopRequireDefault(_presetvite);
 var CLIENT_ENTRY = "@foxford/den-preact/client";
 var STYLED = "styled-components";
+var SHIM = /^use-sync-external-store(\/.*)?$/;
+var SHIM_MODULE = "@foxford/den-preact/use-sync-external-store";
+var useSyncExternalStoreShim = {
+  config: () => ({ resolve: { alias: [{ find: SHIM, replacement: SHIM_MODULE }] } }),
+  name: "den-preact:use-sync-external-store"
+};
 var runtimeSingleton = {
   config: () => ({
     resolve: { dedupe: ["preact", "preact-render-to-string"] },
@@ -18,7 +24,11 @@ function preact(options = {}) {
     clientEntry: CLIENT_ENTRY,
     // Prefresh выключен: у приложения нет dev-сервера сборщика — `den dev` пересобирает
     // выход и перезапускает процесс.
-    plugins: [_presetvite2.default.call(void 0, { babel: { plugins }, prefreshEnabled: false }), runtimeSingleton],
+    plugins: [
+      _presetvite2.default.call(void 0, { babel: { plugins }, prefreshEnabled: false }),
+      runtimeSingleton,
+      useSyncExternalStoreShim
+    ],
     // Проверка тут потому, что цена ошибки — МОЛЧАНИЕ. Без сборочной поддержки
     // styled-components считает идентификатор компонента счётчиком: порядок вычисления в
     // серверном и клиентском выходах разный, имена классов расходятся, и это видно только

package/preset.js

@@ -4,6 +4,12 @@ import "./chunk-5JBD5THX.js";
 import preactPlugin from "@preact/preset-vite";
 var CLIENT_ENTRY = "@foxford/den-preact/client";
 var STYLED = "styled-components";
+var SHIM = /^use-sync-external-store(\/.*)?$/;
+var SHIM_MODULE = "@foxford/den-preact/use-sync-external-store";
+var useSyncExternalStoreShim = {
+  config: () => ({ resolve: { alias: [{ find: SHIM, replacement: SHIM_MODULE }] } }),
+  name: "den-preact:use-sync-external-store"
+};
 var runtimeSingleton = {
   config: () => ({
     resolve: { dedupe: ["preact", "preact-render-to-string"] },
@@ -18,7 +24,11 @@ function preact(options = {}) {
     clientEntry: CLIENT_ENTRY,
     // Prefresh выключен: у приложения нет dev-сервера сборщика — `den dev` пересобирает
     // выход и перезапускает процесс.
-    plugins: [preactPlugin({ babel: { plugins }, prefreshEnabled: false }), runtimeSingleton],
+    plugins: [
+      preactPlugin({ babel: { plugins }, prefreshEnabled: false }),
+      runtimeSingleton,
+      useSyncExternalStoreShim
+    ],
     // Проверка тут потому, что цена ошибки — МОЛЧАНИЕ. Без сборочной поддержки
     // styled-components считает идентификатор компонента счётчиком: порядок вычисления в
     // серверном и клиентском выходах разный, имена классов расходятся, и это видно только

package/use-sync-external-store.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-P4DSWCF6.cjs');
+
+// 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.default = use_sync_external_store_default; exports.useSyncExternalStore = _compat.useSyncExternalStore; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector;

package/use-sync-external-store.d.cts

@@ -0,0 +1,20 @@
+import { useSyncExternalStore } from 'preact/compat';
+export { useSyncExternalStore } from 'preact/compat';
+
+/**
+ * `useSyncExternalStore` с выборкой части снимка.
+ *
+ * @param subscribe - подписка на изменения хранилища
+ * @param getSnapshot - снимок хранилища
+ * @param _getServerSnapshot - серверный снимок; у preact его роль играет `getSnapshot`
+ * @param selector - выборка из снимка
+ * @param isEqual - сравнение двух выборок; без него сравниваются ссылки
+ */
+declare function useSyncExternalStoreWithSelector<Snapshot, Selection>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, _getServerSnapshot: (() => Snapshot) | undefined, selector: (snapshot: Snapshot) => Selection, isEqual?: (previous: Selection, next: Selection) => boolean): Selection;
+
+declare const _default: {
+    useSyncExternalStore: typeof useSyncExternalStore;
+    useSyncExternalStoreWithSelector: typeof useSyncExternalStoreWithSelector;
+};
+
+export { _default as default, useSyncExternalStoreWithSelector };

package/use-sync-external-store.d.ts

@@ -0,0 +1,20 @@
+import { useSyncExternalStore } from 'preact/compat';
+export { useSyncExternalStore } from 'preact/compat';
+
+/**
+ * `useSyncExternalStore` с выборкой части снимка.
+ *
+ * @param subscribe - подписка на изменения хранилища
+ * @param getSnapshot - снимок хранилища
+ * @param _getServerSnapshot - серверный снимок; у preact его роль играет `getSnapshot`
+ * @param selector - выборка из снимка
+ * @param isEqual - сравнение двух выборок; без него сравниваются ссылки
+ */
+declare function useSyncExternalStoreWithSelector<Snapshot, Selection>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, _getServerSnapshot: (() => Snapshot) | undefined, selector: (snapshot: Snapshot) => Selection, isEqual?: (previous: Selection, next: Selection) => boolean): Selection;
+
+declare const _default: {
+    useSyncExternalStore: typeof useSyncExternalStore;
+    useSyncExternalStoreWithSelector: typeof useSyncExternalStoreWithSelector;
+};
+
+export { _default as default, useSyncExternalStoreWithSelector };

package/use-sync-external-store.js

@@ -0,0 +1,33 @@
+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,
+  useSyncExternalStoreWithSelector
+};