Elef/wip

packages/astro-clerk-auth/package.json

@@ -102,6 +102,12 @@
     "./components/*": "./components/*",
     "./package.json": "./package.json"
   },
+  "imports": {
+    "#async-local-storage": {
+      "node": "./dist/async-local-storage.server.js",
+      "default": "./dist/async-local-storage.client.js"
+    }
+  },
   "dependencies": {
     "@clerk/backend": "1.1.1",
     "@clerk/clerk-js": "5.2.1",

packages/astro-clerk-auth/src/async-local-storage.client.ts

@@ -0,0 +1,34 @@
+import type { AsyncLocalStorage } from 'async_hooks';
+
+const sharedAsyncLocalStorageNotAvailableError = new Error(
+  'Invariant: AsyncLocalStorage accessed in runtime where it is not available',
+);
+
+class FakeAsyncLocalStorage<Store extends {}> implements AsyncLocalStorage<Store> {
+  disable(): void {
+    throw sharedAsyncLocalStorageNotAvailableError;
+  }
+
+  getStore(): Store | undefined {
+    // This fake implementation of AsyncLocalStorage always returns `undefined`.
+    return undefined;
+  }
+
+  run<R>(): R {
+    throw sharedAsyncLocalStorageNotAvailableError;
+  }
+
+  exit<R>(): R {
+    throw sharedAsyncLocalStorageNotAvailableError;
+  }
+
+  enterWith(): void {
+    throw sharedAsyncLocalStorageNotAvailableError;
+  }
+}
+
+function createAsyncLocalStorage<Store extends {}>(): AsyncLocalStorage<Store> {
+  return new FakeAsyncLocalStorage();
+}
+
+export const authAsyncStorage = createAsyncLocalStorage();

packages/astro-clerk-auth/src/client/react/hooks.ts

@@ -10,7 +10,8 @@ import type {
 import type { Store, StoreValue } from 'nanostores';
 import { useCallback, useSyncExternalStore } from 'react';
 import { $authStore, $clerk, $csrState } from '../../stores/internal';
-import { authAsyncStorage } from '../../server/async-local-storage';
+// @ts-ignore
+import { authAsyncStorage } from '#async-local-storage';
 
 type CheckAuthorizationSignedOut = undefined;
 type CheckAuthorizationWithoutOrgOrUser = (params?: Parameters<CheckAuthorizationWithCustomPermissions>[0]) => false;

packages/astro-clerk-auth/src/server/clerk-middleware.ts

@@ -14,7 +14,8 @@ import { APIContext } from 'astro';
 import { createCurrentUser } from './current-user';
 import { isRedirect, setHeader } from './utils';
 import { serverRedirectWithAuth } from './server-redirect-with-auth';
-import { authAsyncStorage } from './async-local-storage';
+// @ts-ignore
+import { authAsyncStorage } from "#async-local-storage";
 import { buildClerkHotloadScript } from './build-clerk-hotload-script';
 
 const CONTROL_FLOW_ERROR = {

packages/astro-clerk-auth/src/server/index.ts

@@ -41,5 +41,5 @@ export type { GetAuthReturn } from './get-auth';
 /**
  * Export async storage for astro component to use directly
  */
-import { authAsyncStorage } from '../server/async-local-storage';
-export const __internal_authAsyncStorage = authAsyncStorage;
+// import { authAsyncStorage } from '../server/async-local-storage';
+// export const __internal_authAsyncStorage = authAsyncStorage;

packages/astro-clerk-auth/tsup.config.ts

@@ -17,6 +17,8 @@ export default defineConfig(() => {
       './src/v0/index.ts',
       './src/integration/index.ts',
       './src/integration/hotload.ts',
+      './src/async-local-storage.client.ts',
+      './src/async-local-storage.server.ts',
     ],
     dts: true,
     minify: false,
@@ -27,6 +29,6 @@ export default defineConfig(() => {
     bundle: true,
     sourcemap: true,
     format: ['esm'],
-    external: ['astro', 'react', 'react-dom', 'node:async_hooks'],
+    external: ['astro', 'react', 'react-dom', 'node:async_hooks','#async-local-storage'],
   };
 });