feat(shared): Ensure we only load clerk-js v4 in the interstitial, in…

…stead of latest
clerk · Nov 22, 2023 · f0379a2 · f0379a2
1 parent 383d336
commit f0379a2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/packages/shared/global.d.ts b/packages/shared/global.d.ts
@@ -1,6 +1,7 @@
 export {};
 
 declare global {
+  const CLERK_JS_PACKAGE_VERSION: string;
   const PACKAGE_VERSION: string;
   const __DEV__: boolean;
 }
diff --git a/packages/shared/src/url.ts b/packages/shared/src/url.ts
@@ -53,7 +53,7 @@ export const getClerkJsMajorVersionOrTag = (frontendApi: string, pkgVersion?: st
  */
 export const getScriptUrl = (
   frontendApi: string,
-  { pkgVersion, clerkJSVersion }: { pkgVersion?: string; clerkJSVersion?: string },
+  { pkgVersion = CLERK_JS_PACKAGE_VERSION, clerkJSVersion }: { pkgVersion?: string; clerkJSVersion?: string },
 ) => {
   const noSchemeFrontendApi = frontendApi.replace(/http(s)?:\/\//, '');
   const major = getClerkJsMajorVersionOrTag(frontendApi, pkgVersion);

diff --git a/packages/shared/tsup.config.ts b/packages/shared/tsup.config.ts
@@ -3,6 +3,7 @@ import { transform } from 'esbuild';
 import { readFile } from 'fs/promises';
 import { defineConfig } from 'tsup';
 
+import { version as clerkJsVersion } from '../clerk-js/package.json';
 import { name, version } from './package.json';
 
 export default defineConfig(overrideOptions => {
@@ -17,8 +18,9 @@ export default defineConfig(overrideOptions => {
     sourcemap: true,
     dts: true,
     external: ['react', 'react-dom'],
-    esbuildPlugins: [WebWorkerMinifyPlugin as any],
+    esbuildPlugins: [WebWorkerMinifyPlugin],
     define: {
+      CLERK_JS_PACKAGE_VERSION: `"${clerkJsVersion}"`,
       PACKAGE_NAME: `"${name}"`,
       PACKAGE_VERSION: `"${version}"`,
       __DEV__: `${isWatch}`,