npm - webspresso - Versions diffs - 0.0.28 → 0.0.30 - Mend

webspresso 0.0.28 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/README.md CHANGED Viewed

@@ -589,84 +589,6 @@ function myPluginFactory(options = {}) {
 }
 ```
-### Script Injection
-Plugins can inject content into templates dynamically:
-```javascript
-const myPlugin = {
-  name: 'my-plugin',
-  version: '1.0.0',
-  register(ctx) {
-    // Inject into <head> section
-    ctx.injectHead('<meta name="my-plugin" content="enabled">', { priority: 10 });
-    // Inject at end of <body>
-    ctx.injectBody('<script src="/my-plugin.js"></script>');
-    // Inject CSS styles
-    ctx.injectStyle(`
-      .my-plugin-widget { display: block; }
-    `);
-    // Register link for dev toolbar
-    ctx.registerDevLink({
-      name: 'My Plugin',
-      path: '/my-plugin',
-      icon: '🔌',
-      description: 'My plugin dashboard'
-    });
-  }
-};
-```
-**Template Usage:**
-```njk
-<head>
-  {# Injected head content from plugins #}
-  {{ fsy.injectHead() | safe }}
-</head>
-<body>
-  ...
-  {# Injected body content from plugins #}
-  {{ fsy.injectBody() | safe }}
-  {# Dev toolbar (only in development) #}
-  {{ fsy.devToolbar() | safe }}
-</body>
-```
-### Dev Toolbar
-A development toolbar appears at the bottom of pages in development mode:
-- **Quick Links**: Dashboard, Admin Panel, Schema Explorer
-- **Plugin Links**: Plugins can register custom links
-- **Hover to Expand**: Minimized by default, expands on hover
-- **Auto-hidden**: Not shown in production mode
-```javascript
-// Register custom link from plugin
-ctx.registerDevLink({
-  name: 'API Docs',
-  path: '/docs/api',
-  icon: '📚',
-  description: 'API Documentation'
-});
-```
-**Custom Links in Templates:**
-```njk
-{{ fsy.devToolbar({
-  customLinks: [
-    { name: 'Logs', path: '/logs', icon: '📋' }
-  ]
-}) | safe }}
-```
 ## File-Based Routing
 ### SSR Pages

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "webspresso",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "Minimal, production-ready SSR framework for Node.js with file-based routing, Nunjucks templating, built-in i18n, and CLI tooling",
   "main": "index.js",
   "bin": {

package/src/server.js CHANGED Viewed

@@ -9,7 +9,7 @@ const nunjucks = require('nunjucks');
 const timeout = require('connect-timeout');
 const { mountPages } = require('./file-router');
-const { configureAssets } = require('./helpers');
+const { configureAssets, createHelpers, getScriptInjector } = require('./helpers');
 const { createPluginManager } = require('./plugin-manager');
 /**
@@ -322,22 +322,42 @@ function createApp(options = {}) {
     }
   }
+  // Helper to create error page context with fsy
+  function createErrorContext(req, extraData = {}) {
+    const baseUrl = process.env.BASE_URL || `http://localhost:${process.env.PORT || 3000}`;
+    const locale = req.query?.lang || process.env.DEFAULT_LOCALE || 'en';
+    // Create fsy helpers
+    const fsy = createHelpers({ req, res: {}, baseUrl, locale });
+    // Merge plugin helpers
+    const pluginHelpers = pluginManager.getHelpers();
+    Object.assign(fsy, pluginHelpers);
+    return {
+      fsy,
+      locale,
+      isDev,
+      url: req.url,
+      method: req.method,
+      ...extraData
+    };
+  }
   // 404 handler
   app.use((req, res) => {
     res.status(404);
+    const ctx = createErrorContext(req);
     // Custom handler function
     if (typeof errorPages.notFound === 'function') {
-      return errorPages.notFound(req, res);
+      return errorPages.notFound(req, res, ctx);
     }
     // Custom template
     if (typeof errorPages.notFound === 'string') {
       try {
-        const html = nunjucksEnv.render(errorPages.notFound, {
-          url: req.url,
-          method: req.method
-        });
+        const html = nunjucksEnv.render(errorPages.notFound, ctx);
         return res.send(html);
       } catch (e) {
         console.error('Error rendering 404 template:', e);
@@ -358,19 +378,17 @@ function createApp(options = {}) {
     if (req.timedout) {
       console.error('Request timed out:', req.method, req.url);
       res.status(503);
+      const ctx = createErrorContext(req);
       // Custom timeout handler
       if (typeof errorPages.timeout === 'function') {
-        return errorPages.timeout(req, res);
+        return errorPages.timeout(req, res, ctx);
       }
       // Custom timeout template
       if (typeof errorPages.timeout === 'string') {
         try {
-          const html = nunjucksEnv.render(errorPages.timeout, {
-            url: req.url,
-            method: req.method
-          });
+          const html = nunjucksEnv.render(errorPages.timeout, ctx);
           return res.send(html);
         } catch (e) {
           console.error('Error rendering timeout template:', e);
@@ -387,20 +405,20 @@ function createApp(options = {}) {
     console.error('Server error:', err);
     res.status(err.status || 500);
+    const ctx = createErrorContext(req, {
+      error: isDev ? err : { message: 'Internal Server Error' },
+      status: err.status || 500
+    });
     // Custom handler function
     if (typeof errorPages.serverError === 'function') {
-      return errorPages.serverError(err, req, res);
+      return errorPages.serverError(err, req, res, ctx);
     }
     // Custom template
     if (typeof errorPages.serverError === 'string') {
       try {
-        const html = nunjucksEnv.render(errorPages.serverError, {
-          error: isDev ? err : { message: 'Internal Server Error' },
-          status: err.status || 500,
-          isDev
-        });
+        const html = nunjucksEnv.render(errorPages.serverError, ctx);
         return res.send(html);
       } catch (e) {
         console.error('Error rendering 500 template:', e);