@foxford/den-preact 0.1.0 → 0.2.0

package/{chunk-R2CWAR74.js → chunk-MBFQZ6VG.js}

@@ -22,7 +22,7 @@ function useContainer() {
 }
 function installIslandResolver() {
   installResolver((token) => {
-    var _a, _b;
+    var _a;
     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)`);
@@ -33,7 +33,7 @@ function installIslandResolver() {
         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);
+      container = container.getParent?.();
     }
     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`);
@@ -117,7 +117,7 @@ function IslandRuntime({
       return;
     }
     void activateIslandViewModels(container, descriptor, activeRoute).then(() => {
-      onDocument == null ? void 0 : onDocument(collectDocumentContribution(container, descriptor));
+      onDocument?.(collectDocumentContribution(container, descriptor));
     });
   }, [activeRoute, container, denState, descriptor, onDocument]);
   useEffect(() => {

package/client.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"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');
@@ -8,6 +8,7 @@ require('./chunk-P4DSWCF6.cjs');
 var _preact = require('preact');
 var _island = require('@foxford/den/island');
 var _logger = require('@foxford/logger');
+var import_meta = {};
 var logger = _logger.log.getLogger("den-preact").getLogger("client");
 var ROOT_MARK = "data-den-root";
 var STATE_MARK = "data-den-state";
@@ -33,8 +34,9 @@ function currentRoute() {
 }
 var hydrated = /* @__PURE__ */ new WeakSet();
 function hydrateApp(descriptor) {
-  if (false) {
-    void null.then(() => {
+  var _a;
+  if ((_a = import_meta.env) == null ? void 0 : _a.DEV) {
+    void Promise.resolve().then(() => _interopRequireWildcard(require("preact/debug"))).then(() => {
       mountApp(descriptor);
     });
     return;

package/client.js

@@ -1,7 +1,7 @@
 import {
   createPreactIsland,
   installIslandResolver
-} from "./chunk-R2CWAR74.js";
+} from "./chunk-MBFQZ6VG.js";
 import "./chunk-5JBD5THX.js";
 
 // src/client.ts
@@ -13,7 +13,7 @@ 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)) {
+  if (!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 {};
   }
@@ -33,7 +33,7 @@ function currentRoute() {
 }
 var hydrated = /* @__PURE__ */ new WeakSet();
 function hydrateApp(descriptor) {
-  if (import.meta.env.DEV) {
+  if (import.meta.env?.DEV) {
     void import("preact/debug").then(() => {
       mountApp(descriptor);
     });

package/index.cjs

@@ -22,7 +22,9 @@ function renderPreactIsland(descriptor, { container, slots }) {
 }
 
 // src/index.ts
-var CLIENT_BUNDLE = false;
+var import_meta = {};
+var _a, _b;
+var CLIENT_BUNDLE = ((_a = import_meta.env) == null ? void 0 : _a.PROD) && !((_b = import_meta.env) == null ? void 0 : _b.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");
 }

package/index.js

@@ -5,7 +5,7 @@ import {
   createPreactIsland,
   installIslandResolver,
   useContainer
-} from "./chunk-R2CWAR74.js";
+} from "./chunk-MBFQZ6VG.js";
 import "./chunk-5JBD5THX.js";
 
 // src/render-island.tsx
@@ -22,7 +22,7 @@ function renderPreactIsland(descriptor, { container, slots }) {
 }
 
 // src/index.ts
-var CLIENT_BUNDLE = import.meta.env.PROD && !import.meta.env.SSR;
+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");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/den-preact",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Den Preact view adapter — остров, серверная отрисовка, слоты, пресет сборки",
   "keywords": [
     "foxford",
@@ -49,14 +49,19 @@
       "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-P4DSWCF6.cjs",
-    "chunk-R2CWAR74.js",
     "client.cjs",
     "client.d.cts",
     "client.d.ts",
@@ -69,8 +74,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": "fdf4e14",
+  "sha": "c56bc50",
   "scripts": {}
 }

package/preset.cjs

@@ -4,6 +4,17 @@
 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 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
+};
 var runtimeSingleton = {
   config: () => ({
     resolve: { dedupe: ["preact", "preact-render-to-string"] },
@@ -18,7 +29,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,17 @@ 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 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
+};
 var runtimeSingleton = {
   config: () => ({
     resolve: { dedupe: ["preact", "preact-render-to-string"] },
@@ -12,13 +23,17 @@ var runtimeSingleton = {
   name: "den-preact:runtime-singleton"
 };
 function preact(options = {}) {
-  var _a, _b;
-  const plugins = (_b = (_a = options.babel) == null ? void 0 : _a.plugins) != null ? _b : [];
+  var _a;
+  const plugins = (_a = options.babel?.plugins) != null ? _a : [];
   return {
     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
+};