@embeddable.com/sdk-core 3.13.7-next.0 → 3.14.0-next.2

package/lib/index.esm.js

@@ -1,12 +1,15 @@
 import * as fs from 'node:fs/promises';
-import { readdir, lstat } from 'node:fs/promises';
-import * as path from 'node:path';
+import { readdir, lstat, readFile } from 'node:fs/promises';
+import * as path$1 from 'node:path';
 import path__default, { join } from 'node:path';
 import * as vite from 'vite';
 import ora from 'ora';
 import 'node:child_process';
 import * as crypto from 'node:crypto';
-import * as fs$1 from 'node:fs';
+import * as path from 'path';
+import path__default$1, { basename } from 'path';
+import fg from 'fast-glob';
+import * as fsSync from 'node:fs';
 import { existsSync } from 'node:fs';
 import { createNodeLogger, createNodeSys } from '@stencil/core/sys/node';
 import { loadConfig, createCompiler } from '@stencil/core/compiler';
@@ -20,8 +23,6 @@ import require$$3 from 'http';
 import require$$4 from 'https';
 import require$$0$1 from 'url';
 import require$$2$1, { createReadStream } from 'fs';
-import * as path$1 from 'path';
-import path__default$1, { basename } from 'path';
 import axios from 'axios';
 import archiver from 'archiver';
 import { select } from '@inquirer/prompts';
@@ -29,7 +30,6 @@ import * as http from 'node:http';
 import { WebSocketServer } from 'ws';
 import * as chokidar from 'chokidar';
 import minimist from 'minimist';
-import fg from 'fast-glob';
 import * as dotenv from 'dotenv';
 import finalhandler from 'finalhandler';
 import serveStatic from 'serve-static';
@@ -286,7 +286,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 var errorUtil$1;
 (function (errorUtil) {
     errorUtil.errToObj = (message) => typeof message === "string" ? { message } : message || {};
-    errorUtil.toString = (message) => typeof message === "string" ? message : message === null || message === undefined ? undefined : message.message;
+    errorUtil.toString = (message) => typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.message;
 })(errorUtil$1 || (errorUtil$1 = {}));
 var ZodFirstPartyTypeKind$1;
 (function (ZodFirstPartyTypeKind) {
@@ -371,6 +371,32 @@ const getContentHash = (contentString) => {
         .substring(0, 5);
 };
 
+const loadJson = async (filePath) => {
+    const data = await readFile(filePath, "utf-8");
+    return JSON.parse(data);
+};
+
+const getComponentLibraryConfig = (componentLibrary) => {
+    let libraryName = componentLibrary;
+    const include = [];
+    const exclude = [];
+    if (typeof componentLibrary === "object" && componentLibrary !== null) {
+        libraryName = componentLibrary.name;
+        if (componentLibrary.include) {
+            include.push(...componentLibrary.include);
+        }
+        if (componentLibrary.exclude) {
+            exclude.push(...componentLibrary.exclude);
+        }
+    }
+    return { libraryName, include, exclude };
+};
+const EXTERNAL_LIBRARY_GLOBAL_HOOKS_META_NAME = "globalHooks.json";
+const getGlobalHooksMeta = async (ctx, libraryName) => {
+    return (await loadJson(getLibraryPath(ctx, libraryName, EXTERNAL_LIBRARY_GLOBAL_HOOKS_META_NAME)));
+};
+const getLibraryPath = (ctx, libraryName, fileName) => path.resolve(ctx.client.rootDir, "node_modules", libraryName, "dist", fileName);
+
 const EMB_TYPE_FILE_REGEX = /^(.*)\.type\.emb\.[jt]s$/;
 const EMB_OPTIONS_FILE_REGEX = /^(.*)\.options\.emb\.[jt]s$/;
 var buildTypes = async (ctx) => {
@@ -383,17 +409,19 @@ var buildTypes = async (ctx) => {
 async function generate$1(ctx) {
     const typeFiles = await findFiles(ctx.client.srcDir, EMB_TYPE_FILE_REGEX);
     const optionsFiles = await findFiles(ctx.client.srcDir, EMB_OPTIONS_FILE_REGEX);
-    const typeImports = typeFiles
+    const additionalImports = await getAdditionalImportsFromInstalledLibraries(ctx);
+    const repositoryTypeImports = typeFiles
         .concat(optionsFiles)
-        .map(([_fileName, filePath]) => `import '../${path
+        .map(([_fileName, filePath]) => `import '../${path$1
         .relative(ctx.client.rootDir, filePath)
         .replaceAll("\\", "/")}';`)
         .join("\n");
-    await fs.writeFile(path.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename), typeImports);
+    const typeImports = additionalImports.join("\n") + repositoryTypeImports;
+    await fs.writeFile(path$1.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename), typeImports);
 }
 async function build$1(ctx) {
     var _a;
-    const typesFilePath = path.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename);
+    const typesFilePath = path$1.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename);
     await vite.build({
         logLevel: "error",
         build: {
@@ -406,28 +434,211 @@ async function build$1(ctx) {
             outDir: ctx.client.buildDir,
         },
     });
-    if (!((_a = ctx.dev) === null || _a === undefined ? undefined : _a.watch)) {
+    if (!((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch)) {
         const fileContent = await fs.readFile(typesFilePath, "utf8");
         const fileHash = getContentHash(fileContent);
         const fileName = `embeddable-types-${fileHash}.js`;
-        await fs.rename(path.resolve(ctx.client.buildDir, "embeddable-types.js"), path.resolve(ctx.client.buildDir, fileName));
+        await fs.rename(path$1.resolve(ctx.client.buildDir, "embeddable-types.js"), path$1.resolve(ctx.client.buildDir, fileName));
     }
 }
 async function cleanup$1(ctx) {
-    await fs.rm(path.resolve(ctx.client.buildDir, "embeddable-types-entry-point.js"));
+    await fs.rm(path$1.resolve(ctx.client.buildDir, "embeddable-types-entry-point.js"));
+}
+async function getAdditionalImportsFromInstalledLibraries(ctx) {
+    const componentLibraries = ctx.client.componentLibraries;
+    const additionalImports = [];
+    for (const componentLibrary of componentLibraries) {
+        const { libraryName } = getComponentLibraryConfig(componentLibrary);
+        try {
+            fg.sync(path$1.resolve(ctx.client.rootDir, "node_modules", libraryName, "dist", "embeddable-types-*.js")).forEach((file) => {
+                const fileName = path$1.basename(file);
+                additionalImports.push(`import '${libraryName}/dist/${fileName}';`);
+            });
+        }
+        catch (e) {
+            console.error(`Can't load component library: ${libraryName}`, e);
+            throw e;
+        }
+    }
+    return additionalImports;
 }
 
-var prepare = async (ctx) => {
+const TEMP_JS_HOOK_FILE = "embeddableThemeHook.js";
+const LIFECYCLE_OUTPUT_NAME = "embeddable-lifecycle";
+const THEME_PROVIDER_OUTPUT_NAME = "embeddable-theme";
+var buildGlobalHooks = async (ctx) => {
+    var _a;
+    const watch = (_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch;
+    const progress = watch ? undefined : ora("Building global hooks...").start();
+    try {
+        const { fileName: themeProvider, watcher: themeWatcher } = await buildThemeHook(ctx);
+        const { lifecycleHooks, watcher: lifecycleWatcher } = await buildLifecycleHooks(ctx);
+        await saveGlobalHooksMeta(ctx, themeProvider, lifecycleHooks);
+        progress === null || progress === void 0 ? void 0 : progress.succeed("Global hooks build completed");
+        return { themeWatcher, lifecycleWatcher };
+    }
+    catch (error) {
+        progress === null || progress === void 0 ? void 0 : progress.fail("Global hooks build failed");
+        throw error;
+    }
+};
+/**
+ * Build theme hooks for a given component library.
+ */
+async function buildThemeHook(ctx) {
+    var _a, _b, _c;
+    const componentLibraries = ctx.client.componentLibraries;
+    const repoThemeHookExists = existsSync(ctx.client.customizationFile);
+    const imports = [];
+    const functionNames = [];
+    for (let i = 0; i < componentLibraries.length; i++) {
+        const libraryConfig = componentLibraries[i];
+        const { libraryName } = getComponentLibraryConfig(libraryConfig);
+        const libMeta = await getGlobalHooksMeta(ctx, libraryName);
+        const themeProvider = libMeta.themeProvider;
+        if (!themeProvider)
+            continue;
+        // Prepare imports: library theme + repo theme (if exists)
+        const functionName = `libraryThemeProvider${i}`;
+        const libraryThemeImport = `import ${functionName} from '${libraryName}/dist/${themeProvider}'`;
+        functionNames.push(functionName);
+        imports.push(libraryThemeImport);
+    }
+    if (!imports.length && !repoThemeHookExists) {
+        return { fileName: undefined, watcher: undefined };
+    }
+    const repoThemeImport = repoThemeHookExists
+        ? `import localThemeProvider from '${ctx.client.customizationFile}';`
+        : "const localThemeProvider = () => {};";
+    // Generate a temporary file that imports both library and repo theme
+    await generateTemporaryHookFile(ctx, imports, functionNames, repoThemeImport);
+    // Build the temporary file with Vite
+    const buildResults = await buildWithVite(ctx, getTempHookFilePath(ctx), THEME_PROVIDER_OUTPUT_NAME, (_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch, !((_b = ctx.dev) === null || _b === void 0 ? void 0 : _b.watch));
+    // Cleanup temporary file
+    if (!((_c = ctx.dev) === null || _c === void 0 ? void 0 : _c.watch)) {
+        await cleanupTemporaryHookFile(ctx);
+    }
+    return buildResults;
+}
+/**
+ * Build theme hooks for a given component library.
+ */
+async function buildLifecycleHooks(ctx) {
+    var _a, _b;
+    const componentLibraries = ctx.client.componentLibraries;
+    const builtLifecycleHooks = [];
+    const repoLifecycleExist = existsSync(ctx.client.lifecycleHooksFile);
+    let lifecycleWatcher = undefined;
+    // If lifecycle exists, build it right away to get the hashed output
+    if (repoLifecycleExist) {
+        const { fileName: repoLifecycleFileName, watcher } = await buildWithVite(ctx, ctx.client.lifecycleHooksFile, LIFECYCLE_OUTPUT_NAME, (_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch, false);
+        if ((_b = ctx.dev) === null || _b === void 0 ? void 0 : _b.watch) {
+            lifecycleWatcher = watcher;
+        }
+        builtLifecycleHooks.push(repoLifecycleFileName);
+    }
+    for (const libraryConfig of componentLibraries) {
+        const { libraryName } = getComponentLibraryConfig(libraryConfig);
+        const libMeta = await getGlobalHooksMeta(ctx, libraryName);
+        const lifecycleHooks = libMeta.lifecycleHooks;
+        for (const lifecycleHook of lifecycleHooks) {
+            const libLifecycleHook = path$1.resolve(ctx.client.rootDir, "node_modules", libraryName, "dist", lifecycleHook);
+            const { fileName: lifecycleHookFileName } = await buildWithVite(ctx, libLifecycleHook, LIFECYCLE_OUTPUT_NAME);
+            builtLifecycleHooks.push(lifecycleHookFileName);
+        }
+    }
+    return { lifecycleHooks: builtLifecycleHooks, watcher: lifecycleWatcher };
+}
+/**
+ * Write the final global hooks metadata to disk (themeHooksMeta, lifecycleHookMeta).
+ */
+async function saveGlobalHooksMeta(ctx, themeProvider, lifecycleHooks) {
+    const metaFilePath = path$1.resolve(ctx.client.buildDir, EXTERNAL_LIBRARY_GLOBAL_HOOKS_META_NAME);
+    const data = JSON.stringify({ themeProvider, lifecycleHooks }, null, 2);
+    fsSync.writeFileSync(metaFilePath, data);
+}
+/**
+ * Generate a temporary file which imports the library theme and repository theme,
+ * replacing template placeholders.
+ */
+async function generateTemporaryHookFile(ctx, libraryThemeImports, functionNames, repoThemeImport) {
+    const templatePath = path$1.resolve(ctx.core.templatesDir, "embeddableThemeHook.js.template");
+    const templateContent = await fs.readFile(templatePath, "utf8");
+    const newContent = templateContent
+        .replace("{{LIBRARY_THEME_IMPORTS}}", libraryThemeImports.join("\n"))
+        .replace("{{ARRAY_OF_LIBRARY_THEME_PROVIDERS}}", functionNames.join("\n"))
+        .replace("{{LOCAL_THEME_IMPORT}}", repoThemeImport);
+    // Write to temporary hook file
+    await fs.writeFile(getTempHookFilePath(ctx), newContent, "utf8");
+}
+/**
+ * Build a file with Vite and return the hashed output file name (e.g., embeddable-theme-xxxx.js).
+ */
+async function buildWithVite(ctx, entryFile, outputFile, watch = false, useHash = true) {
+    const fileContent = await fs.readFile(entryFile, "utf8");
+    const fileHash = getContentHash(fileContent);
+    // Bundle using Vite
+    const fileName = useHash ? `${outputFile}-${fileHash}` : outputFile;
+    const fileWatcher = await vite.build({
+        logLevel: watch ? "info" : "error",
+        build: {
+            emptyOutDir: false,
+            lib: {
+                entry: entryFile,
+                formats: ["es"],
+                fileName: fileName,
+            },
+            outDir: ctx.client.buildDir,
+            watch: watch ? {} : undefined,
+        },
+    });
+    if (watch) {
+        await waitForInitialBuild(fileWatcher);
+    }
+    const watcher = watch
+        ? fileWatcher
+        : undefined;
+    return { fileName: `${fileName}.js`, watcher };
+}
+/**
+ * Remove the temporary hook file after building.
+ */
+async function cleanupTemporaryHookFile(ctx) {
+    await fs.rm(getTempHookFilePath(ctx), { force: true });
+}
+/**
+ * Get the path to the temporary hook file in the build directory.
+ */
+function getTempHookFilePath(ctx) {
+    return path$1.resolve(ctx.client.buildDir, TEMP_JS_HOOK_FILE);
+}
+function waitForInitialBuild(watcher) {
+    return new Promise((resolve, reject) => {
+        function onEvent(event) {
+            if (event.code === "END") {
+                watcher.off("event", onEvent);
+                resolve();
+            }
+            else if (event.code === "ERROR") {
+                watcher.off("event", onEvent);
+                reject(event.error);
+            }
+        }
+        watcher.on("event", onEvent);
+    });
+}
+
+var prepare$1 = async (ctx) => {
     await removeIfExists(ctx);
     await copyStencilConfigsToClient(ctx);
     await createComponentDir(ctx.client.componentDir);
 };
 async function removeIfExists(ctx) {
     const promises = [];
-    if (fs$1.existsSync(ctx.client.buildDir)) {
+    if (fsSync.existsSync(ctx.client.buildDir)) {
         promises.push(fs.rm(ctx.client.buildDir, { recursive: true }));
     }
-    if (fs$1.existsSync(ctx.client.tmpDir)) {
+    if (fsSync.existsSync(ctx.client.tmpDir)) {
         promises.push(fs.rm(ctx.client.tmpDir, { recursive: true }));
     }
     await Promise.all(promises);
@@ -450,27 +661,35 @@ var generate = async (ctx, pluginName) => {
     await generateSourceMap(ctx, pluginName);
 };
 async function injectCSS(ctx, pluginName) {
-    const CUSTOMER_BUILD = path.resolve(ctx.client.buildDir, ctx[pluginName].outputOptions.buildName);
+    const CUSTOMER_BUILD = path$1.resolve(ctx.client.buildDir, ctx[pluginName].outputOptions.buildName);
     const allFiles = await fs.readdir(CUSTOMER_BUILD);
-    const cssFilesImportsStr = allFiles
+    const imports = allFiles
         .filter((fileName) => fileName.endsWith(".css"))
-        .map((fileName) => `@import '../${ctx[pluginName].outputOptions.buildName}/${fileName}';`)
-        .join("\n");
-    const content = await fs.readFile(path.resolve(ctx.core.templatesDir, "style.css.template"), "utf8");
-    await fs.writeFile(path.resolve(ctx.client.componentDir, "style.css"), content.replace(STYLE_IMPORTS_TOKEN, cssFilesImportsStr));
+        .map((fileName) => `@import '../${ctx[pluginName].outputOptions.buildName}/${fileName}';`);
+    const componentLibraries = ctx.client.componentLibraries;
+    for (const componentLibrary of componentLibraries) {
+        const { libraryName } = getComponentLibraryConfig(componentLibrary);
+        const allLibFiles = await fs.readdir(path$1.resolve(ctx.client.rootDir, "node_modules", libraryName, "dist"));
+        allLibFiles
+            .filter((fileName) => fileName.endsWith(".css"))
+            .forEach((fileName) => imports.push(`@import '~${libraryName}/dist/${fileName}';`));
+    }
+    const cssFilesImportsStr = imports.join("\n");
+    const content = await fs.readFile(path$1.resolve(ctx.core.templatesDir, "style.css.template"), "utf8");
+    await fs.writeFile(path$1.resolve(ctx.client.componentDir, "style.css"), content.replace(STYLE_IMPORTS_TOKEN, cssFilesImportsStr));
 }
 async function injectBundleRender(ctx, pluginName) {
     var _a;
     const importStr = `import render from '../${ctx[pluginName].outputOptions.buildName}/${ctx[pluginName].outputOptions.fileName}';`;
-    let content = await fs.readFile(path.resolve(ctx.core.templatesDir, "component.tsx.template"), "utf8");
-    if (!!((_a = ctx.dev) === null || _a === undefined ? undefined : _a.watch)) {
+    let content = await fs.readFile(path$1.resolve(ctx.core.templatesDir, "component.tsx.template"), "utf8");
+    if (!!((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch)) {
         content = content.replace(COMPONENT_TAG_TOKEN, "embeddable-component");
     }
-    await fs.writeFile(path.resolve(ctx.client.componentDir, "component.tsx"), content.replace(RENDER_IMPORT_TOKEN, importStr));
+    await fs.writeFile(path$1.resolve(ctx.client.componentDir, "component.tsx"), content.replace(RENDER_IMPORT_TOKEN, importStr));
 }
 async function addComponentTagName(filePath, bundleHash) {
     // find entry file with a name *.entry.js
-    const entryFiles = await findFiles(path.dirname(filePath), /.*\.entry\.js/);
+    const entryFiles = await findFiles(path$1.dirname(filePath), /.*\.entry\.js/);
     if (!entryFiles.length) {
         return;
     }
@@ -488,9 +707,9 @@ async function addComponentTagName(filePath, bundleHash) {
 }
 async function runStencil(ctx) {
     var _a, _b, _c;
-    const logger = ((_a = ctx.dev) === null || _a === undefined ? undefined : _a.logger) || createNodeLogger();
-    const sys = ((_b = ctx.dev) === null || _b === undefined ? undefined : _b.sys) || createNodeSys({ process });
-    const devMode = !!((_c = ctx.dev) === null || _c === undefined ? undefined : _c.watch);
+    const logger = ((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.logger) || createNodeLogger();
+    const sys = ((_b = ctx.dev) === null || _b === void 0 ? void 0 : _b.sys) || createNodeSys({ process });
+    const devMode = !!((_c = ctx.dev) === null || _c === void 0 ? void 0 : _c.watch);
     const isWindows = process.platform === "win32";
     const validated = await loadConfig({
         initTsConfig: true,
@@ -500,10 +719,10 @@ async function runStencil(ctx) {
             devMode,
             maxConcurrentWorkers: isWindows ? 0 : 8, // workers break on windows
             rootDir: ctx.client.buildDir,
-            configPath: path.resolve(ctx.client.buildDir, "stencil.config.ts"),
-            tsconfig: path.resolve(ctx.client.buildDir, "tsconfig.json"),
+            configPath: path$1.resolve(ctx.client.buildDir, "stencil.config.ts"),
+            tsconfig: path$1.resolve(ctx.client.buildDir, "tsconfig.json"),
             namespace: "embeddable-wrapper",
-            srcDir: path.resolve(ctx.client.buildDir, "component"),
+            srcDir: path$1.resolve(ctx.client.buildDir, "component"),
             sourceMap: true, // always generate source maps in both dev and prod
             minifyJs: !devMode,
             minifyCss: !devMode,
@@ -513,7 +732,7 @@ async function runStencil(ctx) {
                 },
             ],
             watchDirs: [
-                path.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
+                path$1.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
             ],
         },
     });
@@ -533,27 +752,24 @@ async function runStencil(ctx) {
 }
 async function handleStencilBuildOutput(ctx) {
     var _a;
-    const entryFilePath = path.resolve(ctx.client.stencilBuild, "embeddable-wrapper.esm.js");
+    const entryFilePath = path$1.resolve(ctx.client.stencilBuild, "embeddable-wrapper.esm.js");
     let fileName = "embeddable-wrapper.esm.js";
-    if (!((_a = ctx.dev) === null || _a === undefined ? undefined : _a.watch)) {
-        const entryFileContent = await fs.readFile(entryFilePath, "utf8");
-        const fileHash = getContentHash(entryFileContent);
-        fileName = `embeddable-wrapper.esm-${fileHash}.js`;
-        ctx.client.bundleHash = fileHash;
+    if (!((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch) && ctx.client.bundleHash) {
+        fileName = `embeddable-wrapper.esm-${ctx.client.bundleHash}.js`;
         await addComponentTagName(entryFilePath, ctx.client.bundleHash);
     }
-    await fs.rename(entryFilePath, path.resolve(ctx.client.stencilBuild, fileName));
+    await fs.rename(entryFilePath, path$1.resolve(ctx.client.stencilBuild, fileName));
 }
 async function generateSourceMap(ctx, pluginName) {
-    const componentBuildDir = path.resolve(ctx.client.buildDir, ctx[pluginName].outputOptions.buildName);
-    const stencilBuild = path.resolve(ctx.client.stencilBuild);
-    const tmpComponentDir = path.resolve(stencilBuild, ctx[pluginName].outputOptions.buildName);
+    const componentBuildDir = path$1.resolve(ctx.client.buildDir, ctx[pluginName].outputOptions.buildName);
+    const stencilBuild = path$1.resolve(ctx.client.stencilBuild);
+    const tmpComponentDir = path$1.resolve(stencilBuild, ctx[pluginName].outputOptions.buildName);
     await fs.cp(componentBuildDir, tmpComponentDir, { recursive: true });
     const stencilFiles = await fs.readdir(stencilBuild);
     const jsFiles = stencilFiles.filter((file) => file.toLowerCase().endsWith(".js"));
     await Promise.all(jsFiles.map(async (jsFile) => {
         try {
-            const chain = await sorcery.load(path.resolve(stencilBuild, jsFile));
+            const chain = await sorcery.load(path$1.resolve(stencilBuild, jsFile));
             // overwrite the existing file
             await chain.write();
         }
@@ -564,8 +780,8 @@ async function generateSourceMap(ctx, pluginName) {
     await fs.rm(tmpComponentDir, { recursive: true });
 }
 
-const CREDENTIALS_DIR = path.resolve(os.homedir(), ".embeddable");
-const CREDENTIALS_FILE = path.resolve(CREDENTIALS_DIR, "credentials");
+const CREDENTIALS_DIR = path$1.resolve(os.homedir(), ".embeddable");
+const CREDENTIALS_FILE = path$1.resolve(CREDENTIALS_DIR, "credentials");
 
 const checkNodeVersion = async () => {
     const spinner = ora("Checking node version...").start();
@@ -753,14 +969,15 @@ async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFil
     const sdkVersions = await getSDKVersions();
     // identify user's package manager and its version
     let packageManager = "npm";
-    if ((_a = process.env.npm_config_user_agent) === null || _a === undefined ? undefined : _a.includes("yarn")) {
+    if ((_a = process.env.npm_config_user_agent) === null || _a === void 0 ? void 0 : _a.includes("yarn")) {
         packageManager = "yarn";
     }
-    if ((_b = process.env.npm_config_user_agent) === null || _b === undefined ? undefined : _b.includes("pnpm")) {
+    if ((_b = process.env.npm_config_user_agent) === null || _b === void 0 ? void 0 : _b.includes("pnpm")) {
         packageManager = "pnpm";
     }
-    const packageManagerVersion = ((_d = (_c = process.env.npm_config_user_agent) === null || _c === undefined ? undefined : _c.match(/(\d+\.\d+\.\d+)/)) === null || _d === undefined ? undefined : _d[0]) ||
+    const packageManagerVersion = ((_d = (_c = process.env.npm_config_user_agent) === null || _c === void 0 ? void 0 : _c.match(/(\d+\.\d+\.\d+)/)) === null || _d === void 0 ? void 0 : _d[0]) ||
         "unknown";
+    const globalHooks = await loadJson(path$1.resolve(ctx.client.buildDir, "globalHooks.json"));
     // write manifest file with files with hash
     const manifest = {
         entryFiles: {
@@ -776,31 +993,43 @@ async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFil
             sdkVersions,
             packageManager,
             packageManagerVersion,
+            globalHooks,
             metrics: {
                 buildTime: hrtimeToISO8601(ctx.buildTime),
             },
-            origin: ((_e = ctx.dev) === null || _e === undefined ? undefined : _e.watch) ? "dev" : "push",
+            origin: ((_e = ctx.dev) === null || _e === void 0 ? void 0 : _e.watch) ? "dev" : "push",
         },
     };
-    await fs.writeFile(path.join(ctx.client.tmpDir, "embeddable-manifest.json"), JSON.stringify(manifest));
+    await fs.writeFile(path$1.join(ctx.client.tmpDir, "embeddable-manifest.json"), JSON.stringify(manifest));
 }
 async function extractBuild(ctx) {
     const stencilBuildFiles = await findFiles(ctx.client.stencilBuild, /embeddable-wrapper.esm-[a-z0-9]+\.js/);
     const [[, stencilWrapperFilePath]] = stencilBuildFiles || [];
-    const stencilWrapperFileName = path.basename(stencilWrapperFilePath);
-    await fs.rename(path.resolve(ctx.client.buildDir, ctx.client.stencilBuild), ctx.client.tmpDir);
+    const stencilWrapperFileName = path$1.basename(stencilWrapperFilePath);
+    await fs.rename(path$1.resolve(ctx.client.buildDir, ctx.client.stencilBuild), ctx.client.tmpDir);
     const typesBuildFiles = await findFiles(ctx.client.buildDir, /embeddable-types-[a-z0-9]+\.js/);
     const [[, typesFilePath]] = typesBuildFiles || [];
-    const typesFileName = path.basename(typesFilePath);
-    await fs.rename(typesFilePath, path.join(ctx.client.tmpDir, typesFileName));
+    const typesFileName = path$1.basename(typesFilePath);
+    await fs.rename(typesFilePath, path$1.join(ctx.client.tmpDir, typesFileName));
     const metaBuildFiles = await findFiles(ctx.client.buildDir, /embeddable-components-meta-[a-z0-9]+\.js/);
     const [[, metaFilePath]] = metaBuildFiles || [];
-    const metaFileName = path.basename(metaFilePath);
-    await fs.rename(metaFilePath, path.join(ctx.client.tmpDir, metaFileName));
+    const metaFileName = path$1.basename(metaFilePath);
+    await fs.rename(metaFilePath, path$1.join(ctx.client.tmpDir, metaFileName));
     const editorsMetaBuildFiles = await findFiles(ctx.client.buildDir, /embeddable-editors-meta-[a-z0-9]+\.js/);
     const [[, editorsMetaFilePath]] = editorsMetaBuildFiles || [];
-    const editorsMetaFileName = path.basename(editorsMetaFilePath);
-    await fs.rename(editorsMetaFilePath, path.join(ctx.client.tmpDir, editorsMetaFileName));
+    const editorsMetaFileName = path$1.basename(editorsMetaFilePath);
+    await fs.rename(editorsMetaFilePath, path$1.join(ctx.client.tmpDir, editorsMetaFileName));
+    const themeFile = (await findFiles(ctx.client.buildDir, /embeddable-theme-[0-9a-f]+\.js/)) ||
+        [];
+    for (const [, themeFilePath] of themeFile) {
+        const themeFilePathFileName = path$1.basename(themeFilePath);
+        await fs.rename(themeFilePath, path$1.join(ctx.client.tmpDir, themeFilePathFileName));
+    }
+    const lifecycleFiles = (await findFiles(ctx.client.buildDir, /embeddable-lifecycle(?:-[0-9a-f]+)?\.js/)) || [];
+    for (const [, lifecycleFilePath] of lifecycleFiles) {
+        const lifecycleFilePathFileName = path$1.basename(lifecycleFilePath);
+        await fs.rename(lifecycleFilePath, path$1.join(ctx.client.tmpDir, lifecycleFilePathFileName));
+    }
     await createManifest({
         ctx,
         typesFileName,
@@ -1362,7 +1591,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 var errorUtil;
 (function (errorUtil) {
     errorUtil.errToObj = (message) => typeof message === "string" ? { message } : message || {};
-    errorUtil.toString = (message) => typeof message === "string" ? message : message === null || message === undefined ? undefined : message.message;
+    errorUtil.toString = (message) => typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.message;
 })(errorUtil || (errorUtil = {}));
 
 var _ZodEnum_cache, _ZodNativeEnum_cache;
@@ -1419,14 +1648,14 @@ function processCreateParams(params) {
         var _a, _b;
         const { message } = params;
         if (iss.code === "invalid_enum_value") {
-            return { message: message !== null && message !== undefined ? message : ctx.defaultError };
+            return { message: message !== null && message !== void 0 ? message : ctx.defaultError };
         }
         if (typeof ctx.data === "undefined") {
-            return { message: (_a = message !== null && message !== undefined ? message : required_error) !== null && _a !== undefined ? _a : ctx.defaultError };
+            return { message: (_a = message !== null && message !== void 0 ? message : required_error) !== null && _a !== void 0 ? _a : ctx.defaultError };
         }
         if (iss.code !== "invalid_type")
             return { message: ctx.defaultError };
-        return { message: (_b = message !== null && message !== undefined ? message : invalid_type_error) !== null && _b !== undefined ? _b : ctx.defaultError };
+        return { message: (_b = message !== null && message !== void 0 ? message : invalid_type_error) !== null && _b !== void 0 ? _b : ctx.defaultError };
     };
     return { errorMap: customMap, description };
 }
@@ -1482,10 +1711,10 @@ class ZodType {
         const ctx = {
             common: {
                 issues: [],
-                async: (_a = params === null || params === undefined ? undefined : params.async) !== null && _a !== undefined ? _a : false,
-                contextualErrorMap: params === null || params === undefined ? undefined : params.errorMap,
+                async: (_a = params === null || params === void 0 ? void 0 : params.async) !== null && _a !== void 0 ? _a : false,
+                contextualErrorMap: params === null || params === void 0 ? void 0 : params.errorMap,
             },
-            path: (params === null || params === undefined ? undefined : params.path) || [],
+            path: (params === null || params === void 0 ? void 0 : params.path) || [],
             schemaErrorMap: this._def.errorMap,
             parent: null,
             data,
@@ -1519,7 +1748,7 @@ class ZodType {
                     };
             }
             catch (err) {
-                if ((_b = (_a = err === null || err === undefined ? undefined : err.message) === null || _a === undefined ? undefined : _a.toLowerCase()) === null || _b === undefined ? undefined : _b.includes("encountered")) {
+                if ((_b = (_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes("encountered")) {
                     this["~standard"].async = true;
                 }
                 ctx.common = {
@@ -1546,10 +1775,10 @@ class ZodType {
         const ctx = {
             common: {
                 issues: [],
-                contextualErrorMap: params === null || params === undefined ? undefined : params.errorMap,
+                contextualErrorMap: params === null || params === void 0 ? void 0 : params.errorMap,
                 async: true,
             },
-            path: (params === null || params === undefined ? undefined : params.path) || [],
+            path: (params === null || params === void 0 ? void 0 : params.path) || [],
             schemaErrorMap: this._def.errorMap,
             parent: null,
             data,
@@ -2240,10 +2469,10 @@ class ZodString extends ZodType {
         }
         return this._addCheck({
             kind: "datetime",
-            precision: typeof (options === null || options === undefined ? undefined : options.precision) === "undefined" ? null : options === null || options === undefined ? undefined : options.precision,
-            offset: (_a = options === null || options === undefined ? undefined : options.offset) !== null && _a !== undefined ? _a : false,
-            local: (_b = options === null || options === undefined ? undefined : options.local) !== null && _b !== undefined ? _b : false,
-            ...errorUtil.errToObj(options === null || options === undefined ? undefined : options.message),
+            precision: typeof (options === null || options === void 0 ? void 0 : options.precision) === "undefined" ? null : options === null || options === void 0 ? void 0 : options.precision,
+            offset: (_a = options === null || options === void 0 ? void 0 : options.offset) !== null && _a !== void 0 ? _a : false,
+            local: (_b = options === null || options === void 0 ? void 0 : options.local) !== null && _b !== void 0 ? _b : false,
+            ...errorUtil.errToObj(options === null || options === void 0 ? void 0 : options.message),
         });
     }
     date(message) {
@@ -2259,8 +2488,8 @@ class ZodString extends ZodType {
         }
         return this._addCheck({
             kind: "time",
-            precision: typeof (options === null || options === undefined ? undefined : options.precision) === "undefined" ? null : options === null || options === undefined ? undefined : options.precision,
-            ...errorUtil.errToObj(options === null || options === undefined ? undefined : options.message),
+            precision: typeof (options === null || options === void 0 ? void 0 : options.precision) === "undefined" ? null : options === null || options === void 0 ? void 0 : options.precision,
+            ...errorUtil.errToObj(options === null || options === void 0 ? void 0 : options.message),
         });
     }
     duration(message) {
@@ -2277,8 +2506,8 @@ class ZodString extends ZodType {
         return this._addCheck({
             kind: "includes",
             value: value,
-            position: options === null || options === undefined ? undefined : options.position,
-            ...errorUtil.errToObj(options === null || options === undefined ? undefined : options.message),
+            position: options === null || options === void 0 ? void 0 : options.position,
+            ...errorUtil.errToObj(options === null || options === void 0 ? void 0 : options.message),
         });
     }
     startsWith(value, message) {
@@ -2415,7 +2644,7 @@ ZodString.create = (params) => {
     return new ZodString({
         checks: [],
         typeName: ZodFirstPartyTypeKind.ZodString,
-        coerce: (_a = params === null || params === undefined ? undefined : params.coerce) !== null && _a !== undefined ? _a : false,
+        coerce: (_a = params === null || params === void 0 ? void 0 : params.coerce) !== null && _a !== void 0 ? _a : false,
         ...processCreateParams(params),
     });
 };
@@ -2669,7 +2898,7 @@ ZodNumber.create = (params) => {
     return new ZodNumber({
         checks: [],
         typeName: ZodFirstPartyTypeKind.ZodNumber,
-        coerce: (params === null || params === undefined ? undefined : params.coerce) || false,
+        coerce: (params === null || params === void 0 ? void 0 : params.coerce) || false,
         ...processCreateParams(params),
     });
 };
@@ -2850,7 +3079,7 @@ ZodBigInt.create = (params) => {
     return new ZodBigInt({
         checks: [],
         typeName: ZodFirstPartyTypeKind.ZodBigInt,
-        coerce: (_a = params === null || params === undefined ? undefined : params.coerce) !== null && _a !== undefined ? _a : false,
+        coerce: (_a = params === null || params === void 0 ? void 0 : params.coerce) !== null && _a !== void 0 ? _a : false,
         ...processCreateParams(params),
     });
 };
@@ -2875,7 +3104,7 @@ class ZodBoolean extends ZodType {
 ZodBoolean.create = (params) => {
     return new ZodBoolean({
         typeName: ZodFirstPartyTypeKind.ZodBoolean,
-        coerce: (params === null || params === undefined ? undefined : params.coerce) || false,
+        coerce: (params === null || params === void 0 ? void 0 : params.coerce) || false,
         ...processCreateParams(params),
     });
 };
@@ -2985,7 +3214,7 @@ class ZodDate extends ZodType {
 ZodDate.create = (params) => {
     return new ZodDate({
         checks: [],
-        coerce: (params === null || params === undefined ? undefined : params.coerce) || false,
+        coerce: (params === null || params === void 0 ? void 0 : params.coerce) || false,
         typeName: ZodFirstPartyTypeKind.ZodDate,
         ...processCreateParams(params),
     });
@@ -3413,10 +3642,10 @@ class ZodObject extends ZodType {
                 ? {
                     errorMap: (issue, ctx) => {
                         var _a, _b, _c, _d;
-                        const defaultError = (_c = (_b = (_a = this._def).errorMap) === null || _b === undefined ? undefined : _b.call(_a, issue, ctx).message) !== null && _c !== undefined ? _c : ctx.defaultError;
+                        const defaultError = (_c = (_b = (_a = this._def).errorMap) === null || _b === void 0 ? void 0 : _b.call(_a, issue, ctx).message) !== null && _c !== void 0 ? _c : ctx.defaultError;
                         if (issue.code === "unrecognized_keys")
                             return {
-                                message: (_d = errorUtil.errToObj(message).message) !== null && _d !== undefined ? _d : defaultError,
+                                message: (_d = errorUtil.errToObj(message).message) !== null && _d !== void 0 ? _d : defaultError,
                             };
                         return {
                             message: defaultError,
@@ -4426,7 +4655,7 @@ function createZodEnum(values, params) {
 class ZodEnum extends ZodType {
     constructor() {
         super(...arguments);
-        _ZodEnum_cache.set(this, undefined);
+        _ZodEnum_cache.set(this, void 0);
     }
     _parse(input) {
         if (typeof input.data !== "string") {
@@ -4496,7 +4725,7 @@ ZodEnum.create = createZodEnum;
 class ZodNativeEnum extends ZodType {
     constructor() {
         super(...arguments);
-        _ZodNativeEnum_cache.set(this, undefined);
+        _ZodNativeEnum_cache.set(this, void 0);
     }
     _parse(input) {
         const nativeEnumValues = util$1.getValidEnumValues(this._def.values);
@@ -4996,14 +5225,14 @@ fatal) {
                     var _a, _b;
                     if (!r) {
                         const params = cleanParams(_params, data);
-                        const _fatal = (_b = (_a = params.fatal) !== null && _a !== undefined ? _a : fatal) !== null && _b !== undefined ? _b : true;
+                        const _fatal = (_b = (_a = params.fatal) !== null && _a !== void 0 ? _a : fatal) !== null && _b !== void 0 ? _b : true;
                         ctx.addIssue({ code: "custom", ...params, fatal: _fatal });
                     }
                 });
             }
             if (!r) {
                 const params = cleanParams(_params, data);
-                const _fatal = (_b = (_a = params.fatal) !== null && _a !== undefined ? _a : fatal) !== null && _b !== undefined ? _b : true;
+                const _fatal = (_b = (_a = params.fatal) !== null && _a !== void 0 ? _a : fatal) !== null && _b !== void 0 ? _b : true;
                 ctx.addIssue({ code: "custom", ...params, fatal: _fatal });
             }
             return;
@@ -5368,7 +5597,7 @@ const cubeModelSchema = z
         .array()
         .min(1),
 })
-    .refine((data) => data.cubes.every((cube) => { var _a, _b; return ((_a = cube.dimensions) === null || _a === undefined ? undefined : _a.length) || ((_b = cube.measures) === null || _b === undefined ? undefined : _b.length); }), {
+    .refine((data) => data.cubes.every((cube) => { var _a, _b; return ((_a = cube.dimensions) === null || _a === void 0 ? void 0 : _a.length) || ((_b = cube.measures) === null || _b === void 0 ? void 0 : _b.length); }), {
     message: "At least one measure or dimension must be defined",
     path: ["cubes"],
 });
@@ -5404,12 +5633,12 @@ const clientContextSchema = z.array(z
 var provideConfig = async () => {
     const configFilePath = `${process.cwd()}/embeddable.config.js`;
     const tsConfigFilePath = `${process.cwd()}/embeddable.config.ts`;
-    if (!fs$1.existsSync(configFilePath) && !fs$1.existsSync(tsConfigFilePath)) {
+    if (!fsSync.existsSync(configFilePath) && !fsSync.existsSync(tsConfigFilePath)) {
         console.log("Please create a proper `embeddable.config.js` or `embeddable.config.ts` file in the root of your project.");
         process.exit(1);
     }
     const isWindows = process.platform === "win32";
-    const configPath = fs$1.existsSync(tsConfigFilePath)
+    const configPath = fsSync.existsSync(tsConfigFilePath)
         ? tsConfigFilePath
         : configFilePath;
     const pathOrUrl = isWindows ? url.pathToFileURL(configPath).href : configPath;
@@ -5421,7 +5650,7 @@ function getDefaultExportFromCjs (x) {
 }
 
 function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
+  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
@@ -5445,106 +5674,8 @@ function getAugmentedNamespace(n) {
 	return a;
 }
 
-var name = "rollbar";
 var version = "2.26.4";
-var repository = {
-	type: "git",
-	url: "http://github.com/rollbar/rollbar.js"
-};
-var description = "Effortlessly track and debug errors in your JavaScript applications with Rollbar. This package includes advanced error tracking features and an intuitive interface to help you identify and fix issues more quickly.";
-var keywords = [
-	"error",
-	"tracking",
-	"logging",
-	"debugging",
-	"javascript"
-];
-var license = "MIT";
-var main = "src/server/rollbar.js";
-var browser = "dist/rollbar.umd.min.js";
-var types = "./index.d.ts";
-var dependencies = {
-	async: "~3.2.3",
-	"console-polyfill": "0.3.0",
-	"error-stack-parser": "^2.0.4",
-	"json-stringify-safe": "~5.0.0",
-	"lru-cache": "~2.2.1",
-	"request-ip": "~3.3.0",
-	"source-map": "^0.5.7"
-};
-var devDependencies = {
-	"@babel/core": "^7.22.11",
-	"babel-eslint": "^10.0.3",
-	"babel-loader": "^8.0.4",
-	bluebird: "^3.3.5",
-	chai: "^4.2.0",
-	chalk: "^1.1.1",
-	"coverage-istanbul-loader": "^3.0.5",
-	eslint: "^6.8.0",
-	"eslint-loader": "^3.0.3",
-	express: "^4.18.2",
-	glob: "^5.0.14",
-	grunt: "^1.1.0",
-	"grunt-bumpup": "^0.6.3",
-	"grunt-cli": "^1.3.2",
-	"grunt-contrib-concat": "^2.1.0",
-	"grunt-contrib-connect": "^2.1.0",
-	"grunt-contrib-copy": "^1.0.0",
-	"grunt-contrib-jshint": "^3.2.0",
-	"grunt-contrib-uglify": "^4.0.0",
-	"grunt-contrib-watch": "^1.1.0",
-	"grunt-karma": "^4.0.2",
-	"grunt-parallel": "^0.5.1",
-	"grunt-text-replace": "^0.4.0",
-	"grunt-vows": "^0.4.2",
-	"grunt-webpack": "^5.0.0",
-	jade: "~0.27.7",
-	"jasmine-core": "^2.3.4",
-	"jquery-mockjax": "^2.5.0",
-	karma: "^6.4.2",
-	"karma-chai": "^0.1.0",
-	"karma-chrome-launcher": "^2.2.0",
-	"karma-expect": "^1.1.0",
-	"karma-firefox-launcher": "^0.1.6",
-	"karma-html2js-preprocessor": "^1.1.0",
-	"karma-jquery": "^0.1.0",
-	"karma-mocha": "^2.0.1",
-	"karma-mocha-reporter": "^2.2.5",
-	"karma-requirejs": "^0.2.2",
-	"karma-safari-launcher": "^0.1.1",
-	"karma-sinon": "^1.0.4",
-	"karma-sourcemap-loader": "^0.3.5",
-	"karma-webpack": "^5.0.0",
-	mocha: "^10.2.0",
-	natives: "^1.1.6",
-	nock: "^11.9.1",
-	"node-libs-browser": "^0.5.2",
-	prettier: "^3.2.5",
-	requirejs: "^2.1.20",
-	"script-loader": "0.6.1",
-	sinon: "^8.1.1",
-	stackframe: "^0.2.2",
-	"strict-loader": "^1.2.0",
-	"time-grunt": "^1.0.0",
-	vows: "^0.8.3",
-	webpack: "^5.88.2"
-};
-var optionalDependencies = {
-	decache: "^3.0.5"
-};
-var scripts = {
-	build: "./node_modules/.bin/grunt",
-	test: "./node_modules/.bin/grunt test",
-	"test-browser": "./node_modules/.bin/grunt test-browser",
-	"test-server": "./node_modules/.bin/grunt test-server",
-	test_ci: "./node_modules/.bin/grunt test",
-	lint: "./node_modules/.bin/eslint . --ext .js"
-};
-var cdn = {
-	host: "cdn.rollbar.com"
-};
 var defaults = {
-	endpoint: "api.rollbar.com/api/1/item/",
 	server: {
 		scrubHeaders: [
 			"authorization",
@@ -5586,43 +5717,10 @@ var defaults = {
 			"request.cookies"
 		]
 	},
-	reactNative: {
-		rewriteFilenamePatterns: [
-			"^.*/[0-9A-F]{8}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{12}/[^/]*.app/(.*)$",
-			"^.*/[0-9A-Fa-f]{64}/codepush_ios/(.*)$",
-			"^.*/[0-9A-Fa-f]{64}/codepush_android/(.*)$",
-			"^.*/[0-9A-Fa-f]{64}/CodePush/(.*)$"
-		]
-	},
-	logLevel: "debug",
-	reportLevel: "debug",
-	uncaughtErrorLevel: "error",
-	maxItems: 0,
-	itemsPerMin: 60
-};
-var plugins = {
-	jquery: {
-		version: "0.0.8"
-	}
-};
+	reportLevel: "debug"};
 var require$$2 = {
-	name: name,
 	version: version,
-	repository: repository,
-	description: description,
-	keywords: keywords,
-	license: license,
-	main: main,
-	browser: browser,
-	types: types,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	optionalDependencies: optionalDependencies,
-	scripts: scripts,
-	cdn: cdn,
-	defaults: defaults,
-	plugins: plugins
-};
+	defaults: defaults};
 
 var merge_1;
 var hasRequiredMerge;
@@ -5912,7 +6010,6 @@ function requireUtility () {
 	}
 
 	var parseUriOptions = {
-	  strictMode: false,
 	  key: [
 	    'source',
 	    'protocol',
@@ -21427,7 +21524,7 @@ const reportErrorToRollbar = async (error) => {
 
 const getSdkPackageVersionInfo = async (config) => {
   try {
-    const packageJsonFilePath = path.resolve(
+    const packageJsonFilePath = path$1.resolve(
       config.client.rootDir,
       "package.json",
     );
@@ -21487,8 +21584,8 @@ async function getUserData() {
   }
 }
 
-const LOG_DIR = path.join(process.cwd(), ".embeddable", "logs");
-const ERROR_LOG_FILE = path.join(LOG_DIR, "error.log");
+const LOG_DIR = path$1.join(process.cwd(), ".embeddable", "logs");
+const ERROR_LOG_FILE = path$1.join(LOG_DIR, "error.log");
 const MAX_LOG_SIZE = 5 * 1024 * 1024; // 5 MB
 const MAX_LOG_FILES = 5;
 async function initLogger(command) {
@@ -21580,8 +21677,9 @@ var build = async () => {
         removeBuildSuccessFlag();
         const config = await provideConfig();
         await validate(config);
-        await prepare(config);
+        await prepare$1(config);
         await buildTypes(config);
+        await buildGlobalHooks(config);
         for (const getPlugin of config.plugins) {
             const plugin = getPlugin();
             breadcrumbs.push(`${plugin.pluginName}: validate`);
@@ -21714,11 +21812,11 @@ async function getWorkspaces(ctx, token, workspaceSpinner) {
         return (_a = response.data) === null || _a === void 0 ? void 0 : _a.filter((w) => !w.devWorkspace);
     }
     catch (e) {
-        if ((_b = ctx.dev) === null || _b === undefined ? undefined : _b.watch) {
+        if ((_b = ctx.dev) === null || _b === void 0 ? void 0 : _b.watch) {
             workspaceSpinner.stop();
             throw e;
         }
-        if (((_c = e.response) === null || _c === undefined ? undefined : _c.status) === 401) {
+        if (((_c = e.response) === null || _c === void 0 ? void 0 : _c.status) === 401) {
             workspaceSpinner.fail('Unauthorized. Please login using "embeddable login" command.');
         }
         else {
@@ -21741,7 +21839,7 @@ async function selectWorkspace(ora, ctx, token) {
         process.exit(1);
     }
     workspaceSpinner.info(`Found ${availableWorkspaces.length} workspace(s)`);
-    const isDev = (_a = ctx.dev) === null || _a === undefined ? undefined : _a.watch;
+    const isDev = (_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch;
     if (availableWorkspaces.length === 1) {
         selectedWorkspace = availableWorkspaces[0];
     }
@@ -21804,10 +21902,10 @@ var push = async () => {
         spinnerPushing.succeed(`Published to ${workspaceName} using ${workspacePreviewUrl}`);
     }
     catch (error) {
-        spinnerPushing === null || spinnerPushing === undefined ? undefined : spinnerPushing.fail("Publishing failed");
+        spinnerPushing === null || spinnerPushing === void 0 ? void 0 : spinnerPushing.fail("Publishing failed");
         await logError({ command: "push", breadcrumbs, error });
         await reportErrorToRollbar(error);
-        console.log(((_a = error.response) === null || _a === undefined ? undefined : _a.data) || error);
+        console.log(((_a = error.response) === null || _a === void 0 ? void 0 : _a.data) || error);
         process.exit(1);
     }
 };
@@ -21862,10 +21960,10 @@ async function buildArchive(config) {
         const cubeFilesList = await findFiles(config.client.modelsSrc || config.client.srcDir, CUBE_FILES);
         const contextFilesList = await findFiles(config.client.presetsSrc || config.client.srcDir, PRESET_FILES);
         filesList.push(...cubeFilesList.map((entry) => [
-            path$1.basename(entry[1]),
+            path.basename(entry[1]),
             entry[1],
         ]), ...contextFilesList.map((entry) => [
-            path$1.basename(entry[1]),
+            path.basename(entry[1]),
             entry[1],
         ]));
     }
@@ -21878,7 +21976,7 @@ async function buildArchive(config) {
 }
 async function archive(args) {
     const { ctx, filesList, isDev } = args;
-    const output = fs$1.createWriteStream(ctx.client.archiveFile);
+    const output = fsSync.createWriteStream(ctx.client.archiveFile);
     const archive = archiver.create("zip", {
         zlib: { level: 9 },
     });
@@ -21896,7 +21994,7 @@ async function archive(args) {
     }
     await archive.finalize();
     return new Promise((resolve, _reject) => {
-        output.on("close", resolve);
+        output.on("close", () => resolve());
     });
 }
 async function createFormData(filePath, metadata) {
@@ -21956,7 +22054,7 @@ const buildWebComponent = async (config) => {
 };
 const addToGitingore = async () => {
     try {
-        const gitignorePath = path$1.resolve(process.cwd(), ".gitignore");
+        const gitignorePath = path.resolve(process.cwd(), ".gitignore");
         const gitignoreContent = await fs.readFile(gitignorePath, "utf8");
         if (!gitignoreContent.includes(BUILD_DEV_DIR)) {
             await fs.appendFile(gitignorePath, `\n${BUILD_DEV_DIR}\n`);
@@ -21986,7 +22084,7 @@ var dev = async () => {
         const logger = createNodeLogger();
         const sys = createNodeSys({ process });
         const defaultConfig = await provideConfig();
-        const buildDir = path$1.resolve(defaultConfig.client.rootDir, BUILD_DEV_DIR);
+        const buildDir = path.resolve(defaultConfig.client.rootDir, BUILD_DEV_DIR);
         const config = {
             ...defaultConfig,
             dev: {
@@ -21997,13 +22095,13 @@ var dev = async () => {
             client: {
                 ...defaultConfig.client,
                 buildDir,
-                componentDir: path$1.resolve(buildDir, "component"),
-                stencilBuild: path$1.resolve(buildDir, "dist", "embeddable-wrapper"),
-                tmpDir: path$1.resolve(defaultConfig.client.rootDir, ".embeddable-dev-tmp"),
+                componentDir: path.resolve(buildDir, "component"),
+                stencilBuild: path.resolve(buildDir, "dist", "embeddable-wrapper"),
+                tmpDir: path.resolve(defaultConfig.client.rootDir, ".embeddable-dev-tmp"),
             },
         };
         breadcrumbs.push("prepare config");
-        await prepare(config);
+        await prepare$1(config);
         const serve = serveStatic(config.client.buildDir);
         let workspacePreparation = ora("Preparing workspace...").start();
         breadcrumbs.push("get preview workspace");
@@ -22023,6 +22121,13 @@ var dev = async () => {
             }
         }
         workspacePreparation.succeed("Workspace is ready");
+        const { themeWatcher, lifecycleWatcher } = await buildGlobalHooks(config);
+        if (themeWatcher) {
+            await globalHookWatcher(themeWatcher, config);
+        }
+        if (lifecycleWatcher) {
+            await globalHookWatcher(lifecycleWatcher, config);
+        }
         const server = http.createServer(async (request, res) => {
             var _a;
             res.setHeader("Access-Control-Allow-Origin", "*");
@@ -22080,6 +22185,12 @@ var dev = async () => {
             const customGlobalCssWatch = globalCssWatcher(config);
             watchers.push(dataModelAndSecurityContextWatch);
             watchers.push(customGlobalCssWatch);
+            if (themeWatcher) {
+                watchers.push(themeWatcher);
+            }
+            if (lifecycleWatcher) {
+                watchers.push(lifecycleWatcher);
+            }
         });
     }
     catch (error) {
@@ -22102,13 +22213,33 @@ const configureWatcher = async (watcher, ctx) => {
             changedFiles = [];
         }
         if (e.code === "ERROR") {
-            sendMessage("componentsBuildError", { error: (_a = e.error) === null || _a === undefined ? undefined : _a.message });
+            sendMessage("componentsBuildError", { error: (_a = e.error) === null || _a === void 0 ? void 0 : _a.message });
+            changedFiles = [];
+        }
+    });
+};
+const globalHookWatcher = async (watcher, ctx) => {
+    watcher.on("change", (path) => {
+        changedFiles.push(path);
+    });
+    watcher.on("event", async (e) => {
+        var _a;
+        if (e.code === "BUNDLE_START") {
+            sendMessage("componentsBuildStart", { changedFiles });
+        }
+        if (e.code === "BUNDLE_END") {
+            sendMessage("componentsBuildSuccess");
+            changedFiles = [];
+        }
+        if (e.code === "ERROR") {
+            sendMessage("componentsBuildError", { error: (_a = e.error) === null || _a === void 0 ? void 0 : _a.message });
             changedFiles = [];
         }
     });
 };
 const sendMessage = (type, meta = {}) => {
-    wss.clients.forEach((ws) => {
+    var _a;
+    (_a = wss === null || wss === void 0 ? void 0 : wss.clients) === null || _a === void 0 ? void 0 : _a.forEach((ws) => {
         ws.send(JSON.stringify({ type, ...meta }));
     });
 };
@@ -22165,11 +22296,11 @@ const sendDataModelsAndContextsChanges = async (ctx) => {
         const cubeFilesList = await findFiles(ctx.client.modelsSrc, CUBE_FILES);
         const contextFilesList = await findFiles(ctx.client.presetsSrc, PRESET_FILES);
         // Map the files to include their full filenames
-        const filesList = [...cubeFilesList, ...contextFilesList].map((entry) => [path$1.basename(entry[1]), entry[1]]);
+        const filesList = [...cubeFilesList, ...contextFilesList].map((entry) => [path.basename(entry[1]), entry[1]]);
         // add manifest to the archive
         filesList.push([
             "embeddable-manifest.json",
-            path$1.resolve(ctx.client.buildDir, "embeddable-manifest.json"),
+            path.resolve(ctx.client.buildDir, "embeddable-manifest.json"),
         ]);
         await archive({
             ctx,
@@ -22187,7 +22318,7 @@ const sendDataModelsAndContextsChanges = async (ctx) => {
 const onClose = async (server, sys, watchers, config) => {
     server.close();
     wss.close();
-    browserWindow === null || browserWindow === undefined ? undefined : browserWindow.unref();
+    browserWindow === null || browserWindow === void 0 ? void 0 : browserWindow.unref();
     for (const watcher of watchers) {
         if (watcher.close) {
             await watcher.close();
@@ -22259,6 +22390,11 @@ const REGION_CONFIGS = {
         authClientId: "dygrSUmI6HmgY5ymVbEAoLDEBxIOyr1V",
     },
 };
+const ComponentLibraryConfigSchema = z.object({
+    name: z.string(),
+    include: z.array(z.string()).optional(),
+    exclude: z.array(z.string()).optional(),
+});
 const embeddableConfigSchema = z
     .object({
     plugins: z.array(z.function()),
@@ -22279,6 +22415,11 @@ const embeddableConfigSchema = z
     presetsSrc: z.string().optional(),
     componentsSrc: z.string().optional(),
     globalCss: z.string().optional(),
+    customizationFile: z.string().optional(),
+    lifecycleHooksFile: z.string().optional(),
+    componentLibraries: z
+        .union([z.array(z.string()), z.array(ComponentLibraryConfigSchema)])
+        .optional(),
     viteConfig: z
         .object({
         resolve: z
@@ -22302,25 +22443,25 @@ var defineConfig = (config) => {
     if (errors.length > 0) {
         throw new Error(`Invalid Embeddable Configuration: ${errors.join("\n")}}`);
     }
-    let { plugins, region = "legacy-US", pushModels = true, pushComponents = true, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, previewBaseUrl, modelsSrc = "src", presetsSrc = "src", componentsSrc = "src", globalCss = "src/global.css", viteConfig = {}, rollupOptions = {}, } = config;
+    let { plugins, region = "legacy-US", pushModels = true, pushComponents = true, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, previewBaseUrl, modelsSrc = "src", presetsSrc = "src", componentsSrc = "src", globalCss = "src/global.css", viteConfig = {}, rollupOptions = {}, componentLibraries = [], customizationFile = "embeddable.theme.ts", lifecycleHooksFile = "lifecycle.config.ts", } = config;
     const regionConfig = REGION_CONFIGS[region];
     const __dirname = import.meta.dirname;
-    const coreRoot = path.resolve(__dirname, "..");
+    const coreRoot = path$1.resolve(__dirname, "..");
     const clientRoot = process.cwd();
-    if (!path.isAbsolute(componentsSrc)) {
-        componentsSrc = path.resolve(clientRoot, componentsSrc);
+    if (!path$1.isAbsolute(componentsSrc)) {
+        componentsSrc = path$1.resolve(clientRoot, componentsSrc);
         if (!existsSync(componentsSrc)) {
             throw new Error(`componentsSrc directory ${componentsSrc} does not exist`);
         }
     }
-    if (modelsSrc && !path.isAbsolute(modelsSrc)) {
-        modelsSrc = path.resolve(clientRoot, modelsSrc);
+    if (modelsSrc && !path$1.isAbsolute(modelsSrc)) {
+        modelsSrc = path$1.resolve(clientRoot, modelsSrc);
         if (!existsSync(modelsSrc)) {
             throw new Error(`modelsSrc directory ${modelsSrc} does not exist`);
         }
     }
-    if (presetsSrc && !path.isAbsolute(presetsSrc)) {
-        presetsSrc = path.resolve(clientRoot, presetsSrc);
+    if (presetsSrc && !path$1.isAbsolute(presetsSrc)) {
+        presetsSrc = path$1.resolve(clientRoot, presetsSrc);
         if (!existsSync(presetsSrc)) {
             throw new Error(`presetsSrc directory ${presetsSrc} does not exist`);
         }
@@ -22328,26 +22469,29 @@ var defineConfig = (config) => {
     return {
         core: {
             rootDir: coreRoot,
-            templatesDir: path.resolve(coreRoot, "templates"),
-            configsDir: path.resolve(coreRoot, "configs"),
+            templatesDir: path$1.resolve(coreRoot, "templates"),
+            configsDir: path$1.resolve(coreRoot, "configs"),
         },
         client: {
             rootDir: clientRoot,
-            srcDir: path.resolve(clientRoot, componentsSrc),
-            modelsSrc: modelsSrc ? path.resolve(clientRoot, modelsSrc) : undefined,
-            presetsSrc: presetsSrc ? path.resolve(clientRoot, presetsSrc) : undefined,
-            buildDir: path.resolve(clientRoot, ".embeddable-build"),
-            tmpDir: path.resolve(clientRoot, ".embeddable-tmp"),
-            globalCss: path.resolve(clientRoot, globalCss),
-            componentDir: path.resolve(clientRoot, ".embeddable-build", "component"),
-            stencilBuild: path.resolve(clientRoot, ".embeddable-build", "dist", "embeddable-wrapper"),
-            archiveFile: path.resolve(clientRoot, "embeddable-build.zip"),
+            srcDir: path$1.resolve(clientRoot, componentsSrc),
+            modelsSrc: modelsSrc ? path$1.resolve(clientRoot, modelsSrc) : undefined,
+            presetsSrc: presetsSrc ? path$1.resolve(clientRoot, presetsSrc) : undefined,
+            buildDir: path$1.resolve(clientRoot, ".embeddable-build"),
+            tmpDir: path$1.resolve(clientRoot, ".embeddable-tmp"),
+            globalCss: path$1.resolve(clientRoot, globalCss),
+            componentDir: path$1.resolve(clientRoot, ".embeddable-build", "component"),
+            stencilBuild: path$1.resolve(clientRoot, ".embeddable-build", "dist", "embeddable-wrapper"),
+            archiveFile: path$1.resolve(clientRoot, "embeddable-build.zip"),
             errorFallbackComponent: errorFallbackComponent
-                ? path.resolve(clientRoot, errorFallbackComponent)
+                ? path$1.resolve(clientRoot, errorFallbackComponent)
                 : undefined,
             bundleHash: undefined, // This will be set by the build process
             viteConfig,
             rollupOptions,
+            componentLibraries,
+            customizationFile: path$1.resolve(clientRoot, customizationFile),
+            lifecycleHooksFile: path$1.resolve(clientRoot, lifecycleHooksFile),
         },
         outputOptions: {
             typesEntryPointFilename: "embeddable-types-entry-point.js",
@@ -22360,17 +22504,53 @@ var defineConfig = (config) => {
         },
         pushModels,
         pushComponents,
-        pushBaseUrl: pushBaseUrl !== null && pushBaseUrl !== undefined ? pushBaseUrl : regionConfig.pushBaseUrl,
-        audienceUrl: audienceUrl !== null && audienceUrl !== undefined ? audienceUrl : regionConfig.audienceUrl,
-        previewBaseUrl: previewBaseUrl !== null && previewBaseUrl !== undefined ? previewBaseUrl : regionConfig.previewBaseUrl,
-        authDomain: authDomain !== null && authDomain !== undefined ? authDomain : regionConfig.authDomain,
-        authClientId: authClientId !== null && authClientId !== undefined ? authClientId : regionConfig.authClientId,
-        applicationEnvironment: applicationEnvironment !== null && applicationEnvironment !== undefined ? applicationEnvironment : "production",
-        rollbarAccessToken: rollbarAccessToken !== null && rollbarAccessToken !== undefined ? rollbarAccessToken : "5c6028038d844bf1835a0f4db5f55d9e",
+        pushBaseUrl: pushBaseUrl !== null && pushBaseUrl !== void 0 ? pushBaseUrl : regionConfig.pushBaseUrl,
+        audienceUrl: audienceUrl !== null && audienceUrl !== void 0 ? audienceUrl : regionConfig.audienceUrl,
+        previewBaseUrl: previewBaseUrl !== null && previewBaseUrl !== void 0 ? previewBaseUrl : regionConfig.previewBaseUrl,
+        authDomain: authDomain !== null && authDomain !== void 0 ? authDomain : regionConfig.authDomain,
+        authClientId: authClientId !== null && authClientId !== void 0 ? authClientId : regionConfig.authClientId,
+        applicationEnvironment: applicationEnvironment !== null && applicationEnvironment !== void 0 ? applicationEnvironment : "production",
+        rollbarAccessToken: rollbarAccessToken !== null && rollbarAccessToken !== void 0 ? rollbarAccessToken : "5c6028038d844bf1835a0f4db5f55d9e",
         plugins,
     };
 };
 
+var buildPackage = async () => {
+    await initLogger("package");
+    const breadcrumbs = [];
+    try {
+        const startTime = process.hrtime();
+        await checkNodeVersion();
+        breadcrumbs.push("checkNodeVersion");
+        await removeBuildSuccessFlag();
+        const config = await provideConfig();
+        config.client.buildDir = path$1.resolve(config.client.rootDir, "dist");
+        await prepare(config);
+        await buildTypes(config);
+        await buildGlobalHooks(config);
+        for (const getPlugin of config.plugins) {
+            const plugin = getPlugin();
+            breadcrumbs.push(`${plugin.pluginName}: validate`);
+            await plugin.validate(config);
+            breadcrumbs.push(`${plugin.pluginName}: buildPackage`);
+            await plugin.buildPackage(config);
+        }
+        // Calculating build time in seconds
+        config.buildTime = process.hrtime(startTime);
+        await storeBuildSuccessFlag();
+    }
+    catch (error) {
+        await logError({ command: "package", breadcrumbs, error });
+        console.log(error);
+        process.exit(1);
+    }
+};
+const prepare = async (config) => {
+    if (fsSync.existsSync(config.client.buildDir))
+        await fs.rm(config.client.buildDir, { recursive: true });
+    await fs.mkdir(config.client.buildDir);
+};
+
 var __accessCheck = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -22554,7 +22734,7 @@ var _Blob = class _Blob {
       __privateSet(this, _size, __privateGet(this, _size) + (ArrayBuffer.isView(part) ? part.byteLength : part.size));
       __privateGet(this, _parts).push(part);
     }
-    const type = options.type === undefined ? "" : String(options.type);
+    const type = options.type === void 0 ? "" : String(options.type);
     __privateSet(this, _type, /^[\x20-\x7E]*$/.test(type) ? type : "");
   }
   static [Symbol.hasInstance](value) {
@@ -22660,7 +22840,7 @@ var File = class extends Blob {
     /**
      * Returns the name of the file referenced by the File object.
      */
-    __privateAdd(this, _name, undefined);
+    __privateAdd(this, _name, void 0);
     /**
      * The last modified date of the file as the number of milliseconds since the Unix epoch (January 1, 1970 at midnight). Files without a known last modified date return the current date.
      */
@@ -22671,7 +22851,7 @@ var File = class extends Blob {
       );
     }
     __privateSet(this, _name, String(name));
-    const lastModified = options.lastModified === undefined ? Date.now() : Number(options.lastModified);
+    const lastModified = options.lastModified === void 0 ? Date.now() : Number(options.lastModified);
     if (!Number.isNaN(lastModified)) {
       __privateSet(this, _lastModified, lastModified);
     }
@@ -22706,8 +22886,8 @@ _lastModified = new WeakMap();
 var _path, _start;
 var _FileFromPath = class _FileFromPath {
   constructor(input) {
-    __privateAdd(this, _path, undefined);
-    __privateAdd(this, _start, undefined);
+    __privateAdd(this, _path, void 0);
+    __privateAdd(this, _start, void 0);
     __privateSet(this, _path, input.path);
     __privateSet(this, _start, input.start || 0);
     this.name = basename(__privateGet(this, _path));
@@ -22747,7 +22927,7 @@ var FileFromPath = _FileFromPath;
 function createFileFromPath(path, { mtimeMs, size }, filenameOrOptions, options = {}) {
   let filename;
   if (isObject(filenameOrOptions)) {
-    [options, filename] = [filenameOrOptions, undefined];
+    [options, filename] = [filenameOrOptions, void 0];
   } else {
     filename = filenameOrOptions;
   }
@@ -22771,5 +22951,5 @@ var fileFromPath$1 = /*#__PURE__*/Object.freeze({
     fileFromPath: fileFromPath
 });
 
-export { build, defineConfig, dev, login, push };
+export { build, buildPackage, defineConfig, dev, login, push };
 //# sourceMappingURL=index.esm.js.map