chore(cli): add config file output in terminal

Author: alexjoverm

packages/cli/src/config/helpers.test.ts

@@ -4,7 +4,8 @@ import { CONFIG_FILE_NAME, HIDDEN_CONFIG_DIR, HIDDEN_CONFIG_FILE_NAME, loadConfi
 
 const existsSyncMock = vi.hoisted(() => vi.fn());
 const loadConfigMock = vi.hoisted(() => vi.fn());
-const supportedExtensions = vi.hoisted(() => ['json', 'yaml', 'ts']);
+const konsolaInfoMock = vi.hoisted(() => vi.fn());
+const supportedExtensions = vi.hoisted(() => ['.json', '.yaml', '.ts']);
 
 vi.mock('node:os', () => ({
   homedir: () => '/home/tester',
@@ -19,6 +20,12 @@ vi.mock('c12', () => ({
   loadConfig: (options: any) => loadConfigMock(options),
 }));
 
+vi.mock('../utils/konsola', () => ({
+  konsola: {
+    info: konsolaInfoMock,
+  },
+}));
+
 const HOME_DIR = '/home/tester';
 const WORKSPACE_DIR = '/workspace/project';
 const HOME_CONFIG_DIR = resolvePath(HOME_DIR, HIDDEN_CONFIG_DIR);
@@ -34,7 +41,7 @@ function registerDirectory(path: string): void {
 }
 
 function addConfigFile(dir: string, baseFile: string, extension: string): void {
-  files.add(resolvePath(dir, `${baseFile}.${extension}`));
+  files.add(resolvePath(dir, `${baseFile}${extension}`));
 }
 
 function resetFilesystem(): void {
@@ -59,13 +66,14 @@ afterEach(() => {
   cwdSpy?.mockRestore();
   loadConfigMock.mockReset();
   existsSyncMock.mockReset();
+  konsolaInfoMock.mockReset();
 });
 
 describe('loadConfigLayers', () => {
   it('loads configs from home, workspace hidden dir, and project root honoring priority and supported extensions', async () => {
-    addConfigFile(HOME_CONFIG_DIR, HIDDEN_CONFIG_FILE_NAME, 'json');
-    addConfigFile(LOCAL_CONFIG_DIR, HIDDEN_CONFIG_FILE_NAME, 'yaml');
-    addConfigFile(WORKSPACE_DIR, CONFIG_FILE_NAME, 'ts');
+    addConfigFile(HOME_CONFIG_DIR, HIDDEN_CONFIG_FILE_NAME, '.json');
+    addConfigFile(LOCAL_CONFIG_DIR, HIDDEN_CONFIG_FILE_NAME, '.yaml');
+    addConfigFile(WORKSPACE_DIR, CONFIG_FILE_NAME, '.ts');
 
     responses.set(HOME_CONFIG_DIR, { scope: 'home', ext: 'json' });
     responses.set(LOCAL_CONFIG_DIR, { scope: 'workspace-hidden', ext: 'yaml' });
@@ -85,6 +93,12 @@ describe('loadConfigLayers', () => {
       `${LOCAL_CONFIG_DIR}:${HIDDEN_CONFIG_FILE_NAME}`,
       `${WORKSPACE_DIR}:${CONFIG_FILE_NAME}`,
     ]);
+    expect(konsolaInfoMock).toHaveBeenCalledTimes(3);
+    expect(konsolaInfoMock.mock.calls.map(([message]: [string]) => message)).toEqual([
+      `Loaded Storyblok config: ${resolvePath(HOME_CONFIG_DIR, `${HIDDEN_CONFIG_FILE_NAME}.json`)}`,
+      `Loaded Storyblok config: ${resolvePath(LOCAL_CONFIG_DIR, `${HIDDEN_CONFIG_FILE_NAME}.yaml`)}`,
+      `Loaded Storyblok config: ${resolvePath(WORKSPACE_DIR, `${CONFIG_FILE_NAME}.ts`)}`,
+    ]);
 
     const expectedCandidates = [
       resolvePath(HOME_CONFIG_DIR, `${HIDDEN_CONFIG_FILE_NAME}.json`),
@@ -100,7 +114,7 @@ describe('loadConfigLayers', () => {
   });
 
   it('skips locations that do not expose a supported config file', async () => {
-    addConfigFile(WORKSPACE_DIR, CONFIG_FILE_NAME, 'ts');
+    addConfigFile(WORKSPACE_DIR, CONFIG_FILE_NAME, '.ts');
     responses.set(WORKSPACE_DIR, { scope: 'workspace-root', ext: 'ts' });
 
     const layers = await loadConfigLayers();
@@ -111,5 +125,17 @@ describe('loadConfigLayers', () => {
       cwd: WORKSPACE_DIR,
       configFile: CONFIG_FILE_NAME,
     }));
+    expect(konsolaInfoMock).toHaveBeenCalledTimes(1);
+    expect(konsolaInfoMock).toHaveBeenCalledWith(
+      `Loaded Storyblok config: ${resolvePath(WORKSPACE_DIR, `${CONFIG_FILE_NAME}.ts`)}`,
+      expect.any(Object),
+    );
+  });
+
+  it('logs fallback info when no config layers are detected', async () => {
+    const layers = await loadConfigLayers();
+
+    expect(layers).toEqual([]);
+    expect(konsolaInfoMock).toHaveBeenCalledWith('No Storyblok config files found. Falling back to defaults.');
   });
 });

packages/cli/src/config/helpers.ts

@@ -4,6 +4,7 @@ import { homedir } from 'node:os';
 import { loadConfig, SUPPORTED_EXTENSIONS } from 'c12';
 import { toCamelCase } from '../utils/format';
 import { isPlainObject } from '../utils/object';
+import { konsola } from '../utils/konsola';
 import type {
   CommanderCommand,
   CommanderOption,
@@ -78,20 +79,25 @@ export function getOptionPath(option: CommanderOption): string[] {
     .map(segment => toCamelCase(segment));
 }
 
-function hasSupportedConfigFile(cwd: string, configFile: string): boolean {
-  return SUPPORTED_EXTENSIONS.some((ext) => {
-    const candidate = resolvePath(cwd, `${configFile}.${ext}`);
-    return existsSync(candidate);
-  });
+function resolveConfigFilePath(cwd: string, configFile: string): string | null {
+  for (const ext of SUPPORTED_EXTENSIONS) {
+    const candidate = resolvePath(cwd, `${configFile}${ext}`);
+    if (existsSync(candidate)) {
+      return candidate;
+    }
+  }
+  return null;
 }
 
 async function loadConfigLayer({ cwd, configFile }: ConfigLocation): Promise<Record<string, any> | null> {
   if (!existsSync(cwd)) {
     return null;
   }
-  if (!hasSupportedConfigFile(cwd, configFile)) {
+  const filePath = resolveConfigFilePath(cwd, configFile);
+  if (!filePath) {
     return null;
   }
+  konsola.info(`Loaded Storyblok config: ${filePath}`, { margin: false });
   const { config } = await loadConfig({
     name: 'storyblok',
     cwd,
@@ -130,5 +136,8 @@ export async function loadConfigLayers(): Promise<Record<string, any>[]> {
       layers.push(layer);
     }
   }
+  if (!layers.length) {
+    konsola.info('No Storyblok config files found. Falling back to defaults.');
+  }
   return layers;
 }