cipher-logger 1.1.0 → 1.3.0

package/.editorconfig

@@ -0,0 +1,19 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
+
+[*.{yml,yaml}]
+indent_size = 2

package/.github/workflows/pre-publish.yml

@@ -0,0 +1,36 @@
+name: Pre-publish validation
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  validate:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run validation suite
+        run: pnpm run test
+
+      - name: Dry run package publish
+        run: npm pack --dry-run

package/.github/workflows/publish.yml

@@ -1,9 +1,9 @@
 name: Publish to npm
 
 on:
-  push:
-    branches:
-      - main
+  workflow_run:
+    workflows: ["Pre-publish validation"]
+    types: [completed]
 
 permissions:
   contents: read
@@ -11,11 +11,14 @@ permissions:
 
 jobs:
   publish:
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
     runs-on: ubuntu-latest
 
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.workflow_run.head_sha }}
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v4
@@ -41,9 +44,6 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Build
-        run: pnpm run build
-
       - name: Publish
         run: |
           NAME=$(node -p "require('./package.json').name")

package/.husky/commit-msg

@@ -0,0 +1 @@
+pnpm exec commitlint --edit "$1"

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+# #!/usr/bin/env sh
+# . "$(dirname -- "$0")/_/husky.sh"
+
+pnpm build

package/.prettierignore

@@ -0,0 +1,11 @@
+node_modules
+.next
+.turbo
+dist
+build
+examples
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+*.log
+.agents

package/README.md

@@ -23,7 +23,7 @@
 
 ---
 
-**Cipher Logger** is a lightweight, production-ready HTTP logging library for Node.js. It captures every request in **Express** and **Next.js** applications. You decide exactly which fields appear in each log — required fields are always recorded, optional fields are opt-in.
+**Cipher Logger** is a lightweight, production-ready HTTP logging library for Node.js. It captures every request in **Express**, **Next.js**, **React**, **Vue**, and **Nuxt** applications. You decide exactly which fields appear in each log — required fields are always recorded, optional fields are opt-in.
 
 ## Table of Contents
 
@@ -48,11 +48,11 @@
 - **Configurable fields** — fine-grained control over optional log fields
 - **Express middleware** — records real `status` and `duration` after the response finishes
 - **Next.js middleware** — drop-in support for `middleware.ts`
-- **Zero heavy dependencies** — only `express` or `next` as optional peer dependencies
- - **Fastify middleware** — lightweight hook-compatible middleware for Fastify
- - **NestJS middleware** — Express-compatible middleware for Nest apps
- - **Hono middleware** — edge-friendly middleware for Hono apps
- - **Zero heavy dependencies** — only framework peers are optional
+- **React**, **Vue**, and **Nuxt** support — modern app stacks alongside the server frameworks
+- **Zero heavy dependencies** — only framework peers are optional
+- **Fastify middleware** — lightweight hook-compatible middleware for Fastify
+- **NestJS middleware** — Express-compatible middleware for Nest apps
+- **Hono middleware** — edge-friendly middleware for Hono apps
 - **Node.js 18+** compatible
 
 ---
@@ -78,6 +78,15 @@ npm install express
 # Next.js
 npm install next
 
+# React
+npm install react
+
+# Vue
+npm install vue
+
+# Nuxt
+npm install nuxt
+
 # Fastify
 npm install fastify
 

package/commitlint.config.mjs

@@ -0,0 +1,26 @@
+/** @type {import('@commitlint/types').UserConfig} */
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'i18n',
+        'style',
+        'refactor',
+        'perf',
+        'test',
+        'build',
+        'ci',
+        'chore',
+        'revert',
+      ],
+    ],
+    'subject-case': [2, 'never', ['start-case', 'pascal-case', 'upper-case']],
+    'header-max-length': [2, 'always', 100],
+  },
+};

package/dist/index.d.mts

@@ -76,10 +76,49 @@ declare function createNestMiddleware(cipher: CipherLogger): NestMiddleware;
 type HonoMiddleware = (c: Context, next: () => Promise<void>) => Response | Promise<Response>;
 declare function createHonoMiddleware(cipher: CipherLogger): HonoMiddleware;
 
+type ReactRequest = {
+    method: string;
+    url: string;
+    headers: Headers | Record<string, string | string[] | undefined>;
+};
+type ReactResponse = {
+    status?: number;
+    end: (...args: unknown[]) => unknown;
+};
+type ReactMiddleware = (req: ReactRequest, res: ReactResponse) => void;
+declare function createReactMiddleware(cipher: CipherLogger): ReactMiddleware;
+
+type VueRequest = {
+    method: string;
+    url: string;
+    headers: Headers | Record<string, string | string[] | undefined>;
+};
+type VueResponse = {
+    status?: number;
+    end: (...args: unknown[]) => unknown;
+};
+type VueMiddleware = (req: VueRequest, res: VueResponse) => void;
+declare function createVueMiddleware(cipher: CipherLogger): VueMiddleware;
+
+type NuxtRequest = {
+    method: string;
+    url: string;
+    headers: Headers | Record<string, string | string[] | undefined>;
+};
+type NuxtResponse = {
+    status?: number;
+    end: (...args: unknown[]) => unknown;
+};
+type NuxtMiddleware = (req: NuxtRequest, res: NuxtResponse) => void;
+declare function createNuxtMiddleware(cipher: CipherLogger): NuxtMiddleware;
+
 interface CipherLogger {
     logRequest(input: RequestLogInput): RequestLog;
     express(): ExpressMiddleware;
     next(): NextMiddleware;
+    react(): ReactMiddleware;
+    vue(): VueMiddleware;
+    nuxt(): NuxtMiddleware;
     fastify(): FastifyMiddleware;
     nest(): NestMiddleware;
     hono(): HonoMiddleware;
@@ -88,4 +127,4 @@ declare function createCipherLogger(config?: CipherLoggerConfig): CipherLogger;
 
 declare const logger: Logger;
 
-export { type CipherLogger, type CipherLoggerConfig, type ExpressMiddleware, type FastifyMiddleware, type HonoMiddleware, type LogLevel, type LogMeta, Logger, type LoggerOptions, type NestMiddleware, type NextMiddleware, type OptionalRequestField, type RequestLog, type RequestLogInput, createCipherLogger, createExpressMiddleware, createFastifyMiddleware, createHonoMiddleware, createNestMiddleware, createNextMiddleware, logger, type RequestLog as request };
+export { type CipherLogger, type CipherLoggerConfig, type ExpressMiddleware, type FastifyMiddleware, type HonoMiddleware, type LogLevel, type LogMeta, Logger, type LoggerOptions, type NestMiddleware, type NextMiddleware, type NuxtMiddleware, type OptionalRequestField, type ReactMiddleware, type RequestLog, type RequestLogInput, type VueMiddleware, createCipherLogger, createExpressMiddleware, createFastifyMiddleware, createHonoMiddleware, createNestMiddleware, createNextMiddleware, createNuxtMiddleware, createReactMiddleware, createVueMiddleware, logger, type RequestLog as request };

package/dist/index.d.ts

@@ -76,10 +76,49 @@ declare function createNestMiddleware(cipher: CipherLogger): NestMiddleware;
 type HonoMiddleware = (c: Context, next: () => Promise<void>) => Response | Promise<Response>;
 declare function createHonoMiddleware(cipher: CipherLogger): HonoMiddleware;
 
+type ReactRequest = {
+    method: string;
+    url: string;
+    headers: Headers | Record<string, string | string[] | undefined>;
+};
+type ReactResponse = {
+    status?: number;
+    end: (...args: unknown[]) => unknown;
+};
+type ReactMiddleware = (req: ReactRequest, res: ReactResponse) => void;
+declare function createReactMiddleware(cipher: CipherLogger): ReactMiddleware;
+
+type VueRequest = {
+    method: string;
+    url: string;
+    headers: Headers | Record<string, string | string[] | undefined>;
+};
+type VueResponse = {
+    status?: number;
+    end: (...args: unknown[]) => unknown;
+};
+type VueMiddleware = (req: VueRequest, res: VueResponse) => void;
+declare function createVueMiddleware(cipher: CipherLogger): VueMiddleware;
+
+type NuxtRequest = {
+    method: string;
+    url: string;
+    headers: Headers | Record<string, string | string[] | undefined>;
+};
+type NuxtResponse = {
+    status?: number;
+    end: (...args: unknown[]) => unknown;
+};
+type NuxtMiddleware = (req: NuxtRequest, res: NuxtResponse) => void;
+declare function createNuxtMiddleware(cipher: CipherLogger): NuxtMiddleware;
+
 interface CipherLogger {
     logRequest(input: RequestLogInput): RequestLog;
     express(): ExpressMiddleware;
     next(): NextMiddleware;
+    react(): ReactMiddleware;
+    vue(): VueMiddleware;
+    nuxt(): NuxtMiddleware;
     fastify(): FastifyMiddleware;
     nest(): NestMiddleware;
     hono(): HonoMiddleware;
@@ -88,4 +127,4 @@ declare function createCipherLogger(config?: CipherLoggerConfig): CipherLogger;
 
 declare const logger: Logger;
 
-export { type CipherLogger, type CipherLoggerConfig, type ExpressMiddleware, type FastifyMiddleware, type HonoMiddleware, type LogLevel, type LogMeta, Logger, type LoggerOptions, type NestMiddleware, type NextMiddleware, type OptionalRequestField, type RequestLog, type RequestLogInput, createCipherLogger, createExpressMiddleware, createFastifyMiddleware, createHonoMiddleware, createNestMiddleware, createNextMiddleware, logger, type RequestLog as request };
+export { type CipherLogger, type CipherLoggerConfig, type ExpressMiddleware, type FastifyMiddleware, type HonoMiddleware, type LogLevel, type LogMeta, Logger, type LoggerOptions, type NestMiddleware, type NextMiddleware, type NuxtMiddleware, type OptionalRequestField, type ReactMiddleware, type RequestLog, type RequestLogInput, type VueMiddleware, createCipherLogger, createExpressMiddleware, createFastifyMiddleware, createHonoMiddleware, createNestMiddleware, createNextMiddleware, createNuxtMiddleware, createReactMiddleware, createVueMiddleware, logger, type RequestLog as request };

package/dist/index.js

@@ -27,6 +27,9 @@ __export(src_exports, {
   createHonoMiddleware: () => createHonoMiddleware,
   createNestMiddleware: () => createNestMiddleware,
   createNextMiddleware: () => createNextMiddleware,
+  createNuxtMiddleware: () => createNuxtMiddleware,
+  createReactMiddleware: () => createReactMiddleware,
+  createVueMiddleware: () => createVueMiddleware,
   logger: () => logger
 });
 module.exports = __toCommonJS(src_exports);
@@ -312,7 +315,9 @@ function createNestMiddleware(cipher) {
 
 // src/adapters/hono/middleware.ts
 function getHeader5(request, name) {
-  if (!request) return void 0;
+  if (!request) {
+    return void 0;
+  }
   if (typeof request.header === "function") {
     return request.header(name) ?? void 0;
   }
@@ -321,6 +326,9 @@ function getHeader5(request, name) {
   }
   return void 0;
 }
+function hasHeader(request, name) {
+  return Boolean(getHeader5(request, name));
+}
 function parseQuery5(urlString) {
   try {
     const url = new URL(urlString);
@@ -348,7 +356,7 @@ function createHonoMiddleware(cipher) {
       status = cres.statusCode;
     }
     const xfwd = getHeader5(req, "x-forwarded-for");
-    const ip = xfwd ? String(xfwd).split(",")[0].trim() : getHeader5(req, "x-real-ip") ?? void 0;
+    const ip = hasHeader(req, "x-forwarded-for") ? String(xfwd).split(",")[0].trim() : getHeader5(req, "x-real-ip") ?? void 0;
     cipher.logRequest({
       method: req?.method,
       path: parsed.pathname + parsed.search,
@@ -366,6 +374,132 @@ function createHonoMiddleware(cipher) {
   };
 }
 
+// src/adapters/react/middleware.ts
+function getHeader6(request, name) {
+  if (request.headers instanceof Headers) {
+    return request.headers.get(name) ?? void 0;
+  }
+  const value = request.headers[name.toLowerCase()];
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value ?? void 0;
+}
+function parseQuery6(url) {
+  const result = {};
+  for (const [key, value] of url.searchParams.entries()) {
+    result[key] = value;
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function createReactMiddleware(cipher) {
+  return (req, res) => {
+    const start = Date.now();
+    const originalEnd = res.end.bind(res);
+    res.end = ((...args) => {
+      const url = new URL(req.url, "http://localhost");
+      cipher.logRequest({
+        method: req.method,
+        path: url.pathname + url.search,
+        status: res.status ?? 200,
+        duration: Date.now() - start,
+        ip: getHeader6(req, "x-forwarded-for")?.split(",")[0]?.trim() ?? getHeader6(req, "x-real-ip"),
+        userAgent: getHeader6(req, "user-agent"),
+        referer: getHeader6(req, "referer"),
+        protocol: url.protocol.replace(":", ""),
+        host: getHeader6(req, "host"),
+        query: parseQuery6(url),
+        requestId: getHeader6(req, "x-request-id")
+      });
+      return originalEnd(...args);
+    });
+  };
+}
+
+// src/adapters/vue/middleware.ts
+function getHeader7(request, name) {
+  if (request.headers instanceof Headers) {
+    return request.headers.get(name) ?? void 0;
+  }
+  const value = request.headers[name.toLowerCase()];
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value ?? void 0;
+}
+function parseQuery7(url) {
+  const result = {};
+  for (const [key, value] of url.searchParams.entries()) {
+    result[key] = value;
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function createVueMiddleware(cipher) {
+  return (req, res) => {
+    const start = Date.now();
+    const originalEnd = res.end.bind(res);
+    res.end = ((...args) => {
+      const url = new URL(req.url, "http://localhost");
+      cipher.logRequest({
+        method: req.method,
+        path: url.pathname + url.search,
+        status: res.status ?? 200,
+        duration: Date.now() - start,
+        ip: getHeader7(req, "x-forwarded-for")?.split(",")[0]?.trim() ?? getHeader7(req, "x-real-ip"),
+        userAgent: getHeader7(req, "user-agent"),
+        referer: getHeader7(req, "referer"),
+        protocol: url.protocol.replace(":", ""),
+        host: getHeader7(req, "host"),
+        query: parseQuery7(url),
+        requestId: getHeader7(req, "x-request-id")
+      });
+      return originalEnd(...args);
+    });
+  };
+}
+
+// src/adapters/nuxt/middleware.ts
+function getHeader8(request, name) {
+  if (request.headers instanceof Headers) {
+    return request.headers.get(name) ?? void 0;
+  }
+  const value = request.headers[name.toLowerCase()];
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value ?? void 0;
+}
+function parseQuery8(url) {
+  const result = {};
+  for (const [key, value] of url.searchParams.entries()) {
+    result[key] = value;
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function createNuxtMiddleware(cipher) {
+  return (req, res) => {
+    const start = Date.now();
+    const originalEnd = res.end.bind(res);
+    res.end = ((...args) => {
+      const url = new URL(req.url, "http://localhost");
+      cipher.logRequest({
+        method: req.method,
+        path: url.pathname + url.search,
+        status: res.status ?? 200,
+        duration: Date.now() - start,
+        ip: getHeader8(req, "x-forwarded-for")?.split(",")[0]?.trim() ?? getHeader8(req, "x-real-ip"),
+        userAgent: getHeader8(req, "user-agent"),
+        referer: getHeader8(req, "referer"),
+        protocol: url.protocol.replace(":", ""),
+        host: getHeader8(req, "host"),
+        query: parseQuery8(url),
+        requestId: getHeader8(req, "x-request-id")
+      });
+      return originalEnd(...args);
+    });
+  };
+}
+
 // src/core/create-cipher-logger.ts
 function createCipherLogger(config = {}) {
   const fields = resolveFieldConfig(config.fields);
@@ -385,6 +519,15 @@ function createCipherLogger(config = {}) {
     next() {
       return createNextMiddleware(cipherLogger);
     },
+    react() {
+      return createReactMiddleware(cipherLogger);
+    },
+    vue() {
+      return createVueMiddleware(cipherLogger);
+    },
+    nuxt() {
+      return createNuxtMiddleware(cipherLogger);
+    },
     fastify() {
       return createFastifyMiddleware(cipherLogger);
     },
@@ -409,5 +552,8 @@ var logger = new Logger();
   createHonoMiddleware,
   createNestMiddleware,
   createNextMiddleware,
+  createNuxtMiddleware,
+  createReactMiddleware,
+  createVueMiddleware,
   logger
 });

package/dist/index.mjs

@@ -279,7 +279,9 @@ function createNestMiddleware(cipher) {
 
 // src/adapters/hono/middleware.ts
 function getHeader5(request, name) {
-  if (!request) return void 0;
+  if (!request) {
+    return void 0;
+  }
   if (typeof request.header === "function") {
     return request.header(name) ?? void 0;
   }
@@ -288,6 +290,9 @@ function getHeader5(request, name) {
   }
   return void 0;
 }
+function hasHeader(request, name) {
+  return Boolean(getHeader5(request, name));
+}
 function parseQuery5(urlString) {
   try {
     const url = new URL(urlString);
@@ -315,7 +320,7 @@ function createHonoMiddleware(cipher) {
       status = cres.statusCode;
     }
     const xfwd = getHeader5(req, "x-forwarded-for");
-    const ip = xfwd ? String(xfwd).split(",")[0].trim() : getHeader5(req, "x-real-ip") ?? void 0;
+    const ip = hasHeader(req, "x-forwarded-for") ? String(xfwd).split(",")[0].trim() : getHeader5(req, "x-real-ip") ?? void 0;
     cipher.logRequest({
       method: req?.method,
       path: parsed.pathname + parsed.search,
@@ -333,6 +338,132 @@ function createHonoMiddleware(cipher) {
   };
 }
 
+// src/adapters/react/middleware.ts
+function getHeader6(request, name) {
+  if (request.headers instanceof Headers) {
+    return request.headers.get(name) ?? void 0;
+  }
+  const value = request.headers[name.toLowerCase()];
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value ?? void 0;
+}
+function parseQuery6(url) {
+  const result = {};
+  for (const [key, value] of url.searchParams.entries()) {
+    result[key] = value;
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function createReactMiddleware(cipher) {
+  return (req, res) => {
+    const start = Date.now();
+    const originalEnd = res.end.bind(res);
+    res.end = ((...args) => {
+      const url = new URL(req.url, "http://localhost");
+      cipher.logRequest({
+        method: req.method,
+        path: url.pathname + url.search,
+        status: res.status ?? 200,
+        duration: Date.now() - start,
+        ip: getHeader6(req, "x-forwarded-for")?.split(",")[0]?.trim() ?? getHeader6(req, "x-real-ip"),
+        userAgent: getHeader6(req, "user-agent"),
+        referer: getHeader6(req, "referer"),
+        protocol: url.protocol.replace(":", ""),
+        host: getHeader6(req, "host"),
+        query: parseQuery6(url),
+        requestId: getHeader6(req, "x-request-id")
+      });
+      return originalEnd(...args);
+    });
+  };
+}
+
+// src/adapters/vue/middleware.ts
+function getHeader7(request, name) {
+  if (request.headers instanceof Headers) {
+    return request.headers.get(name) ?? void 0;
+  }
+  const value = request.headers[name.toLowerCase()];
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value ?? void 0;
+}
+function parseQuery7(url) {
+  const result = {};
+  for (const [key, value] of url.searchParams.entries()) {
+    result[key] = value;
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function createVueMiddleware(cipher) {
+  return (req, res) => {
+    const start = Date.now();
+    const originalEnd = res.end.bind(res);
+    res.end = ((...args) => {
+      const url = new URL(req.url, "http://localhost");
+      cipher.logRequest({
+        method: req.method,
+        path: url.pathname + url.search,
+        status: res.status ?? 200,
+        duration: Date.now() - start,
+        ip: getHeader7(req, "x-forwarded-for")?.split(",")[0]?.trim() ?? getHeader7(req, "x-real-ip"),
+        userAgent: getHeader7(req, "user-agent"),
+        referer: getHeader7(req, "referer"),
+        protocol: url.protocol.replace(":", ""),
+        host: getHeader7(req, "host"),
+        query: parseQuery7(url),
+        requestId: getHeader7(req, "x-request-id")
+      });
+      return originalEnd(...args);
+    });
+  };
+}
+
+// src/adapters/nuxt/middleware.ts
+function getHeader8(request, name) {
+  if (request.headers instanceof Headers) {
+    return request.headers.get(name) ?? void 0;
+  }
+  const value = request.headers[name.toLowerCase()];
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value ?? void 0;
+}
+function parseQuery8(url) {
+  const result = {};
+  for (const [key, value] of url.searchParams.entries()) {
+    result[key] = value;
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function createNuxtMiddleware(cipher) {
+  return (req, res) => {
+    const start = Date.now();
+    const originalEnd = res.end.bind(res);
+    res.end = ((...args) => {
+      const url = new URL(req.url, "http://localhost");
+      cipher.logRequest({
+        method: req.method,
+        path: url.pathname + url.search,
+        status: res.status ?? 200,
+        duration: Date.now() - start,
+        ip: getHeader8(req, "x-forwarded-for")?.split(",")[0]?.trim() ?? getHeader8(req, "x-real-ip"),
+        userAgent: getHeader8(req, "user-agent"),
+        referer: getHeader8(req, "referer"),
+        protocol: url.protocol.replace(":", ""),
+        host: getHeader8(req, "host"),
+        query: parseQuery8(url),
+        requestId: getHeader8(req, "x-request-id")
+      });
+      return originalEnd(...args);
+    });
+  };
+}
+
 // src/core/create-cipher-logger.ts
 function createCipherLogger(config = {}) {
   const fields = resolveFieldConfig(config.fields);
@@ -352,6 +483,15 @@ function createCipherLogger(config = {}) {
     next() {
       return createNextMiddleware(cipherLogger);
     },
+    react() {
+      return createReactMiddleware(cipherLogger);
+    },
+    vue() {
+      return createVueMiddleware(cipherLogger);
+    },
+    nuxt() {
+      return createNuxtMiddleware(cipherLogger);
+    },
     fastify() {
       return createFastifyMiddleware(cipherLogger);
     },
@@ -375,5 +515,8 @@ export {
   createHonoMiddleware,
   createNestMiddleware,
   createNextMiddleware,
+  createNuxtMiddleware,
+  createReactMiddleware,
+  createVueMiddleware,
   logger
 };

package/eslint.config.mjs

@@ -0,0 +1,69 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+export default defineConfig([
+  ...nextVitals,
+  ...nextTs,
+
+  {
+    rules: {
+      // ===== JavaScript =====
+      eqeqeq: ["error", "always"],
+      curly: ["error", "all"],
+      "no-var": "error",
+      "prefer-const": "error",
+      "no-console":
+        process.env.NODE_ENV === "production"
+          ? ["warn", { allow: ["warn", "error"] }]
+          : "off",
+
+      // ===== TypeScript =====
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          ignoreRestSiblings: true,
+        },
+      ],
+      "@typescript-eslint/consistent-type-imports": [
+        "error",
+        {
+          prefer: "type-imports",
+          fixStyle: "inline-type-imports",
+        },
+      ],
+      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/no-non-null-assertion": "warn",
+
+      // ===== Import =====
+      "sort-imports": [
+        "warn",
+        {
+          ignoreDeclarationSort: true,
+          ignoreCase: true,
+        },
+      ],
+
+      // ===== React =====
+      "react/jsx-key": "error",
+      "react/self-closing-comp": "warn",
+
+      // ===== Next =====
+      "@next/next/no-img-element": "warn",
+    },
+  },
+
+  globalIgnores([
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+    "coverage/**",
+    "dist/**",
+    "*.config.js",
+    "*.config.cjs",
+    "*.config.mjs",
+  ]),
+]);

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "cipher-logger",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "See every request. Capture every error. Understand your application.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "scripts": {
     "build": "tsup",
-    "prepublishOnly": "npm run build"
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "test": "pnpm run lint && pnpm run build",
+    "prepublishOnly": "pnpm run test",
+    "commitlint": "commitlint --edit",
+    "clean": "rm -rf out dist node_modules/.cache",
+    "prepare": "husky"
   },
   "repository": {
     "type": "git",
@@ -41,6 +47,12 @@
     "nextjs",
     "nextjs-logger",
     "nextjs-middleware",
+    "react",
+    "react-logger",
+    "vue",
+    "vue-logger",
+    "nuxt",
+    "nuxt-logger",
     "express",
     "express-logger",
     "fastify",
@@ -62,6 +74,9 @@
   "peerDependencies": {
     "express": ">=4",
     "next": ">=13",
+    "react": ">=18",
+    "vue": ">=3",
+    "nuxt": ">=3",
     "fastify": ">=4",
     "hono": ">=1",
     "@nestjs/common": ">=10",
@@ -73,8 +88,16 @@
     },
     "next": {
       "optional": true
-    }
-    ,
+    },
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "nuxt": {
+      "optional": true
+    },
     "fastify": {
       "optional": true
     },
@@ -89,6 +112,8 @@
     }
   },
   "devDependencies": {
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@types/express": "^5.0.3",
     "@types/node": "^26.1.2",
     "express": "^5.1.0",
@@ -96,6 +121,9 @@
     "fastify": "^4.27.0",
     "hono": "^3.3.0",
     "tsup": "^8.5.1",
+    "eslint": "^9",
+    "eslint-config-next": "16.3.0",
+    "husky": "^9.1.7",
     "typescript": "^6.0.3"
   }
-}
+}

package/prettier.config.mjs

@@ -0,0 +1,18 @@
+/** @type {import("prettier").Config} */
+const config = {
+    semi: true,
+    singleQuote: false,
+    jsxSingleQuote: false,
+    trailingComma: "all",
+    tabWidth: 2,
+    useTabs: false,
+    printWidth: 80,
+    bracketSpacing: true,
+    bracketSameLine: false,
+    arrowParens: "always",
+    endOfLine: "lf",
+  
+    plugins: ["prettier-plugin-tailwindcss"],
+  };
+  
+  export default config;