Revert "Revert "use import.meta.url for correct absolute import""

This reverts commit 126b9cc.
yext · Oct 9, 2023 · 5760c55 · 5760c55
1 parent c86e568
commit 5760c55
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/pages/src/common/src/template/hydration.ts b/packages/pages/src/common/src/template/hydration.ts
@@ -65,8 +65,11 @@ export const getHydrationTemplate = (
   const posixModulePath = convertToPosixPath(templateModulePath);
   const posixRenderPath = convertToPosixPath(clientRenderTemplatePath);
   return `
-        const component = await import("/${posixModulePath}");
-        const render = await import("/${posixRenderPath}");
+        const componentURL = new URL("/${posixModulePath}", import.meta.url)
+        const component = await import(componentURL);
+
+        const renderURL = new URL("/${posixRenderPath}", import.meta.url)
+        const render = await import(renderURL);
 
         render.render(
         {
@@ -77,6 +80,13 @@ export const getHydrationTemplate = (
     `;
 };
 
+const makeAbsolute = (path: string): string => {
+  if (!path.startsWith("/")) {
+    return "/" + path;
+  }
+  return path;
+};
+
 /**
  * Get the server template with injected html common to both the dev and plugin side of things.
  * For the most part, injects data into the <head> tag. It also provides validation.

diff --git a/packages/pages/yext-pages-1.0.0-rc.2.1.tgz b/packages/pages/yext-pages-1.0.0-rc.2.1.tgz