@emailmaker/extensions-app 1.1.84 → 1.1.85-dev.1

package/README.md

@@ -79,7 +79,7 @@ npm install @emailmaker/emailmaker @emailmaker/extensions-app @emailmaker/extens
 
 | Пакет | Назначение | Что экспортирует |
 |-------|------------|------------------|
-| `@emailmaker/emailmaker` | Основной пакет | `init()`, `prefetch()`, типы `IPlugin`, `Instance`; runtime React/Ant Design — subpath `@emailmaker/emailmaker/runtime/*` (отдельный npm не нужен) |
+| `@emailmaker/emailmaker` | Основной пакет | `init()`, `preload()`, типы `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,6 +205,11 @@ 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)
@@ -212,9 +217,16 @@ 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.
@@ -248,6 +260,102 @@ 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 вместо вендоренного —
+`VitePlugin({ sharedReact: true })` или `new WebpackPlugin({ sharedReact: true })`.
+
+| | по умолчанию | `sharedReact: true` |
+|---|---|---|
+| React редактора | свой, внутри пакета | ваш |
+| требования к вашему React | нет | мажорная версия 19 |
+| Strict Mode и dev-сборка React | не касаются редактора | касаются |
+| antd | свой, внутри пакета | свой, внутри пакета |
+| вес поставки | как есть | меньше примерно на 98 КБ gzip |
+
+Версия проверяется до сборки: несовпадение мажора будет названо в предупреждении.
+
+
 ---
 
 ## 📂 PublicPath
@@ -444,12 +552,17 @@ 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>`) |
@@ -457,6 +570,30 @@ 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`:
@@ -504,10 +641,6 @@ 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' }
 );
@@ -1020,7 +1153,7 @@ settingsPanel.showSettingsPanel({
 
 ### `--dev` / `--dev-packages`
 
-**Самый частый флаг для разработки:** подставляет **dev**-версии внутренних npm-пакетов (`@emailmaker-internal/*`), которые в шаблонах задаются с dist-tag `dev` вместо `latest`. Используйте, когда нужны свежие предрелизные сборки экосистемы.
+**Самый частый флаг для разработки:** в сгенерированном проекте пакеты экосистемы получают dist-tag `dev` вместо `latest`. Используйте, когда нужны свежие предрелизные сборки.
 
 ```bash
 npx @emailmaker/cli my-plugin --kind plugin --preset advanced --bundler vite --target npm-package --dev --output-dir ./my-plugin
@@ -1136,6 +1269,18 @@ 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.
@@ -1162,7 +1307,7 @@ npm run start:release
 ## ❓ FAQ / Типичные ошибки
 
 - **«Invalid hook call» или два React на странице**
-  > Для обычного плагина используйте стандартные импорты `react` / `antd` и собирайте проект через `PluginDev` с `alias: true` (по умолчанию). Не смешивайте обычные импорты с прямыми импортами из runtime в одном plugin UI.
+  > Для обычного плагина используйте стандартные импорты `react` / `antd` и собирайте проект через `PluginDev` с `alias: true` (по умолчанию). Не смешивайте обычные импорты с прямыми импортами из runtime в одном интерфейсе плагина: выбирается что-то одно на весь плагин, подробности — в README пакета runtime.
 
 - **Externals не работают в dev server**
   > В serve-режиме externals должны быть отключены: `PluginDev({ externals: false })`. Зависимости резолвятся из runtime через alias.

package/externals.json

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

package/index.js

@@ -33,7 +33,11 @@ var e = class e {
 function t(e) {
 	return `service_container_${e}`;
 }
-var n = class n extends e {
+var n = /* @__PURE__ */ new Set();
+function r(e) {
+	n.delete(e);
+}
+var i = class i extends e {
 	_parent;
 	_injectCallbacks = [];
 	_injections = Object.create(null);
@@ -74,7 +78,24 @@ var n = class n extends e {
 	}
 	getInstanceAsync(e) {
 		let t = this._find(e);
-		return typeof t == "function" ? Promise.resolve(t()) : new Promise((t) => this._onInject(e, () => t(this.getInstance(e))));
+		return typeof t == "function" ? Promise.resolve(t()) : new Promise((t, i) => {
+			let a = {
+				id: String(e),
+				startedAt: Date.now(),
+				origin: void 0,
+				container: this,
+				reject: i
+			};
+			n.add(a), this._onInject(e, () => {
+				r(a), t(this.getInstance(e));
+			});
+		});
+	}
+	failPendingWaits(e) {
+		for (let t of Array.from(n)) t.container === this && (r(t), t.reject(e));
+	}
+	pendingWaits() {
+		return [...n].filter((e) => e.container === this);
 	}
 	addService(n, r) {
 		let i = t(n);
@@ -97,70 +118,78 @@ var n = class n extends e {
 		return [...this.getInstance(n, !1) || [], ...this._parent?.getServices(e) || []];
 	}
 	createChild() {
-		return new n(this);
+		return new i(this);
 	}
 	getOrCreateIsolatedContainer(e) {
 		return this.getOrCreateInstance(e, () => {
 			let t = this._parent?.getOrCreateIsolatedContainer(e);
-			return new n(t);
+			return new i(t);
 		});
 	}
+	remove(e) {
+		let t = this._injections;
+		delete t[String(e)];
+	}
+	injectListenerCount() {
+		return this._injectCallbacks.length;
+	}
 	dispose() {
-		this._injections = Object.create(null);
+		for (let e of Array.from(n)) e.container === this && r(e);
+		this._injections = Object.create(null), this._injectCallbacks = [], super.dispose();
 	}
 };
 //#endregion
 //#region packages/runtime-core/di/namespace.ts
-function r(e) {
+function a(e) {
 	return e.startsWith("__") ? e : `__${e}__`;
 }
-function i(e) {
+function o(e) {
 	if (typeof globalThis > "u") throw Error("[di] globalThis is required for namespace container access.");
-	let t = r(e), n = globalThis;
+	let t = a(e), n = globalThis;
 	return n[t] ??= {};
 }
 //#endregion
 //#region packages/runtime-core/di/ensureContainer.ts
-function a(e) {
+function s(e) {
 	return typeof e == "object" && !!e && typeof e.inject == "function" && typeof e.getInstance == "function";
 }
-function o(e) {
-	return r(e || "emailmaker");
+function c(e) {
+	return a(e || "emailmaker");
 }
-function s(e) {
-	let t = i(o(e));
-	if (a(t.container)) return t.container;
-	let r = new n(null);
-	return t.container = r, r;
+function l(e) {
+	let t = o(c(e));
+	if (s(t.container)) return t.container;
+	let n = new i(null);
+	return t.container = n, n;
 }
-function c(e) {
-	return s(e);
+function u(e) {
+	return l(e);
 }
 //#endregion
 //#region packages/runtime-core/guid/index.ts
-function l() {
+function d() {
 	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 u() {
-	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : l();
+function f() {
+	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : d();
 }
 //#endregion
 //#region packages/runtime-core/di/identifier.ts
-function d(e = u()) {
+function p(e = f()) {
 	return e;
 }
 //#endregion
 //#region packages/runtime-core/di/index.ts
-function f() {
+function m() {
 	return "app";
 }
-function p(e) {
+function h(e) {
 	if (typeof globalThis > "u") return;
-	let t = f(), n = globalThis[e] ?? {};
+	let t = m(), n = globalThis[e] ?? {};
 	globalThis[e] = n;
 	let r = n.__diagnostics ??= {}, i = r.diModuleEval ??= {
 		evalCount: 0,
@@ -172,12 +201,12 @@ function p(e) {
 		stack: (/* @__PURE__ */ Error()).stack
 	}), i.evalCount += 1;
 }
-function m() {
+function g() {
 	return "__emailmaker__";
 }
-function h(e, t) {
-	if (p(t), typeof globalThis > "u") return e;
-	let n = f(), r = globalThis, i = r[t] = r[t] || {}, a = i.__diagnostics = i.__diagnostics || {}, o = a.dependencyResolver = a.dependencyResolver || { entries: [] }, s = {
+function _(e, t) {
+	if (h(t), typeof globalThis > "u") return e;
+	let n = m(), 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,
@@ -186,16 +215,16 @@ function h(e, t) {
 	};
 	return o.entries.push(s), e;
 }
-var g;
-function _() {
-	if (g) return g;
-	let e = m();
-	return g = h(s(e), e), g;
+var v;
+function y() {
+	if (v) return v;
+	let e = g();
+	return v = _(l(e), e), v;
 }
-var v = new Proxy({}, { get(e, t, n) {
-	let r = _(), i = Reflect.get(r, t, n);
+var b = new Proxy({}, { get(e, t, n) {
+	let r = y(), i = Reflect.get(r, t, n);
 	return typeof i == "function" ? i.bind(r) : i;
-} }), y = class {
+} }), x = class {
 	_plugins = /* @__PURE__ */ new Map();
 	_listeners = /* @__PURE__ */ new Map();
 	_getOrCreateEntry(e) {
@@ -310,7 +339,7 @@ var v = new Proxy({}, { get(e, t, n) {
 			e.add(t, n);
 		} };
 	}
-}, b = class {
+}, S = class {
 	resolveRegistry;
 	constructor(e) {
 		this.resolveRegistry = e;
@@ -357,7 +386,7 @@ var v = new Proxy({}, { get(e, t, n) {
 	forContext() {
 		return this.target().forContext();
 	}
-}, x = class {
+}, C = class {
 	_factories = /* @__PURE__ */ new Map();
 	add(e, t) {
 		let n = e;
@@ -368,33 +397,34 @@ var v = new Proxy({}, { get(e, t, n) {
 	get(e) {
 		return this._factories.get(e);
 	}
-}, S = d("DomComponentRegistry");
-function C(e, t = S) {
-	return v.getOrCreateInstance(t, () => new x());
+}, w = p("DomComponentRegistry");
+function T(e, t = w) {
+	return b.getOrCreateInstance(t, () => new C());
 }
 //#endregion
 //#region src/plugin/registryId.ts
-var w = "PluginRegistry";
+var E = "PluginRegistry";
 //#endregion
 //#region src/plugin/pluginRegistry.ts
-function T(e = c()) {
-	return e.getOrCreateInstance(w, () => new y());
+function D(e = u()) {
+	return e.getOrCreateInstance(E, () => new x());
 }
-var E = new b(() => T());
+var O = new S(() => D());
+p("ELEMENT_INSERT_HTML_PIPELINE"), p("BLOCK_INSERT_HTML_PIPELINE");
 //#endregion
 //#region packages/extensions-core/identifiers/index.ts
-function D(e) {
-	return d(e);
+function k(e) {
+	return p(e);
 }
-D("HANDLE_ATOM_INSERT"), D("SETTINGS_PANEL_EVENT"), D("MODAL_SHOW_EVENT"), D("MODAL_CLOSE_EVENT"), D("MODAL_UPDATE_EVENT");
+p("extensions.atomsHandlers"), k("HANDLE_ATOM_INSERT"), p("extensions.sandboxExtensions"), p("MESSAGE_SERVICE"), k("SETTINGS_PANEL_EVENT"), k("MODAL_SHOW_EVENT"), k("MODAL_CLOSE_EVENT"), k("MODAL_UPDATE_EVENT"), p("ComponentRegistry");
 //#endregion
 //#region packages/extensions-core/utils/blockInjectInfo.ts
-function O(e) {
+function A(e) {
 	if (e.meta !== void 0 && e.meta !== null && typeof e.meta == "object") return e.meta;
 	let t = e.catalogExtra?.meta;
 	if (typeof t == "object" && t) return t;
 }
-function k(e, t) {
+function j(e, t) {
 	let n = e.insertFrom ?? t?.type, r = t?.blockId ?? (e.id != null && e.id !== "" ? String(e.id) : void 0), i = t?.project ?? (e.project !== void 0 && e.project !== null ? String(e.project) : void 0);
 	return {
 		type: t?.type ?? n,
@@ -406,11 +436,11 @@ function k(e, t) {
 		id: r,
 		title: e.title ?? void 0,
 		blockType: e.type,
-		meta: O(e)
+		meta: A(e)
 	};
 }
-function A(e, t) {
-	return t ? k(t, e) : {
+function M(e, t) {
+	return t ? j(t, e) : {
 		type: e.type,
 		name: e.name,
 		blockId: e.blockId,
@@ -420,7 +450,7 @@ function A(e, t) {
 }
 //#endregion
 //#region src/extensions/api/src/index.ts
-function j(e, t, n, r) {
+function N(e, t, n, r) {
 	if (typeof r.value == "function") {
 		Object.defineProperty(e, n, {
 			value: r.value.bind(t),
@@ -448,50 +478,50 @@ function j(e, t, n, r) {
 		enumerable: !1
 	});
 }
-function M(e, t, n) {
+function P(e, t, n) {
 	let r = t.use(n), i = /* @__PURE__ */ new Set(), a = [r];
 	for (let e = Object.getPrototypeOf(r); e && e !== Object.prototype; e = Object.getPrototypeOf(e)) a.push(e);
 	for (let t of a) for (let n of Reflect.ownKeys(t)) {
 		if (n === "constructor" || i.has(n)) continue;
 		let a = Object.getOwnPropertyDescriptor(t, n);
-		a && (i.add(n), j(e, r, n, a));
+		a && (i.add(n), N(e, r, n, a));
 	}
 }
-function N() {
+function F() {
 	return typeof globalThis.crypto?.randomUUID == "function" ? globalThis.crypto.randomUUID() : `component-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-var P = class {
-	constructor(e) {
-		M(this, e, "SandboxScriptApi");
-	}
-}, F = class {
-	constructor(e) {
-		M(this, e, "ElementsApi");
-	}
-}, I = class {
+var I = class {
 	constructor(e) {
-		M(this, e, "BlocksApi");
+		P(this, e, "SandboxScriptApi");
 	}
 }, L = class {
 	constructor(e) {
-		M(this, e, "MessageService");
+		P(this, e, "ElementsApi");
 	}
 }, R = class {
 	constructor(e) {
-		M(this, e, "SettingsPanelApi");
+		P(this, e, "BlocksApi");
 	}
 }, z = class {
 	constructor(e) {
-		M(this, e, "ModalApi");
+		P(this, e, "MessageService");
 	}
 }, B = class {
 	constructor(e) {
-		M(this, e, "EmailSettingsApi");
+		P(this, e, "SettingsPanelApi");
+	}
+}, V = class {
+	constructor(e) {
+		P(this, e, "ModalApi");
+	}
+}, H = class {
+	constructor(e) {
+		P(this, e, "EmailSettingsApi");
 	}
 };
-function V(e = N()) {
+function U(e = F()) {
 	return e;
 }
-var H = C(v), U = "1.1.84";
+var W = T(b), G = "1.1.85-dev.1";
 //#endregion
-export { I as BlocksApi, H as DomComponentRegistry, F as ElementsApi, B as EmailSettingsApi, L as MessageService, z as ModalApi, P as SandboxScriptApi, R as SettingsPanelApi, k as blockInsertContextToInjectInfo, V as createComponentIdentifier, A as mergeBlockInjectAck, E as pluginRegistry, U as version };
+export { R as BlocksApi, W as DomComponentRegistry, L as ElementsApi, H as EmailSettingsApi, z as MessageService, V as ModalApi, I as SandboxScriptApi, B as SettingsPanelApi, j as blockInsertContextToInjectInfo, U as createComponentIdentifier, M as mergeBlockInjectAck, O as pluginRegistry, G as version };

package/package.json

@@ -5,8 +5,8 @@
   "main": "index.js",
   "types": "types.d.ts",
   "name": "@emailmaker/extensions-app",
-  "version": "1.1.84",
+  "version": "1.1.85-dev.1",
   "dependencies": {
-    "@emailmaker/emailmaker": "1.1.84"
+    "@emailmaker/emailmaker": "1.1.85-dev.1"
   }
 }