fix: isolate instance on ssr

Author: adenvt

.gitignore

@@ -129,3 +129,5 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+
+.clinic/

package.json

@@ -47,7 +47,7 @@
     "coverage": "vitest run src --coverage --config ./vitest.config.ts"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.12.4",
+    "@nuxt/kit": "^3.13.2",
     "axios": "^1.7.2",
     "defu": "^6.1.4",
     "ofetch": "^1.3.4",
@@ -62,7 +62,7 @@
     "@nuxt/schema": "3.13.2",
     "@nuxt/test-utils": "3.14.2",
     "@privyid/eslint-config-persona": "0.27.0",
-    "@privyid/nhp": "1.0.0",
+    "@privyid/nhp": "1.0.1",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
     "@vitest/coverage-v8": "^2.0.5",
@@ -85,5 +85,9 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "resolutions": {
+    "http-proxy": "npm:http-proxy-node16@1.0.5",
+    "rollup": "npm:@rollup/wasm-node@*"
   }
 }

playground/pages/demo.vue

@@ -0,0 +1,5 @@
+<template>
+  <h1>
+    Heeeelllo Wooorrrlllddd !!!!
+  </h1>
+</template>

playground/plugins/api.server.ts

@@ -0,0 +1,14 @@
+import { defineNuxtPlugin } from '#app'
+import { onRequest } from '@privyid/nuapi/core'
+
+export default defineNuxtPlugin({
+  dependsOn: ['nuapi:plugin'],
+  setup () {
+    onRequest((config) => {
+      if (!config.headers.Authorization)
+        config.headers.Authorization = 'Bearer 123456'
+
+      return config
+    })
+  },
+})

playground/plugins/api.ts

@@ -0,0 +1,34 @@
+import { defineEventHandler } from 'h3'
+import process from 'node:process'
+
+export default defineEventHandler(() => {
+  if (!global.gc) {
+    return {
+      code   : 400,
+      message: 'GC not available',
+    }
+  }
+
+  const before = process.memoryUsage()
+
+  global.gc()
+
+  const after = process.memoryUsage()
+  const diff  = {
+    rss         : before.rss - after.rss,
+    heapTotal   : before.heapTotal - after.heapTotal,
+    heapUsed    : before.heapUsed - after.heapUsed,
+    external    : before.external - after.external,
+    arrayBuffers: before.arrayBuffers - after.arrayBuffers,
+  }
+
+  return {
+    code   : 200,
+    message: 'Memory clerer',
+    data   : {
+      before,
+      after,
+      diff,
+    },
+  }
+})

playground/server/routes/gc.ts

@@ -0,0 +1 @@
+{ "extends": "../.nuxt/tsconfig.server.json" }

playground/server/tsconfig.json

@@ -1,4 +1,19 @@
 import { createLazyton } from './instance'
+import type { ApiResolver } from './types'
+
+let $resolver: ApiResolver
+
+export function setResolver (resolver: ApiResolver) {
+  $resolver = resolver
+}
+
+const getApi = createLazyton({}, true)
+
+/**
+ * Set global api instance
+ * @param instance
+ */
+export const setApi = getApi.setApi
 
 /**
  * Use global api instance
@@ -7,10 +22,8 @@ import { createLazyton } from './instance'
  *
  * api.get('/some/endpoint')
  */
-export const useApi = createLazyton({}, true)
-
-/**
- * Set global api instance
- * @param instance
- */
-export const setApi = useApi.setApi
+export const useApi = () => {
+  return $resolver
+    ? $resolver()
+    : getApi()
+}

src/core/global.ts

@@ -28,20 +28,20 @@ function toValue<T extends object = any> (value: T | (() => T)) {
  *  useApi().get('/url/endpoint/')
  */
 export function createLazyton (options: ApiConfig | (() => ApiConfig) = {}, fresh = false): LazyInstance {
-  let api: ApiInstance
+  let $api: ApiInstance
 
   const getApi = function () {
-    if (!api) {
-      api = fresh
+    if (!$api) {
+      $api = fresh
         ? createApi(toValue(options))
         : useApi().create(toValue(options))
     }
 
-    return api
+    return $api
   }
 
   const setApi = function (instance: ApiInstance) {
-    api = instance
+    $api = instance
   }
 
   return Object.assign(getApi, { setApi })

src/core/instance.ts

@@ -107,4 +107,4 @@ export interface ApiInstance extends AxiosInstance {
   create: (this: ApiInstance, config?: ApiConfig) => ApiInstance,
 }
 
-export type ApiResolver = () => ApiInstance | undefined
+export type ApiResolver = () => ApiInstance