@embeddable.com/sdk-react 2.2.29 → 2.2.31

package/lib/index.esm.js

@@ -6,6 +6,7 @@ import * as vite from 'vite';
 import viteReactPlugin from '@vitejs/plugin-react';
 import * as fs from 'node:fs/promises';
 import { readdir, lstat, rm } from 'node:fs/promises';
+import * as url from 'node:url';
 import { parse } from '@babel/parser';
 import generator from '@babel/generator';
 import traverse from '@babel/traverse';
@@ -52,8 +53,7 @@ const loadComponentMeta = async (moduleId, code) => {
         .replace(".emb.", ".emb-temp.")
         .replace(/\.ts$/, ".js");
     await fs.writeFile(tempFilePath, babelGenerate(ast).code);
-    const importFile = `${tempFilePath}?${Date.now()}`;
-    const module = await import(importFile);
+    const module = await import(url.pathToFileURL(tempFilePath).href + `?${Date.now()}`);
     await fs.rm(tempFilePath);
     return module.meta;
 };
@@ -923,14 +923,21 @@ const ERROR_FALLBACK_COMPONENT_DEFAULT_NAME = "ErrorFallbackComponent";
 const ADDITIONAL_CONTENT_IMPORT_TOKEN = "{{ADDITIONAL_CONTENT_IMPORT}}";
 const ADDITIONAL_CONTENT_BEGIN_TOKEN = "{{ADDITIONAL_CONTENT_BEGIN}}";
 const ADDITIONAL_CONTENT_END_TOKEN = "{{ADDITIONAL_CONTENT_END}}";
+function getRelativeFileNameForImport(ctx, fileName) {
+    return `./${path
+        .relative(ctx.client.rootDir, fileName)
+        // it is a bit of a hack. On windows the path will look like '.src\something\something'
+        // but for imports it must be '.src/something/something'
+        .replaceAll("\\", "/")}`;
+}
 async function prepareEntrypoint(ctx, filesList) {
     const imports = filesList
-        .map(([fileName, filePath]) => `\t${fileName}: React.lazy(() => import('./${path.relative(ctx.client.rootDir, filePath)}'))`)
+        .map(([fileName, filePath]) => `\t${fileName}: React.lazy(() => import('${getRelativeFileNameForImport(ctx, filePath)}'))`)
         .join(",\n");
     let errorBoundaryImport = "";
     let errorFallbackComponent = "null";
     if (ctx.client.errorFallbackComponent) {
-        errorBoundaryImport = `import ${ERROR_FALLBACK_COMPONENT_DEFAULT_NAME} from './${path.relative(ctx.client.rootDir, ctx.client.errorFallbackComponent)}';`;
+        errorBoundaryImport = `import ${ERROR_FALLBACK_COMPONENT_DEFAULT_NAME} from '${getRelativeFileNameForImport(ctx, ctx.client.errorFallbackComponent)}';`;
         errorFallbackComponent = ERROR_FALLBACK_COMPONENT_DEFAULT_NAME;
     }
     const additionalContentImport = [];