@embeddable.com/sdk-react 2.2.28 → 2.2.30

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;
 };
@@ -558,7 +559,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"; });
@@ -586,12 +587,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
@@ -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 = [];