@emailmaker/extensions-react 1.1.85-dev.9 → 1.1.93

package/README.md

@@ -79,7 +79,7 @@ npm install @emailmaker/emailmaker @emailmaker/extensions-app @emailmaker/extens
 
 | Пакет | Назначение | Что экспортирует |
 |-------|------------|------------------|
-| `@emailmaker/emailmaker` | Основной пакет | `init()`, `preload()`, типы `IPlugin`, `Instance`; runtime React/Ant Design — subpath `@emailmaker/emailmaker/runtime/*` (отдельный npm не нужен) |
+| `@emailmaker/emailmaker` | Основной пакет | `init()`, `prefetch()`, типы `IPlugin`, `Instance`; runtime React/Ant Design — subpath `@emailmaker/emailmaker/runtime/*` (отдельный npm не нужен) |
 | `@emailmaker/extensions-app` | API для app-плагинов | `pluginRegistry`, `DomComponentRegistry`, `ElementsApi`, `SettingsPanelApi`, `ModalApi` |
 | `@emailmaker/extensions-react` | React API для плагинов | `ComponentRegistry`, `createComponentIdentifier()` |
 | `@emailmaker/extensions-sandbox` | API для sandbox-плагинов | `App`, `MessageService`, `SyncService` |
@@ -205,11 +205,6 @@ module.exports = {
 - `встраиваемый bundle` -> `globals`
 - `advanced` -> только если host уже требует async/globals контракт Webpack
 
-`globals` читает зависимости из глобального реестра **синхронно**, когда выполняется скрипт
-плагина. Хост готовит реестр сам, если грузит плагин по URL через `init()` или `useAsync()`; при
-ручной вставке `<script>` дождитесь `preload()` — подробности в разделе
-`Подключение плагина`.
-
 Для `встраиваемый bundle` и `advanced` рекомендуемый runtime-контракт — descriptor вида `{ type: 'umd', url, name, resolve: 'registry' }`, где `name` совпадает с ключом из `PluginTypeMap`.
 
 ### Ручная настройка (без PluginDev)
@@ -217,16 +212,9 @@ module.exports = {
 Нужна только для продвинутой интеграции или собственного бандлерного пайплайна. Основной сценарий для внешнего плагина — отдельный пакет с `PluginDev`.
 
 - `resolve.alias`: `react` → `@emailmaker/emailmaker/runtime/react` (и т.д.) для `esm` / dev; локальные shared internals идут через compat facades runtime; UI-kit (`@emailmaker/ui-kit`) → **`@emailmaker/emailmaker/ui-kit`** (singleton bytes на main, не `runtime/@scope/ui-kit`)
-- `externals`: `@emailmaker/emailmaker/runtime-core`, runtime npm-модули; ui-kit external → **`@emailmaker/emailmaker/ui-kit`** (глобальный ключ `UiKit` в `runtimeExports`, см. манифест)
+- `externals`: `@emailmaker/emailmaker/runtime/core`, runtime npm-модули; ui-kit external → **`@emailmaker/emailmaker/ui-kit`** (глобальный ключ `UiKit` в `runtimeExports`, см. манифест)
 - Список модулей: `@emailmaker/emailmaker/runtime/plugin-dev-manifest.json` → `runtimeModules`
 
-**Иконки — особый случай.** Общим (singleton) обязан быть только класс
-`@ant-design/icons/es/components/AntdIcon`: он вычисляет иконку, читая `IconContext`, и вторая его
-копия сломает тему. Сам каталог из восьми с лишним сотен определений singleton'ом не является —
-каждый потребитель берёт его себе и вытрясает неиспользуемое. Поэтому обычный
-`import { UserOutlined } from '@ant-design/icons'` в плагине законен: в сборку попадут только взятые
-иконки, а общая машинерия придёт из продукта. `PluginDev` разводит эти два случая сам.
-
 Если release bundle неожиданно стал толстым или target `встраиваемый bundle` не загружается, начните с раздела `Troubleshooting`.
 
 Типы для плагина всё равно собираются отдельно: CLI-шаблон запускает `build:types` и кладёт `dist/public-types.d.ts` рядом с JS bundle, поэтому TypeScript support сохраняется и для browser/advanced targets.
@@ -260,114 +248,6 @@ import { ComponentRegistry } from '@emailmaker/extensions-react';
 > Обычно достаточно использовать готовый шаблон CLI и не настраивать alias/external вручную.
 
 
----
-
-# Совместимость: как плагин встречается с редактором
-
-Одна страница на вопрос «что с чем работает». Всё остальное в этом разделе — подробности.
-
-## Главное правило
-
-Плагин и редактор обязаны использовать **один экземпляр** React, antd и ui-kit. Не потому, что так
-аккуратнее: компоненты плагина рисуются внутри дерева редактора, и если экземпляры разные, хуки
-вызываются против чужого диспетчера. На странице это выглядит как
-`Cannot read properties of null (reading 'useState')` — падает не панель плагина, а весь интерфейс.
-
-Сводить их вручную не нужно: этим занимается `PluginDev` в сборке плагина.
-
-## Формат плагина × способ подключения
-
-| Формат плагина | Как подключается | Где берёт React, antd, ui-kit |
-|---|---|---|
-| **ESM** (npm-пакет, собирается вместе с хостом) | импортом: `plugins: [MyPlugin]` или `useAsync(() => import(…))` | `PluginDev` переписывает импорты на подпути продукта |
-| **UMD / globals** (файл по URL) | `{ type: 'umd', url, name, resolve: 'registry' }` | из реестра `window.emailmaker.modules` на странице |
-| ~~**ESM по URL**~~ | **не поддерживается** | — |
-
-**Почему `{ type: 'esm', url }` не работает.** В собранном ESM-плагине остаются имена подпутей
-продукта (`@emailmaker/emailmaker/runtime/*`). Браузеру разрешать их нечем: карту импортов
-продукт не выдаёт. Плагин в формате ESM подключают как npm-пакет, собирая вместе с хостом.
-
-## Что приходит из продукта, а что собирается в плагин
-
-| Зависимость | Откуда берётся | Почему так |
-|---|---|---|
-| `react`, `react-dom` | из продукта (`@emailmaker/emailmaker/runtime/react`) | один диспетчер хуков на страницу |
-| `antd` | из продукта | контексты темы и формы общие |
-| `@emailmaker/ui-kit` | из продукта (`@emailmaker/emailmaker/ui-kit`) | общий `ThemeProvider`, стили вставляются один раз |
-| `@ant-design/icons` — **класс `AntdIcon`** | из продукта | читает `IconContext`; вторая копия ломает тему |
-| `@ant-design/icons` — **каталог иконок** | собирается в плагин | каждый берёт только те иконки, что использует |
-| всё остальное | собирается в плагин | к общему состоянию отношения не имеет |
-
-## Как проверить, что всё сошлось
-
-Сборка хоста сама скажет, если в граф попала вторая копия React или ui-kit: плагин хоста
-(Vite/webpack) печатает предупреждение с именем файла-виновника и обоими путями. Молчание на сборке
-— признак того, что копии сведены.
-
-Плагин **на глобалах** при этом ничего не импортирует и в графе не появляется: он берёт зависимости
-из реестра уже на странице, и проверять там нечего.
-
-## Вход редактора тоже участвует
-
-Редактор подключают двумя способами, и не с каждым работает ESM-плагин:
-
-| Вход редактора | ESM-плагин | Плагин на глобалах |
-|---|---|---|
-| **ESM** (собирается вместе с хостом) | да | да |
-| **UMD** (`<script>` на странице) | **нет** | да |
-
-**Почему UMD-вход и ESM-плагин не сходятся.** UMD-вход несёт React внутри себя и объявляет его на
-странице сам. ESM-плагин собирает ваш сборщик, и подпуть `@emailmaker/emailmaker/runtime/react`
-он разрешает в копию внутри пакета. Это два разных файла с двумя диспетчерами хуков — тот самый
-`Cannot read properties of null (reading 'useState')`, падающий вместе со всем интерфейсом.
-
-Сборка про это молчать обязана: UMD-редактор подключён скриптом и в граф сборки хоста не входит, а
-в момент сборки плагина ещё неизвестно, какой вход выберет хост. Поэтому **редактор говорит сам** —
-при инициализации он сверяет копии и, найдя вторую, пишет в консоль, что нашёл и как это чинить.
-
-Чинится любым из двух способов: собрать плагин **на глобалах** — тогда он возьмёт React из реестра
-`window.emailmaker.modules` на странице, — либо подключить **ESM-вход** редактора и
-собрать оба одним сборщиком.
-
-## Что бывает, если собрать плагин без `PluginDev`
-
-Плагин соберётся, сборка хоста пройдёт — и редактор упадёт на странице. Ровно этот случай:
-
-- в плагине остались `import 'react'` и `import '@emailmaker/ui-kit'` как есть;
-- сборщик хоста разрешил их из `node_modules` проекта — это **вторые** копии;
-- редактор при этом работает на своих, вендоренных.
-
-Лечится добавлением `PluginDev` в конфигурацию сборки плагина (`externals: 'esm'`) либо сборкой
-плагина на глобалах.
-
-## Ваши настройки резолва редактора не касаются
-
-Внутри пакета React адресуется **путём** к копии, которая лежит в нём же, а не именем `react`.
-Следствий два, и оба в вашу пользу:
-
-- `resolve.dedupe`, `resolve.alias`, `resolve.modules` и Module Federation `shared` работают у вас
-  так, как вы их написали. Мы не занимаем имя `react` и ничего у вас не перехватываем.
-- Редактор не зависит от того, что вы с этим именем делаете: своя копия достаётся ему при любой
-  конфигурации сборки, в том числе если наш плагин у вас не подключён.
-
-Одно исключение — `sharedReact` ниже: им вы просите обратного.
-
-## Общий React (необязательно)
-
-Плагин хоста умеет обратное: отдать редактору **ваш** React вместо вендоренного —
-`VitePlugin({ sharedReact: true })` или `new WebpackPlugin({ sharedReact: true })`.
-
-| | по умолчанию | `sharedReact: true` |
-|---|---|---|
-| React редактора | свой, внутри пакета | ваш |
-| требования к вашему React | нет | мажорная версия 19 |
-| Strict Mode и dev-сборка React | не касаются редактора | касаются |
-| antd | свой, внутри пакета | свой, внутри пакета |
-| вес поставки | как есть | меньше примерно на 98 КБ gzip |
-
-Версия проверяется до сборки: несовпадение мажора будет названо в предупреждении.
-
-
 ---
 
 ## 📂 PublicPath
@@ -564,17 +444,12 @@ emailmaker.init({
 ```ts
 emailmaker.init({
   plugins: [
+    { type: 'esm', url: 'https://cdn.example.com/my-plugin.js' },
     { type: 'umd', url: 'https://cdn.example.com/my-plugin.umd.js', name: 'MyPlugin', resolve: 'registry' },
   ]
 });
 ```
 
-> **По URL работает `umd` с `resolve: 'registry'`.** Вариант `{ type: 'esm', url }` в браузере не
-> поддерживается: в собранном ESM-плагине остаются имена подпутей продукта
-> (`@emailmaker/emailmaker/runtime/*`), а разрешить их браузеру нечем — карту импортов
-> продукт не выдаёт. ESM-плагин подключают как npm-пакет: способами 1 и 2 выше, собирая его вместе
-> с хостом.
-
 | Параметр | Описание |
 |----------|----------|
 | `type` | `'esm'` — ESM модуль (`import()`), `'umd'` — UMD/IIFE (`<script>`) |
@@ -582,30 +457,6 @@ emailmaker.init({
 | `name` | Для `resolve: 'registry'` — строковый ключ из `PluginTypeMap`; для legacy `umd`/`window` — ключ в `window` |
 | `resolve` | Опционально. `'module'` (default ESM), `'window'` (legacy default UMD), `'registry'` |
 
-#### Кто готовит runtime до запуска скрипта
-
-Плагин, собранный под `globals` (targets `встраиваемый bundle` и `advanced`), читает
-`window.__emailmaker__.modules.Antd` **синхронно** — в момент, когда выполняется его скрипт.
-До этого момента в реестре лежат ожидания: часть runtime приезжает по требованию, чтобы первый
-экран не платил за то, чем не пользуется.
-
-Если плагин подключён через `init({ plugins: [...] })` или `useAsync(...)`, делать ничего не
-нужно: хост сам дожидается готовности runtime перед тем, как выполнить скрипт. Тормозится только
-загрузка такого плагина, остальное приложение работает своим ходом.
-
-Если же вы вставляете `<script>` с плагином сами, мимо API — дождитесь `preload()`:
-
-```ts
-import { preload } from '@emailmaker/emailmaker';
-
-await preload();
-document.head.appendChild(Object.assign(document.createElement('script'), {
-  src: 'https://cdn.example.com/my-plugin.umd.js',
-}));
-```
-
-Плагинов на `esm` это не касается: их импорты разрешает сборщик, ждать им нечего.
-
 ### 4. Регистрация по имени (связь между плагинами)
 
 Если плагин A должен обращаться к плагину B через `editor.use('PluginB')` — используйте `pluginRegistry.add`:
@@ -653,6 +504,10 @@ const myPlugin = await this.editor.useAsync(
   () => import('my-plugin').then(m => m.MyPlugin)
 );
 
+const myPlugin = await this.editor.useAsync(
+  { type: 'esm', url: '/plugins/analytics.js' }
+);
+
 const myPluginByKey = await this.editor.useAsync(
   { type: 'umd', url: '/plugins/my-plugin.umd.js', name: 'MyPlugin', resolve: 'registry' }
 );
@@ -1165,7 +1020,7 @@ settingsPanel.showSettingsPanel({
 
 ### `--dev` / `--dev-packages`
 
-**Самый частый флаг для разработки:** в сгенерированном проекте пакеты экосистемы получают dist-tag `dev` вместо `latest`. Используйте, когда нужны свежие предрелизные сборки.
+**Самый частый флаг для разработки:** подставляет **dev**-версии внутренних npm-пакетов (`@emailmaker-internal/*`), которые в шаблонах задаются с dist-tag `dev` вместо `latest`. Используйте, когда нужны свежие предрелизные сборки экосистемы.
 
 ```bash
 npx @emailmaker/cli my-plugin --kind plugin --preset advanced --bundler vite --target npm-package --dev --output-dir ./my-plugin
@@ -1281,18 +1136,6 @@ npm run start:release
 - что release bundle собран под target `встраиваемый bundle`
 - что sandbox и main bundle публикуются по ожидаемым URL
 
-### Плагин на `globals` падает: вместо `antd` приходит объект с `then`
-
-Значит скрипт плагина выполнился раньше, чем хост подготовил реестр runtime. Часть runtime
-приезжает по требованию, и до этого момента в `window.__emailmaker__.modules` лежат
-ожидания, а не значения.
-
-Проверьте:
-
-- плагин подключён через `init({ plugins: [{ type, url, ... }] })` или `useAsync(...)` — тогда
-  хост дожидается готовности сам;
-- если `<script>` вставляете вы, перед вставкой вызван `await preload()`.
-
 ### Duplicate React / hooks error
 
 Почти всегда это значит, что React попал в bundle плагина вместо runtime externals.
@@ -1319,7 +1162,7 @@ npm run start:release
 ## ❓ FAQ / Типичные ошибки
 
 - **«Invalid hook call» или два React на странице**
-  > Для обычного плагина используйте стандартные импорты `react` / `antd` и собирайте проект через `PluginDev` с `alias: true` (по умолчанию). Не смешивайте обычные импорты с прямыми импортами из runtime в одном интерфейсе плагина: выбирается что-то одно на весь плагин, подробности — в README пакета runtime.
+  > Для обычного плагина используйте стандартные импорты `react` / `antd` и собирайте проект через `PluginDev` с `alias: true` (по умолчанию). Не смешивайте обычные импорты с прямыми импортами из runtime в одном plugin UI.
 
 - **Externals не работают в dev server**
   > В serve-режиме externals должны быть отключены: `PluginDev({ externals: false })`. Зависимости резолвятся из runtime через alias.

package/externals.json

@@ -23,10 +23,6 @@
     "promise __emailmaker__.modules",
     "Antd"
   ],
-  "@ant-design/icons/es/components/AntdIcon": [
-    "promise __emailmaker__.modules",
-    "AntDesignIconBase"
-  ],
   "@ant-design/icons": [
     "promise __emailmaker__.modules",
     "AntDesignIcons"
@@ -43,6 +39,10 @@
     "promise __emailmaker__.modules",
     "Dayjs"
   ],
+  "uuid": [
+    "promise __emailmaker__.modules",
+    "Uuid"
+  ],
   "@emailmaker/ui-kit": [
     "promise __emailmaker__.modules",
     "UiKit"

package/index.js

@@ -33,11 +33,7 @@ var a = class e {
 function o(e) {
 	return `service_container_${e}`;
 }
-var s = /* @__PURE__ */ new Set();
-function c(e) {
-	s.delete(e);
-}
-var l = class e extends a {
+var s = class e extends a {
 	_parent;
 	_injectCallbacks = [];
 	_injections = Object.create(null);
@@ -78,24 +74,7 @@ var l = class e extends a {
 	}
 	getInstanceAsync(e) {
 		let t = this._find(e);
-		return typeof t == "function" ? Promise.resolve(t()) : new Promise((t, n) => {
-			let r = {
-				id: String(e),
-				startedAt: Date.now(),
-				origin: void 0,
-				container: this,
-				reject: n
-			};
-			s.add(r), this._onInject(e, () => {
-				c(r), t(this.getInstance(e));
-			});
-		});
-	}
-	failPendingWaits(e) {
-		for (let t of Array.from(s)) t.container === this && (c(t), t.reject(e));
-	}
-	pendingWaits() {
-		return [...s].filter((e) => e.container === this);
+		return typeof t == "function" ? Promise.resolve(t()) : new Promise((t) => this._onInject(e, () => t(this.getInstance(e))));
 	}
 	addService(e, t) {
 		let n = o(e);
@@ -126,70 +105,62 @@ var l = class e extends a {
 			return new e(n);
 		});
 	}
-	remove(e) {
-		let t = this._injections;
-		delete t[String(e)];
-	}
-	injectListenerCount() {
-		return this._injectCallbacks.length;
-	}
 	dispose() {
-		for (let e of Array.from(s)) e.container === this && c(e);
-		this._injections = Object.create(null), this._injectCallbacks = [], super.dispose();
+		this._injections = Object.create(null);
 	}
 };
 //#endregion
 //#region packages/runtime-core/di/namespace.ts
-function u(e) {
+function c(e) {
 	return e.startsWith("__") ? e : `__${e}__`;
 }
-function d(e) {
+function l(e) {
 	if (typeof globalThis > "u") throw Error("[di] globalThis is required for namespace container access.");
-	let t = u(e), n = globalThis;
+	let t = c(e), n = globalThis;
 	return n[t] ??= {};
 }
 //#endregion
 //#region packages/runtime-core/di/ensureContainer.ts
-function f(e) {
+function u(e) {
 	return typeof e == "object" && !!e && typeof e.inject == "function" && typeof e.getInstance == "function";
 }
-function p(e) {
-	return u(e || "emailmaker");
+function d(e) {
+	return c(e || "emailmaker");
 }
-function m(e) {
-	let t = d(p(e));
-	if (f(t.container)) return t.container;
-	let n = new l(null);
+function f(e) {
+	let t = l(d(e));
+	if (u(t.container)) return t.container;
+	let n = new s(null);
 	return t.container = n, n;
 }
-function h(e) {
-	return m(e);
+function p(e) {
+	return f(e);
 }
 //#endregion
 //#region packages/runtime-core/guid/index.ts
-function g() {
+function m() {
 	let e = (/* @__PURE__ */ new Date()).getTime(), t = typeof performance < "u" && performance.now && performance.now() * 1e3 || 0;
 	return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(n) {
 		let r = Math.random() * 16;
 		return e > 0 ? (r = (e + r) % 16 | 0, e = Math.floor(e / 16)) : (r = (t + r) % 16 | 0, t = Math.floor(t / 16)), (n === "x" ? r : r & 3 | 8).toString(16);
 	});
 }
-function _() {
-	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : g();
+function h() {
+	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : m();
 }
 //#endregion
 //#region packages/runtime-core/di/identifier.ts
-function v(e = _()) {
+function g(e = h()) {
 	return e;
 }
 //#endregion
 //#region packages/runtime-core/di/index.ts
-function y() {
+function _() {
 	return "app";
 }
-function b(e) {
+function v(e) {
 	if (typeof globalThis > "u") return;
-	let t = y(), n = globalThis[e] ?? {};
+	let t = _(), n = globalThis[e] ?? {};
 	globalThis[e] = n;
 	let r = n.__diagnostics ??= {}, i = r.diModuleEval ??= {
 		evalCount: 0,
@@ -201,12 +172,12 @@ function b(e) {
 		stack: (/* @__PURE__ */ Error()).stack
 	}), i.evalCount += 1;
 }
-function x() {
+function y() {
 	return "__emailmaker__";
 }
-function S(e, t) {
-	if (b(t), typeof globalThis > "u") return e;
-	let n = y(), r = globalThis, i = r[t] = r[t] || {}, a = i.__diagnostics = i.__diagnostics || {}, o = a.dependencyResolver = a.dependencyResolver || { entries: [] }, s = {
+function b(e, t) {
+	if (v(t), typeof globalThis > "u") return e;
+	let n = _(), r = globalThis, i = r[t] = r[t] || {}, a = i.__diagnostics = i.__diagnostics || {}, o = a.dependencyResolver = a.dependencyResolver || { entries: [] }, s = {
 		container: e,
 		source: "packages/runtime-core/di/index.ts",
 		buildSource: n,
@@ -215,16 +186,16 @@ function S(e, t) {
 	};
 	return o.entries.push(s), e;
 }
-var C;
-function w() {
-	if (C) return C;
-	let e = x();
-	return C = S(m(e), e), C;
+var x;
+function S() {
+	if (x) return x;
+	let e = y();
+	return x = b(f(e), e), x;
 }
-var T = new Proxy({}, { get(e, t, n) {
-	let r = w(), i = Reflect.get(r, t, n);
+var C = new Proxy({}, { get(e, t, n) {
+	let r = S(), i = Reflect.get(r, t, n);
 	return typeof i == "function" ? i.bind(r) : i;
-} }), E = class {
+} }), w = class {
 	_plugins = /* @__PURE__ */ new Map();
 	_listeners = /* @__PURE__ */ new Map();
 	_getOrCreateEntry(e) {
@@ -339,7 +310,7 @@ var T = new Proxy({}, { get(e, t, n) {
 			e.add(t, n);
 		} };
 	}
-}, D = class {
+}, T = class {
 	resolveRegistry;
 	constructor(e) {
 		this.resolveRegistry = e;
@@ -386,19 +357,7 @@ var T = new Proxy({}, { get(e, t, n) {
 	forContext() {
 		return this.target().forContext();
 	}
-}, O = v("ComponentRegistry"), k;
-function A(e) {
-	k = e;
-}
-function j(e, t = O) {
-	let n = T.getInstance(t);
-	if (n) return n;
-	if (!k) throw Error("[extensions] component registry is not loaded yet — UI work starts at init()");
-	return T.getOrCreateInstance(t, k);
-}
-//#endregion
-//#region packages/extensions-core/components/DomComponentRegistry.ts
-var M = class {
+}, E = class {
 	_factories = /* @__PURE__ */ new Map();
 	add(e, t) {
 		let n = e;
@@ -409,28 +368,28 @@ var M = class {
 	get(e) {
 		return this._factories.get(e);
 	}
-}, N = v("DomComponentRegistry");
-function P(e, t = N) {
-	return T.getOrCreateInstance(t, () => new M());
+}, D = g("DomComponentRegistry");
+function O(e, t = D) {
+	return C.getOrCreateInstance(t, () => new E());
 }
 //#endregion
 //#region packages/extensions-core/components/ComponentRegistry.ts
-function F(e) {
+function k(e) {
 	return typeof e == "function";
 }
-function I(e) {
+function A(e) {
 	return i(e);
 }
-function L(e) {
-	return typeof e == "function" || I(e);
+function j(e) {
+	return typeof e == "function" || A(e);
 }
-function R(e) {
-	return typeof e == "object" && !!e && "type" in e && "props" in e && !I(e);
+function M(e) {
+	return typeof e == "object" && !!e && "type" in e && "props" in e && !A(e);
 }
-function z(e, t) {
+function N(e, t) {
 	return n(e, t);
 }
-function B(t) {
+function P(t) {
 	return class extends e {
 		_ref = r();
 		_instance;
@@ -448,7 +407,7 @@ function B(t) {
 		}
 	};
 }
-var V = class {
+var F = class {
 	_domComponentRegistry;
 	_components = /* @__PURE__ */ new Map();
 	_domAdapters = /* @__PURE__ */ new Map();
@@ -482,26 +441,26 @@ var V = class {
 		t.component = t.replacers.reduce((e, { replacer: t }) => t(e), void 0);
 	}
 	get(e) {
-		if (L(e)) return e;
+		if (j(e)) return e;
 		let t = e, n = this._components.get(t);
 		if (n?.component) return n.component;
 		let r = this._domComponentRegistry.get(e);
 		if (r) {
 			let e = this._domAdapters.get(t);
-			return e || (e = B(r), this._domAdapters.set(t, e)), e;
+			return e || (e = P(r), this._domAdapters.set(t, e)), e;
 		}
 	}
 	_resolveComponentInput(e) {
 		if (e == null) return null;
-		if (typeof e == "number" || typeof e == "boolean" || I(e)) return e;
+		if (typeof e == "number" || typeof e == "boolean" || A(e)) return e;
 		if (typeof e == "string") {
 			let t = this.get(e);
-			return I(t) ? t : t ? z(t) : e;
+			return A(t) ? t : t ? N(t) : e;
 		}
-		if (F(e)) return z(e);
-		if (R(e)) {
+		if (k(e)) return N(e);
+		if (M(e)) {
 			let t = this.get(e.type);
-			return I(t) ? t : t ? z(t, e.props) : null;
+			return A(t) ? t : t ? N(t, e.props) : null;
 		}
 		return null;
 	}
@@ -510,36 +469,38 @@ var V = class {
 	}
 	getReactElement(e) {
 		let r = this._resolveComponentInput(e);
-		return I(r) ? r : typeof r == "string" || r == null || typeof r == "boolean" || typeof r == "number" ? n(t, null, r) : n(t, null);
+		return A(r) ? r : typeof r == "string" || r == null || typeof r == "boolean" || typeof r == "number" ? n(t, null, r) : n(t, null);
 	}
-}, H = () => new V(P(T, N));
-A(H), T.getOrCreateInstance(O, H);
+}, I = g("ComponentRegistry");
+function L(e, t = I) {
+	return C.getOrCreateInstance(t, () => new F(O(C, D)));
+}
 //#endregion
 //#region src/plugin/registryId.ts
-var U = "PluginRegistry";
+var R = "PluginRegistry";
 //#endregion
 //#region src/plugin/pluginRegistry.ts
-function W(e = h()) {
-	return e.getOrCreateInstance(U, () => new E());
+function z(e = p()) {
+	return e.getOrCreateInstance(R, () => new w());
 }
-new D(() => W()), v("ELEMENT_INSERT_HTML_PIPELINE"), v("BLOCK_INSERT_HTML_PIPELINE");
+new T(() => z());
 //#endregion
 //#region packages/extensions-core/identifiers/index.ts
-function G(e) {
-	return v(e);
+function B(e) {
+	return g(e);
 }
-v("extensions.atomsHandlers"), G("HANDLE_ATOM_INSERT"), v("extensions.sandboxExtensions"), v("MESSAGE_SERVICE"), G("SETTINGS_PANEL_EVENT"), G("MODAL_SHOW_EVENT"), G("MODAL_CLOSE_EVENT"), G("MODAL_UPDATE_EVENT");
+B("HANDLE_ATOM_INSERT"), B("SETTINGS_PANEL_EVENT"), B("MODAL_SHOW_EVENT"), B("MODAL_CLOSE_EVENT"), B("MODAL_UPDATE_EVENT");
 //#endregion
 //#region src/extensions/api/src/index.ts
-function K() {
+function V() {
 	return typeof globalThis.crypto?.randomUUID == "function" ? globalThis.crypto.randomUUID() : `component-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function q(e = K()) {
+function H(e = V()) {
 	return e;
 }
-P(T);
+O(C);
 //#endregion
 //#region src/extensions/react/src/index.ts
-var J = j(T);
+var U = L(C);
 //#endregion
-export { J as ComponentRegistry, q as createComponentIdentifier };
+export { U as ComponentRegistry, H as createComponentIdentifier };

package/package.json

@@ -10,9 +10,9 @@
     "react-dom": "^19.2.7",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@emailmaker/emailmaker": "1.1.85-dev.9",
-    "@emailmaker/extensions-app": "1.1.85-dev.9"
+    "@emailmaker/emailmaker": "1.1.93",
+    "@emailmaker/extensions-app": "1.1.93"
   },
   "name": "@emailmaker/extensions-react",
-  "version": "1.1.85-dev.9"
+  "version": "1.1.93"
 }