@foxford/den-preact 0.1.0

package/README.mdx

@@ -0,0 +1,7 @@
+---
+title: Den Preact
+---
+
+# @foxford/den-preact
+
+View adapter для Preact: остров, серверная отрисовка, слоты, клиентский вход и пресет сборки.

package/chunk-5JBD5THX.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+export {
+  __spreadValues
+};

package/chunk-J2T5F5Q5.cjs

@@ -0,0 +1,165 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkP4DSWCF6cjs = require('./chunk-P4DSWCF6.cjs');
+
+// src/container-context.tsx
+var _preact = require('preact');
+var _hooks = require('preact/hooks');
+var _adapter = require('@foxford/den/adapter');
+var _logger = require('@foxford/logger');
+var _jsxruntime = require('preact/jsx-runtime');
+var ContainerContext = _preact.createContext.call(void 0, null);
+var logger = _logger.log.getLogger("den-preact").getLogger("island");
+function ContainerProvider({ value, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContainerContext.Provider, { value, children });
+}
+function useContainer() {
+  const container = _hooks.useContext.call(void 0, ContainerContext);
+  if (container === null) {
+    throw new Error("den-preact: useContainer() \u0432\u044B\u0437\u0432\u0430\u043D \u0432\u043D\u0435 ContainerProvider");
+  }
+  return container;
+}
+function installIslandResolver() {
+  _adapter.installResolver.call(void 0, (token) => {
+    var _a, _b;
+    let container = (_a = _hooks.useContext.call(void 0, ContainerContext)) != null ? _a : void 0;
+    if (!container) {
+      logger.error(`\u0440\u0435\u0437\u043E\u043B\u0432 \xAB${token.description}\xBB \u0432\u043D\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 (\u043D\u0435\u0442 container-context)`);
+      throw new Error(`den-preact: .resolve() \u0432\u044B\u0437\u0432\u0430\u043D \u0432\u043D\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 (\u043D\u0435\u0442 container-context) \u0434\u043B\u044F \xAB${token.description}\xBB`);
+    }
+    while (container) {
+      if (container.has(token)) {
+        logger.debug(`\u0440\u0435\u0437\u043E\u043B\u0432 \xAB${token.description}\xBB \u0432\u043E view`);
+        return container.resolve(token);
+      }
+      container = (_b = container.getParent) == null ? void 0 : _b.call(container);
+    }
+    logger.error(`\u0442\u043E\u043A\u0435\u043D \xAB${token.description}\xBB \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430`);
+    throw new Error(`den-preact: \u0442\u043E\u043A\u0435\u043D \xAB${token.description}\xBB \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430`);
+  });
+}
+
+// src/slot.tsx
+
+
+var _define = require('@foxford/den/define');
+var _island = require('@foxford/den/island');
+
+var SlotFillContext = _preact.createContext.call(void 0, {});
+function SlotHost({
+  fills,
+  children
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SlotFillContext.Provider, { value: fills != null ? fills : {}, children });
+}
+function Slot({ name }) {
+  const fill = _hooks.useContext.call(void 0, SlotFillContext)[name];
+  const container = useContainer();
+  const entry = container.has(_define.SlotRegistryToken) ? container.resolve(_define.SlotRegistryToken).get(name) : void 0;
+  if (!entry) {
+    throw new Error(
+      `den-preact: \u0441\u043B\u043E\u0442 \xAB${name}\xBB \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 \u2014 \u043E\u0431\u044A\u044F\u0432\u0438\u0442\u0435 \u0435\u0433\u043E \u0432 \`slots\` \u0434\u0435\u0441\u043A\u0440\u0438\u043F\u0442\u043E\u0440\u0430 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u043F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0438\u043C\u044F`
+    );
+  }
+  const slotAdapter = entry.viewLayer && _island.viewAdapterOf.call(void 0, entry.viewLayer);
+  if (slotAdapter && slotAdapter.type !== "preact") {
+    throw new Error(
+      `den-preact: \u0441\u043B\u043E\u0442 \xAB${name}\xBB \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D \u0441 view-\u0441\u043B\u043E\u0435\u043C \xAB${slotAdapter.type}\xBB \u2014 \u0441\u043C\u0435\u0448\u0435\u043D\u0438\u0435 \u0444\u0440\u0435\u0439\u043C\u0432\u043E\u0440\u043A\u043E\u0432 \u0432 \u043E\u0434\u043D\u043E\u043C \u0434\u0435\u0440\u0435\u0432\u0435 \u043F\u043E\u043A\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F`
+    );
+  }
+  const View = entry.view;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-den-slot": name, children: [
+    View ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, View, {}) : null,
+    fill
+  ] });
+}
+
+// src/island.tsx
+
+
+
+
+
+
+
+
+
+
+
+function IslandRuntime({
+  descriptor,
+  denState,
+  onDocument,
+  route,
+  slots
+}) {
+  var _a;
+  const [container] = _hooks.useState.call(void 0, () => _island.createIslandContainer.call(void 0, descriptor));
+  const [seeded, setSeeded] = _hooks.useState.call(void 0, void 0);
+  if (container !== null && denState !== void 0 && denState !== seeded) {
+    setSeeded(denState);
+    _island.hydrateIslandState.call(void 0, container, descriptor, denState);
+  }
+  _hooks.useEffect.call(void 0, () => {
+    if (container === null) {
+      return;
+    }
+    _island.resolveEagerUnits.call(void 0, container, descriptor);
+  }, [container, descriptor]);
+  const routeKey = route === void 0 ? "" : JSON.stringify(route);
+  const activeRoute = _hooks.useMemo.call(void 0, 
+    () => routeKey === "" ? void 0 : JSON.parse(routeKey),
+    [routeKey]
+  );
+  _hooks.useEffect.call(void 0, () => {
+    if (denState || container === null) {
+      return;
+    }
+    void _island.activateIslandViewModels.call(void 0, container, descriptor, activeRoute).then(() => {
+      onDocument == null ? void 0 : onDocument(_island.collectDocumentContribution.call(void 0, container, descriptor));
+    });
+  }, [activeRoute, container, denState, descriptor, 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]);
+  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."
+        ]
+      }
+    );
+  }
+  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, {}) }) });
+}
+function createPreactIsland(descriptor) {
+  return function Island(props) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IslandRuntime, _chunkP4DSWCF6cjs.__spreadValues.call(void 0, { descriptor }, props));
+  };
+}
+
+
+
+
+
+
+
+
+exports.ContainerProvider = ContainerProvider; exports.useContainer = useContainer; exports.installIslandResolver = installIslandResolver; exports.SlotHost = SlotHost; exports.Slot = Slot; exports.createPreactIsland = createPreactIsland;

package/chunk-P4DSWCF6.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+
+
+exports.__spreadValues = __spreadValues;

package/chunk-R2CWAR74.js

@@ -0,0 +1,165 @@
+import {
+  __spreadValues
+} from "./chunk-5JBD5THX.js";
+
+// src/container-context.tsx
+import { createContext } from "preact";
+import { useContext } from "preact/hooks";
+import { installResolver } from "@foxford/den/adapter";
+import { log } from "@foxford/logger";
+import { jsx } from "preact/jsx-runtime";
+var ContainerContext = createContext(null);
+var logger = log.getLogger("den-preact").getLogger("island");
+function ContainerProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(ContainerContext.Provider, { value, children });
+}
+function useContainer() {
+  const container = useContext(ContainerContext);
+  if (container === null) {
+    throw new Error("den-preact: useContainer() \u0432\u044B\u0437\u0432\u0430\u043D \u0432\u043D\u0435 ContainerProvider");
+  }
+  return container;
+}
+function installIslandResolver() {
+  installResolver((token) => {
+    var _a, _b;
+    let container = (_a = useContext(ContainerContext)) != null ? _a : void 0;
+    if (!container) {
+      logger.error(`\u0440\u0435\u0437\u043E\u043B\u0432 \xAB${token.description}\xBB \u0432\u043D\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 (\u043D\u0435\u0442 container-context)`);
+      throw new Error(`den-preact: .resolve() \u0432\u044B\u0437\u0432\u0430\u043D \u0432\u043D\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 (\u043D\u0435\u0442 container-context) \u0434\u043B\u044F \xAB${token.description}\xBB`);
+    }
+    while (container) {
+      if (container.has(token)) {
+        logger.debug(`\u0440\u0435\u0437\u043E\u043B\u0432 \xAB${token.description}\xBB \u0432\u043E view`);
+        return container.resolve(token);
+      }
+      container = (_b = container.getParent) == null ? void 0 : _b.call(container);
+    }
+    logger.error(`\u0442\u043E\u043A\u0435\u043D \xAB${token.description}\xBB \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430`);
+    throw new Error(`den-preact: \u0442\u043E\u043A\u0435\u043D \xAB${token.description}\xBB \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430`);
+  });
+}
+
+// src/slot.tsx
+import { createContext as createContext2 } from "preact";
+import { useContext as useContext2 } from "preact/hooks";
+import { SlotRegistryToken } from "@foxford/den/define";
+import { viewAdapterOf } from "@foxford/den/island";
+import { jsx as jsx2, jsxs } from "preact/jsx-runtime";
+var SlotFillContext = createContext2({});
+function SlotHost({
+  fills,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(SlotFillContext.Provider, { value: fills != null ? fills : {}, children });
+}
+function Slot({ name }) {
+  const fill = useContext2(SlotFillContext)[name];
+  const container = useContainer();
+  const entry = container.has(SlotRegistryToken) ? container.resolve(SlotRegistryToken).get(name) : void 0;
+  if (!entry) {
+    throw new Error(
+      `den-preact: \u0441\u043B\u043E\u0442 \xAB${name}\xBB \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 \u2014 \u043E\u0431\u044A\u044F\u0432\u0438\u0442\u0435 \u0435\u0433\u043E \u0432 \`slots\` \u0434\u0435\u0441\u043A\u0440\u0438\u043F\u0442\u043E\u0440\u0430 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u043F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0438\u043C\u044F`
+    );
+  }
+  const slotAdapter = entry.viewLayer && viewAdapterOf(entry.viewLayer);
+  if (slotAdapter && slotAdapter.type !== "preact") {
+    throw new Error(
+      `den-preact: \u0441\u043B\u043E\u0442 \xAB${name}\xBB \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D \u0441 view-\u0441\u043B\u043E\u0435\u043C \xAB${slotAdapter.type}\xBB \u2014 \u0441\u043C\u0435\u0448\u0435\u043D\u0438\u0435 \u0444\u0440\u0435\u0439\u043C\u0432\u043E\u0440\u043A\u043E\u0432 \u0432 \u043E\u0434\u043D\u043E\u043C \u0434\u0435\u0440\u0435\u0432\u0435 \u043F\u043E\u043A\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F`
+    );
+  }
+  const View = entry.view;
+  return /* @__PURE__ */ jsxs("div", { "data-den-slot": name, children: [
+    View ? /* @__PURE__ */ jsx2(View, {}) : null,
+    fill
+  ] });
+}
+
+// src/island.tsx
+import { useEffect, useMemo, useState } from "preact/hooks";
+import {
+  activateIslandViewModels,
+  collectDocumentContribution,
+  createIslandContainer,
+  describeIsland,
+  hydrateIslandState,
+  registerIsland,
+  resolveEagerUnits
+} from "@foxford/den/island";
+import { jsx as jsx3, jsxs as jsxs2 } from "preact/jsx-runtime";
+function IslandRuntime({
+  descriptor,
+  denState,
+  onDocument,
+  route,
+  slots
+}) {
+  var _a;
+  const [container] = useState(() => createIslandContainer(descriptor));
+  const [seeded, setSeeded] = useState(void 0);
+  if (container !== null && denState !== void 0 && denState !== seeded) {
+    setSeeded(denState);
+    hydrateIslandState(container, descriptor, denState);
+  }
+  useEffect(() => {
+    if (container === null) {
+      return;
+    }
+    resolveEagerUnits(container, descriptor);
+  }, [container, descriptor]);
+  const routeKey = route === void 0 ? "" : JSON.stringify(route);
+  const activeRoute = useMemo(
+    () => routeKey === "" ? void 0 : JSON.parse(routeKey),
+    [routeKey]
+  );
+  useEffect(() => {
+    if (denState || container === null) {
+      return;
+    }
+    void activateIslandViewModels(container, descriptor, activeRoute).then(() => {
+      onDocument == null ? void 0 : onDocument(collectDocumentContribution(container, descriptor));
+    });
+  }, [activeRoute, container, denState, descriptor, onDocument]);
+  useEffect(() => {
+    if (container === null) {
+      return;
+    }
+    return registerIsland(describeIsland(descriptor, denState));
+  }, [container, descriptor, denState]);
+  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."
+        ]
+      }
+    );
+  }
+  const View = descriptor.view;
+  return /* @__PURE__ */ jsx3(ContainerProvider, { value: container, children: /* @__PURE__ */ jsx3(SlotHost, { fills: slots, children: /* @__PURE__ */ jsx3(View, {}) }) });
+}
+function createPreactIsland(descriptor) {
+  return function Island(props) {
+    return /* @__PURE__ */ jsx3(IslandRuntime, __spreadValues({ descriptor }, props));
+  };
+}
+
+export {
+  ContainerProvider,
+  useContainer,
+  installIslandResolver,
+  SlotHost,
+  Slot,
+  createPreactIsland
+};

package/client.cjs

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkJ2T5F5Q5cjs = require('./chunk-J2T5F5Q5.cjs');
+require('./chunk-P4DSWCF6.cjs');
+
+// src/client.ts
+var _preact = require('preact');
+var _island = require('@foxford/den/island');
+var _logger = require('@foxford/logger');
+var logger = _logger.log.getLogger("den-preact").getLogger("client");
+var ROOT_MARK = "data-den-root";
+var STATE_MARK = "data-den-state";
+function readState(name) {
+  const tag = document.querySelector(`script[${STATE_MARK}="${name}"]`);
+  if (!(tag == null ? void 0 : tag.textContent)) {
+    logger.warn(`\u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${name}\xBB \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E \u2014 \u043F\u043E\u0434\u043D\u0438\u043C\u0430\u0435\u043C\u0441\u044F \u043D\u0430 \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u043C`);
+    return {};
+  }
+  try {
+    return JSON.parse(tag.textContent);
+  } catch (error) {
+    logger.error(`\u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${name}\xBB \u043D\u0435 \u0440\u0430\u0437\u043E\u0431\u0440\u0430\u0442\u044C:`, error);
+    return {};
+  }
+}
+function currentRoute() {
+  return {
+    params: {},
+    pathname: window.location.pathname,
+    search: window.location.search.replace(/^\?/, "")
+  };
+}
+var hydrated = /* @__PURE__ */ new WeakSet();
+function hydrateApp(descriptor) {
+  if (false) {
+    void null.then(() => {
+      mountApp(descriptor);
+    });
+    return;
+  }
+  mountApp(descriptor);
+}
+function mountApp(descriptor) {
+  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`);
+    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`);
+    return;
+  }
+  hydrated.add(node);
+  _chunkJ2T5F5Q5cjs.installIslandResolver.call(void 0, );
+  const Island = _chunkJ2T5F5Q5cjs.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`);
+  _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);
+  });
+}
+
+
+exports.hydrateApp = hydrateApp;

package/client.d.cts

@@ -0,0 +1,16 @@
+import { IslandDescriptor } from '@foxford/den/island';
+
+/**
+ * Оживляет фрагмент приложения в его узле и ведёт его через переходы хоста.
+ *
+ * В разработке первым делом подключается мост к расширению Preact Devtools: он же печатает
+ * предупреждения о расхождении гидрации. Подключается ЗДЕСЬ, а не пресетом сборки — тот
+ * вставляет его в entry, найденный через `.html`, а входа-страницы у приложения нет: его вход
+ * порождает сборка. Расширение видит ту копию рантайма, которая его импортировала, поэтому
+ * своя нужна каждому бандлу на странице.
+ *
+ * @param descriptor - Дескриптор приложения
+ */
+declare function hydrateApp(descriptor: IslandDescriptor): void;
+
+export { hydrateApp };

package/client.d.ts

@@ -0,0 +1,16 @@
+import { IslandDescriptor } from '@foxford/den/island';
+
+/**
+ * Оживляет фрагмент приложения в его узле и ведёт его через переходы хоста.
+ *
+ * В разработке первым делом подключается мост к расширению Preact Devtools: он же печатает
+ * предупреждения о расхождении гидрации. Подключается ЗДЕСЬ, а не пресетом сборки — тот
+ * вставляет его в entry, найденный через `.html`, а входа-страницы у приложения нет: его вход
+ * порождает сборка. Расширение видит ту копию рантайма, которая его импортировала, поэтому
+ * своя нужна каждому бандлу на странице.
+ *
+ * @param descriptor - Дескриптор приложения
+ */
+declare function hydrateApp(descriptor: IslandDescriptor): void;
+
+export { hydrateApp };

package/client.js

@@ -0,0 +1,69 @@
+import {
+  createPreactIsland,
+  installIslandResolver
+} from "./chunk-R2CWAR74.js";
+import "./chunk-5JBD5THX.js";
+
+// src/client.ts
+import { h, hydrate, render } from "preact";
+import { onIslandNavigate, publishIslandDocument } from "@foxford/den/island";
+import { log } from "@foxford/logger";
+var logger = log.getLogger("den-preact").getLogger("client");
+var ROOT_MARK = "data-den-root";
+var STATE_MARK = "data-den-state";
+function readState(name) {
+  const tag = document.querySelector(`script[${STATE_MARK}="${name}"]`);
+  if (!(tag == null ? void 0 : tag.textContent)) {
+    logger.warn(`\u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${name}\xBB \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E \u2014 \u043F\u043E\u0434\u043D\u0438\u043C\u0430\u0435\u043C\u0441\u044F \u043D\u0430 \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u043C`);
+    return {};
+  }
+  try {
+    return JSON.parse(tag.textContent);
+  } catch (error) {
+    logger.error(`\u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \xAB${name}\xBB \u043D\u0435 \u0440\u0430\u0437\u043E\u0431\u0440\u0430\u0442\u044C:`, error);
+    return {};
+  }
+}
+function currentRoute() {
+  return {
+    params: {},
+    pathname: window.location.pathname,
+    search: window.location.search.replace(/^\?/, "")
+  };
+}
+var hydrated = /* @__PURE__ */ new WeakSet();
+function hydrateApp(descriptor) {
+  if (import.meta.env.DEV) {
+    void import("preact/debug").then(() => {
+      mountApp(descriptor);
+    });
+    return;
+  }
+  mountApp(descriptor);
+}
+function mountApp(descriptor) {
+  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`);
+    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`);
+    return;
+  }
+  hydrated.add(node);
+  installIslandResolver();
+  const Island = createPreactIsland(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`);
+  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);
+  });
+}
+export {
+  hydrateApp
+};

package/index.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+var _chunkJ2T5F5Q5cjs = require('./chunk-J2T5F5Q5.cjs');
+require('./chunk-P4DSWCF6.cjs');
+
+// src/render-island.tsx
+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 serverRender = descriptor.serverRender;
+  if (serverRender) {
+    return serverRender(tree, (node) => _preactrendertostring.renderToString.call(void 0, node));
+  }
+  return { html: _preactrendertostring.renderToString.call(void 0, tree) };
+}
+
+// src/index.ts
+var CLIENT_BUNDLE = false;
+function renderIslandOnClient() {
+  throw new Error("den-preact: \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 \u0440\u0435\u043D\u0434\u0435\u0440 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043D\u043E\u043C \u0432\u044B\u0445\u043E\u0434\u0435 \u043D\u0435 \u0441\u043E\u0431\u0440\u0430\u043D");
+}
+function preactAdapter() {
+  return {
+    createIsland: _chunkJ2T5F5Q5cjs.createPreactIsland,
+    installResolver: _chunkJ2T5F5Q5cjs.installIslandResolver,
+    renderIsland: CLIENT_BUNDLE ? renderIslandOnClient : renderPreactIsland,
+    type: "preact"
+  };
+}
+
+
+
+
+
+
+
+
+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;

package/index.d.cts

@@ -0,0 +1,74 @@
+import { IslandRoute, DocumentContribution, IslandDescriptor, ServerRender, ViewAdapter } from '@foxford/den/island';
+import * as preact from 'preact';
+import { ComponentChildren, ComponentType, VNode } from 'preact';
+import { Container } from '@foxford/ioc';
+
+declare function ContainerProvider({ value, children }: {
+    value: Container;
+    children: ComponentChildren;
+}): preact.JSX.Element;
+/** Контейнер острова напрямую; обычно хватает `Definition.resolve()`. */
+declare function useContainer(): Container;
+/**
+ * Ставит preact-стратегию резолва в общий шов `@foxford/den/adapter`.
+ *
+ * Зовётся из `preactAdapter().installResolver()`: шов один на процесс и работает last-wins.
+ */
+declare function installIslandResolver(): void;
+
+/** Пропсы острова: серверное состояние, адрес и внешние заполнители слотов. */
+interface IslandProps {
+    /** Состояние с сервера (ключ = `token.description` VM). */
+    denState?: Record<string, unknown>;
+    /** Адрес, на котором остров стоит. Меняется — VM активируются заново, тем же вызовом. */
+    route?: IslandRoute;
+    /** Внешний контент слотов по имени. */
+    slots?: Record<string, ComponentChildren>;
+    /** Куда отдать вклад в документ — заголовок и meta, посчитанные по состоянию VM. */
+    onDocument?: (contribution: DocumentContribution) => void;
+}
+/**
+ * Делает из дескриптора компонент острова. Зовётся ядром через `ViewAdapter.createIsland`.
+ *
+ * @param descriptor - Дескриптор острова
+ */
+declare function createPreactIsland(descriptor: IslandDescriptor): ComponentType<IslandProps>;
+
+/**
+ * Провайдер внешнего контента слотов; оборачивает view острова.
+ *
+ * @param props.fills - Карта «имя слота → контент» от оркестратора
+ */
+declare function SlotHost({ fills, children, }: {
+    fills?: Record<string, ComponentChildren>;
+    children: ComponentChildren;
+}): preact.JSX.Element;
+/**
+ * Рисует слот по имени: локальный `view` слота плюс внешний контент оркестратора.
+ *
+ * По имени, а не по ссылке на дескриптор: слоты объявляются в дескрипторе приложения, и
+ * импорт объекта во view замкнул бы цикл. Запись берётся из реестра слотов в контейнере.
+ *
+ * @param props.name - Ключ слота из карты `slots` дескриптора
+ */
+declare function Slot({ name }: {
+    name: string;
+}): VNode;
+
+/**
+ * Серверный рендер приложения на preact — сужение ядерного `ServerRender` до дерева preact.
+ *
+ * Ядро дерево не типизирует: для него это непрозрачное значение. Приложение пишет проход
+ * в терминах своего фреймворка, поэтому импортирует этот тип.
+ */
+type PreactServerRender = ServerRender<VNode>;
+
+/**
+ * Preact-адаптер view — реализация порта `ViewAdapter` из `@foxford/den/island`.
+ *
+ * Объявляется приложением через `defineLayer(ViewLayerToken, { adapter })`. Дефолта нет ни у
+ * ядра, ни у хоста: фреймворк за приложение не выбирают.
+ */
+declare function preactAdapter(): ViewAdapter;
+
+export { ContainerProvider, type IslandProps, type PreactServerRender, Slot, SlotHost, createPreactIsland, installIslandResolver, preactAdapter, useContainer };

package/index.d.ts

@@ -0,0 +1,74 @@
+import { IslandRoute, DocumentContribution, IslandDescriptor, ServerRender, ViewAdapter } from '@foxford/den/island';
+import * as preact from 'preact';
+import { ComponentChildren, ComponentType, VNode } from 'preact';
+import { Container } from '@foxford/ioc';
+
+declare function ContainerProvider({ value, children }: {
+    value: Container;
+    children: ComponentChildren;
+}): preact.JSX.Element;
+/** Контейнер острова напрямую; обычно хватает `Definition.resolve()`. */
+declare function useContainer(): Container;
+/**
+ * Ставит preact-стратегию резолва в общий шов `@foxford/den/adapter`.
+ *
+ * Зовётся из `preactAdapter().installResolver()`: шов один на процесс и работает last-wins.
+ */
+declare function installIslandResolver(): void;
+
+/** Пропсы острова: серверное состояние, адрес и внешние заполнители слотов. */
+interface IslandProps {
+    /** Состояние с сервера (ключ = `token.description` VM). */
+    denState?: Record<string, unknown>;
+    /** Адрес, на котором остров стоит. Меняется — VM активируются заново, тем же вызовом. */
+    route?: IslandRoute;
+    /** Внешний контент слотов по имени. */
+    slots?: Record<string, ComponentChildren>;
+    /** Куда отдать вклад в документ — заголовок и meta, посчитанные по состоянию VM. */
+    onDocument?: (contribution: DocumentContribution) => void;
+}
+/**
+ * Делает из дескриптора компонент острова. Зовётся ядром через `ViewAdapter.createIsland`.
+ *
+ * @param descriptor - Дескриптор острова
+ */
+declare function createPreactIsland(descriptor: IslandDescriptor): ComponentType<IslandProps>;
+
+/**
+ * Провайдер внешнего контента слотов; оборачивает view острова.
+ *
+ * @param props.fills - Карта «имя слота → контент» от оркестратора
+ */
+declare function SlotHost({ fills, children, }: {
+    fills?: Record<string, ComponentChildren>;
+    children: ComponentChildren;
+}): preact.JSX.Element;
+/**
+ * Рисует слот по имени: локальный `view` слота плюс внешний контент оркестратора.
+ *
+ * По имени, а не по ссылке на дескриптор: слоты объявляются в дескрипторе приложения, и
+ * импорт объекта во view замкнул бы цикл. Запись берётся из реестра слотов в контейнере.
+ *
+ * @param props.name - Ключ слота из карты `slots` дескриптора
+ */
+declare function Slot({ name }: {
+    name: string;
+}): VNode;
+
+/**
+ * Серверный рендер приложения на preact — сужение ядерного `ServerRender` до дерева preact.
+ *
+ * Ядро дерево не типизирует: для него это непрозрачное значение. Приложение пишет проход
+ * в терминах своего фреймворка, поэтому импортирует этот тип.
+ */
+type PreactServerRender = ServerRender<VNode>;
+
+/**
+ * Preact-адаптер view — реализация порта `ViewAdapter` из `@foxford/den/island`.
+ *
+ * Объявляется приложением через `defineLayer(ViewLayerToken, { adapter })`. Дефолта нет ни у
+ * ядра, ни у хоста: фреймворк за приложение не выбирают.
+ */
+declare function preactAdapter(): ViewAdapter;
+
+export { ContainerProvider, type IslandProps, type PreactServerRender, Slot, SlotHost, createPreactIsland, installIslandResolver, preactAdapter, useContainer };

package/index.js

@@ -0,0 +1,45 @@
+import {
+  ContainerProvider,
+  Slot,
+  SlotHost,
+  createPreactIsland,
+  installIslandResolver,
+  useContainer
+} from "./chunk-R2CWAR74.js";
+import "./chunk-5JBD5THX.js";
+
+// src/render-island.tsx
+import { renderToString } from "preact-render-to-string";
+import { jsx } from "preact/jsx-runtime";
+function renderPreactIsland(descriptor, { container, slots }) {
+  const View = descriptor.view;
+  const tree = /* @__PURE__ */ jsx(ContainerProvider, { value: container, children: /* @__PURE__ */ jsx(SlotHost, { fills: slots, children: /* @__PURE__ */ jsx(View, {}) }) });
+  const serverRender = descriptor.serverRender;
+  if (serverRender) {
+    return serverRender(tree, (node) => renderToString(node));
+  }
+  return { html: renderToString(tree) };
+}
+
+// src/index.ts
+var CLIENT_BUNDLE = import.meta.env.PROD && !import.meta.env.SSR;
+function renderIslandOnClient() {
+  throw new Error("den-preact: \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 \u0440\u0435\u043D\u0434\u0435\u0440 \u043E\u0441\u0442\u0440\u043E\u0432\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043D\u043E\u043C \u0432\u044B\u0445\u043E\u0434\u0435 \u043D\u0435 \u0441\u043E\u0431\u0440\u0430\u043D");
+}
+function preactAdapter() {
+  return {
+    createIsland: createPreactIsland,
+    installResolver: installIslandResolver,
+    renderIsland: CLIENT_BUNDLE ? renderIslandOnClient : renderPreactIsland,
+    type: "preact"
+  };
+}
+export {
+  ContainerProvider,
+  Slot,
+  SlotHost,
+  createPreactIsland,
+  installIslandResolver,
+  preactAdapter,
+  useContainer
+};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@foxford/den-preact",
+  "version": "0.1.0",
+  "description": "Den Preact view adapter — остров, серверная отрисовка, слоты, пресет сборки",
+  "keywords": [
+    "foxford",
+    "den",
+    "preact",
+    "view"
+  ],
+  "license": "MIT",
+  "author": "Foxford Co",
+  "maintainers": [
+    {
+      "name": "Roman Olin",
+      "email": "r.v.olin@foxford.ru",
+      "team": "core-frontend"
+    }
+  ],
+  "type": "module",
+  "dependencies": {
+    "@foxford/den": "^3.2.2",
+    "@foxford/logger": "^1.2.2"
+  },
+  "peerDependencies": {
+    "@preact/preset-vite": ">=2",
+    "preact": ">=10",
+    "preact-render-to-string": ">=6"
+  },
+  "peerDependenciesMeta": {
+    "@preact/preset-vite": {
+      "optional": true
+    }
+  },
+  "main": "./index.cjs",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs",
+      "types": "./index.d.ts"
+    },
+    "./client": {
+      "import": "./client.js",
+      "require": "./client.cjs",
+      "types": "./client.d.ts"
+    },
+    "./preset": {
+      "import": "./preset.js",
+      "require": "./preset.cjs",
+      "types": "./preset.d.ts"
+    }
+  },
+  "files": [
+    "README.mdx",
+    "chunk-5JBD5THX.js",
+    "chunk-J2T5F5Q5.cjs",
+    "chunk-P4DSWCF6.cjs",
+    "chunk-R2CWAR74.js",
+    "client.cjs",
+    "client.d.cts",
+    "client.d.ts",
+    "client.js",
+    "index.cjs",
+    "index.d.cts",
+    "index.d.ts",
+    "index.js",
+    "package.json",
+    "preset.cjs",
+    "preset.d.cts",
+    "preset.d.ts",
+    "preset.js"
+  ],
+  "sha": "fdf4e14",
+  "scripts": {}
+}

package/preset.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }require('./chunk-P4DSWCF6.cjs');
+
+// src/preset.ts
+var _presetvite = require('@preact/preset-vite'); var _presetvite2 = _interopRequireDefault(_presetvite);
+var CLIENT_ENTRY = "@foxford/den-preact/client";
+var STYLED = "styled-components";
+var runtimeSingleton = {
+  config: () => ({
+    resolve: { dedupe: ["preact", "preact-render-to-string"] },
+    ssr: { external: ["preact", "preact-render-to-string"] }
+  }),
+  name: "den-preact:runtime-singleton"
+};
+function preact(options = {}) {
+  var _a, _b;
+  const plugins = (_b = (_a = options.babel) == null ? void 0 : _a.plugins) != null ? _b : [];
+  return {
+    clientEntry: CLIENT_ENTRY,
+    // Prefresh выключен: у приложения нет dev-сервера сборщика — `den dev` пересобирает
+    // выход и перезапускает процесс.
+    plugins: [_presetvite2.default.call(void 0, { babel: { plugins }, prefreshEnabled: false }), runtimeSingleton],
+    // Проверка тут потому, что цена ошибки — МОЛЧАНИЕ. Без сборочной поддержки
+    // styled-components считает идентификатор компонента счётчиком: порядок вычисления в
+    // серверном и клиентском выходах разный, имена классов расходятся, и это видно только
+    // рухнувшей гидрацией в браузере.
+    validate: (dependencies) => {
+      if (!dependencies.includes(STYLED) || JSON.stringify(plugins).includes(STYLED)) {
+        return null;
+      }
+      return `\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442 ${STYLED}, \u043D\u043E \u0432 \u043F\u0440\u0435\u0441\u0435\u0442\u0435 \u043D\u0435\u0442 \u0435\u0433\u043E babel-\u043F\u043B\u0430\u0433\u0438\u043D\u0430. \u0411\u0435\u0437 \u043D\u0435\u0433\u043E \u0438\u043C\u0435\u043D\u0430 \u043A\u043B\u0430\u0441\u0441\u043E\u0432 \u0440\u0430\u0441\u0445\u043E\u0434\u044F\u0442\u0441\u044F \u043C\u0435\u0436\u0434\u0443 \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u043C \u0438 \u043A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u0438\u043C \u0432\u044B\u0445\u043E\u0434\u043E\u043C, \u0438 \u0433\u0438\u0434\u0440\u0430\u0446\u0438\u044F \u0440\u0443\u0448\u0438\u0442\u0441\u044F \u043D\u0430 \u043A\u0430\u0436\u0434\u043E\u043C \u0443\u0437\u043B\u0435. \u041E\u0431\u044A\u044F\u0432\u0438\u0442\u0435 \u0435\u0433\u043E \u0432 \u043A\u043E\u043D\u0444\u0438\u0433\u0435: preact({ babel: { plugins: [['babel-plugin-${STYLED}', { displayName: true, ssr: true }]] } })`;
+    },
+    view: "preact"
+  };
+}
+
+
+exports.preact = preact;

package/preset.d.cts

@@ -0,0 +1,18 @@
+import { AppBuildPreset } from '@foxford/den/build';
+
+interface PreactOptions {
+    /**
+     * Babel-плагины приложения. Пресет их не выбирает: слой стилей — специфика приложения.
+     */
+    babel?: {
+        plugins?: unknown[];
+    };
+}
+/**
+ * Пресет preact-приложения.
+ *
+ * @param options - Babel-плагины приложения
+ */
+declare function preact(options?: PreactOptions): AppBuildPreset;
+
+export { type PreactOptions, preact };

package/preset.d.ts

@@ -0,0 +1,18 @@
+import { AppBuildPreset } from '@foxford/den/build';
+
+interface PreactOptions {
+    /**
+     * Babel-плагины приложения. Пресет их не выбирает: слой стилей — специфика приложения.
+     */
+    babel?: {
+        plugins?: unknown[];
+    };
+}
+/**
+ * Пресет preact-приложения.
+ *
+ * @param options - Babel-плагины приложения
+ */
+declare function preact(options?: PreactOptions): AppBuildPreset;
+
+export { type PreactOptions, preact };

package/preset.js

@@ -0,0 +1,37 @@
+import "./chunk-5JBD5THX.js";
+
+// src/preset.ts
+import preactPlugin from "@preact/preset-vite";
+var CLIENT_ENTRY = "@foxford/den-preact/client";
+var STYLED = "styled-components";
+var runtimeSingleton = {
+  config: () => ({
+    resolve: { dedupe: ["preact", "preact-render-to-string"] },
+    ssr: { external: ["preact", "preact-render-to-string"] }
+  }),
+  name: "den-preact:runtime-singleton"
+};
+function preact(options = {}) {
+  var _a, _b;
+  const plugins = (_b = (_a = options.babel) == null ? void 0 : _a.plugins) != null ? _b : [];
+  return {
+    clientEntry: CLIENT_ENTRY,
+    // Prefresh выключен: у приложения нет dev-сервера сборщика — `den dev` пересобирает
+    // выход и перезапускает процесс.
+    plugins: [preactPlugin({ babel: { plugins }, prefreshEnabled: false }), runtimeSingleton],
+    // Проверка тут потому, что цена ошибки — МОЛЧАНИЕ. Без сборочной поддержки
+    // styled-components считает идентификатор компонента счётчиком: порядок вычисления в
+    // серверном и клиентском выходах разный, имена классов расходятся, и это видно только
+    // рухнувшей гидрацией в браузере.
+    validate: (dependencies) => {
+      if (!dependencies.includes(STYLED) || JSON.stringify(plugins).includes(STYLED)) {
+        return null;
+      }
+      return `\u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442 ${STYLED}, \u043D\u043E \u0432 \u043F\u0440\u0435\u0441\u0435\u0442\u0435 \u043D\u0435\u0442 \u0435\u0433\u043E babel-\u043F\u043B\u0430\u0433\u0438\u043D\u0430. \u0411\u0435\u0437 \u043D\u0435\u0433\u043E \u0438\u043C\u0435\u043D\u0430 \u043A\u043B\u0430\u0441\u0441\u043E\u0432 \u0440\u0430\u0441\u0445\u043E\u0434\u044F\u0442\u0441\u044F \u043C\u0435\u0436\u0434\u0443 \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u043C \u0438 \u043A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u0438\u043C \u0432\u044B\u0445\u043E\u0434\u043E\u043C, \u0438 \u0433\u0438\u0434\u0440\u0430\u0446\u0438\u044F \u0440\u0443\u0448\u0438\u0442\u0441\u044F \u043D\u0430 \u043A\u0430\u0436\u0434\u043E\u043C \u0443\u0437\u043B\u0435. \u041E\u0431\u044A\u044F\u0432\u0438\u0442\u0435 \u0435\u0433\u043E \u0432 \u043A\u043E\u043D\u0444\u0438\u0433\u0435: preact({ babel: { plugins: [['babel-plugin-${STYLED}', { displayName: true, ssr: true }]] } })`;
+    },
+    view: "preact"
+  };
+}
+export {
+  preact
+};