@embeddable.com/sdk-react 3.2.0 → 3.2.2

package/lib/extractComponentsConfigPlugin.d.ts

@@ -1,9 +1,10 @@
 import { ModuleInfo } from "rollup";
-declare const _default: ({ globalKey, outputDir, fileName, componentFileRegex, searchEntry, }: {
+declare const _default: ({ globalKey, outputDir, fileName, componentFileRegex, isDev, searchEntry, }: {
     globalKey: string;
     outputDir: string;
     fileName: string;
     componentFileRegex: RegExp;
+    isDev?: boolean;
     searchEntry?: string;
 }) => {
     name: string;

package/lib/index.esm.js

@@ -377,7 +377,7 @@ const getContentHash = (contentString) => {
  * TODO: for some reason code from @embeddable.com/extract-components-config
  * is being cached. Thus we use this code duplication in place. Please investigate and fix.
  */
-var extractComponentsConfigPlugin = ({ globalKey, outputDir, fileName, componentFileRegex, searchEntry = "", }) => {
+var extractComponentsConfigPlugin = ({ globalKey, outputDir, fileName, componentFileRegex, isDev = false, searchEntry = "", }) => {
     let configs = [];
     return {
         name: "extract-components-config",
@@ -404,10 +404,13 @@ globalThis.__EMBEDDABLE__.${globalKey} = globalThis.__EMBEDDABLE__.${globalKey}
             // sort to make sure the hash is consistent
             configs.sort((a, b) => a.localeCompare(b));
             const contentString = configs.filter(Boolean).join(",\n");
-            const fileHash = getContentHash(contentString);
-            const fileHashExtention = `-${fileHash}.js`;
-            const fileNameHashed = `${fileName.replace(".js", fileHashExtention)}`;
-            await fs.writeFile(`${outputDir}/${fileNameHashed}`, template.replace("__PLACEHOLDER__", contentString));
+            let newFileName = fileName;
+            if (!isDev) {
+                const fileHash = getContentHash(contentString);
+                const fileHashExtention = `-${fileHash}.js`;
+                newFileName = `${fileName.replace(".js", fileHashExtention)}`;
+            }
+            await fs.writeFile(`${outputDir}/${newFileName}`, template.replace("__PLACEHOLDER__", contentString));
             configs = [];
         },
     };
@@ -1077,6 +1080,7 @@ async function runViteBuild(ctx, watch = null) {
         plugins: [
             viteReactPlugin(),
             extractComponentsConfigPlugin({
+                isDev: !!watch,
                 globalKey: "componentsMeta",
                 fileName: "embeddable-components-meta.js",
                 outputDir: ctx.client.buildDir,
@@ -1084,6 +1088,7 @@ async function runViteBuild(ctx, watch = null) {
                 searchEntry: "defineComponent",
             }),
             extractComponentsConfigPlugin({
+                isDev: !!watch,
                 globalKey: "editorsMeta",
                 fileName: "embeddable-editors-meta.js",
                 outputDir: ctx.client.buildDir,
@@ -1096,6 +1101,16 @@ async function runViteBuild(ctx, watch = null) {
             sourcemap: true,
             watch,
             minify: !watch,
+            rollupOptions: watch
+                ? {
+                    output: {
+                        sourcemapPathTransform: (relativeSourcePath, sourcemapPath) => {
+                            // will replace relative paths with absolute paths
+                            return path.resolve(path.dirname(sourcemapPath), relativeSourcePath);
+                        },
+                    },
+                }
+                : undefined,
             lib: {
                 entry: path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
                 formats: ["es"],