@embeddable.com/sdk-react 2.2.28 → 2.2.30

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;
 };
@@ -534,7 +534,7 @@ const validateComponentProps = (metaInfo) => {
     const errors = [];
     parseAndTraverse(metaInfo.moduleInfo.code, {
         ExportDefaultDeclaration: (path) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const componentConfig = path.node.declaration
                 .arguments[2];
             const propsNode = (_a = componentConfig.properties) === null || _a === void 0 ? void 0 : _a.find((x) => { var _a; return ((_a = x.key) === null || _a === void 0 ? void 0 : _a.name) === "props"; });
@@ -562,12 +562,12 @@ const validateComponentProps = (metaInfo) => {
                 functionBody = propsNode.value.body.body;
             }
             const propsReturnStatement = functionBody === null || functionBody === void 0 ? void 0 : functionBody.find((x) => x.type === "ReturnStatement");
-            const results = (_b = propsReturnStatement === null || propsReturnStatement === void 0 ? void 0 : propsReturnStatement.argument) === null || _b === void 0 ? void 0 : _b.properties.find((x) => { var _a; return ((_a = x === null || x === void 0 ? void 0 : x.key) === null || _a === void 0 ? void 0 : _a.name) === "results"; });
+            const results = (_c = (_b = propsReturnStatement === null || propsReturnStatement === void 0 ? void 0 : propsReturnStatement.argument) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.find((x) => { var _a; return ((_a = x === null || x === void 0 ? void 0 : x.key) === null || _a === void 0 ? void 0 : _a.name) === "results"; });
             // There is no results defined inside props
             if (results === undefined) {
                 return;
             }
-            const loadDataProperties = (_c = results === null || results === void 0 ? void 0 : results.value) === null || _c === void 0 ? void 0 : _c.arguments[0].properties;
+            const loadDataProperties = (_d = results === null || results === void 0 ? void 0 : results.value) === null || _d === void 0 ? void 0 : _d.arguments[0].properties;
             const dimensions = loadDataProperties === null || loadDataProperties === void 0 ? void 0 : loadDataProperties.find((prop) => prop.key.name === "dimensions");
             const timeDimensions = loadDataProperties === null || loadDataProperties === void 0 ? void 0 : loadDataProperties.find((prop) => prop.key.name === "timeDimensions");
             // There is no missuse of dimensions and timeDimensions
@@ -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 = [];