improve: global runtime

Author: patroza

frontend/composables/client.ts

@@ -1,7 +1,6 @@
 import { makeClient } from "@effect-app/vue/makeClient"
 import { useToast } from "vue-toastification"
 import { useIntl } from "./intl"
-import { runtime, type RT } from "~/plugins/runtime"
 import type { Effect } from "effect-app"
 import { clientFor as clientFor_ } from "#resources/lib"
 import type { Requests } from "effect-app/client/clientFor"
@@ -18,19 +17,17 @@ export {
   mapHandler,
 } from "@effect-app/vue"
 
-const rt = computed(() => runtime.value?.runtime)
-
 export const run = <A, E>(
   effect: Effect.Effect<A, E, RT>,
   options?:
     | {
         readonly signal?: AbortSignal
       }
     | undefined,
-) => runtime.value!.runPromise(effect, options)
+) => runtime.runPromise(effect, options)
 
 export const runSync = <A, E>(effect: Effect.Effect<A, E, RT>) =>
-  runtime.value!.runSync(effect)
+  runtime.runSync(effect)
 
 export const clientFor = <M extends Requests>(m: M) => runSync(clientFor_(m))
 export const useOperationsClient = () => runSync(OperationsClient)
@@ -42,4 +39,4 @@ export const {
   useSafeMutation,
   useSafeMutationWithState,
   useSafeQuery,
-} = makeClient(useIntl, useToast, rt)
+} = makeClient(useIntl, useToast, shallowRef(runtime.runtime)) // TODO

frontend/plugins/runtime.ts frontend/composables/runtime.tsfrontend/plugins/runtime.ts renamed to frontend/composables/runtime.ts

@@ -5,16 +5,14 @@ import * as Runtime from "effect/Runtime"
 import { Effect, Option } from "effect-app"
 import { WebSdkLive } from "~/utils/observability"
 import "effect-app/builtin"
-import { ref, shallowRef } from "vue"
+import { ref } from "vue"
 import { HttpClient } from "effect-app/http"
 import { FetchHttpClient } from "@effect/platform"
 import { ApiClientFactory } from "effect-app/client/apiClientFactory"
-import { defineNuxtPlugin, useRuntimeConfig } from "nuxt/app"
+import { type useRuntimeConfig } from "nuxt/app"
 
 export const versionMatch = ref(true)
 
-export const runtime = shallowRef<ReturnType<typeof makeRuntime>>()
-
 function makeRuntime(feVersion: string, disableTracing: boolean) {
   const apiLayers = ApiClientFactory.layer({
     url: "/api/api",
@@ -42,23 +40,26 @@ function makeRuntime(feVersion: string, disableTracing: boolean) {
     ),
   )
 
+  const globalLayers = disableTracing
+    ? Layer.empty
+    : WebSdkLive({
+        serviceName: "effect-app-boilerplate-frontend",
+        serviceVersion: feVersion,
+        attributes: {},
+      })
+
   const rt: {
     runtime: Runtime.Runtime<RT>
     clean: () => void
   } = initializeSync(
     // TODO: tracing when deployed
     disableTracing
       ? apiLayers
-      : apiLayers.pipe(
-          Layer.merge(
-            WebSdkLive({
-              serviceName: "effect-app-boilerplate-frontend",
-              serviceVersion: feVersion,
-              attributes: {},
-            }),
-          ),
-        ),
+      : apiLayers.pipe(Layer.provideMerge(globalLayers)),
   )
+
+  //Atom.runtime.addGlobalLayer(globalLayers)
+
   return {
     ...rt,
     runFork: Runtime.runFork(rt.runtime),
@@ -71,13 +72,25 @@ function makeRuntime(feVersion: string, disableTracing: boolean) {
 // TODO: make sure the runtime provides these
 export type RT = ApiClientFactory
 
-export default defineNuxtPlugin(_ => {
-  const config = useRuntimeConfig()
+/*
+  We read the configuration from the global var sent by server, embedded in the html document.
+  The reason for this is, that we want to have the configuration available before the Nuxt app is initialized.
+  Otherwise we can only initialize the runtime in nuxt plugin, script setup or middleware,
+  which means we cannot do anything with the runtime in the root of modules, etc.
 
-  const rt = makeRuntime(
-    config.public.feVersion,
-    config.public.env !== "local-dev" || !config.public.telemetry,
-  )
+  Now we can use things like clientFor, which leverage the runtime, and export clients directly from modules.
+*/
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const config = (globalThis as any).__NUXT__.config as ReturnType<
+  typeof useRuntimeConfig
+>
+const isRemote = config.public.env !== "local-dev"
+const disableTracing = !isRemote || !config.public.telemetry
 
-  runtime.value = rt
-})
+export const runtime = makeRuntime(
+  config.public.feVersion,
+  disableTracing,
+  // config.public.env,
+  // isRemote,
+  // !isRemote && !config.public.telemetry,
+)