@csedl/svelte-on-rails 12.0.1 → 12.0.2

package/bin/svelte-ssr-server.js

@@ -82,7 +82,7 @@ const server = http.createServer(async (req, res) => {
                 logger(`body => «${request_body}»`);
                 res.writeHead(500, { 'Content-Type': 'application/json' });
                 res.end(JSON.stringify({
-                    html: componentRenderError(basename, err),
+                    html: componentRenderError(basename, err, true),
                     head: ''
                 }));
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csedl/svelte-on-rails",
-  "version": "12.0.1",
+  "version": "12.0.2",
   "description": "Client-side runtime for svelte-on-rails: hydration, SSR build support & Turbo Stream actions",
   "main": "index.js",
   "type": "module",

package/src/ssr/render.js

@@ -31,7 +31,7 @@ const compiledComponentPath = process.argv[2];
 
         const res = {
             status: 'SUCCESS',
-            html: componentRenderError(compiledComponentPath, error),
+            html: componentRenderError(compiledComponentPath, error, true),
             head: '',
         };
 

package/src/utils.js

@@ -1,4 +1,8 @@
-export function componentRenderError(component, error) {
+export function componentRenderError(component, error, ssr = false) {
+
+    const hint = 'Check browser console for full details.'
+    const ssrHint = 'This is Server Side rendered. When Hydrated, you will see a more detailed error message.'
+
     return (`
     <div style="
       padding: 1.5rem;
@@ -15,7 +19,7 @@ export function componentRenderError(component, error) {
         ${error.message || 'Unknown rendering error'}
       </p>
       <small style="color: #7f1d1d; opacity: 0.8;">
-        Check browser console for full details. (Dev mode only?)
+        ${ssr ? ssrHint : hint}
       </small>
     </div>
   `)