@embeddable.com/sdk-react 2.2.29 → 2.2.31

package/lib/index.js

@@ -6,6 +6,7 @@ var path$1 = require('path');
 var vite = require('vite');
 var viteReactPlugin = require('@vitejs/plugin-react');
 var fs = require('node:fs/promises');
+var url = require('node:url');
 var parser = require('@babel/parser');
 var generator = require('@babel/generator');
 var traverse = require('@babel/traverse');
@@ -36,6 +37,7 @@ var fs__namespace$2 = /*#__PURE__*/_interopNamespaceDefault(fs$2);
 var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path$1);
 var vite__namespace = /*#__PURE__*/_interopNamespaceDefault(vite);
 var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
+var url__namespace = /*#__PURE__*/_interopNamespaceDefault(url);
 var fs__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(fs$1);
 
 var createContext = (pluginRoot, coreCtx) => {
@@ -76,8 +78,7 @@ const loadComponentMeta = async (moduleId, code) => {
         .replace(".emb.", ".emb-temp.")
         .replace(/\.ts$/, ".js");
     await fs__namespace.writeFile(tempFilePath, babelGenerate(ast).code);
-    const importFile = `${tempFilePath}?${Date.now()}`;
-    const module = await import(importFile);
+    const module = await import(url__namespace.pathToFileURL(tempFilePath).href + `?${Date.now()}`);
     await fs__namespace.rm(tempFilePath);
     return module.meta;
 };
@@ -947,14 +948,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__namespace
+        .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__namespace.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__namespace.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 = [];