@foxford/den-preact 0.1.1 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/den-preact",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Den Preact view adapter — остров, серверная отрисовка, слоты, пресет сборки",
   "keywords": [
     "foxford",
@@ -49,6 +49,11 @@
       "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": [
@@ -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": "788ce37",
+  "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"] },
@@ -18,7 +29,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
+};