add playground

Author: wobsoriano

middleware.d.ts

@@ -1 +1 @@
-export * from './dist/runtime/server'
+export * from './dist/runtime/middleware'

package.json

@@ -37,9 +37,12 @@
   "scripts": {
     "prepublishOnly": "nr build",
     "build": "nuxt-module-build",
+    "play": "nr build && nuxi dev playground",
+    "build:playground": "nuxi build playground",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "release": "bumpp --commit --push --tag && npm publish"
+    "release": "bumpp --commit --push --tag && npm publish",
+    "prepare": "nr build && nuxi prepare playground"
   },
   "peerDependencies": {
     "http-proxy-middleware": ">=3.0.0"
@@ -48,6 +51,7 @@
     "@nuxt/kit": "^3.0.0-rc.3",
     "dedent": "^0.7.0",
     "defu": "^6.0.0",
+    "h3": "^0.7.9",
     "http-proxy-middleware": "^3.0.0-beta.0",
     "pathe": "^0.3.0"
   },

playground/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Hello world
+  </div>
+</template>

playground/nuxt.config.ts

@@ -0,0 +1,18 @@
+import { defineNuxtConfig } from 'nuxt'
+
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  modules: ['nuxt-proxy'],
+  proxy: {
+    target: 'https://jsonplaceholder.typicode.com',
+    changeOrigin: true,
+    pathRewrite: {
+      '^/api/todos': '/todos',
+      '^/api/users': '/users',
+    },
+    pathFilter: [
+      '/api/todos',
+      '/api/users',
+    ],
+  },
+})

playground/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "playground",
+  "private": true,
+  "dependencies": {
+    "nuxt-proxy": "workspace:*"
+  }
+}

pnpm-lock.yaml

@@ -0,0 +1,2 @@
+packages:
+  - playground/*

pnpm-workspace.yaml

@@ -1,32 +1,23 @@
 import { fileURLToPath } from 'url'
-import { addServerHandler, addTemplate, defineNuxtModule, useLogger } from '@nuxt/kit'
+import { addServerHandler, addTemplate, defineNuxtModule } from '@nuxt/kit'
 import type { Options } from 'http-proxy-middleware'
-import { resolve } from 'pathe'
+import { join } from 'pathe'
 import { defu } from 'defu'
 // @ts-expect-error: No types
 import dedent from 'dedent'
 
-const logger = useLogger('nuxt-proxy')
-
 export default defineNuxtModule<Options>({
   meta: {
     name: 'nuxt-proxy',
     configKey: 'proxy',
   },
-  defaults: {
-    logger,
-    changeOrigin: true,
-  },
+  defaults: {},
   setup(options, nuxt) {
     const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
     nuxt.options.build.transpile.push(runtimeDir, '#build/proxy-handler')
 
     // Final resolved configuration
-    const finalConfig = nuxt.options.runtimeConfig.proxy = defu(nuxt.options.runtimeConfig.proxy, {
-      logger: options.logger,
-      changeOrigin: options.changeOrigin,
-      ...options,
-    })
+    const finalConfig = nuxt.options.runtimeConfig.proxy = defu(nuxt.options.runtimeConfig.proxy, options)
 
     addTemplate({
       filename: 'proxy-handler.ts',
@@ -39,7 +30,7 @@ export default defineNuxtModule<Options>({
     })
 
     addServerHandler({
-      handler: resolve(nuxt.options.buildDir, 'proxy-handler.ts'),
+      handler: join(nuxt.options.buildDir, 'proxy-handler.ts'),
       middleware: true,
     })
   },

src/module.ts

@@ -1,10 +1,10 @@
 import type { Options } from 'http-proxy-middleware'
+import { defineEventHandler } from 'h3'
 import { createProxyMiddleware as _createProxyMiddleware } from 'http-proxy-middleware'
 
 export function createProxyMiddleware(options: Options) {
   const proxyMiddleware = _createProxyMiddleware(options)
 
-  // @ts-expect-error: Resolved by Nuxt
   return defineEventHandler(async (event) => {
     await new Promise((resolve, reject) => {
       proxyMiddleware(event.req, event.res, (err?: unknown) => {