@quasar/render-ssr-error 1.0.3 → 2.0.0

package/src/env.js

@@ -1,23 +1,36 @@
-
 import os from 'node:os'
 
-const nodejsVersion = `Node.js ${ process.versions.node } ${ os.type() }`
+const nodejsVersion = `Node.js ${process.versions.node} ${os.type()}`
+
+/**
+ * @typedef {import('node:http').IncomingMessage | import('node:http2').Http2ServerRequest} SsrRequest
+ */
 
-function getRequestProtocol (req) {
-  const proto = req.headers[ 'X-Forwarded-Proto' ]
+/**
+ * @param {SsrRequest} req
+ */
+function getRequestProtocol(req) {
+  const proto = req.headers['x-forwarded-proto']
   return proto
-    ? proto.split(/\s*,\s*/)[ 0 ].toUpperCase()
-    : (req.connection.encrypted ? 'HTTPS' : 'HTTP')
+    ? proto.split(/\s*,\s*/)[0].toUpperCase()
+    : req.socket.encrypted
+      ? 'HTTPS'
+      : 'HTTP'
 }
 
-function getRequestData (req) {
+/**
+ * @param {SsrRequest} req
+ */
+function getRequestData(req) {
   const url = new URL(req.url, 'http://localhost')
 
   return {
     'Node.js': nodejsVersion,
-    'Server protocol': `${ getRequestProtocol(req) }/${ req.httpVersion }`,
-    'Remote address': (req.headers[ 'x-forwarded-for' ] || '').split(',')[ 0 ] || req.connection.remoteAddress,
-    'Remote port': req.connection.remotePort,
+    'Server protocol': `${getRequestProtocol(req)}/${req.httpVersion}`,
+    'Remote address':
+      (req.headers['x-forwarded-for'] || '').split(',')[0] ||
+      req.socket.remoteAddress,
+    'Remote port': req.socket.remotePort,
     'Request URI': req.url,
     'Request method': req.method,
     'Request pathname': url.pathname,
@@ -25,31 +38,40 @@ function getRequestData (req) {
   }
 }
 
-function getHeadersData (req) {
+/**
+ * @param {SsrRequest} req
+ */
+function getHeadersData(req) {
   return Object.keys(req.headers).reduce((acc, name) => {
-    acc[ name ] = req.headers[ name ]
+    acc[name] = req.headers[name]
     return acc
   }, {})
 }
 
-function getCookiesData (req) {
+/**
+ * @param {SsrRequest} req
+ */
+function getCookiesData(req) {
   const { cookie } = req.headers
   if (cookie === void 0) return {}
   return cookie.split('; ').reduce((acc, entry) => {
     const parts = entry.split('=')
-    acc[ parts.shift().trim() ] = decodeURIComponent(parts.join('='))
+    acc[parts.shift().trim()] = decodeURIComponent(parts.join('='))
     return acc
   }, {})
 }
 
-function getEnvironmentVariablesData () {
+function getEnvironmentVariablesData() {
   return Object.keys(process.env).reduce((acc, name) => {
-    acc[ name ] = process.env[ name ]
+    acc[name] = process.env[name]
     return acc
   }, {})
 }
 
-export function getEnv (req) {
+/**
+ * @param {SsrRequest} req
+ */
+export function getEnv(req) {
   return {
     Request: getRequestData(req),
     Headers: getHeadersData(req),

package/src/error-details.js

@@ -1,5 +1,4 @@
-
-export function getErrorDetails (err) {
+export function getErrorDetails(err) {
   return {
     name: err.name,
     message: err.message

package/src/index.js

@@ -1,13 +1,12 @@
-
 import { readFileSync } from 'node:fs'
 
 import { getErrorDetails } from './error-details.js'
 import { getStack } from './stack.js'
 import { getEnv } from './env.js'
 
-function readFile (target) {
+function readFile(target) {
   return readFileSync(
-    new URL(`../compiled-assets/${ target }-injection`, import.meta.url),
+    new URL(`../compiled-assets/${target}-injection`, import.meta.url),
     'utf8'
   )
 }
@@ -15,8 +14,22 @@ function readFile (target) {
 const before = readFile('before')
 const after = readFile('after')
 
-export default function renderSSRError ({ err, req, res, projectRootFolder }) {
+/**
+ * @param {{
+ *  err: Error;
+ *  req: import('node:http').IncomingMessage | import('node:http2').Http2ServerRequest;
+ *  projectRootFolder?: string;
+ * }} params
+ */
+export default function renderSSRError({
+  err,
+  req,
+  projectRootFolder = process.cwd()
+}) {
   const data = {
+    project: {
+      rootFolder: projectRootFolder
+    },
     error: getErrorDetails(err),
     stack: getStack(err, projectRootFolder),
     env: getEnv(req)
@@ -27,9 +40,19 @@ export default function renderSSRError ({ err, req, res, projectRootFolder }) {
   //   new URL('./data.json', import.meta.url), JSON.stringify(data, null, 2), 'utf8'
   // )
 
-  res.status(500).send(
-    before
-    + JSON.stringify(data).replace(/<\/script>/g, '<\\/script>')
-    + after
-  )
+  return {
+    statusCode: 500,
+
+    headers: {
+      'Content-Type': 'text/html; charset=utf-8',
+      'Cache-Control': 'no-cache, no-store, must-revalidate',
+      Pragma: 'no-cache',
+      Expires: '0'
+    },
+
+    html:
+      before +
+      JSON.stringify(data).replace(/<\/script>/g, '<\\/script>') +
+      after
+  }
 }

package/src/stack.js

@@ -1,8 +1,8 @@
 import { existsSync, readFileSync } from 'node:fs'
-import { join } from 'node:path'
+import { join, relative } from 'node:path'
 import { parse } from 'stack-trace'
 
-function getFilename (filename) {
+function getFilename(filename) {
   if (!filename) {
     return filename
   }
@@ -12,14 +12,31 @@ function getFilename (filename) {
   }
 
   if (process.env.NVM_DIR && process.versions.node) {
-    const nodeFilename = join(process.env.NVM_DIR, 'src/node-v' + process.versions.node, 'lib', filename)
+    const nodeFilename = join(
+      process.env.NVM_DIR,
+      'src/node-v' + process.versions.node,
+      'lib',
+      filename
+    )
+    if (existsSync(nodeFilename)) {
+      return nodeFilename
+    }
+  }
+
+  if (process.env.FNM_DIR && process.versions.node) {
+    const nodeFilename = join(
+      process.env.FNM_DIR,
+      'src/node-versions/v' + process.versions.node,
+      'installation/lib',
+      filename
+    )
     if (existsSync(nodeFilename)) {
       return nodeFilename
     }
   }
 }
 
-function getSource (entry) {
+function getSource(entry) {
   const declaredFilename = entry.getFileName()
   const fileName = getFilename(declaredFilename)
 
@@ -43,9 +60,9 @@ function getSource (entry) {
     }
   }
 
-  const highlightTopOffset = `${ 16 /* top padding */ + ((lineNumber - startLineNumber - 1) * 21 /* line-height */) }px`
-  const highlightLeftOffset = `${ 16 /* left padding */ + (entry.getColumnNumber() * 14 /* font-size */) }px`
-  const maxLineNumberLen = ('' + (startLineNumber + linesList.length - 1)).length
+  const highlightTopOffset = `${16 /* top padding */ + (lineNumber - startLineNumber - 1) * 21 /* line-height */}px`
+  const highlightLeftOffset = `${16 /* left padding */ + entry.getColumnNumber() * 14 /* font-size */}px`
+  const maxLineNumberLen = String(startLineNumber + linesList.length - 1).length
 
   return {
     fileName,
@@ -59,17 +76,17 @@ function getSource (entry) {
   }
 }
 
-export function getStack (err) {
+export function getStack(err, projectRootFolder) {
   const trace = parse(err)
 
   return trace.map(entry => {
     const { fileName, sourceCode } = getSource(entry)
 
     return {
-      fileName,
+      fileName: relative(projectRootFolder, fileName),
       sourceCode,
       functionName: entry.getTypeName() || entry.getFunctionName(),
-      methodName: `${ entry.isConstructor() ? 'new ' : '' }${ entry.getMethodName() || '<anonymous>' }`,
+      methodName: `${entry.isConstructor() ? 'new ' : ''}${entry.getMethodName() || '<anonymous>'}`,
       native: entry.isNative(),
       lineNumber: entry.getLineNumber(),
       columnNumber: entry.getColumnNumber()

package/.eslintignore

@@ -1,3 +0,0 @@
-/src-ui/dist
-/src-ui/.quasar
-/node_modules

package/.eslintrc.cjs

@@ -1,70 +0,0 @@
-
-module.exports = {
-  // https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
-  // This option interrupts the configuration hierarchy at this file
-  // Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
-  root: true,
-
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-
-  env: {
-    node: true,
-    browser: true,
-    'vue/setup-compiler-macros': true
-  },
-
-  // Rules order is important, please avoid shuffling them
-  extends: [
-    'eslint:recommended',
-    'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
-    'standard'
-  ],
-
-  plugins: [
-    // https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-files
-    // required to lint *.vue files
-    'vue'
-  ],
-
-  // add your custom rules here
-  rules: {
-    'brace-style': [ 2, 'stroustrup', { allowSingleLine: true } ],
-    'prefer-const': 2,
-    'prefer-promise-reject-errors': 'off',
-    'multiline-ternary': 'off',
-    'no-prototype-builtins': 'off',
-    'no-case-declarations': 'off',
-    'generator-star-spacing': 'off',
-    'arrow-parens': 'off',
-    'object-property-newline': 'off',
-    'one-var': 'off',
-    'no-void': 'off',
-    'no-lone-blocks': 'error',
-    'no-unused-expressions': [ 'error', { allowShortCircuit: true } ],
-    'no-useless-concat': 'error',
-    'no-useless-return': 'error',
-    'no-unneeded-ternary': 'error',
-    'no-confusing-arrow': [ 'error', { allowParens: true } ],
-    'operator-linebreak': [ 'error', 'before' ],
-
-    'array-bracket-spacing': [ 'error', 'always' ],
-    'object-curly-spacing': [ 'error', 'always' ],
-    'computed-property-spacing': [ 'error', 'always' ],
-    'template-curly-spacing': [ 'error', 'always' ],
-
-    'import/first': 'off',
-    'import/named': 'error',
-    'import/namespace': 'error',
-    'import/default': 'error',
-    'import/export': 'error',
-    'import/extensions': 'off',
-    'import/no-unresolved': 'off',
-    'import/no-extraneous-dependencies': 'off',
-
-    // allow debugger during development only
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  }
-}