@cooperco/nuxt-layer-base 1.3.1 → 1.3.2

package/README.md

@@ -133,11 +133,11 @@ When enabled via environment variables, the base layer will:
 
 Enable in your app with environment variables:
 
-- `LOGGLY_ENABLED=true`
-- `LOGGLY_TOKEN=<your Loggly customer token>` (server-only)
-- `LOGGLY_TAGS=app-name,env` (optional, comma-separated)
-- `LOG_LEVEL=error` (optional; exposed to client for your own use)
-- `LOGGLY_ENDPOINT=https://logs-01.loggly.com/inputs` (optional override, server-only)
+- `NUXT_PUBLIC_LOGGLY_ENABLED=true`
+- `NUXT_LOGGLY_TOKEN=<your Loggly customer token>` (server-only)
+- `NUXT_PUBLIC_LOGGLY_TAGS=app-name,env` (optional, comma-separated)
+- `NUXT_PUBLIC_LOG_LEVEL=error` (optional; exposed to client for your own use)
+- `NUXT_LOGGLY_ENDPOINT=https://logs-01.loggly.com/inputs` (optional override, server-only)
 
 Notes
 - The token is never exposed to the client. Browsers only post to your app’s `/api/log` endpoint (with `/api/loggly` kept as a deprecated alias).
@@ -176,9 +176,9 @@ Security and privacy:
 Verify locally:
 1) Add env vars in your app (e.g., `.env.local`):
 ```
-LOGGLY_ENABLED=true
-LOGGLY_TOKEN=...your token...
-LOGGLY_TAGS=app-name,local
+NUXT_PUBLIC_LOGGLY_ENABLED=true
+NUXT_LOGGLY_TOKEN=...your token...
+NUXT_PUBLIC_LOGGLY_TAGS=app-name,local
 ```
 2) Start your app and trigger a test error.
 3) Check the network tab for `POST /api/log` and then confirm the entry in Loggly.

package/app/composables/useLogger.ts

@@ -1,9 +1,16 @@
 export type LogLevel = 'error' | 'warn' | 'info' | 'debug'
 
+// Parse logglyTags from string (comma-separated) or array
+const parseTags = (tags: unknown): string[] => {
+  if (Array.isArray(tags)) return tags
+  if (typeof tags === 'string') return tags.split(',').map(s => s.trim()).filter(Boolean)
+  return []
+}
+
 export const useLogger = () => {
   const { public: pub } = useRuntimeConfig()
   const enabled = !!pub?.logglyEnabled
-  const baseTags = (pub?.logglyTags || []) as string[]
+  const baseTags = parseTags(pub?.logglyTags)
 
   const send = (
     level: LogLevel,

package/nuxt.config.ts

@@ -5,16 +5,18 @@ export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
 
   runtimeConfig: {
-    // server-only
+    // server-only - Set via NUXT_LOGGLY_TOKEN or LOGGLY_TOKEN at runtime
     logglyToken: process.env.LOGGLY_TOKEN || '',
     logglyEndpoint: process.env.LOGGLY_ENDPOINT || 'https://logs-01.loggly.com/inputs',
 
-    // public (safe to expose)
+    // public - Set via NUXT_PUBLIC_* or legacy non-prefixed vars at runtime
     public: {
-      // Allow either LOGGLY_ENABLED or NUXT_PUBLIC_LOGGLY_ENABLED to enable client features
-      logglyEnabled: (process.env.NUXT_PUBLIC_LOGGLY_ENABLED ?? process.env.LOGGLY_ENABLED) === 'true',
-      logglyTags: (process.env.NUXT_PUBLIC_LOGGLY_TAGS ?? process.env.LOGGLY_TAGS ?? 'nuxt,base').split(',').map(s => s.trim()).filter(Boolean),
-      logLevel: (process.env.NUXT_PUBLIC_LOG_LEVEL ?? process.env.LOG_LEVEL) || 'error' // error|warn|info|debug
+      // NUXT_PUBLIC_LOGGLY_ENABLED or LOGGLY_ENABLED
+      logglyEnabled: process.env.LOGGLY_ENABLED === 'true' || false,
+      // NUXT_PUBLIC_LOGGLY_TAGS or LOGGLY_TAGS
+      logglyTags: process.env.LOGGLY_TAGS || 'nuxt,base',
+      // NUXT_PUBLIC_LOG_LEVEL or LOG_LEVEL
+      logLevel: process.env.LOG_LEVEL || 'error'
     }
   },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cooperco/nuxt-layer-base",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "type": "module",
   "main": "./nuxt.config.ts",
   "author": "cooperco",
@@ -30,6 +30,7 @@
   "devDependencies": {
     "@nuxt/eslint": "^1.12.1",
     "@nuxt/test-utils": "^3.23.0",
+    "@types/node": "^25.0.10",
     "eslint": "^9.39.2",
     "vue-tsc": "^3.2.2"
   }

package/server/api/log.post.ts

@@ -8,6 +8,13 @@ type LogglyBody = {
   meta?: Record<string, unknown>
 }
 
+// Parse logglyTags from string (comma-separated) or array
+const parseTags = (tags: unknown): string[] => {
+  if (Array.isArray(tags)) return tags
+  if (typeof tags === 'string') return tags.split(',').map(s => s.trim()).filter(Boolean)
+  return []
+}
+
 const sanitizeMeta = (input: unknown) => {
   if (!input || typeof input !== 'object') return undefined
   const blocked = [
@@ -48,7 +55,7 @@ export default defineEventHandler(async (event) => {
   const scrubbed = {
     level: body?.level ?? 'error',
     message: body?.message?.toString().slice(0, 5000),
-    tags: [...new Set([...(pub.logglyTags || []), ...(body?.tags || [])])].slice(0, 10),
+    tags: [...new Set([...parseTags(pub.logglyTags), ...(body?.tags || [])])].slice(0, 10),
     meta: sanitizeMeta(body?.meta),
     error: body?.error ? serializeError(body.error) : undefined,
     ts: new Date().toISOString()