@embeddable.com/sdk-react 4.0.0-next.2 → 4.0.0

package/lib/dynamicImportHandler.js

@@ -0,0 +1,14 @@
+const { fileURLToPath, pathToFileURL } = require("url");
+
+async function loadModule(modulePath) {
+	try {
+		const module = await import(pathToFileURL(modulePath).href);
+		process.stdout.write(JSON.stringify(module.meta));
+	} catch (error) {
+		console.error(`Failed to load module: ${error.message}`);
+		process.exit(1);
+	}
+}
+
+const modulePath = fileURLToPath(process.argv[2]);
+loadModule(modulePath);

package/lib/generate.d.ts

@@ -1,5 +1,34 @@
 import * as vite from "vite";
+import { WatcherOptions } from "rollup";
 import { ResolvedEmbeddableConfig } from "@embeddable.com/sdk-core";
+import { LogLevel } from "vite";
 export declare const EMB_FILE_REGEX: RegExp;
 declare const _default: (ctx: ResolvedEmbeddableConfig) => Promise<vite.Rollup.RollupOutput | vite.Rollup.RollupOutput[] | vite.Rollup.RollupWatcher>;
 export default _default;
+export declare function getViteConfig(ctx: ResolvedEmbeddableConfig, watch: WatcherOptions | null, plugins: any[]): {
+    logLevel: LogLevel;
+    resolve: {
+        alias?: Record<string, string>;
+        extensions: string[];
+    };
+    plugins: any[];
+    build: {
+        sourcemap: boolean | "inline";
+        watch: {
+            include: string[];
+            exclude: string[];
+        } | undefined;
+        minify: boolean;
+        rollupOptions: vite.Rollup.RollupOptions;
+        lib: {
+            entry: string;
+            formats: vite.LibraryFormats[];
+            fileName: string;
+        };
+        outDir: string;
+    };
+    define: {
+        "process.env.NODE_ENV": string;
+    };
+};
+export declare function runViteBuild(ctx: ResolvedEmbeddableConfig, watch?: WatcherOptions | null): Promise<vite.Rollup.RollupOutput | vite.Rollup.RollupOutput[] | vite.Rollup.RollupWatcher>;

package/lib/generate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/index.esm.js

@@ -1333,7 +1333,7 @@ function getViteConfig(ctx, watch, plugins) {
         },
         plugins,
         build: {
-            sourcemap: true,
+            sourcemap: watch ? "inline" : true, // Inline sourcemaps are faster in dev
             watch: watch
                 ? {
                     include: [ctx.client.srcDir + "/**"],
@@ -1344,6 +1344,7 @@ function getViteConfig(ctx, watch, plugins) {
             rollupOptions: watch
                 ? {
                     cache: true,
+                    treeshake: false, // Faster builds in dev
                     ...ctx.client.rollupOptions,
                     output: {
                         sourcemapPathTransform: (relativeSourcePath, sourcemapPath) => {
@@ -1375,38 +1376,66 @@ async function calculateBundleHash(ctx) {
     ctx.client.bundleHash = getContentHash(contentString);
 }
 async function runViteBuild(ctx, watch = null) {
+    // In watch mode (development), combine both builds into one to avoid duplication
+    if (watch) {
+        const { externalComponents, externalEditors } = await findExternalComponents(ctx);
+        return await vite.build(getViteConfig(ctx, watch, [
+            viteReactPlugin(),
+            validateComponentMetaPlugin(EMB_FILE_REGEX),
+            extractComponentsConfigPlugin({
+                isDev: true,
+                globalKey: "componentsMeta",
+                fileName: "embeddable-components-meta.js",
+                outputDir: ctx.client.buildDir,
+                componentFileRegex: EMB_FILE_REGEX,
+                searchEntry: "defineComponent",
+                useBundleHash: false,
+                ctx,
+                externalComponents: externalComponents,
+            }),
+            extractComponentsConfigPlugin({
+                isDev: true,
+                globalKey: "editorsMeta",
+                fileName: "embeddable-editors-meta.js",
+                outputDir: ctx.client.buildDir,
+                componentFileRegex: EMB_FILE_REGEX,
+                searchEntry: "defineEditor",
+                useBundleHash: false,
+                ctx,
+                externalComponents: externalEditors,
+            }),
+        ]));
+    }
     // Step 1: Initial build without extractComponentsConfigPlugin
     await vite.build(getViteConfig(ctx, watch, [
         viteReactPlugin(),
         validateComponentMetaPlugin(EMB_FILE_REGEX),
     ]));
     // Step 2: Calculate bundleHash in production mode
-    if (!watch) {
-        await calculateBundleHash(ctx);
-    }
+    await calculateBundleHash(ctx);
     const { externalComponents, externalEditors } = await findExternalComponents(ctx);
     // Step 3: Final build with extractComponentsConfigPlugin
     return await vite.build(getViteConfig(ctx, watch, [
         viteReactPlugin(),
         extractComponentsConfigPlugin({
-            isDev: !!watch,
+            isDev: false,
             globalKey: "componentsMeta",
             fileName: "embeddable-components-meta.js",
             outputDir: ctx.client.buildDir,
             componentFileRegex: EMB_FILE_REGEX,
             searchEntry: "defineComponent",
-            useBundleHash: !watch,
+            useBundleHash: true,
             ctx,
             externalComponents: externalComponents,
         }),
         extractComponentsConfigPlugin({
-            isDev: !!watch,
+            isDev: false,
             globalKey: "editorsMeta",
             fileName: "embeddable-editors-meta.js",
             outputDir: ctx.client.buildDir,
             componentFileRegex: EMB_FILE_REGEX,
             searchEntry: "defineEditor",
-            useBundleHash: !watch,
+            useBundleHash: true,
             ctx,
             externalComponents: externalEditors,
         }),