Merge pull request #40 from eea/develop

Develop

Author: dobri1408

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.38.0](https://github.com/eea/ied-frontend/compare/0.37.0...0.38.0) - 17 September 2025
+
+#### :hammer_and_wrench: Others
+
+- test ssr [Dobricean Ioan Dorian - [`f087b67`](https://github.com/eea/ied-frontend/commit/f087b679850cb0d4361a9c1c6511ef61e4bdffe6)]
 ### [0.37.0](https://github.com/eea/ied-frontend/compare/0.36.0...0.37.0) - 17 September 2025
 
 #### :hammer_and_wrench: Others

package.json

@@ -2,7 +2,7 @@
   "name": "ied-frontend",
   "description": "",
   "license": "MIT",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "scripts": {
     "start": "razzle start",
     "postinstall": "make omelette && make patches",

src/client.js

@@ -2,26 +2,37 @@ import client from '@plone/volto/start-client';
 
 client();
 
-// Add Sentry SSR test function for development
+// Add Sentry SSR test function (works in both dev and prod)
 if (typeof window !== 'undefined') {
-  window.testSentrySSR = () => {
-    console.log('🧪 Testing Sentry SSR error capture from frontend...');
+  // Wait a bit for everything to load, then make function available
+  setTimeout(() => {
+    window.testSentrySSR = () => {
+      console.log('🧪 Testing Sentry SSR error capture from frontend...');
+      
+      // Simulate SSR-like errors that should be captured
+      console.error('Error: Service Unavailable - Frontend test for SSR error capture');
+      console.error('    at Request.callback (/app/node_modules/superagent/lib/node/index.js:696:15)');
+      
+      console.error('TypeError: Cannot read properties of undefined (reading \'test\')');
+      console.error('    at /app/build/server.js:1:3722480');
+      
+      console.error('Error: connect EHOSTUNREACH 10.62.64.90:8080 - Test SSR network error');
+      
+      console.error('This error originated either by throwing inside of an async function without a catch block - Test SSR async error');
+      
+      console.log('🧪 Test SSR errors logged to console - check Sentry dashboard');
+      
+      // Also try to trigger a direct Sentry capture if available
+      if (window.Sentry) {
+        window.Sentry.captureMessage('Direct frontend Sentry test - SSR integration check 🧪', 'info');
+        console.log('✅ Direct Sentry message sent');
+      } else {
+        console.log('ℹ️ Sentry not available on window object');
+      }
+    };
 
-    // Simulate SSR-like errors that should be captured
-    console.error('Error: Service Unavailable - Frontend test for SSR error capture');
-    console.error('    at Request.callback (/app/node_modules/superagent/lib/node/index.js:696:15)');
-    
-    console.error('TypeError: Cannot read properties of undefined (reading \'test\')');
-    console.error('    at /app/build/server.js:1:3722480');
-    
-    console.error('Error: connect EHOSTUNREACH 10.62.64.90:8080 - Test SSR network error');
-    
-    console.error('This error originated either by throwing inside of an async function without a catch block - Test SSR async error');
-    
-    console.log('🧪 Test SSR errors logged to console - check Sentry dashboard');
-  };
-  
-  console.log('🧪 Sentry SSR test function available: run testSentrySSR() in console');
+    console.log('🧪 Sentry SSR test function ready: run testSentrySSR() in console');
+  }, 3000); // Wait 3 seconds for everything to load
 }
 
 if (module.hot) {

src/config.js

@@ -12,7 +12,18 @@
 // [Internal] All the imports of modules required for the configuration *must* happen
 // here BEFORE the following line
 import '@plone/volto/config';
+import SSRCrash from './views/SSRCrash';
 
 export default function applyConfig(config) {
+  // Add SSR crash test route for Sentry testing
+  config.addonRoutes = [
+    ...(config.addonRoutes || []),
+    {
+      path: '/_crash-ssr',
+      component: SSRCrash,
+      exact: true,
+    },
+  ];
+  
   return config;
 }

src/views/SSRCrash.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+/**
+ * Test view that deliberately crashes during SSR to test Sentry error capture
+ * Only crashes on server-side rendering, works fine on client
+ */
+export default function SSRCrash() {
+  if (__SERVER__) {
+    // This will throw during server-side rendering and should be captured by Sentry
+    throw new Error('SSR crash test: thrown during server-side render - This should appear in Sentry');
+  }
+  
+  return (
+    <div style={{ padding: '20px', textAlign: 'center' }}>
+      <h1>SSR Test Passed ✅</h1>
+      <p>This page loaded successfully on the client side.</p>
+      <p>If you see this, it means the SSR error was handled properly.</p>
+      <div style={{ marginTop: '20px', padding: '10px', backgroundColor: '#f0f8ff', border: '1px solid #ccc' }}>
+        <strong>Note:</strong> This page deliberately throws an error during server-side rendering 
+        to test Sentry SSR error capture. Check your Sentry dashboard for the captured error.
+      </div>
+    </div>
+  );
+}