fix: regression - default rootDir

src/load-config-meta.ts

@@ -52,28 +52,30 @@ export const loadConfigMeta = async (cwd?: string) => {
       | OutputTargetWithDir
       | undefined;
 
+    // Use stencil config directory as fallback if devServer.root is not usable
+    const configDir = dirname(stencilConfigPath);
+    const rootDir = devServer.root && devServer.root !== '/' ? devServer.root : configDir;
+
     if (wwwTarget) {
       // Get path from dev-server root to www
-      // If dir is relative, it's already relative to project root (same as devServer.root)
       const wwwDir = wwwTarget.dir!;
-      const relativePath = isAbsolute(wwwDir) ? relative(devServer.root!, wwwDir) : wwwDir;
+      const relativePath = isAbsolute(wwwDir) ? relative(rootDir, wwwDir) : wwwDir;
 
       // Use buildDir from config (defaults to 'build' for www target)
-      const buildDir = (wwwTarget as unknown as { buildDir?: string }).buildDir ?? 'build';
+      // Stencil may resolve buildDir to absolute path, so we need to handle that
+      let buildDir = (wwwTarget as unknown as { buildDir?: string }).buildDir ?? 'build';
+      if (buildDir && isAbsolute(buildDir)) {
+        buildDir = buildDir === wwwDir ? '' : relative(wwwDir, buildDir);
+      }
+
       const entryPath = join(relativePath, buildDir, fsNamespace);
       stencilEntryPath = entryPath === '' ? '.' : entryPath.startsWith('.') ? entryPath : `./${entryPath}`;
     } else if (distTarget || loaderBundleTarget) {
       // Fall back to dist or loader-bundle target
       const target = distTarget ?? loaderBundleTarget!;
 
       // Get path from dev-server root to target dir
-      // If dir is relative, it's already relative to project root (same as devServer.root)
       const targetDir = target.dir!;
-
-      // Use stencil config directory as fallback if devServer.root is not usable
-      const configDir = dirname(stencilConfigPath);
-      const rootDir = devServer.root && devServer.root !== '/' ? devServer.root : configDir;
-
       const relativePath = isAbsolute(targetDir) ? relative(rootDir, targetDir) : targetDir;
 
       // dist/loader-bundle use empty string as default buildDir

test-projects/explicit-dir/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "test-stencil-project",
+  "private": true,
+  "type": "module",
+  "devDependencies": {
+    "@stencil/core": "^4.0.0"
+  }
+}

test-projects/explicit-dir/stencil.config.ts

@@ -0,0 +1,11 @@
+import { Config } from '@stencil/core';
+
+export const config: Config = {
+  namespace: 'TestAssetsGlobalStyle',
+  outputTargets: [
+    {
+      type: 'dist',
+      dir: 'dist/loader-bundle',
+    },
+  ],
+};

test-projects/explicit-dir/test-config.mjs

@@ -0,0 +1,4 @@
+import { createConfig } from '../../dist/index.js';
+
+const config = await createConfig();
+console.log('stencilEntryPath:', process.env.STENCIL_ENTRY_PATH);

test-projects/www/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "test-www",
+  "private": true,
+  "type": "module",
+  "devDependencies": {
+    "@stencil/core": "^4.0.0"
+  }
+}

test-projects/www/stencil.config.ts

@@ -0,0 +1,9 @@
+import { Config } from '@stencil/core';
+
+export const config: Config = {
+  namespace: 'TestApp',
+  devServer: {
+    port: 3335,
+  },
+  outputTargets: [{ type: 'www', serviceWorker: null }],
+};

test-projects/www/test-config.mjs

@@ -0,0 +1,4 @@
+import { createConfig } from '../../dist/index.js';
+
+const config = await createConfig();
+console.log('stencilEntryPath:', process.env.STENCIL_ENTRY_PATH);