@embeddable.com/sdk-core 3.14.3-next.0 → 3.14.4-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/sdk-core",
-  "version": "3.14.3-next.0",
+  "version": "3.14.4-next.0",
   "description": "Core Embeddable SDK module responsible for web-components bundling and publishing.",
   "keywords": [
     "embeddable",
@@ -40,7 +40,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@embeddable.com/core": "2.10.3-next.0",
+    "@embeddable.com/core": "2.10.3",
     "@embeddable.com/sdk-utils": "0.8.0",
     "@inquirer/prompts": "^7.2.1",
     "@stencil/core": "^4.23.0",

package/src/buildGlobalHooks.ts

@@ -69,7 +69,7 @@ async function buildThemeHook(ctx: ResolvedEmbeddableConfig) {
   }
 
   const repoThemeImport = repoThemeHookExists
-    ? `import localThemeProvider from '${ctx.client.customizationFile}';`
+    ? `import localThemeProvider from '${ctx.client.customizationFile.replace(/\\/g, "/")}';`
     : "const localThemeProvider = () => {};";
 
   // Generate a temporary file that imports both library and repo theme

package/src/buildGlobalHooks.unit.test.ts

@@ -274,4 +274,71 @@ describe("buildGlobalHooks (Unit Tests)", () => {
       }),
     );
   });
+
+  it("should normalize Windows paths in theme import statements", async () => {
+    // Mock template content that has the placeholder for local theme import
+    const templateContent = `{{LIBRARY_THEME_IMPORTS}}
+{{LOCAL_THEME_IMPORT}}
+// rest of template`;
+
+    (fs.readFile as Mock)
+      .mockResolvedValueOnce(templateContent) // Template read
+      .mockResolvedValueOnce("file content"); // Temp file read for hash
+
+    (getContentHash as Mock).mockReturnValue("hash123");
+    (vite.build as Mock).mockResolvedValue(undefined);
+    (fs.writeFile as Mock).mockResolvedValue(undefined);
+    (fs.rm as Mock).mockResolvedValue(undefined);
+
+    // Simulate Windows-style path with backslashes
+    const windowsThemePath =
+      "C:\\work\\code\\embeddable-boilerplate\\embeddable.theme.ts";
+
+    vi.spyOn(fsSync, "existsSync").mockImplementation((p: any) => {
+      if (p === windowsThemePath) return true; // Theme file exists
+      if (p === lifecyclePath) return false; // No lifecycle
+      return false;
+    });
+
+    (getComponentLibraryConfig as Mock).mockReturnValue({
+      libraryName: "testLib",
+    });
+    (getGlobalHooksMeta as Mock).mockResolvedValue({
+      themeProvider: null, // No library theme
+      lifecycleHooks: [],
+    });
+
+    const ctx: ResolvedEmbeddableConfig = {
+      client: {
+        srcDir: path.resolve(process.cwd(), "fake", "src"),
+        buildDir: path.resolve(process.cwd(), "fake", "build"),
+        tmpDir: path.resolve(process.cwd(), "fake", "tmp"),
+        rootDir: path.resolve(process.cwd(), "fake", "root"),
+        lifecycleHooksFile: lifecyclePath,
+        customizationFile: windowsThemePath, // Windows path with backslashes
+        componentLibraries: [],
+      },
+      core: {
+        templatesDir: "/fake/templates",
+      },
+    } as any;
+
+    await buildGlobalHooks(ctx);
+
+    // Verify that the temporary file was written with normalized path
+    expect(fs.writeFile).toHaveBeenCalledWith(
+      expect.stringContaining("embeddableThemeHook.js"),
+      expect.stringContaining(
+        "C:/work/code/embeddable-boilerplate/embeddable.theme.ts",
+      ), // Forward slashes
+      "utf8",
+    );
+
+    // Verify that the content does NOT contain backslashes (which would break imports)
+    const writeFileCall = (fs.writeFile as Mock).mock.calls.find((call) =>
+      call[0].includes("embeddableThemeHook.js"),
+    );
+    expect(writeFileCall).toBeDefined();
+    expect(writeFileCall![1]).not.toContain("C:\\work\\code"); // Should not have backslashes
+  });
 });