create-injection-script-runner.ts

import { $initialState } from '../stores/internal';
import type { AstroClerkIntegrationParams } from '../types';
import { mergeEnvVarsWithParams } from './merge-env-vars-with-params';
import type { CreateClerkInstanceInternalFn } from './types';

/**
 * @internal
 * Before initializing Clerk do:
 * 1) Populate stores with the authentication state during SSR.
 * 2) Merge the environment variables from the server context with the ones from the integration.
 */
function createInjectionScriptRunner(creator: CreateClerkInstanceInternalFn) {
  async function runner(astroClerkOptions?: AstroClerkIntegrationParams) {
    const ssrDataContainer = document.getElementById('__CLERK_ASTRO_DATA__');
    if (ssrDataContainer) {
      $initialState.set(JSON.parse(ssrDataContainer.textContent || '{}'));
    }

    const clientSafeVarsContainer = document.getElementById('__CLERK_ASTRO_SAFE_VARS__');
    let clientSafeVars = {};
    if (clientSafeVarsContainer) {
      clientSafeVars = JSON.parse(clientSafeVarsContainer.textContent || '{}');
    }

    await creator(mergeEnvVarsWithParams({ ...astroClerkOptions, ...clientSafeVars }));
  }

  return runner;
}

export { createInjectionScriptRunner };