@foxford/den-preact 0.2.0 → 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.2.0",
+  "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": {
@@ -59,8 +66,8 @@
   "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",
@@ -80,6 +87,6 @@
     "use-sync-external-store.d.ts",
     "use-sync-external-store.js"
   ],
-  "sha": "c56bc50",
+  "sha": "3141d32",
   "scripts": {}
 }

package/preset.cjs

@@ -4,16 +4,11 @@
 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 = /^use-sync-external-store(\/.*)?$/;
 var SHIM_MODULE = "@foxford/den-preact/use-sync-external-store";
-var SHIM_ID = "\0den-preact:use-sync-external-store";
 var useSyncExternalStoreShim = {
-  enforce: "pre",
-  load: (id) => id === SHIM_ID ? `export * from '${SHIM_MODULE}'
-export { default } from '${SHIM_MODULE}'
-` : null,
-  name: "den-preact:use-sync-external-store",
-  resolveId: (source) => SHIM.test(source) ? SHIM_ID : null
+  config: () => ({ resolve: { alias: [{ find: SHIM, replacement: SHIM_MODULE }] } }),
+  name: "den-preact:use-sync-external-store"
 };
 var runtimeSingleton = {
   config: () => ({

package/preset.js

@@ -4,16 +4,11 @@ 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 = /^use-sync-external-store(\/.*)?$/;
 var SHIM_MODULE = "@foxford/den-preact/use-sync-external-store";
-var SHIM_ID = "\0den-preact:use-sync-external-store";
 var useSyncExternalStoreShim = {
-  enforce: "pre",
-  load: (id) => id === SHIM_ID ? `export * from '${SHIM_MODULE}'
-export { default } from '${SHIM_MODULE}'
-` : null,
-  name: "den-preact:use-sync-external-store",
-  resolveId: (source) => SHIM.test(source) ? SHIM_ID : null
+  config: () => ({ resolve: { alias: [{ find: SHIM, replacement: SHIM_MODULE }] } }),
+  name: "den-preact:use-sync-external-store"
 };
 var runtimeSingleton = {
   config: () => ({