feat: format errors during template parsing

packages/client-api/src/init-element.ts

@@ -106,12 +106,15 @@ export async function initElement(
 
     return elementContext as ElementContext;
   } catch (err) {
-    logger.error('Failed to initialize element:', err);
+    // Let error immediately bubble up if element is a window.
+    if (args.type !== ElementType.WINDOW) {
+      logger.error('Failed to initialize element:', err);
 
-    messageDialog((err as Error)?.message ?? 'Unknown reason.', {
-      title: 'Failed to initialize element!',
-      type: 'error',
-    });
+      await messageDialog((err as Error)?.message ?? 'Unknown reason.', {
+        title: 'Failed to initialize element!',
+        type: 'error',
+      });
+    }
 
     throw err;
   }

packages/client-api/src/init-window.ts

@@ -112,7 +112,7 @@ export async function initWindowAsync(): Promise<WindowContext> {
   } catch (err) {
     logger.error('Failed to initialize window:', err);
 
-    messageDialog((err as Error)?.message ?? 'Unknown reason.', {
+    await messageDialog((err as Error)?.message ?? 'Unknown reason.', {
       title: 'Failed to initialize window!',
       type: 'error',
     });

packages/client-api/src/user-config/get-parsed-element-config.ts

@@ -8,7 +8,6 @@ import {
   GroupConfigSchemaP1,
   TemplateConfigSchema,
   WindowConfigSchemaP1,
-  TemplatePropertyError,
   parseWithSchema,
 } from '~/user-config';
 import type { PickPartial } from '~/utils';
@@ -52,15 +51,18 @@ export function getParsedElementConfig(
 
         return [key, rendered];
       } catch (err) {
-        // Re-throw error as `TemplatePropertyError`.
-        throw err instanceof TemplateError
-          ? new TemplatePropertyError(
-              err.message,
-              key,
-              value,
-              err.templateIndex,
-            )
-          : err;
+        if (!(err instanceof TemplateError)) {
+          throw err;
+        }
+
+        const { message, templateIndex } = err;
+
+        throw new Error(
+          `Property '${key}' in config isn't valid.\n\n` +
+            'Syntax error at:\n' +
+            `...${value.slice(templateIndex - 30, templateIndex)} << \n\n` +
+            `⚠️ ${message}`,
+        );
       }
     });
 

packages/client-api/src/user-config/get-user-config.ts

@@ -1,7 +1,6 @@
 import { createSignal } from 'solid-js';
-import { YAMLParseError, parse } from 'yaml';
+import { parse } from 'yaml';
 
-import { formatConfigError } from './shared';
 import { createLogger } from '~/utils';
 import { readConfigFile } from '~/desktop';
 
@@ -30,7 +29,7 @@ export async function getUserConfig() {
     return configObj;
   } catch (err) {
     throw new Error(
-      `Problem reading config file: ${(err as Error).message}`,
+      `Problem reading config file. ${(err as Error).message}`,
     );
   }
 }

packages/client-api/src/user-config/parse-with-schema.ts

@@ -21,6 +21,6 @@ export function parseWithSchema<T extends z.ZodType>(
       );
     }
 
-    throw new Error('Failed to parse config.');
+    throw new Error(`Failed to parse config. ${(err as Error).message}`);
   }
 }

packages/client-api/src/user-config/shared/index.ts

@@ -1,5 +1,3 @@
 export * from './boolean-like.model';
-export * from './format-config-error';
 export * from './get-child-configs';
-export * from './template-property-error';
 export * from './with-dynamic-key';