@embeddable.com/sdk-core 3.14.6 → 3.14.7-next.1

package/lib/defineConfig.d.ts

@@ -23,7 +23,7 @@ export type EmbeddableConfig = {
     componentsSrc?: string;
     modelsSrc?: string;
     presetsSrc?: string;
-    globalCss?: string;
+    customCanvasCss?: string;
     viteConfig?: {
         resolve?: {
             alias?: Record<string, string>;
@@ -50,7 +50,7 @@ export type ResolvedEmbeddableConfig = {
         presetsSrc: string;
         buildDir: string;
         tmpDir: string;
-        globalCss: string;
+        customCanvasCss: string;
         componentDir: string;
         stencilBuild: string;
         archiveFile: string;
@@ -112,7 +112,7 @@ export declare const embeddableConfigSchema: z.ZodObject<{
     modelsSrc: z.ZodOptional<z.ZodString>;
     presetsSrc: z.ZodOptional<z.ZodString>;
     componentsSrc: z.ZodOptional<z.ZodString>;
-    globalCss: z.ZodOptional<z.ZodString>;
+    customCanvasCss: z.ZodOptional<z.ZodString>;
     customizationFile: z.ZodOptional<z.ZodString>;
     lifecycleHooksFile: z.ZodOptional<z.ZodString>;
     componentLibraries: z.ZodOptional<z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodArray<z.ZodObject<{
@@ -162,7 +162,7 @@ export declare const embeddableConfigSchema: z.ZodObject<{
     modelsSrc?: string | undefined;
     presetsSrc?: string | undefined;
     componentsSrc?: string | undefined;
-    globalCss?: string | undefined;
+    customCanvasCss?: string | undefined;
     customizationFile?: string | undefined;
     lifecycleHooksFile?: string | undefined;
     componentLibraries?: string[] | {
@@ -192,7 +192,7 @@ export declare const embeddableConfigSchema: z.ZodObject<{
     modelsSrc?: string | undefined;
     presetsSrc?: string | undefined;
     componentsSrc?: string | undefined;
-    globalCss?: string | undefined;
+    customCanvasCss?: string | undefined;
     customizationFile?: string | undefined;
     lifecycleHooksFile?: string | undefined;
     componentLibraries?: string[] | {
@@ -220,7 +220,7 @@ declare const _default: (config: EmbeddableConfig) => {
         presetsSrc: string | undefined;
         buildDir: string;
         tmpDir: string;
-        globalCss: string;
+        customCanvasCss: string;
         componentDir: string;
         stencilBuild: string;
         archiveFile: string;

package/lib/index.esm.js

@@ -380,12 +380,12 @@ const loadJson = async (filePath) => {
 
 const getComponentLibraryConfig = (componentLibrary) => {
     let libraryName = componentLibrary;
-    const include = [];
+    let include;
     const exclude = [];
     if (typeof componentLibrary === "object" && componentLibrary !== null) {
         libraryName = componentLibrary.name;
         if (componentLibrary.include) {
-            include.push(...componentLibrary.include);
+            include = [...componentLibrary.include];
         }
         if (componentLibrary.exclude) {
             exclude.push(...componentLibrary.exclude);
@@ -422,12 +422,15 @@ async function generate$1(ctx) {
     await fs.writeFile(path$1.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename), typeImports);
 }
 async function build$1(ctx) {
-    var _a;
+    var _a, _b, _c, _d;
     const typesFilePath = path$1.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename);
     await vite.build({
         logLevel: "error",
         build: {
             emptyOutDir: false,
+            sourcemap: ((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch) ? false : true, // No sourcemaps for types in dev
+            minify: !((_b = ctx.dev) === null || _b === void 0 ? void 0 : _b.watch), // No minification in dev
+            rollupOptions: ((_c = ctx.dev) === null || _c === void 0 ? void 0 : _c.watch) ? { treeshake: false } : undefined,
             lib: {
                 entry: typesFilePath,
                 formats: ["es"],
@@ -436,7 +439,7 @@ async function build$1(ctx) {
             outDir: ctx.client.buildDir,
         },
     });
-    if (!((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch)) {
+    if (!((_d = ctx.dev) === null || _d === void 0 ? void 0 : _d.watch)) {
         const fileContent = await fs.readFile(typesFilePath, "utf8");
         const fileHash = getContentHash(fileContent);
         const fileName = `embeddable-types-${fileHash}.js`;
@@ -21997,7 +22000,8 @@ async function archive(args) {
     archive.pipe(output);
     if (!isDev) {
         archive.directory(ctx.client.buildDir, false);
-        archive.file(ctx.client.globalCss, {
+        // NOTE: for backward compatibility, keep the file name as global.css
+        archive.file(ctx.client.customCanvasCss, {
             name: "global.css",
         });
     }
@@ -22062,12 +22066,53 @@ let wss;
 let changedFiles = [];
 let browserWindow = null;
 let previewWorkspace;
+// Build coordination to prevent duplicate plugin builds
+let pluginBuildInProgress = false;
+let pendingPluginBuilds = [];
 const SERVER_PORT = 8926;
 const BUILD_DEV_DIR = ".embeddable-dev-build";
-const GLOBAL_CSS = "/global.css";
+// NOTE: for backward compatibility, keep the file name as global.css
+const CUSTOM_CANVAS_CSS = "/global.css";
 const buildWebComponent = async (config) => {
     await generate(config, "sdk-react");
 };
+const executePluginBuilds = async (config, watchers) => {
+    if (pluginBuildInProgress) {
+        // If a plugin build is already in progress, queue this one
+        return new Promise((resolve) => {
+            pendingPluginBuilds.push(async () => {
+                await doPluginBuilds(config, watchers);
+                resolve();
+            });
+        });
+    }
+    else {
+        // Start the plugin build immediately
+        await doPluginBuilds(config, watchers);
+    }
+};
+const doPluginBuilds = async (config, watchers) => {
+    pluginBuildInProgress = true;
+    try {
+        for (const getPlugin of config.plugins) {
+            const plugin = getPlugin();
+            await plugin.validate(config);
+            const watcher = await plugin.build(config);
+            await configureWatcher(watcher, config);
+            watchers.push(watcher);
+        }
+    }
+    finally {
+        pluginBuildInProgress = false;
+        // Process any pending builds
+        if (pendingPluginBuilds.length > 0) {
+            const nextBuild = pendingPluginBuilds.shift();
+            if (nextBuild) {
+                await nextBuild();
+            }
+        }
+    }
+};
 const addToGitingore = async () => {
     try {
         const gitignorePath = path.resolve(process.cwd(), ".gitignore");
@@ -22150,9 +22195,9 @@ var dev = async () => {
             }
             const done = finalhandler(request, res);
             try {
-                if ((_a = request.url) === null || _a === void 0 ? void 0 : _a.endsWith(GLOBAL_CSS)) {
+                if ((_a = request.url) === null || _a === void 0 ? void 0 : _a.endsWith(CUSTOM_CANVAS_CSS)) {
                     res.writeHead(200, { "Content-Type": "text/css" });
-                    res.end(await fs.readFile(config.client.globalCss));
+                    res.end(await fs.readFile(config.client.customCanvasCss));
                     return;
                 }
             }
@@ -22182,18 +22227,10 @@ var dev = async () => {
             });
             await sendBuildChanges(config);
             if (config.pushComponents) {
-                for (const getPlugin of config.plugins) {
-                    const plugin = getPlugin();
-                    breadcrumbs.push("validate plugin");
-                    await plugin.validate(config);
-                    breadcrumbs.push("build plugin");
-                    const watcher = await plugin.build(config);
-                    breadcrumbs.push("configure watcher");
-                    await configureWatcher(watcher, config);
-                    watchers.push(watcher);
-                }
-                const customGlobalCssWatch = globalCssWatcher(config);
-                watchers.push(customGlobalCssWatch);
+                breadcrumbs.push("build plugins with coordination");
+                await executePluginBuilds(config, watchers);
+                const customCanvasCssWatch = globalCustomCanvasWatcher(config);
+                watchers.push(customCanvasCssWatch);
                 if (themeWatcher) {
                     await globalHookWatcher(themeWatcher);
                     watchers.push(themeWatcher);
@@ -22311,8 +22348,8 @@ const cubeSecurityContextAndClientContextWatcher = async (ctx) => {
     fsWatcher.on("all", () => sendBuildChanges(ctx));
     return fsWatcher;
 };
-const globalCssWatcher = (ctx) => {
-    const fsWatcher = chokidar.watch(ctx.client.globalCss, chokidarWatchOptions);
+const globalCustomCanvasWatcher = (ctx) => {
+    const fsWatcher = chokidar.watch(ctx.client.customCanvasCss, chokidarWatchOptions);
     fsWatcher.on("all", async () => {
         sendMessage("globalCssUpdateSuccess");
     });
@@ -22459,7 +22496,7 @@ const embeddableConfigSchema = z
     modelsSrc: z.string().optional(),
     presetsSrc: z.string().optional(),
     componentsSrc: z.string().optional(),
-    globalCss: z.string().optional(),
+    customCanvasCss: z.string().optional(),
     customizationFile: z.string().optional(),
     lifecycleHooksFile: z.string().optional(),
     componentLibraries: z
@@ -22488,7 +22525,7 @@ 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 = {}, componentLibraries = [], customizationFile = "embeddable.theme.ts", lifecycleHooksFile = "lifecycle.config.ts", } = config;
+    let { plugins, region = "legacy-US", pushModels = true, pushComponents = true, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, previewBaseUrl, modelsSrc = "src", presetsSrc = "src", componentsSrc = "src", customCanvasCss = "src/custom-canvas.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$1.resolve(__dirname, "..");
@@ -22524,7 +22561,7 @@ var defineConfig = (config) => {
             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),
+            customCanvasCss: path$1.resolve(clientRoot, customCanvasCss),
             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"),