@foxford/tsup-config 1.0.1 → 1.1.0

package/README.mdx

@@ -47,12 +47,18 @@ export default defineConfig(
 ## Что делает сборка
 
 1. `entry` для tsup — из декларации;
-2. ESM → `.mjs`, CJS → `.cjs` (явно, иначе при `"type": "module"` ESM уходит в `.js`);
+2. ESM → `.js`, CJS → `.cjs` для пакетов с `"type": "module"`;
 3. `build/package.json`: метаданные без dev-полей, `exports` внутрь артефакта,
    `files` — по фактическому содержимому `build/`;
 4. падает, если объявленного подпути нет в `exports` исходного package.json,
    если `exports` ведёт не на исходник, или если файла из `exports` нет в `build/`.
 
+Синтаксис пакетного выхода понижается до production-целей `@foxford/browserslist-config/build` для ESM-приложений. Окружение выбрано явно: `NODE_ENV=test` или dev-режим команды не меняют публикуемый код. Пакеты, исполняемые только в Node, задают `overrides: { target: 'node18' }`; сам `tsup-config` также собирается для Node 18.
+
+Пакетная сборка не добавляет глобальные полифиллы. Итоговый сборщик приложения обрабатывает код вместе с зависимостями и подключает нужные API. У `den-preact` в промежуточном ESM сохраняются `import.meta` и optional chaining: они нужны сборщику потребителя для удаления серверного рендера из браузерного выхода.
+
+Для старых Safari профиль применяет тот же обход destructuring, что и Vite 7: esbuild сохраняет этот синтаксис. Это позволяет собрать код, но не исправляет известный баг движка в отдельных операциях с array rest. Условие обхода и ограничение описаны в [пакете браузерных целей](https://github.com/foxford/frontend-platform/blob/main/packages/browserslist-config/README.mdx).
+
 ## Пакеты со своей сборкой
 
 `@foxford/den-vike` собирается `tsc`, а не tsup: его vike-хуки связаны импортами

package/index.cjs

@@ -3,22 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -40,26 +26,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 // src/index.js
 var src_exports = {};
@@ -78,6 +44,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_node_fs = __toESM(require("fs"), 1);
 var import_node_path = __toESM(require("path"), 1);
+var import_build = require("@foxford/browserslist-config/build");
 function defineEntries(map) {
   for (const [subpath, source] of Object.entries(map)) {
     if (!subpath.startsWith(".")) {
@@ -97,9 +64,8 @@ function toTsupEntry(entries) {
   return Object.fromEntries(Object.entries(entries).map(([subpath, source]) => [artifactName(subpath, source), source]));
 }
 function assertSourceExports(entries, packageJson) {
-  var _a;
   const declared = new Set(Object.keys(entries));
-  const actual = new Set(Object.keys((_a = packageJson.exports) != null ? _a : {}).filter((key) => !key.endsWith(".mdx")));
+  const actual = new Set(Object.keys(packageJson.exports ?? {}).filter((key) => !key.endsWith(".mdx")));
   const missing = [...declared].filter((key) => !actual.has(key));
   const extra = [...actual].filter((key) => !declared.has(key));
   if (missing.length > 0 || extra.length > 0) {
@@ -124,7 +90,7 @@ function toBuildExports(entries, { extensions }) {
   return Object.fromEntries(
     Object.entries(entries).map(([subpath, source]) => {
       const name = artifactName(subpath, source);
-      return [subpath, __spreadValues({}, extensions(name))];
+      return [subpath, { ...extensions(name) }];
     })
   );
 }
@@ -149,9 +115,8 @@ function writeBuildPackageJson({ entries, extensions, main, module: moduleField,
 `);
 }
 function verifyBuildExports(outDir = "build") {
-  var _a;
   const packageJson = JSON.parse(import_node_fs.default.readFileSync(import_node_path.default.join(outDir, "package.json"), "utf-8"));
-  const missing = Object.values((_a = packageJson.exports) != null ? _a : {}).flatMap((entry) => typeof entry === "string" ? [entry] : Object.values(entry)).filter((file) => !import_node_fs.default.existsSync(import_node_path.default.join(outDir, file)));
+  const missing = Object.values(packageJson.exports ?? {}).flatMap((entry) => typeof entry === "string" ? [entry] : Object.values(entry)).filter((file) => !import_node_fs.default.existsSync(import_node_path.default.join(outDir, file)));
   if (missing.length > 0) {
     throw new Error(`\u0432 ${outDir}/ \u043D\u0435\u0442 \u0444\u0430\u0439\u043B\u043E\u0432 \u0434\u043B\u044F exports: ${[...new Set(missing)].join(", ")}`);
   }
@@ -197,11 +162,9 @@ function addExtensionsToRelativeImports(outDir = "build") {
   return patched;
 }
 function createTsupConfig({ entries, overrides = {} }) {
-  const extensions = (name) => ({
-    import: `./${name}.js`,
-    require: `./${name}.cjs`,
-    types: `./${name}.d.ts`
-  });
+  const { esbuildOptions: overrideEsbuildOptions, target, ...rest } = overrides;
+  const browserProfile = target === void 0 ? (0, import_build.resolveBrowserBuild)({ env: "production" }) : void 0;
+  const extensions = (name) => ({ import: `./${name}.js`, require: `./${name}.cjs`, types: `./${name}.d.ts` });
   process.on("beforeExit", (code) => {
     if (code !== 0) return;
     updateBuildFiles();
@@ -212,24 +175,45 @@ function createTsupConfig({ entries, overrides = {} }) {
       process.exitCode = 1;
     }
   });
-  return __spreadValues({
+  return {
     bundle: true,
     clean: true,
     dts: true,
     entry: toTsupEntry(entries),
+    // JSX собираем automatic-рантаймом. Базовый tsconfig монорепо держит
+    // "jsx": "preserve" (его ждут Vite/Next в приложениях), но для esbuild это
+    // означает откат к classic-трансформу: он печатает React.createElement и НЕ
+    // добавляет импорт React. Исходники импортируют только хуки, поэтому в
+    // артефакте оставался несвязанный React → ReferenceError при первом же рендере
+    // (см. @foxford/den-react@1.0.1). Automatic-рантайм сам подтягивает
+    // react/jsx-runtime и от области видимости не зависит.
+    esbuildOptions: (options, context) => {
+      options.jsx = "automatic";
+      if (browserProfile) {
+        options.supported = { ...options.supported, ...browserProfile.esbuildSupported };
+      }
+      overrideEsbuildOptions?.(options, context);
+    },
     format: ["cjs", "esm"],
-    onSuccess: () => __async(null, null, function* () {
+    onSuccess: async () => {
       copyReadme();
       const root = entries["."];
-      writeBuildPackageJson(__spreadValues({
+      writeBuildPackageJson({
         entries,
-        extensions
-      }, root === void 0 ? {} : { main: extensions(artifactName(".", root)).require, module: extensions(artifactName(".", root)).import }));
-    }),
+        extensions,
+        ...root === void 0 ? {} : { main: extensions(artifactName(".", root)).require, module: extensions(artifactName(".", root)).import }
+      });
+    },
     outDir: "build",
     sourcemap: false,
-    splitting: false
-  }, overrides);
+    splitting: false,
+    // Пакетный выход ещё пересобирает приложение: здесь понижается синтаксис,
+    // а полифиллы и совместимость всех зависимостей проверяет финальная сборка.
+    target: target ?? browserProfile?.targets,
+    // Хук уже дополнен jsx: 'automatic', а undefined target не должен отменять
+    // общую браузерную цель — обе опции исключены из спреда.
+    ...rest
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/index.d.ts

@@ -42,5 +42,9 @@ export function copyReadme(outDir?: string): void
  */
 export function addExtensionsToRelativeImports(outDir?: string): number
 
-/** Готовый tsup-конфиг публикуемого пакета монорепо. */
+/**
+ * Готовый tsup-конфиг публикуемого пакета монорепо.
+ * По умолчанию — production-цели @foxford/browserslist-config для ESM-приложений.
+ * Пакеты для Node задают overrides.target; полифиллы добавляет сборка приложения.
+ */
 export function createTsupConfig(options: { entries: Entries; overrides?: Options }): Options

package/index.mjs

@@ -1,43 +1,7 @@
-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;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
 // src/index.js
 import fs from "fs";
 import path from "path";
+import { resolveBrowserBuild } from "@foxford/browserslist-config/build";
 function defineEntries(map) {
   for (const [subpath, source] of Object.entries(map)) {
     if (!subpath.startsWith(".")) {
@@ -57,9 +21,8 @@ function toTsupEntry(entries) {
   return Object.fromEntries(Object.entries(entries).map(([subpath, source]) => [artifactName(subpath, source), source]));
 }
 function assertSourceExports(entries, packageJson) {
-  var _a;
   const declared = new Set(Object.keys(entries));
-  const actual = new Set(Object.keys((_a = packageJson.exports) != null ? _a : {}).filter((key) => !key.endsWith(".mdx")));
+  const actual = new Set(Object.keys(packageJson.exports ?? {}).filter((key) => !key.endsWith(".mdx")));
   const missing = [...declared].filter((key) => !actual.has(key));
   const extra = [...actual].filter((key) => !declared.has(key));
   if (missing.length > 0 || extra.length > 0) {
@@ -84,7 +47,7 @@ function toBuildExports(entries, { extensions }) {
   return Object.fromEntries(
     Object.entries(entries).map(([subpath, source]) => {
       const name = artifactName(subpath, source);
-      return [subpath, __spreadValues({}, extensions(name))];
+      return [subpath, { ...extensions(name) }];
     })
   );
 }
@@ -109,9 +72,8 @@ function writeBuildPackageJson({ entries, extensions, main, module: moduleField,
 `);
 }
 function verifyBuildExports(outDir = "build") {
-  var _a;
   const packageJson = JSON.parse(fs.readFileSync(path.join(outDir, "package.json"), "utf-8"));
-  const missing = Object.values((_a = packageJson.exports) != null ? _a : {}).flatMap((entry) => typeof entry === "string" ? [entry] : Object.values(entry)).filter((file) => !fs.existsSync(path.join(outDir, file)));
+  const missing = Object.values(packageJson.exports ?? {}).flatMap((entry) => typeof entry === "string" ? [entry] : Object.values(entry)).filter((file) => !fs.existsSync(path.join(outDir, file)));
   if (missing.length > 0) {
     throw new Error(`\u0432 ${outDir}/ \u043D\u0435\u0442 \u0444\u0430\u0439\u043B\u043E\u0432 \u0434\u043B\u044F exports: ${[...new Set(missing)].join(", ")}`);
   }
@@ -157,11 +119,9 @@ function addExtensionsToRelativeImports(outDir = "build") {
   return patched;
 }
 function createTsupConfig({ entries, overrides = {} }) {
-  const extensions = (name) => ({
-    import: `./${name}.js`,
-    require: `./${name}.cjs`,
-    types: `./${name}.d.ts`
-  });
+  const { esbuildOptions: overrideEsbuildOptions, target, ...rest } = overrides;
+  const browserProfile = target === void 0 ? resolveBrowserBuild({ env: "production" }) : void 0;
+  const extensions = (name) => ({ import: `./${name}.js`, require: `./${name}.cjs`, types: `./${name}.d.ts` });
   process.on("beforeExit", (code) => {
     if (code !== 0) return;
     updateBuildFiles();
@@ -172,24 +132,45 @@ function createTsupConfig({ entries, overrides = {} }) {
       process.exitCode = 1;
     }
   });
-  return __spreadValues({
+  return {
     bundle: true,
     clean: true,
     dts: true,
     entry: toTsupEntry(entries),
+    // JSX собираем automatic-рантаймом. Базовый tsconfig монорепо держит
+    // "jsx": "preserve" (его ждут Vite/Next в приложениях), но для esbuild это
+    // означает откат к classic-трансформу: он печатает React.createElement и НЕ
+    // добавляет импорт React. Исходники импортируют только хуки, поэтому в
+    // артефакте оставался несвязанный React → ReferenceError при первом же рендере
+    // (см. @foxford/den-react@1.0.1). Automatic-рантайм сам подтягивает
+    // react/jsx-runtime и от области видимости не зависит.
+    esbuildOptions: (options, context) => {
+      options.jsx = "automatic";
+      if (browserProfile) {
+        options.supported = { ...options.supported, ...browserProfile.esbuildSupported };
+      }
+      overrideEsbuildOptions?.(options, context);
+    },
     format: ["cjs", "esm"],
-    onSuccess: () => __async(null, null, function* () {
+    onSuccess: async () => {
       copyReadme();
       const root = entries["."];
-      writeBuildPackageJson(__spreadValues({
+      writeBuildPackageJson({
         entries,
-        extensions
-      }, root === void 0 ? {} : { main: extensions(artifactName(".", root)).require, module: extensions(artifactName(".", root)).import }));
-    }),
+        extensions,
+        ...root === void 0 ? {} : { main: extensions(artifactName(".", root)).require, module: extensions(artifactName(".", root)).import }
+      });
+    },
     outDir: "build",
     sourcemap: false,
-    splitting: false
-  }, overrides);
+    splitting: false,
+    // Пакетный выход ещё пересобирает приложение: здесь понижается синтаксис,
+    // а полифиллы и совместимость всех зависимостей проверяет финальная сборка.
+    target: target ?? browserProfile?.targets,
+    // Хук уже дополнен jsx: 'automatic', а undefined target не должен отменять
+    // общую браузерную цель — обе опции исключены из спреда.
+    ...rest
+  };
 }
 export {
   addExtensionsToRelativeImports,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/tsup-config",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Общая сборка публикуемых пакетов: декларация точек входа, tsup-конфиг, генерация публикуемого package.json",
   "keywords": [
     "foxford",
@@ -8,6 +8,13 @@
     "build",
     "config"
   ],
+  "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/tsup-config"
+  },
   "license": "MIT",
   "author": "Foxford Co",
   "maintainers": [
@@ -18,6 +25,9 @@
     }
   ],
   "type": "module",
+  "dependencies": {
+    "@foxford/browserslist-config": "^1.2.0"
+  },
   "peerDependencies": {
     "tsup": "*"
   },
@@ -37,6 +47,6 @@
     "index.mjs",
     "package.json"
   ],
-  "sha": "d0aa793",
+  "sha": "6bf9ff8",
   "scripts": {}
 }