fix: Add version to embed.js and preview.js (#16182)

packages/embeds/embed-core/package.json

@@ -15,7 +15,7 @@
     "embed-web-start": "yarn workspace @calcom/web start",
     "__build": "yarn tailwind && vite build && tsc --emitDeclarationOnly --declarationDir dist && cp -r ../../../apps/web/public/embed ./dist/",
     "__dev": "yarn tailwind && vite build --mode development",
-    "build": "rm -rf dist && NEXT_PUBLIC_EMBED_FINGER_PRINT=$(git rev-parse --short HEAD) yarn __build",
+    "build": "rm -rf dist && NEXT_PUBLIC_EMBED_FINGER_PRINT=$(git rev-parse --short HEAD) NEXT_PUBLIC_EMBED_VERSION=$(node -p 'require(\"./package.json\").version') yarn __build",
     "build-preview": "PREVIEW_BUILD=1 yarn __build ",
     "vite": "vite",
     "tailwind": "yarn tailwindcss -i ./src/styles.css -o ./src/tailwind.generated.css",

packages/embeds/embed-core/src/embed.ts

@@ -52,6 +52,7 @@ if (!globalCal || !globalCal.q) {
 // TODO: Ideally it should be the version as per package.json and then it can be renamed to version.
 // But because it is built on local machine right now, it is much more reliable to have the commit hash.
 globalCal.fingerprint = process.env.EMBED_PUBLIC_EMBED_FINGER_PRINT as string;
+globalCal.version = process.env.EMBED_PUBLIC_EMBED_VERSION as string;
 globalCal.__css = allCss;
 document.head.appendChild(document.createElement("style")).innerHTML = css;
 
@@ -810,6 +811,7 @@ export interface GlobalCalWithoutNs {
   instance?: Cal;
   __css?: string;
   fingerprint?: string;
+  version?: string;
   __logQueue?: unknown[];
 }
 

packages/embeds/embed-core/src/preview.ts

@@ -50,6 +50,7 @@ if (!bookerUrl || !embedLibUrl) {
 })(window, embedLibUrl, "init");
 const previewWindow = window;
 previewWindow.Cal.fingerprint = process.env.EMBED_PUBLIC_EMBED_FINGER_PRINT as string;
+previewWindow.Cal.version = process.env.EMBED_PUBLIC_EMBED_VERSION as string;
 
 previewWindow.Cal("init", {
   origin: bookerUrl,

packages/embeds/embed-core/vite.config.js

@@ -13,6 +13,7 @@ module.exports = defineConfig((configEnv) => {
     plugins: [
       EnvironmentPlugin({
         EMBED_PUBLIC_EMBED_FINGER_PRINT: embedCoreEnvVars.EMBED_PUBLIC_EMBED_FINGER_PRINT,
+        EMBED_PUBLIC_EMBED_VERSION: embedCoreEnvVars.EMBED_PUBLIC_EMBED_VERSION,
         EMBED_PUBLIC_VERCEL_URL: embedCoreEnvVars.EMBED_PUBLIC_VERCEL_URL,
         EMBED_PUBLIC_WEBAPP_URL: embedCoreEnvVars.EMBED_PUBLIC_WEBAPP_URL,
       }),

packages/embeds/vite.config.js

@@ -6,6 +6,8 @@ process.env.EMBED_PUBLIC_WEBAPP_URL = process.env.NEXT_PUBLIC_WEBAPP_URL;
 process.env.EMBED_PUBLIC_EMBED_LIB_URL = process.env.NEXT_PUBLIC_EMBED_LIB_URL;
 // eslint-disable-next-line turbo/no-undeclared-env-vars
 process.env.EMBED_PUBLIC_EMBED_FINGER_PRINT = process.env.NEXT_PUBLIC_EMBED_FINGER_PRINT;
+// eslint-disable-next-line turbo/no-undeclared-env-vars
+process.env.EMBED_PUBLIC_EMBED_VERSION = process.env.NEXT_PUBLIC_EMBED_VERSION;
 
 // Problem: typeof process.env.EMBED_PUBLIC_EMBED_LIB_URL is "undefined"(truthy) if process.env.NEXT_PUBLIC_EMBED_LIB_URL is undefined(falsy)
 // This is probably because environment variables are always string, so this weird automatic conversion to string happens
@@ -30,6 +32,7 @@ const viteBaseConfig = {
 export default viteBaseConfig;
 export const embedCoreEnvVars = {
   EMBED_PUBLIC_EMBED_FINGER_PRINT: process.env.EMBED_PUBLIC_EMBED_FINGER_PRINT ?? "",
+  EMBED_PUBLIC_EMBED_VERSION: process.env.EMBED_PUBLIC_EMBED_VERSION ?? "",
   EMBED_PUBLIC_VERCEL_URL: process.env.EMBED_PUBLIC_VERCEL_URL ?? "http://localhost:3000",
   EMBED_PUBLIC_WEBAPP_URL:
     process.env.EMBED_PUBLIC_WEBAPP_URL ??

turbo.json

@@ -188,7 +188,7 @@
     "@calcom/embed-core#build": {
       "cache": false,
       "outputs": ["../../../apps/web/public/embed/**"],
-      "env": ["EMBED_PUBLIC_VERCEL_URL", "EMBED_PUBLIC_WEBAPP_URL", "EMBED_PUBLIC_EMBED_FINGER_PRINT"]
+      "env": ["EMBED_PUBLIC_VERCEL_URL", "EMBED_PUBLIC_WEBAPP_URL", "EMBED_PUBLIC_EMBED_FINGER_PRINT", "EMBED_PUBLIC_EMBED_VERSION"]
     },
     "embed-tests-update-snapshots:ci": {
       "cache": false,
@@ -418,6 +418,7 @@
     "CLOUDFLARE_VERCEL_CNAME",
     "CLOUDFLARE_DNS",
     "EMBED_PUBLIC_EMBED_FINGER_PRINT",
+    "EMBED_PUBLIC_EMBED_VERSION",
     "EMBED_PUBLIC_WEBAPP_URL",
     "EMBED_PUBLIC_VERCEL_URL",
     "NEXT_PUBLIC_ENABLE_PROFILE_SWITCHER",